Freebeez2zero

Fichier vidéo

2009-03-16T11:04:00.000+01:00

Voici un lien vers un :

Fichier vidéo

Intégrer des cartes Google maps dans un blog

2009-03-12T18:03:00.008+01:00

1 – Aller sur Google maps :

Sur I-google, cliquer sur Plus > cartes

Cliquer sur « mes cartes »

Et « créer une nouvelle carte »

Remplissez les différents champs

Lancer une recherche sur votre 1er lieu

Cliquer sur l’outil « repère » (en haut à gauche de la carte)

Et aller cliquer sur la carte pour positionner votre repère

Quand c’est fait, vous avez accès à la fiche de votre repère

Commencez par donner un titre, vous pouvez également rentrer du contenu texte.

Cliquez sur « Texte enrichi » pour passer aux options avancées. Vous pouvez :

- Ajouter une image (même principe que dans Blogger, mais uniquement avec une URL)

- Transformer une partie de texte en hyper lien

- Appliquer des mises en forme de contenu

Vous pouvez également changer le « style » du repère

Une fois ces manipulations finies, cliquer sur « terminer »

Cliquer sur lien (en haut à droite de la carte)

Et cliquer sur « Personnaliser et prévisualiser la carte intégrée »

Configurer la boite de dialogue et copiez le code HTML

2 – A – Lier une carte au Blog avec un gadget « Html/Javascript »

Dans le back-office, Onglet « Mise en page » > sous onglet « Eléments de la page » cliquer sur « Ajouter un gadget » de la sidebar.

Cliquer sur le « + » du gadget « HTML/Javascript »

Rentrer un titre (ie : carte des églises), et coller le contenu du code HTML dans la partie « Contenu », puis cliquer sur « Enregistrer »

Passer sur l’onglet du blog et faites « F5 »

2 – C – Lier une carte au Blog avec un gadget article

Après avoir copié le code HTML sur le site Google maps, aller ensuite dans le back-office, onglet « Publication d’un message », sous-onglet « créer ». Donner un titre à votre article et quelques mots pour le corps du message.

Cliquer sur l’onglet « Modifier le code HTML »du corps du messag

Cliquer à la fin de votre texte, appuyez sur la touche « entrée » et coller votre code HTML.

Cliquer sur l’onglet « Rédiger », patientez un peu, votre carte doit s’afficher.

Cliquer alors sur « Publier le message »

Passez sur votre Blog, faites « F5 »

3 en +

En mettant à jour votre profil Google vous indiquer clairement les liens entre :

• votre blog

• vos cartes

• vos web albums

Pour accéder à votre profil Google, vous pouvez cliquer sur votre nom dans une fiche « repère » de « Google Maps » par exemple.

Google Maps dispose d’autres outils en plus du repère :

• L’outil « ligne » permet de tracer des itinéraires.

• L’outil « forme » permet de délimiter des zones.

Ajouter des photos directement sur les cartes

En vous inscrivant sur Panoramio (http://www.panoramio.com/) vous pouvez directement mettre en ligne des photos sur google Maps.

Cliquer sur « inscrivez-vous », suivez les instructions et cliquez sur « envoyez vos photos »

Cliquer sur « choisissez un fichier », récupérer votre photo et double-cliquer dessus

Une fois votre photo téléchargée, donner lui un titre et placer la.

Cliquer sur « placer cette photo », taper un nom de lieu et déplacer ensuite le repère. Terminer en cliquant sur « enregistrer la position » et « Terminer »

Vos photos sont maintenant visibles dans Google Maps (après un certain délai)

Intégrer des images dans un message depuis Web Album [2/2]

2009-02-20T17:43:00.008+01:00

(Images sur Google Picasa Album Web)

Cet article est la suite de "Intégrer des images dans un message depuis Web Album [1/2]".

Dans le précedent article nous nous attachions au concept de lien vers les albums, nous allons maintenant traiter des photos elles-mêmes

Sommaire :

• 4 - Interaction entre les photos d’un Web album et le Blog

o A Lier une photo à un gadget « HTML/Javascript »

o B Afficher une photo dans un article méthode N°1 «URL »

o C Afficher une photo dans un article méthode N°2 «HTML »

4 - Interaction entre les photos d’un Web album et le Blog

Cliquez sur une image de votre web album

Vous accéder alors à la gestion spécifique de la photo

Cliquer sur « Lien vers cette photo »

Vous retrouvez les mêmes possibilités que pour l’album, avec des options supplémentaires :

« Lien ». Il s’agit de l’adresse web de la page. Reprenez le paragraphe 3 – A et lier un ou plusieurs mots à la page d’une photo (et non plus à la page d’un Web Album).

« Insérer l’image dans une page Web » est un générateur de code HTML qui vous permettre de choisir la taille de l’image à insérer.

4 – A Lier une photo à un gadget « HTML/Javascript »

Sur la page de la photo, copier le code HTML (clic-droit copier)

Dans le back-office, Onglet « Mise en page » > sous onglet « Eléments de la page » cliquer sur « Ajouter un gadget » de la sidebar.

Cliquer sur le « + » du gadget « HTML/Javascript »

Rentrer un titre (ie : Photos sous-marine), et coller le contenu du code HTML dans la partie « Contenu », puis cliquer sur « Enregistrer »

Dans le back-office, Onglet « Mise en page » > sous onglet « Eléments de la page » cliquer sur «Enregistrer »

Passer sur votre Blog, faites « F5 »

Le résultat est légèrement différent qu’avec un Web Album

(Le lien en texte sous la photo, ici « De Photo sous marine » peut être supprimé si vous cochez « Masquer le lien vers l’album » avant de copier le code HTML sur la page de la photo.

4 – B Afficher une photo dans un article méthode N°1 «URL »

Sur la page de la photo, faites un clic-droit sur celle-ci et choisissez « ouvrir l’image dans un nouvel onglet »

Aller sur ce nouvel onglet et copier l’adresse de la page

Aller ensuite dans le back-office, onglet « Publication d’un message », sous-onglet « créer ». Donner un titre à votre article et quelques mots pour le corps du message.

Cliquer sur l’outil « Ajouter une image »

Dans la boite dialogue, coller l’adresse dans le champ URL, dans la partie « Image provenant du web », puis cliquez sur « Envoyer une image »

Cliquer sur « Terminer » sur l’écran suivant

Dans votre back-office, cliquer maintenant sur « Publier le message »

Passer sur votre Blog, faites « F5 »

4 – C Afficher une photo dans un article méthode N°2 «HTML »

Sur la page d’une photo, sélectionnez la dimension choisie pour votre image

Copiez ensuite le code HTML

Aller ensuite dans le back-office, onglet « Publication d’un message », sous-onglet « créer ». Donner un titre à votre article et quelques mots pour le corps du message.

Cliquer sur l’onglet « Modifier le code HTML » du corps du message.

Cliquer à la fin de votre texte, appuyez sur la touche « entrée » et coller votre code HTML.

Cliquer sur l’onglet « Rédiger », patientez un peu, votre image doit s’afficher.

Cliquer alors sur « Publier le message »

Passer sur votre Blog, faites « F5 »

Intégrer des images dans un message depuis Web Album [1/2]

2009-02-20T16:06:00.009+01:00

(Images sur Google Picasa Album Web)

Sommaire :

1 – Aller sur Web-Album :
2 – Création d’un Web Album
3 – Interactions entre un Web album et le Blog
3 – A – Lier un Web Album au Blog avec une adresse web
3 – B – Lier un Web Album au Blog avec un gadget « Html/Javascript »
3 – C– Lier un Web Album au Blog avec un gadget « Diaporama »
3 – D – Lier un Web Album au Blog avec un gadget « Flux »

Prochain post : lier les photos des Web Albums au blog.

Le service web-album de Google doit être initialisé lors de la première utilisation.

- Dans votre Firefox, ouvrez trois onglets :

o Un pour votre back office (le panneau de contrôle)

o Un pour votre front office (votre blog)

o Un pour I-google

1 – Aller sur Web-Album :

Sur I-google, cliquer sur Plus ?Photos

Votre mail est déjà rentré, mais vous devez indiquer votre mot de passe

Si vous avez déjà mis des photos en ligne sur votre blog, il est tout à fait possible que des albums existent déjà sur votre compte d’Albums Web. Si vous déplacez ou supprimez ces photos, elles seront également supprimées de votre blog.

2 – Création d’un Web Album

Cliquer sur le bouton « Transférer »

Cliquer sur "Créez-en un"

Remplissez les champs permettant la description de l’album.

Cliquer sur « Continuer »

Choisissez jusqu’à 5 fichiers différents et cliquez sur « Lancer le transfert »

Vous disposez d’une jauge qui vous indique l’espace libre dont vous disposez

Une fois le transfert fini, vous arrivez dans votre Web Album

Ajouter l’adresse de votre Album Web dans le module favoris de page Igoogle

3 – Interactions entre un Web album et le Blog

Cliquer sur « lien vers cet album » pour ouvrir les liens

A - Le 1er lien est une URL qui commence par http://picasaweb.google.fr....

C’est une adresse web que l’on peut coller directement dans un mail, dans la barre adresse d’un navigateur ou que l’on peut utiliser pour créer un lien dans notre blog (cf fiche « Créer des liens entre des articles »)

B - Le 2ème lien est en réalité une séquence de code HTML. Nous allons l’utiliser plutôt dans un gadget « HTML/Javascript » de la sidebar

C - Le 3ème lien est l’adresse d’un flux RSS, nous allons l’utiliser dans un Widget « Flux »

3 – A – Lier un Web Album au Blog avec une adresse web

Sur la page Web Album, copier le 1er lien (clic-droit copier)

Dans le back-office, Onglet « Publication d’un message » > sous onglet « Modifier les messages » cliquer sur « modifier » d’un article contenant du texte.

Sélectionner le (ou les) mots que vous souhaiter transformer en lien, puis cliquer sur l’outil « lien »

Collez votre adresse et faites « OK »

Cliquer sur « Publier le message »

Passer sur votre Blog, faites « F5 »

Vous avez correctement transformé un mot de votre article en lien vers votre Album Web.

3 – B – Lier un Web Album au Blog avec un gadget « Html/Javascript »

Sur la page Web Album, copier le code HTML (clic-droit copier)

Dans le back-office, Onglet « Mise en page » > sous onglet « Eléments de la page » cliquer sur « Ajouter un gadget » de la sidebar.

Cliquer sur le « + » du gadget « HTML/Javascript »

Rentrer un titre (ie : Photos sous-marine), et coller le contenu du code HTML dans la partie « Contenu », puis cliquer sur « Enregistrer »

Dans le back-office, Onglet « Mise en page » > sous onglet « Eléments de la page » cliquer sur «Enregistrer »

Passer sur votre Blog, faites « F5 »

Vous avez correctement ajouté un gadget qui affiche une des photos de l’album web et qui pointe vers lui.

3 – C– Lier un Web Album au Blog avec un gadget « Diaporama »

Dans le back-office, Onglet « Mise en page » > sous onglet « Eléments de la page » cliquer sur « Ajouter un gadget » de la sidebar.

Cliquer sur le « + » du gadget « Diaporama »

Configurer la boîte de dialogue du gadget « Diaporama »

Source = Picasa Album Web

Option = Album

Nom d’utilisateur = Entrez votre adresse chez gmail

Album = Choisissez dans le menu déroulant

Cliquez sur « Enregistrer »

Passer sur votre Blog, faites « F5 »

Le gadget ressemble à 1ère vue au gadget « HTML/Javascript », mais vous allez rapidement découvrir qu’il s’agit d’un vrai diaporama, avec défilement des photos contenues dans l’album. Si vous passez votre pointeur sur la photo, vous pouvez le mettre en pose ou passer manuellement à la photo suivante/précédente. Ce gadget pointe également vers l’Album Web.

3 – D – Lier un Web Album au Blog avec un gadget « Flux »

Sur la page Web Album, copier l’adresse du flux RSS (clic-droit copier)

Dans le back-office, Onglet « Mise en page » > sous onglet « Eléments de la page » cliquer sur « Ajouter un gadget » de la sidebar.

Cliquer sur le « + » du gadget « Flux »

Coller l’adresse du flux dans le champ « url du flux » et cliquer sur « continuer »

Configurez la boîte de dialogue du gadget « Flux » et cliquez sur « enregistrer »

Contrairement aux gadgets précédents, celui-ci n’affiche pas les photos, mais des liens vers les photos.

Toutes ces manipulations concernaient les Albums, nous allons maintenant agir au niveau des photos dans le prochain post...

Recadrage et dimensions avec PhotoScape

2009-02-05T16:21:00.008+01:00

Ouvrir PhotoScape et choisir le mode « Edition »

Ouvrir le fichier « mosque_bleue.jpg » du dossier « photos exemple/Dimensions »
(dans la partie supérieure de la colonne de gauche : choisir le bon dossier puis cliquer sur la vignette correspondant dans la partie inférieure / vous disposez en bas d’un curseur de zoom)

Par défaut, PhotoScape ouvre l’image avec un zoom adapté à sa taille. Nous avons ici une image de grande dimension (9529 pixels de large par 4091 de haut)

1er travail : Rognage (crop) de la photo pour éliminer les zones noires.
Cliquez sur l’onglet « découper » puis dessinez un rectangle dans l’image.

(Votre rectangle n’a pas à être parfait du 1er coup, il est facile de le redimensionner en plaçant le pointeur sur les poignées d’angle ou de milieu.)

Quand vous êtes satisfait de la sélection, cliquer sur « Découper ».
(PhotoScape affiche alors automatiquement la nouvelle version de votre image)

Faites une sauvegarde de votre image : cliquer sur le bouton « enregistrer »

PhotoScape vous propose 3 options :

« Enregistrer » votre recadrage remplace la photo d’origine avec le même nom de fichier et dans son dossier, MAIS une copie est crée dans un sous-dossier « Originals » avec le même nom
« Enregistrer dans dossier désigné » votre nouvelle image est enregistrer un dossier appelé « Outpout » directement situé sur C:/ par défaut
« Enregistrer sous » vous ouvre une boite dialogue de type « Enregistrer sous »

2ème travail : Recadrage d’un détail de l’image
Toujours dans l’onglet « découper », choisissez dans le menu déroulant le rapport 3 :4, puis dessinez un rectangle dans l’image.
(PhotoScape vous bloque sur un rapport de type 1.33)

les chiffres dans la barre d’état vous indique :

1ère paire (7741 x 3659) la largeur et la hauteur totale de l’image.
2ème paire (2440, 2471) les coordonnées x et y du pointeur dans l’image
3ème paire (w=1352, h=1014) la dimension de votre sélection

Enregistrer cette 1ère version avec « Enregistrer sous », puis cliquer sur « Annuler » et recommencer l’opération avec un ratio 16/9.

(A cette étape, vous ne devez pas trop vous soucier de la dimension, vérifiez juste quelle soit supérieur à votre projet)
Si nous voulons transformer cette dernière image en papier peint de 1600 X 900 :
Retournez sur l’onglet « Général »

Puis cliquer sur le bouton « Redimensionner » et choisissez « Ajuster la largeur »

Rentrer la valeur « 1600 »

Recadrage et dimensions avec PhotoFiltre

2009-02-05T15:32:00.008+01:00

Ouvrir PhotoFiltre
Ouvrir le fichier « mosque_bleue.jpg » du dossier « photos exemple/Dimensions »

Par défaut, PhotoFiltre ouvre l’image avec un zoom adapté à sa taille. Nous avons ici une image de grande dimension (9529 pixels de large par 4091 de haut)

1er travail : Rognage (crop) de la photo pour éliminer les zones noires.
Vérifier que l’outil « sélection » est actif, puis dessinez un rectangle dans l’image.
(Votre rectangle n’a pas à être parfait du 1er coup, il est facile de le redimensionner en plaçant le pointeur sur les pointillés.)

Quand vous êtes satisfait de la sélection, faites un clic droit dans celle-ci et « copier »

Placer ensuite votre pointeur sur une zone vide de l’espace de travail de PhotoFiltre, faites un clic droit et « coller en tant qu’image »

Faites une sauvegarde de votre image : Menu « Enregistrer sous » > Mosque_bleu_crop.jpg

Régler le curseur au maximum (le bouton « aperçu » vous permet de visualiser le taux de compression), cocher « Format standard »

2ème travail : Recadrage d’un détail de l’image
Vérifier que l’outil « sélection » est actif, puis dessinez un rectangle dans l’image

Les chiffres dans la barre d’état vous indique :

1ère paire (1839,2599) les coordonnées x et y du coin supérieur gauche dans l’image
2ème paire (3408,3778) les coordonnées x et y du coin inférieur droit dans l’image
3ème paire (L=1570, H=1180) la dimension de votre sélection

+ le ratio hauteur sur largeur, ici = 1.33 (rappel : 4/3 =1.33 – 16/9 = 1.77)
(vous pouvez « forcer » un ratio avec la commande « Sélection "> adapter le rapport » et modifier ensuite la taille à la souris en appuyant sur la touche « Shift »)

Procéder comme pour le 1er travail (clic droit « copier » + « coller en tant qu’image ») pour créer une nouvelle image en format 4/3 et une en 16/9

(A cette étape, vous ne devez pas trop vous soucier de la dimension (3ème paire), vérifier juste quelle soit supérieur à votre projet)
Enregistrer les deux images :
· Mosque_bleu_detail_169.jpg
· Mosque_bleu_detail_43.jpg

Si nous voulons transformer cette dernière image en papier peint de 1024 X 768 :
Menu Image > taille de l’image

Vérifier que « conserver les proportion » est coché, puis passer la valeur « largeur » à 1024 + "OK"

Pour enlever les 2 pixels de trop en hauteur :
Menu Image > taille de la zone de travail

Passer la valeur « hauteur » à 768

Photofiltre et Photoscape

2009-02-03T14:14:00.005+01:00

Je commence une série dédiée à la gestion des photos numériques et à cette occasion je délaisse un peu le Web 2.0 pour aller du coté des logiciels libres.

voici deux liens pour télécharger :
Photofiltre portable
Photoscape

Intégrer des images dans un message

2009-02-03T13:59:00.013+01:00

Intégrer des images dans un message (Image sur le disque dur)

- Dans votre Firefox, ouvrez trois onglets :

Un pour votre back office (le panneau de contrôle)
Un pour votre front office (votre blog)
Un pour le site-tiers : http://freebeez2zero.blogspot.com/2009/02/photo-libre-de-droits.html

1 – Récupération de l’image :
Sur Freebeez, faites un clic droit sur la photo et enregistrer la dans « mes documents »

2 – Dans le back office de votre blog, Onglet « Publication d’un message », sous onglet » Créer », rentrez un Titre (ex : message avec image) et un peu de texte dans le corps du message (ex : voici une photo)

Cliquer ensuite sur le bouton « Ajouter une image »

Dans la boite de dialogue, cliquez sur

Retrouver le fichier « libre.jpg » dans « mes documents », cliquez dessus puis sur le bouton « ouvrir »
Le nom de votre fichier apparait alors à coté du bouton :

Cocher « Centrer » + « Grand »

Cliquez sur

Puis sur

Votre image est arrivée dans le corps du message, MAIS par défaut, Blogger la place en début de message ; Pour la déplacer, il faut la couper/coller au bon endroit. Pour ce fairecliquez sur l'image pour la sélectionner, faites un clic droit "Couper", placer votre pointeur au bon endroit, cliquez gauche puis droit et "coller"
Retourner en début de message et supprimer les lignes vides avec la touche « Suppr ».
Voici le résultat :

Cliquer sur

Créer des liens dans des posts vers d’autres posts ou des libellés

2009-02-03T13:40:00.010+01:00

Cette méthode permet d'enrichir l'interactivité à l'intérieur de votre blog :

- Dans votre Firefox, ouvrez deux onglets :

Un pour votre back office (le panneau de contrôle)
Un pour votre front office (votre blog)
un troisième pour cette page

1 – Créer trois messages :
Message 1 :
Titre : Alain Delon
Corps : Alain Delon joue dans "le Samouraï" de J.P Melville et dans "Nouvelle vague" de J.L Godard
Libellés : Alain Delon, J.P Melville, J.L Godard

Message 2 :
Titre : Jean Paul Belmondo
Corps : Jean Paul Belmondo joue dans "Borsalino" avec Alain Delon et "A bout de souffle" de J.L Godard
Libellés : J.L Godard, Alain Delon, Jean Paul Belmondo

Message 3 :
Titre : Mireille Darc
Corps : Mireille Darc joue dans "Week End" de J.L Godard, dans "Les Seins de glace" avec Alain Delon et dans "Borsalino" avec Jean Paul Belmondo.
Libellés : Mireille Darc, J.L Godard, Alain Delon, Jean Paul Belmondo

2 : Les libellés se sont enrichis de plusieurs entrées : Alain Delon (3), J.L Godard (3), etc…
Faites un clic droit sur « Alain Delon » et « Copier l’adresse du lien »

3 – Dans le back office, Onglet « Publication d’un message », sous-onglet « Modifier les messages »

3 – 1 - Cliquer sur « Modifier » du message « Mireille Darc »

3 – 2 - Sélectionner « Alain Delon » dans le corps du texte, puis cliquer sur le bouton « Lien »

Coller votre lien dans la boite de dialogue et faites « OK » NE PUBLIER PAS LE MESSAGE

4- Retourner dans le front-office, et répéter l’étape 2 mais avec le libellé de « J.L Godard ». Puis revenez dans le back-office et répéter l’étape 3 – 2.
5 – Recommencer encore une fois avec « Jean Paul Belmondo » et « Mireille Darc »
6 – Cliquer sur

7 – Procéder de la même manière pour les articles « Jean Paul Belmondo » et « Alain Delon »

Chacun des mots transformés en « Hyperlien » se voit doté des mêmes propriétés que les libellés de la Sidebar.
Si vous cliquez sur Alain Delon, les 3 articles avec Alain Delon s’afficheront, si vous cliquez sur « Jean Paul Belmondo » se sera deux articles, etc…

Bien entendu vous pouvez également choisir comme lien, l’adresse d’un article précis ou de n’importe quelle page web.

Photo libre de droits

2009-02-02T11:05:00.000+01:00

Photo libre de droits

Mire Image

2009-02-02T10:26:00.002+01:00

Voici une mire en pixels

25 gadgets pour Blogger

2009-01-27T13:33:00.004+01:00

Excellent article de Mashable sur les 25 meilleurs gadgets pour Blogger

par exemple un gadget pour afficher les commentaires récents :
http://www.bloggerbuster.com/2007/08/create-your-oen-recent-comments-widgets.html

Créer un Menu photo dans la sidebar

2009-01-26T11:16:00.003+01:00

Ce post propose une alternative à celui consacré à Créer un Menu dans la sidebar vers des posts précis en intégrant cette fois les liens vers des photos dans la sidebar.

Créer un post et enregistrer le.
Dans le Front Office, faites un clic-droit dans le module « Archives » sur le lien vers votre post et choisissez « Copier l’adresse du lien ».

Installer un module « image » dans votre Sidebar.
Dans le camp « titre » écrivez le nom de votre page.
Faites un clic-droit dans le champ « Associer » et coller l’adresse de votre post.
Utiliser le bouton « parcourir » pour trouver sur votre disque le fichier de l’image.
Cliquer sur « Enregistrer ».

Retourner dans le Front-Office pour vérifier le résultat.

Recommencer autant de fois que vous souhaitez de liens (et donc de posts) dans votre menu.

Créer un Menu dans la sidebar vers des posts précis

2009-01-25T19:12:00.003+01:00

- Créer un post et enregistrer le.
- Vérifier que vous disposez du module « Liste de lien » dans votre Sidebar.
(Si ce n’est pas le cas, installez-le)
- Dans le Front Office, faites un clic-droit dans le module « Archives » sur le lien vers votre post et choisissez « Copier l’adresse du lien »

- Dans l’onglet « Mise en page », sous-onglet « Éléments de la page », cliquez sur sur «Modifier » du module «Liste de lien »

- Faites un clic-droit dans le champ « Nouvelle URL du site » et coller l’adresse de votre post
Donner également un nom à ce lien dans le champ « Nouveau nom de site »
Cliquer sur « Enregistrer »
- Retourner dans le Front-Office pour vérifier le résultat.

- Recommencer autant de fois que vous souhaitez de page.

Lorem Ipsum

2009-01-25T19:11:00.001+01:00

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ipsum felis, semper quis, semper ut, porttitor non, diam. Donec ut lectus. Aliquam mi pede, dapibus ut, semper nec, lacinia eget, dui. Curabitur bibendum egestas dui. Etiam pede sem, pellentesque vitae, consequat vitae, consequat non, ligula. Nam bibendum. Nulla vestibulum metus eu ipsum. Integer ac tellus ac odio iaculis fringilla. Phasellus sit amet tellus ac felis consequat cursus. Aenean in dui. Aliquam lacus magna, suscipit eget, posuere ut, placerat non, neque. Proin tincidunt magna quis mi. Nullam blandit ornare felis.

Suspendisse sed nisl. Pellentesque placerat, nunc sed scelerisque feugiat, dolor diam pellentesque ante, a consequat quam nunc nec metus. Nullam sapien nisi, tincidunt in, accumsan interdum, tristique ut, mi. Phasellus venenatis. Nunc vitae nisl. Maecenas mauris. Nulla viverra cursus dolor. Cras sed ante nec nisi dapibus vulputate. Etiam leo dui, ultricies vel, cursus ac, dapibus ut, felis. Nulla elit nisl, fermentum at, rutrum in, facilisis eu, mi. Vivamus augue. Mauris et erat. Praesent urna. Phasellus vulputate euismod nibh. Suspendisse mauris risus, lacinia at, tincidunt non, elementum a, lectus. Nam at pede et leo blandit feugiat.

Vestibulum urna libero, pharetra et, porta quis, pharetra at, diam. Ut at arcu. Proin tellus ipsum, imperdiet ut, fringilla a, iaculis at, tortor. Fusce quis massa et dui suscipit fringilla. Integer nunc. Curabitur tincidunt euismod neque. Mauris enim augue, tincidunt at, dictum eget, porta nec, nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque ultrices cursus sem. Nunc tortor. Nam cursus augue ac nunc. Fusce varius. Nulla purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur tellus purus, tempor vitae, porttitor et, ullamcorper eget, ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

Maecenas dolor magna, venenatis non, volutpat id, lobortis ut, mi. Phasellus laoreet. Etiam fermentum magna ut tortor. Vestibulum condimentum, purus vel volutpat varius, arcu lacus eleifend turpis, in commodo augue purus et diam. Pellentesque pharetra gravida turpis. Praesent arcu. Duis pulvinar interdum leo. Aliquam nisi purus, semper ac, ornare a, feugiat ac, nulla. Suspendisse sed nibh ac nunc blandit molestie. Maecenas neque. Sed lobortis nunc at mauris. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Aliquam tincidunt, libero ornare tempus vehicula, justo leo aliquam ligula, eu vestibulum neque quam suscipit urna. Integer ultricies dignissim enim. Vivamus sed urna quis nisl ultrices venenatis. Cras congue tempus nunc. Morbi convallis massa vitae risus. Aliquam elementum adipiscing turpis. In sagittis lorem in nulla. Suspendisse ut tellus. Proin consequat. Nunc quam nibh, auctor at, aliquam luctus, hendrerit nec, elit. Fusce malesuada velit sagittis elit.
Generated 5 paragraphs, 438 words, 2995 bytes of Lorem Ipsum

Blogger : Annuaire de templates

2009-01-19T14:59:00.001+01:00

Voici une liste de sites proposant des templates blogger à télécharger :

Le panneau de contrôle de blogger : Les gadgets

2009-01-19T12:06:00.007+01:00

Voici la liste des différents gadgets que l'on peut installer dans un blog Blogger (Header, Sidebar et Footer) via le panneau de contrôle > Onglet : Mise en page > sous-onglet : Éléments de la page.
Pour chaque gadget, vous trouverez :

sa présentation dans la liste "Ajouter un gadget"
sa boite de dialogue
son affiche dans la sidebar

Je parlerais dans un post séparé du gagdet "Html/Javascript"

Blogoliste (2)

Liens d'inscription
Diaporama
Sondages
Liste
Liste de liens
Image
Texte
Flux
LibellésNewsreel (google actualités)

Le panneau de contrôle de Blogger

2009-01-19T12:03:00.003+01:00

Suite de la série de posts sur Blogger, voici les principaux écrans du panneau de contrôle de Blogger
Onglet : Publication d’un message > sous-onglet : Modifier les messages
Onglet : Mise en page > sous-onglet : Éléments de la page

Créer un blog chez Blogger

2009-01-14T18:43:00.015+01:00

Aujourd’hui, comment créer un blog chez Blogger, le service de Google.

Sur la page d’accueil de Google cliquer sur « Plus » et « et encore plus »

Cliquer sur l’icône « Blogger »

Rentrer votre mot de passe (le même que pour votre Gmail) et cliquer sur « connexion »

Entrez votre nom d’affichage (vos posts seront signés avec ce nom), cochez l’acceptation des conditions d’utilisation et cliquez sur « continuer »

Entrez le titre du blog (ce titre apparaîtra dans le Header),

Entrez ensuite l’adresse (la partie de l’URL qui se trouvera entre « http:// » et « .blogspot.com » Attention, cette partie joue un rôle dans le référencement, choisissez une adresse sémantiquement proche du sujet de votre blog.

Utilisez le bouton « Vérifier la disponibilité »

Et cliquez sur « continuer »

Cochez le modèle de blog que vous choisissez

Et cliquez sur « continuer »

Cliquez enfin sur « Utiliser mon blog »

Ecrivez votre 1^er article, en rentrant :

Un titre

Le corps du message

Au moins un libellé

Et cliquer sur « Publier le message »

Cliquer sur « (dans une nouvelle fenêtre) » pour voir le résultat

Et voila

Enregistrer des flux RSS dans Netvibes

2007-08-07T14:04:00.000+02:00

Un post pour répondre à un besoin très ponctuel et précis, comment enregistrer de nouveaux flux RSS dans votre page Netvibes, et ce pour 3 cas de figures :

- à partir de Google Actualités

- à partir d’un site disposant d’un flux RSS

- à partir d’un site ne disposant pas d’un flux RSS.

(Il va sans dire que vous êtes abonnés à Netvibes)

A partir de Google Actualités.

Rendez vous sur la page Google Actualités. Taper votre (vos) mot clé dans le champ recherche et cliquer sur «Recherche Actualités».

Sur la page de résultats, cliquer, dans la colonne de gauche, sur le lien «RSS».

Cliquer une fois dans le champ adresse de votre navigateur pour sélectionner l’adresse, faites ensuite un clic droit pour copier.

Aller maintenant dans votre page Netvibes. Cliquer, en haut à gauche, sur le lien «Ajouter du contenu».

Dans la colonne qui s’ouvre, cliquer sur «ajouter un flux », et dans la boite dialogue coller votre lien dans le champ «lien», pour finir cliquer sur «Ajouter».

C’est fini.

Note : Il est possible que quand vous cliquez sur «RSS» dans Google Actualités», un bandeau s’ouvre en haut de votre fenêtre et vous propose automatiquement l’enregistrement dans Netvibes via un menu déroulant, mais cette possibilité n’étant pas systématique je n’en tiens pas compte.

A partir d’un site disposant d’un flux RSS

Au hasard de vos surfs, vous visitez sur un site dont vous aimeriez enregistrer le flux RSS. Un petit coup d’oeil dans la barre d’adresse pour vérifier la présence du logo RSS à droite.

Si ce logo est présent, cliquer dessus.

Cliquer une fois dans le champ adresse de votre navigateur pour sélectionner l’adresse, faites ensuite un clic droit pour copier.

Aller maintenant dans votre page Netvibes. Cliquer, en haut à gauche, sur le lien «Ajouter du contenu».

Dans la colonne qui s’ouvre, cliquer sur «ajouter un flux », et dans la boite dialogue coller votre lien dans le champ «lien», pour finir cliquer sur «Ajouter».

C’est fini.

A partir d’un site ne disposant pas d’un flux RSS.

Au hasard de vos surfs, vous visitez sur un site dont vous aimeriez enregistrer le flux RSS. Un petit coup d’oeil dans la barre d’adresse pour vérifier la présence du logo RSS à droite.

Aie, il n’y a pas de logo. Pas de panique.

Cliquer une fois dans le champ adresse de votre navigateur pour sélectionner l’adresse, faites ensuite un clic droit pour copier.

Aller ensuite sur le site « FeedYes » , enregistrer vous, cela fonctionnera mieux et c’est gratuit.

Cliquer sur «create a new feed»

et sur la page suivante sur « Get a feed for that website now».

Coller votre adresse dans le champ «Site url or specific page», donner un titre dans le camp «tag» et choisissez la langue du site dans le menu déroulant «Language of feed». Une fois ces trois champs remplis, cliquer sur « Get feed ».

Affiner le résultat en cliquant sur le 1^er lien pertinent (ces étapes vous permettent de virer tout ce qui relève des menus et autres éléments inintéressants).
Sur la page suivante, cliquer sur le dernier lien pertinent.

Sur la page suivante, vous pouvez, si le résultat est correct, sauvegarder votre lien en cliquant sur «SAVE FEED» ou cliquer sur «Step 4» pour exclure d’autres éléments.

Une fois le résultat OK, cliquer sur «Click for the RSS link» dans l’encadré «Feed Saved»

Cliquer une fois dans le champ adresse de votre navigateur pour sélectionner l’adresse, faites ensuite un clic droit pour copier.

Aller maintenant dans votre page Netvibes. Cliquer, en haut à gauche, sur le lien «Ajouter du contenu».

Dans la colonne qui s’ouvre, cliquer sur «ajouter un flux », et dans la boite dialogue coller votre lien dans le champ «lien», pour finir cliquer sur «Ajouter».

C’est fini.

Blogger et Picasa : Croiser blog et photos

2007-08-03T15:40:00.000+02:00

Voici un post un peu atypique qui s’intéresse aux possesseurs d’un blog hébergé chez Blogger et d’un « photo web album » (deux services proposés par Google). Je pars du principe que vous êtes déjà abonnés à ces deux services, et que leur manipulation ne vous pose plus de problème (ce qui demande au plus dix minutes). Si ce n’est pas le cas, comme pour les autres services Google, d’abord une inscription à Gmail puis un petit tour sur la page accessible en cliquant sur le pour s’inscrire.

L’idée est de montrer ici, à quel point il est simple et puissant de combiner un blog et un web album pour ne pas surcharger son blog de photos en les rendant quand mêmes disponibles !

Attention, pour réussir les manips suivantes, utiliser plusieurs fenêtres (ou plusieurs onglets de votre navigateur (un pour Blogger et un pour Album web).

Envoyer les photos : Picasa et Web Albums

Vous avez donc créez votre compte web album et télécharger et installer Picasa sur votre ordinateur. Laisser un peu de temps à Picasa pour indexer vos photos.

La première étape consiste à créer un album web en y envoyant des photos depuis votre PC. Commencer par sélectionner les photos (cliquer sur chaque photo en maintenant la touche « Ctrl » enfoncée si elles sont dispersées). Une fois cette sélection effectuée, cliquer dans la barre d’outils de Picasa sur le bouton :

et suivez le guide :

si vous souhaitez placer ces photos dans un nouvel album, cocher «Créer un nouvel Album Web»,

si l’album existe déjà, cocher sur « Ajouter à un album web existant » et choisissez le dans le menu déroulant situé juste en dessous.

Ajouter une description et un lieu. C’est optionnel, mais utile, et si vous ne le faites pas au fur et à mesure, vous ne le ferez jamais ! Choisissez la taille de vos images (attention, l’espace de stockage n’est pas illimité). Et pour finir cliquer sur « OK ».

Créer un message dans son blog : Blogger

Vous voici maintenant dans Blogger pour créer un post qui va venir pointer vers votre Album Web. Vous cliquer donc sur «nouveau message», vous remplissez le champ titre et laisser un texte dans la partie message…

Lier Blog et Album

Retourner à présent dans l’album web que vous venez de créer. Dans le menu à gauche, faites un click gauche sur le lien intitulé «Collez le code HTML pour l'intégrer dans le site Web», puis ensuite un click droit et «copier»

Passer dans Blogger et coller votre lien sous votre texte dans la partie message. Vous voici maintenant avec un gros tas de code tout moche dans votre message !

Ce n’est pas grave !

Cliquer sur publier le message puis « afficher le blog »

Et voila, la photo retenue comme couverture de votre album trône royalement dans votre message !

Et ce n’est pas tout, cliquez sur la photo et vous voici dans votre album web !

A vous de jouer.

Portico.be

2007-06-24T21:19:00.000+02:00

Voici l'adresse d'un nouveau site particulièrement bien conçu qui propose un panel d'applications Web 2.0 classées par catégories :
http://www.portico.be/
Le site est régulièrement mis à jour pour tenir compte des nouveautés disponible.
A inclure d'urgence dans vos favoris.

Le site est désormais inclus dans la rubrique "liens divers"

Google Gears

2007-06-01T14:26:00.000+02:00

Google Gears

C’est le buzz d’aujourd’hui sur le web 2.0 : Google Gears. Une nouvelle extension pour Internet Explorer et Firefox destinée à rendre utilisable hors-ligne les applications en-ligne.
Benoit Descary l’annonce, parmi beaucoup d’autre, sur son blog, Sebsauvage, lui, se demande bien à quoi cela peut servir.
Alors, si j’ai bien compris, un exemple : vous avez un pc portable, vous gérez vos mail avec gmail, vous partez dans le train et vous voulez préparer des réponses aux 10 mails qui traînent dans votre boite de réception. Avant de déconnecter votre pc d’internet, vous utiliser Google Gears pour rapatrier sur votre disque dur toutes les infos, et une fois dans le train vous ouvrez votre navigateur, vous rentrez l’url de votre webmail (!) et comme si vous étiez connecté vous accéder à votre page Gmail. Votre voisin de train va croire que vous avez un modem 3G intégré !

Sauf que…

Pour l’instant Google Reader est la seule application qui tourne avec Gears.
Voyons quand même comment installer la bête.
Précision : Google stipule clairement qu’il s’agit d’une version Bêta précoce à manipuler précautionneusement.
Tout commence ici : http://gears.google.com/
Une fois arrivé sur la page, cliquer sur le bouton :

Lancé le fichier lorsqu’il est arrivé :

La mise à jour de Firefox commence.
Une fois l’installation finie, fermez toutes les fenêtres de Firefox.
Vous pouvez verifer que l’installation c’est bien passée en retournant sur le site de Google Gears ou verrez :

Google Reader
Testons maintenant avec Google Reader

Le programme demande l’autorisation d’utiliser Google Gears, cliquer sur «Allow»

Google précise bien de n’autoriser que des sites connus à utiliser Google Gears.

Cliquer sur la petite flèche verte, en haut à droite.

Google Gears vous informe de la progression du transfert des informations.

Voila, vous êtes off-line, et vous pouvez continuer à consulter vos flux Rss.

Avec Google Gears, Google s’adresse en priorité aux professionnels mobiles qui hésitent à basculer vers des applications en-ligne, en marketing on appelle ça lever un frein.

skrbl

2007-05-05T17:11:00.000+02:00

Encore un outil simplissime, dont l’utilité est peut-être occasionnelle mais qu’il est précieux d’avoir sous la main lorsque le besoin s’en fait sentir.

Skrbl (un tic-tac menthe à qui m’explique ce que ça veut dire) est un tableau blanc collaboratif. Son avantage tient dans sa simplicité, pas d’enregistrement requis (sauf pour quelques options), et facilité de partage déroutante.

Au début

Tout commence par un clic sur le gros bouton «start skrbl now» en haut à gauche.

Et nous arrivons directement sur le tableau blanc. Ici il faut choisir entre le mode texte et le mode dessin.

Commençons par le texte en cliquant sur l’icône «A».

Le texte se gère dans de petites boites que l’on peut déplacer facilement. Une barre d’outil ultra classique va nous permettre de mettre un minimum en forme tous les éléments texte.

Voici un exemple obtenu en deux secondes.

Si vous souhaitez supprimer une boite texte, cliquez sur cet icône en bas de l’écran.

Dessin

Basculons du mode texte au mode dessin en cliquant sur l’icône «crayon».

La aussi les outils ne vous surprendrons pas.

Seule originalité, le premier icône (un pointeur et une croix rouge) vous permet de supprimer un élément dessin (attention, attendez que le pointeur redevienne la flèche blanche classique pour cliquer).

Voici un autre exemple obtenu en deux secondes (ok, le dessin, c’est pas mon truc).

En plus

Une fonction bien pratique mais qui nécessite de s’enregistrer : l’upload d’image.

Utiliser le menu «File» et la fonction «Upload picture» et cliquer sur parcourir pour trouver votre fichier image.

Votre fichier photo se trouve placée dans une boite texte, vous pouvez la redimensionner de façon classique.

Partage

Le plus dans la facilité de skrbl, pour inviter quelqu’un à participer à votre tableau blanc, il suffit de copier l’adresse de la page dans votre navigateur et de l’envoyer par mail ou messagerie instantanée à votre/vos contact(s).

Google Maps

2007-04-27T13:34:00.000+02:00

Un court dessin vaut mieux qu’un long discours, et dès qu’il s’agit de localisation rien ne vaut une carte. Vous connaissez sans doute Google Maps, ce service est un concurrent de Via Michelin ou de Mappy. Il permet de chercher une adresse ou de créer un itinéraire. Mais le plus de Google Maps c’est la possibilité de personnaliser ses propres cartes. Idéal pour indiquer la localisation des sites de votre entreprise, de vos points de ventes, tracer une zone de chalandise…

Commençons par aller sur Google Maps. Comme pour tous les outils Google, un compte Gmail (ou une inscription) est requis. Pour la démarche voir ici par exemple.

Une fois sur Google, un click sur le «plus» Sur la page des outils, un click sur Google Maps .

Cliquer sur l'onglet "Mes cartes"

Créer ensuite une nouvelle carte avec le bouton idoine :

Remplissez la boite de dialogue qui permet de décrire votre carte et de lui donner un nom .

Zoomer (roulette de la souris), et utiliser le pointeur main pour glisser/déplacer et cadrer la carte selon vos désirs.

Repère

Premier outil disponible, le repère. Il permet de placer sur la carte une «punaise» virtuelle.

Cliquer sur l’icône repère, positionner votre pointeur au bon endroit et cliquer de nouveau pour placer le repère.

Automatiquement une boite de dialogue s’ouvre, elle va vous permettre d’associer un certains nombre d’informations à votre repère : un titre, un texte, des photos, des liens. Vous pouvez même mettre en forme votre texte, couleur, gras,…. Cliquer sur OK pour terminer .

Retour sur la carte, un click sur votre punaise et une jolie bulle style BD s’affiche avec toutes vos infos.

A noter vous pouvez également changer la couleur et la forme du repère.

Itinéraire

Deuxième outil, le tracé d’un itinéraire. L’icône ressemble à un graphique courbe. Cliquer la où vous voulez voir votre itinéraire commencer, cliquer ensuite à chaque fois que votre itinéraire tourne

Double cliquer pour finir .

Comme pour les repères, une boite de dialogue s’ouvre automatiquement à la fin. Vous pouvez la aussi donner un titre et une description à votre itinéraire.

Forme

Troisième et dernier outil, Forme vous autorise à tracer un périmètre. Procéder exactement comme pour itinéraire, en prenant soin de boucler votre périmètre en rejoignant votre point d’arrivée à votre point de départ et en double-cliquant.

Remarquez sur la gauche de l’écran la liste des éléments ajoutés à votre carte.

The Unofficial Web Applications List

2007-04-27T10:04:00.000+02:00

Découvert sur l’excellent site Freewares & Tutos (un blog qui propose plein de tutoriaux pour des programmes libres) une liste d’applications en ligne classées par fonctionnalités et indexées par mot-clés. C’est tout en anglais, mais c’est assez complet.

Freewares & Tutos: Application Web 2.0 : The Unofficial Web Applications List

Zoho Sheet

2007-04-05T16:21:00.000+02:00

Après avoir testé le texteur de Zoho avec et sans plugin, je vous propose aujourd’hui une petite revue de leur tableur : Zoho Sheet.

L’accès aux produits Zoho nécessite une inscription, login, mot de passe, mail de confirmation est c’est parti.

Sur la page d’accueil on commence par un petit clic sur Zoho Sheet pour arriver sur la feuille de calcul.
L’écran se compose de la même façon que pour Writer :

à gauche un volet Zoho avec nos documents existants, toujours aussi pratique.
Une barre d’outil horizontale qui se compose de :

1er niveau : Des commandes de menu de type « Fichier » (import, save…)

2ème niveau : Des icônes pour la mise en forme du document

Bien, l’idée n’étant pas de vous expliquer comment marche un tableur, je ne rentrerais pas dans le fonctionnement de Sheet. A priori les utilisateurs d’Excel devraient assez vite retrouver leurs marques, à un détail prés, l’utilisation de la souris lors de l’écriture d’une fonction n’est pas possible, ce qui oblige de rentrer les adresses de cellules au clavier. C'est un peu fastidieux.

Passons au serpent de mer de la compatibilité avec MS Office.

Tout d’abord de Zoho vers Excel (dans toutes les captures, Zoho est à gauche et Excel à droite)

Succès à 100 % pour le passage de ce petit tableau (y compris le calcul de la somme) tout est passé, même les couleurs

Beaucoup moins bien pour le graphique qui perd sa mise en forme 3D

De Excel vers Zoho

Le tableau passe aussi bien dans ce sens

Le graphique à lui moins souffert de l’exportation

J’ai ressorti de mes archives un documents Excel nettement plus compliqué (une page de Tarif d’Europe 1), document de grand format avec beaucoup de travail sur les hauteurs de lignes et les largeurs de colonnes. Et la ce n’est pas terrible : Zoho se prend complètement les pieds dans le tapis au niveau de l’échelle et affiche le tableau avec un effet de zoom déplorable.

Conclusion

Le bât blesse toujours au même niveau et pénalise toujours autant ce type de produit.

Google bloc notes

2007-04-03T13:40:00.000+02:00

Google vient de livrer la version française de son petit utilitaire «Google Bloc-notes» (ex notebook), bonne occasion de faire un petit tour d’horizon de cet outil.

Première précision, comme son nom ne laisse pas supposer, «bloc-notes» n’est pas l’équivalent du bloc-notes disponible en standard dans toutes les versions de Windows
Non il s’agit plutôt d’une sorte de gestionnaire de favoris étendu au contenu des sites, ou mieux d’un outil destiné à faciliter la gestion des contenus «copier» sur le web. Imaginer, en visitant un site vous trouver un paragraphe (ou une image) qui vous intéresse, quelque chose que vous souhaitez réutiliser dans un de vos propres documents, mais il s’agit d’un projet pas encore commencé, ou vous n’êtes pas sur votre PC. Si vous copier/coller ce bout de texte (cette image), vous prenez le risque de l’égarer quand vous aurez besoin. C’est la qu’intervient le Bloc-notes.

Installation

Commençons par installer la chose. Comme pour tous les outils Google, un compte Gmail (ou une inscription) est requis. Pour la démarche voir ici par exemple.

L’installation à proprement parler consiste à ajouter un module à votre navigateur. Voici la démarche pour Mozilla :
1 : click sur le «plus»
2 : click sur «bloc-notes»3 : La fenêtre du bloc-notes s’ouvre, cliquer maintenant sur «Télécharger l’extension du navigateur»
4 : cliquer sur le gros bouton bleu «Accepter et télécharger»
5 : cliquer sur le bouton «installer maintenant» de la boite de dialogue6 : pour finir, cliquer sur le bouton «Redémarrer Firefox»
Voila c’est fini !

Démonstration

Vous êtes sur un blog particulièrement intéressant ;-) , et vous découvrez un post qui correspond justement à une de vos questions du moment. Vous sélectionner le texte en question et vous faites un clic droit. Vous choisissez l’option «À noter (Google bloc-notes)»
C’est tout, votre sélection est dans la boite et n’attends plus que vous.

Consultation

Pour parcourir votre bloc-notes, vous utilisez le lien en bas à droite de votre navigateur «Ouvrir le bloc-notes»
Un pop up s’ouvre automatiquement, un clic sur le «+» à coté de l’entrée qui vous intéresse.
Et voici le texte tel qu’il apparaissait sur le site ou vous l’avez copié (lien compris).
Un clic sur le bouton outil vous indique les principales fonctionnalités disponibles à ce niveau : supprimer, actualiser… Choisissez «Accéder à la page d’accueil de mon bloc-notes»
Vous basculer ainsi du pop up vers un onglet de Firefox.

Remarquez la colonne de gauche qui vous permet de créer de nouveaux bloc-notes (en quelque sorte des dossiers) si vous voulez gérer vos copier/coller de façon thématique
Pour finir une option intéressante, cliquer sur Outil et choisissez «Exporter vers Google Documents»
Votre note est devenue un nouveau document !

Enfin, sachez que vous pouvez partager un bloc-notes, utiliser le lien «Option de partage » en haut à droite, il suffit de rentrer le mail de la personne avec qui vous souhaitez partager votre bloc-notes.

Zoho Writer + Zoho Plugin for Microsoft Office

2007-04-01T14:27:00.000+02:00

Lors d’un test précédent, nous avons essayé Zoho Writer, un texteur en ligne. Si l’ergonomie du programme était particulièrement attractive, il n’en était pas de même pour la compatibilité avec MS Word. A la fin de mon post, je vous signalais l’existence d’un plug-in destiné à faciliter les échanges entre les deux systèmes, explorons ensemble son installation et les nouvelles fonctionnalités qu’il autorise.

Installation

Tout commence sur la page d’accueil du site Zoho ou il suffit de cliquer sur le bouton «Download Plugin» pour lancer le téléchargement
Une fois le fichier récupérer sur votre disque dur, un double click de lancement, et c’est parti. Attention à fermer toutes les applications MS Office qui pourraient être ouvertes.
Trois boutons «next» plus loin, le plug-in est installé.

Customisation

Une fois Word ouvert, une nouvelle barre d’outils apparaît, Le premier bouton permet de se connecter sur Zoho sans passer par un navigateur internet.
Le bouton «Open» permet d’ouvrir directement dans Word un document stocké chez Zoho, nous y reviendrons.
J’avoue ne pas avoir vu de différence entre les boutons «Save» et «Add». Ces deux boutons autorise de stocker directement chez Zoho le fichier que vous êtes en train d’écrire dans Word, à condition toutefois d’avoir au préalable réalisé une sauvegarde sur votre disque dur.

Compatibilité

Vérifions si la présence du plug-in change quelque chose du point de vue de la compatibilité. Tout d’abord dans le sens Ms Word vers Zoho.
Voici le document de départ réalisé dans Word :
Et voici le résultat dans Zoho, pour les puces et les couleurs de texte pas de problème. Ca se gâte avec l’image qui à disparue.
Ainsi que les colonnes
Aucun problème, par contre pour le tableau

Procédons au test dans l’autre sens. Voici le document conçu dans Zoho Writer (pas de colonnes, Zoho ne propose pas cette option) :
Et le résultat dans Word (ouvert grace au bouton "Open" de la barre d'outils Zoho), pas mal à part la police qui est passée du Verdana au Times New roman.
Conclusion, si le plug-in ne révolutionne pas les problèmes de comptabilité il fluidifie considérablement l’interopérabilité entre les deux systèmes.

YouOS

2007-03-07T15:56:00.000+01:00

Hors sujet

Et voila, même pas trois mois d’existence pour ce blog et je ne résiste pas à sortir de la ligne éditoriale que je m’était fixé, à savoir 100 % de mode opératoire concret et pratique. Mais le site que j’ai découvert (merci Hugo) hier soir m’a littéralement scotché

Le principe est très simple, YouOS propose sur on site ni plus ni moins qu’un système d’exploitation complet. Une interface graphique, des applications (texteur, navigateur, chat), un gestionnaire de fichiers, une corbeille,… Tout est la, vous pouvez même changez le papier peint !

Alpha

Si le principe est génial, on s’aperçoit vite que le projet n’est qu’au stade de prototype, les applications sont peu nombreuses et encore un peu light. Mais une fois la surprise passée, l’évidence de l’idée est frappante, comparé aux usines à gaz de Google documents et tableurs ou de Zoho, l’interface de YouOS se prend en main en dix secondes. Menu déroulant, icônes, fenêtres redimensionnables, tout les réflexes de XP ou Mac OS sont utilisés.

Je serais Google, je rachèterais cette équipe dans la semaine pour intégrer leur système.

Petit truc, une fois loggé ( en mode essai ou inscrit) utilisez la touche F11 pour redimensionner votre navigateur en plein écran.

Zoho Writer

2007-02-26T17:04:00.000+01:00

Google maniaque

Vous êtes nombreux à me signaler que je me focalise uniquement sur les services offerts par Google. Force est de constater que pour l’instant j’ai honteusement privilégier la firme de Montain View. Rétablissons le pluralisme avec aujourd’hui un des concurrents de Google Document et Tableur : Zoho Writer.

Zoho Office Suite

Zoho propose une large gamme de produits gratuits sur lesquels nous aurons l’occasion de revenir en détail (tableur, présenteur(sic), outils de productivité…). Le produit phare de leur suite est un texteur nommé Zoho Writer. Pour commencer une inscription est requise, processus classique : login, mot de passe mail de confirmation est le tour est joué.

Zoho Accounts

Nous démarrons par une page qui centralise les services Zoho auxquels nous sommes inscrits (image1). Un click sur Zoho Writer et zooou.

Volet Zoho

Petit coup d’oeuil général sur la page : à gauche un volet Zoho avec nos documents existants (image 2) très pratique.
Une barre d’outil horizontale (image 3) qui mérite le détour :
1er niveau : des onglets pour gérer les documents ouverts
2ème niveau : Des commandes de menu de type « Fichier »
3ème niveau : Des icônes pour la mise en forme du document.

Compatibilité Microsoft

Ne laissons pas planer le suspens, ça ce gâte très vite sur la question incontournable de l’interopérabilité des documents avec Word (ici 2003).

Dans le sens Zoho Writer (image 4) vers Word, Word va caler sur a peu près tout (image 5) : Puce numérotée et leur retrait, largeur des colonnes du tableau, taille des images. Le résultat est calamiteux.

Dans le sens Word vers Zoho (image 6), ce n’est pas mieux : notre image n’apparaît pas à la bonne taille, les colonnes de textes ont disparues. C’est la caca, c’est la cata, c’est la catastrophe.

Conclusion : Dans cette configuration, à moins de n’avoir aucun document issu de Word à ouvrir et de n’envoyer aucun document à quelqu’un possédant Word, Zoho n’est pas encore au niveau.
MAIS Zoho dispose d’un plug-in destiné à optimiser les échanges de son système avec Office. Dans un prochain post nous verrons donc si ainsi customé Zoho se présente plus souple et plus fidèle vis-à-vis d’Office.

Google Document et Tableur

2007-02-09T11:05:00.000+01:00

Google Office

Ex Google Writely et Spreadsheet, voici la toute nouvelle, toute belle, mais surtout toute française version de Google Office le duo texteur + tableur de Google. Comme pour Google IG ou pour Google Agenda, un compte Google ou encore mieux, une adresse Gmail est indispensable.
Une fois arrivé sur la page d’un de vos outils Google favoris, un petit click sur le «plus» à coté du logo (image 1) vous dirige tout droit vers la page des services Google ou vous cliquer sur «document et tableur» (image 2).

Ecrire

Supposons donc que nous arrivons pour la 1ère fois sur D&T et commençons donc par créer un nouveau document en cliquant sur «Nouveau document» juste sous le logo (image 3).
L’interface, assez minimaliste, a le mérite d’être claire. Les menus de base sont présent Fichier / Edition / Insertion, les aficionados du mode plan de Word seront par contre frustrés (spéciale dédicace ;-( pour LoveBoy), Document ne brille pas trop coté option d’affichage (image 4).

Le but de ce post n’étant pas d’expliquer comment marche un texteur, je vous laisse donc découvrir les fonctionnalités habituelles de ce type d’outil par vous-même. Penchons nous plutôt sur les caractéristiques originales du logiciel.

Enregistrer

L’enregistrement présente quelques surprises (image5). Nous ne trouverons pas d'«Enregistrer sous» dans le menu fichier ! Pour garder trace de l’état intermédiaire d’un document il faudra passer par la commande «Fichier>Copier le document» ou utiliser le menu «Révision».
De plus, par défaut, «Fichier>Enregistrer» crée une sauvegarde en ligne. Il faut choisir «Enregistrer au format Word» par exemple pour obtenir une petite boite de dialogue qui vous propose un enregistrement local.

Compatibilité

Quid de la question à 100 € sur tout ce type d’outil : « Comment se passe la comptabilité avec les outils Microsoft, à savoir ici : Word ? (1)».

De Google Document vers Microsoft Word :
Résultat plutôt performant (image 7). A gauche le document Word et à droite celui réalisé avec Google Document
C’est l’absence de règles horizontales qui se révèle le plus gênant.
De Word vers Document
Nouvelle surprise, le menu «Fichier» ne contient pas de commande «ouvrir», il nous faut cliquer sur «Documents Accueil» en haut à droite (image 8) pour arriver sur le centre de pilotage de nos documents Google Office. Un nouveau click sur «Importer» (image 9), utiliser le champ «parcourir» pour trouver votre .doc et valider.
Le résultat (image 10) (Word à gauche Document à droite)est plus décevant dans ce sens, l’image n’est pas arrivée, les colonnes ont disparus et les réglages d’espacement de paragraphe sont un peu approximatifs !

Les options avancées dans un prochain post

(1) Ici version 2003

Google et Agenda - N°3

2007-01-27T14:47:00.000+01:00

Partage

Avantage décisif d’un agenda en ligne, le partage des événements avec d’autres personnes. Google agenda propose un paramétrage assez gradué (de personne ne vois rien à tout le monde vois tout) mais néanmoins simple à gérer des options de partage. Découvrons les.

Tout d’abord, un clic sur la flèche située a coté de notre agenda (image 1) et dans le menu déroulant un nouveau clic sur «partager cet agenda».

Tout le monde

Nous voici sur la page de paramétrage de notre agenda «pro». La partie supérieure (image 2) propose trois options qui concernent le partage général de votre agenda, par défaut le choix de ne PAS partager est validé (ouf), la deuxième option rend votre agenda public (un peu comme un site web), cette option est intéressante pour une association sportive ou culturelle par exemple. Elle permet à tous ses membres de connaître le planning des activités. La troisième option est semblable à la deuxième à la différence que le détail des événements n’est pas affiché, vous serez juste signalé «occupé» pendant les événements (j’avoue ne pas encore avoir trouver d’utilité, même théorique à cette option). Laissons le premier choix coché.

Des personnes en particulier

La partie inférieure de la page va nous permettre une gestion plus précise du partage. Pour rappel, Google Agenda nous rappel que nous somme autorisé à «Apporter des modifications ET gérer le partage » sur notre agenda. Un peu comme sur un réseau nous en sommes l’administrateur. Autorisons maintenant une nouvelle personne (assistant(e), collaborateur…) à pouvoir consulter notre agenda.(image 3)

Pour cela il est nécessaire de rentrer son adresse e-mail et de choisir les options : 4 choix possible, attention !

«Apporter des modifications ET gérer le partage». Vous faite de cette personne un administrateur de l’agenda au même titre que vous, elle possède un accès complet aux événements (consultation, création, modification, suppression) ET en plus elle peut autoriser le partage avec de nouvelle personnes.
«Apporter des modifications aux événements» Les droits sont limités aux événements, mails ils sont complets (consultation, création, modification, suppression).
«Afficher le détail des événements», La personne ne peut que consulter les événements.
«Afficher les infos de disponibilité», la personne ne dispose que de l’information «occupé» sur la plage horaire d’un événement.

Je n’insiste pas plus longtemps sur le caractère extrêmement sensible de ces options.

Mail

Vous avez choisi, Ok, cliquer sur le bouton «Ajouter la personne». Un mail lui est immédiatement envoyé. Celui-ci comprend un lien. Si cette personne possède déjà son propre agenda chez Google, elle va pouvoir immédiatement rajouter votre agenda «pro» sous son (ou ses) agenda. Si elle ne possède pas d’agenda Google elle va être inviter à en créer un. Dans les deux cas c’est facile et rapide.

Réglages complémentaires

Revenons à nos options de partage. Les options de l’agenda se complètent avec les options spécifiques à chaque événement. Cliquer sur un événement pour en ouvrir sa page. Aller maintenant dans le coin inférieur droit et cliquer sur «options» (image 4). Deux nouveaux réglages sont possibles : Regardons d’abord le second : Confidentialité.

Trois options possibles :

«Standard» ne change rien aux paramètres généraux de partage,
«Privé» rend les détails de votre événement invisible même aux personnes en partage. Vous pouvez renforcer votre «privauté» en cliquant sur l’option «disponible» juste au dessus dans la rubrique «Ma disponibilité», plus rien n’apparaît !
Enfin «Public» rend votre événement disponible pour tout internaute, même si votre agenda n’est pas partagé.

Google et Agenda – N° 2

2007-01-20T16:32:00.000+01:00

Agendas Multiples

Le «plus» de Google Agenda consiste indubitablement à vous proposer non pas un, mais plusieurs agendas. A première vue un peu déroutante, cette fonction est en fait redoutablement pratique.

Le premier agenda que nous avons créé dans le post précédent, imaginons que ce soit celui destiné à gérer nos activités personnelles (loisirs, dentiste, amis, anniversaire familiaux…).
Pour que soit bien clair donnons lui le nom « Perso ». Un clic sur la flèche pointée vers le bas à coté du nom de votre agenda dans le cartouche agenda à gauche, puis menu paramètre de l’agenda. Il ne vous reste plus qu’à changer le nom et à enregistrer en bas de la page.

Créons maintenant un deuxième agenda à vocation professionnelle.
Premier temps, un clic sur le bouton «+» à coté de «Mes agendas» vous dirige immédiatement sur la page de paramétrage de votre nouvel agenda, comme pour «Perso», nous allons nous contenter d’inscrire cette fois «Pro» dans le champ «nom de l’agenda», et pour finir et valider, un clic sur «créer l’agenda» en bas de la page.

Bingo, un deuxième agenda apparaît dans notre cartouche Agenda.

Code Couleur

Intérêt immédiat de ces deux instances, une visualisation rendue plus facile grâce aux couleurs, des évènements appartenant à la sphère privée, de ceux professionnels. Par contre, quelque soit la méthode que vous utilisez pour créer un nouvel évènement (cf. post précédent), vous devez maintenant choisir entre vos deux agendas.
Vous pouvez ainsi multipliez les agendas pour qu’ils s’adaptent à chacune de vos «casquettes», sport, loisirs, culture… Avec la possibilité de visualiser uniquement le ou les agendas qui vous intéressent via les cases à cocher du cartouche agenda.

Autres Agenda

Enfin, vous pouvez ajouter des agendas «publics» comme ceux des vacances scolaires. Un clic sur le «+» à coté de «Autres agendas» et taper une recherche dans le champ du haut (pour l’instant, les agendas ne se bousculent pas au portillon, mais cela ne devrait pas durer trop longtemps).

Prochain post : le partage.

Google et Agenda

2007-01-12T12:57:00.000+01:00

Externalisation

Comme Gmail, Google Agenda permet d’ « outsourcer » sur le web une tache qui jusqu’à présent était gérée en local. Les objectifs d’une telle démarche sont doubles :

mettre ses données à l’abri des faiblesses intrinsèques de son PC, crash de disque dur, attaque virale, vol, perte (pour un portable).
éviter lors d’une réinstallation, les manipulations de sauvegarde et de ré implantation de ses données (le fameux fichier .pst d’Outlook).

Chaque médaille à son revers, il est clair que lorsque l’on se dépossède physiquement de ses données on transfère le risque chez le prestataire. Pérennité du service (et de sa gratuité), et sécurité des données sont sans doute mieux assurées chez Google qu’à la maison ou au bureau, mais encore une fois le risque zéro n’existe pas. Il s’agit bien la d’une décision à prendre en conscience.

Inscription

De la même façon que pour Google IG il existe deux possibilités d’inscriptions :

créer un compte Google qui vous permettra d’accéder à l’ensemble des services en ligne offert par Google
créer un compte Gmail, le service de webmail de Google qui vous fera bénéficier en plus d’une adresse mail gratuite

(attention néanmoins aux conditions de confidentialité de ce service)
(si vous avez besoin d’une invitation écrivez moi, il m’en reste quelques unes)

Partons donc de la page Google IG. Tout commence par un clic sur le lien « plus » situé juste au dessus du champ de recherche.
Continuons avec un clic sur le lien « Agenda », Google vous demande revalider votre mot de passe et ceci effectué vous pouvez commencer le paramétrage de votre agenda. Cliquer sur « continuer » et voila vous êtes arrivez sur la page d’accueil de votre Google Agenda.

Évènement

Commençons par la tache de base qui consiste à créer un évènement. Plusieurs façons d’y arriver :

Méthode N°1, Un clic sur « créer un évènement » en haut à gauche, sous le logo, ouvre une boite de dialogue destinée à renseigner l’évènement.
Rentrer la description et cliquer sur les champs de dates et d’heures pour faire apparaître des menus défilants qui vous permettront de choisir rapidement les bonnes infos.
Un dernier clic sur le bouton « enregistrer » en bas et voilou, retour sur la page agenda ou votre évènement est maintenant visible.
Méthode N°2, Positionner votre pointeur sur le créneau horaire du début de votre évènement et cliquer.
Une boite de dialogue blanche s’ouvre et vous demande de remplir son objet. Cela fait taper sur la touche « entrée ».
Google Agenda à automatiquement créer l’évènement en affectant, par défaut, une durée d’une heure à celui-ci. Si vous voulez le prolonger, tirer avec la souris sur le signe «=» en bas du cartouche bleu. Si vous souhaitez faire des modifications plus importantes cliquer sur l’objet pour ouvrir sa boite dialogue.

Prochain post sur les options avancées et le partage…

Google et la veille - N°2

2007-01-02T22:54:00.000+01:00

Personnalisation

Les possibilités de personnalisation de Google Actualités sont puissantes, nous allons voir avec Google IG (ou Google Perso) comment repousser les limites !

Pour cela un clic s’impose, sur la bête page de Google trouvez le lien «connexion» tout en haut à droite.

Ici deux possibilités sont offertes :

créer un compte Google qui vous permettra d’accéder à l’ensemble des services en ligne offert par Google

créer un compte Gmail, le service de webmail de Google qui vous fera bénéficier en plus d’une adresse mail gratuite
(attention néanmoins aux conditions de confidentialité de ce service)
(si vous avez besoin d’une invitation écrivez moi, il m’en reste quelques unes)

Accueil

Imaginons que vous reteniez cette seconde possibilité, après tout vous n’êtes pas obligé d’utiliser votre compte Gmail, vous devriez arriver sur une page d’accueil standard, déjà dotée de quelques modules (recettes, météo, l’Equipe,…). Remarquez que chaque module dans la partie droite de sa barre de titre est doté de quelques options : « modifier » qui donne accès au(x) réglage(s) du module, un icône [ _ ] pour réduire le module à la barre de titre, un icône [ X ] pour le supprimer de la page. Cette option devrait tout de suite être pratique pour dégager votre page de tous les modules qui ne vous intéressent pas.

Modules

Ok votre page est toute vide, pas de panique, voyons comment remplir ça de façon plus intelligente. C’est le lien «Ajouter des modules» qui va ouvrir le bal. Vous voici sur la page de choix des modules ? Je vous laisse jeter un coup d’oeil et explorer le menu de gauche, cette partie s’accroît en permanence de nouveaux modules et je suis persuadé que certains incontournables vous séduiront (pages jaunes, via michelin,…)

Onglets

Bien, quelques gadgets ont trouvés votre faveur, super, passons maintenant aux choses sérieuses. Avant d’inclure de nouveaux modules, attardons nous sur la gestion des onglets. Cette option est redoutablement utile, elle permet de créer des pages/écrans qui ne nécessitent pas sans arrêt le recours aux ascenseurs de plus elle rend possible un classement thématique du type : un sujet/un onglet.

Cliquer sur «ajouter un onglet» nommer le, appuyer sur la touche «entrée», c’est fini ! Renommer ou supprimer un onglet ? Un double clic et c’est tout.

Actualités

Bon et la veille, un peu perdu de vue dans tout ça ? On y arrive. On s’accroche un peu car Google à légèrement compliquer les choses ces derniers temps. On procède en cinq temps :

ouvrez une nouvelle fenêtre ou un nouvel onglet de votre navigateur (ctrl + t sur Mozilla) et diriger vous vers Google Actualités
lancer une recherche
cliquer sur le lien RSS dans le menu gauche
La les choses se complique un tout petit peu car selon votre navigateur, et les customisation que vous lui avez fait subir le résultat peu changer sensiblement.
Pour se résumer, l’idée est de récupérer une adresse (du type :http://news.google.fr/news?hl=fr&ned=fr&q=test&ie=UTF-8&output=rss# pour une recherche sur le mot clé "test).
Sur IE7, vous devriez obtenir un joli pavé jaune avec marqué « «M’abonner à ce flux ». Faites un click DROIT dessus et « copier le raccourci »
Retourner sur votre page Google IG et cliquer sur « Ajouter des modules »
Cliquer sur « Ajouter une URL »
Click droit + Coller l’adresse, «ajouter», fermer la boite et retourner sur votre page d’accueil, ouf c’est fini.
Sur Mozilla 2, c’est un autre pavé jaune qui devrait s’ouvrir, cliquer sur «m’abonner maintenant»
Et dans la nouvelle fenêtre « ajouter à Google ». Bingo !

Je vous laisse faire maintenant vos petits réglages personnel

Google et la veille - N°1

2006-12-29T15:44:00.000+01:00

Agrégateur.

Premier outil, assez basique, Google Actualités mérite quand même un petit coup d’œil. Google Actualités est ce que l’on appel un agrégateur de news, c'est-à-dire qu’il compile environ 500 sites web d’informations. A partir de cette surveillance constante, Google Actus organise automatiquement un regroupement d’abord thématique (France, international, sport, culture,…) puis ensuite contextuel (Irak, Sarkozy, Depardieu) des articles qu’il propose. Jusque la, à part la tentation de l’utiliser en page d’accueil de son navigateur, rien de bien existant.

Recherche.

La ou les choses commence à devenir plus intéressante d’un point de vue veille c’est la possibilité de faire des recherches uniquement sur cette base de sites d’information. En effet, une recherche effectuée dans Google Actualités donnera des résultats très typés « actualités » et donc très différents de ceux issus de Google

Personnalisable

En haut à droite de la page un cadre indique « Personnalisez cette page » vous donne accès à un module permettant de :

- changer l’ordre des rubriques par simple « glisser-déplacer »

- changer le pays d’origine d’une rubrique (Plus de 30 pays disponible) ainsi que le nombre d’articles affichés, voir de la supprimer purement et simplement.

- Créer une nouvelle rubrique standard ou personnalisée. c'est cette dernière solution qui est ,bien sur, la plus puissante, puisqu'elle va vous permettre de générer autant de recherche spécifiques que vous aurez de mots-clé pertinent pour "couvrir" votre sujet.

La personnalisation ne nécessite aucun enregistrement, pas d’identifiant, pas de mot de passe, mais en contrepartie elle ne fonctionnera bien évidement que sur la machine ou elle à été effectuée.

Alertes

Ok, vous avez maintenant une page d’accueil entièrement personnalisée à votre gout et à vos besoins. Vous pouvez maintenant passez d'un système "Pull" (ou vous tirez l'information du web vers vous avec votre navigateur) à un système "Push" (ou le web pousse vers vous l'information souhaitée avec un client Mail).

C’est la qu’interviennent les « alertes actualités », un click sur ce lien (à gauche sous le menu), un mini formulaire, vous rentrez votre mail, votre/vos mot(s) clé, vous choisissez le périmètre de votre recherche (tout le web, actualité, les deux), et la fréquence d’envois des mails (quotidienne, hebdomadaire, selon l’actualité). Voila, vous n’avez plus qu’a attendre tranquillement devant votre boite mail pour savoir s’il se passe quelque chose.

C'est parti

2006-12-28T19:03:00.000+01:00

Bonjour et bienvenue sur FreeBeez 2.0 le blog pratico concret des outils gratuits issus du web 2.0 et destinés à l’entreprise.

Ici, pas de veille exhaustive de toutes les nouveautés, pas de point de vue philosophique sur le devenir de l’internet, pas de politique, MAIS des fiches ultra pragmatique pour vous permettre d’utiliser facilement les fonctionnalités proposées par le web 2.0, et ce pour votre business au quotidien.