Google Chrome possède une fonction très utile de gestion des utilisateurs. La fonction a été ajoutée début novembre. Elle permet de créer des profils séparés ayant leurs propres réglages, bookmarks, sessions, extensions… Il suffit d’aller dans Préférences > Données personnelles pour créer un nouvel utilisateur.

Cette fonction a été prévue à l’origine pour ceux qui partagent le même ordinateur. Mais elle s’avère très pratique pour le community manager qui doit jongler entre plusieurs profils. Avant cette fonction, j’utilisais plusieurs navigateurs pour faire la même chose. L’avantage de cette méthode est de pouvoir utiliser ses extensions habituelles même s’il faut les réinstaller.

Google a décidé de mettre en avant très clairement dans les résultats de recherche les profils des personnes et les contenus qu’elles produisent.

Pour cela il faut l’aider un peu en marquant vos contenus avec les marqueurs rel=”author” et rel=”me” pour indiquer les contenus que vous produisez. Voici comment le faire très simplement quand vous avez un blog WordPress.

Je l’ai fait ici même en moins de 5 minutes en modifiant le lien vers ma page de présentation dans le menu et en ajoutant dans cette page de présentation un lien vers mon profil Google+.

Jusqu’à maintenant il y avait toujours un petit décalage pour obtenir les statistiques de visite de votre site dans Google Analytics. Cela ne m’a sincèrement jamais gêné mais beaucoup de services se sont développés sur cette promesse du temps réel. Google a donc réagi.

Dans quelques jours, Google Analytics affichera certaines données en direct, ou à 5 minutes près : combien de personnes visites votre site, le nombre de pages vues, les pages les plus visitées, les sites référents…

Voilà qui ne va pas révolutionner le monde et je ne suis vraiment pas partisan d’avoir l’oeil trop rivé sur ses statistiques. Toutefois les plus impatients vont pouvoir mesurer en direct l’impact d’un lien dans un blog ou un compte twitter très visité, une citation dans une émission radio ou télévisée, la réaction à une campagne e-mailing ou SMS…

Le service sera disponible dans quelques jours pour tout le monde, mais si vous êtes aussi curieux que moi vous pouvez demander un accès en avant-première.

Facebook a modifié les règles concernant la Vanity URL d’une page, c’est-à-dire l’adresse personnalisée simplifiée. C’est un peu le « nom de domaine » de votre page sur Facebook. Cette URL personnalisée est donc importante.

Jusqu’à maintenant il fallait attendre d’avoir 25 fans pour avoir le droit de changer cette adresse. Désormais vous pouvez le faire dès la création de la page. Voilà qui simplifie la vie, si vous voulez l’inclure dans un document écrit avant son lancement officiel par exemple.

Conseils pour la choisir :

• Elle doit être facilement mémorisable,
• Elle doit être courte,
• Facile à communiquer,
• Pensez que la plupart du temps elle vous servira quand vous devrez donner le nom de la page à l’oral ou dans un document écrit comme une carte de visite ou une affiche.

Si ce n’est pas déjà fait pour vos pages, il suffit de se rendre sur cette page, choisir sa page et indiquer le nom souhaité. Attention, une fois choisie, cette URL ne peut pas être changée.

Enfin, comme pour le nom de domaine de votre projet pensez à la réserver rapidement et même dès le début. Avec ce changement de règle, le cybersquatting pourrait bien augmenter.

Les vacances sont toujours un moment propice à l’expérimentation photographique : du temps, quelques idées ou envies qui se sont accumulées dans la tête, du soleil, un décor qui change un peu.

Pendant ces dernières vacances, je me suis amusé un peu avec les réglages de mon Sony Nex-3. J’ai paramétré quelques boutons, fait des essais en mode automatique, poussé un peu la sensibilité, fait du noir et blanc…

Mais je me suis aussi amusé avec une idée toute simple et dont j’ai publié le résultat sur Facebook il y a quelques jours.

Voici donc comment j’ai réalisé cette image.

Prise de vue

Vous vous en doutez, une telle photo résulte forcément du mélange de plusieurs images. La première étape consiste donc à faire les images.

La prise de vue pour une telle photo n’est pas complexe. Il suffit de prendre plusieurs photos en laissant l’appareil fixe. Le personnage, moi en l’occurence, doit se déplacer entre chaque photo. Il faut cependant se déplacer suffisament pour éviter les chevauchements ou alors se dire qu’au montage certaines photos devront être supprimées. C’est d’ailleurs pour ça que la rafale n’est pas très adaptée.

Pour caler la position, une astuce est d’utiliser les lignes de visées sur l’écran de son appareil et qui divisent l’écran en tiers. Vous pouvez mettre votre personnage dans chaque tiers. Sinon vous pouvez aussi le placer sur les bords de la photo puis sur chaque ligne de tiers.

J’avais toutefois fait deux erreurs lors de mon essai. La première n’a pas eu de conséquences mais je n’avais pas de pied. Mais il est préférable d’avoir un pied ce qui vous assure que les photos sont parfaitement alignées.

La seconde a été plus pénible je n’avais pas mis assez de réglages manuels. Ainsi, si j’avais bien pensé à faire une mise au point manuelle en désactivant l’auto-focus, j’avais fait confiance à l’appareil pour s’occuper de la luminosité. Résultat, certaines photos étaient plus lumineuses que d’autres et cela se voyait à l’étape suivante.

Mon conseil : soignez cette étape, ça vous évite du boulot ensuite.

Assemblage

Dans mon cas j’ai utilisé Photoshop. Deux solutions simples :

1 – La première méthode est manuelle.

Il suffit d’importer toutes les photos dans la même image, une par calque. Ordonnez les en mettant par exemple le personnage de gauche à droite. Gardez celle du calque du bas intact et sur les autres effacez tout ce qui est autour du personnage. Et si vos photos ont la même exposition, le même cadrage et le même focus vous pouvez le faire très grossièrement sans avoir à faire un détourage très précis.

2 – La seconde méthode est de laisser faire l’automatisation de Photoshop.

Il s’agit de l’outil qui permet d’assembler des panoramas : Fichier > Automatisation > Photomerge… Dans disposition j’ai laissé auto, choisissez ensuite les fichiers, et laisser cochée Fusionner les images. Ensuite envoyez la sauce et attendez que Photoshop finisse son travail, ce qui peut être assez long car il va aligner les images et faire des masques pour faire disparaître ce qui le gène dans chaque image.

Vous devriez obtenir une image que vous n’aurez peut être ensuite seulement qu’à recadrer. Si vous n’avez pas utilisé de pied et légèrement bougé le logiciel redressera et alignera les photos, donnant une image un peu plus grande avec des zones transparentes.

Toutefois dans mon cas je me suis rendu compte qu’il ne voulait me clôner au mieux que 3 fois. Je pense que c’était la conséquence des différences de luminosité des photos mais aussi de quelques superpositions quand je ne m’étais pas assez décalé. Photoshop choisi les images qui conviennent le mieux pour faire une image cohérente et se moque de vous faire apparaître 1, 3 ou 10 fois. Essayez d’enlever certaines images pour améliorer ça.

Bilan

Aucune des deux méthodes n’est meilleure que l’autre. J’ai fait plusieurs essais, et la méthode automatique a très bien fonctionné dans un cas alors que la méthode manuelle était plus satisfaisante dans l’autre.

Vous pouvez aussi combiner les deux méthodes : laissez faire Photoshop le gros du travail, notamment l’alignement des photos, et fignolez ensuite. Ainsi si vous décocher Fusionner les images Photoshop se contentera de faire l’alignement des photos et disposera chacune sur un calque. A vous ensuite de détourer le sujet comme dans la méthode manuelle.

Amusez-vous bien !

J’utilise sur ce blog le thème Prose basé sur le framework Genesis. Je ne listerai pas ici l’intérêt de passer par ce framework ou un autre. Nous dirons seulement que le principe est d’avoir un thème assez sophistiqué offrant de nombreux réglages et points d’actions documentés et facilement compréhensibles. J’ai découvert il y a quelques temps le plugin WooTumblog dont le but est d’ajouter à WordPress la facilité de publication de Tumblr. J’ai donc voulu mixer les deux.

WooTumblog a été développé par WooThemes et reprend le principe de billets prédéfinis en fonction du contenu (texte, citation, vidéo, image…). Suivant le type de contenu, le plugin propose des champs prédéfinis et affichera les informations de manière adaptée. C’est en partie ce qui a fait le succès de Tumblr. Cela accélère très franchement l’ajout de contenu, bien plus que la fonction Quickpost native de WordPress.

Ce plugin est intégré à certains thèmes WooThemes (catégorie Tumblog) mais il est possible de télécharger ce plugin et de l’installer sur son blog.

Si le plugin s’installe normalement, il demande ensuite une petite modification des thèmes pour fonctionner. Si vous ne le faîtes pas, vous aurez un billet vide sur votre blog car le plugin stocke les informations dans des champs spécifiques ! L’aide sur WooThemes explique comment le faire dans un thème classique, voici comment le faire avec un thème Genesis.

Créer un Child Theme de Genesis

Tout d’abord il est important de préciser que vous ne devez pas modifier le Theme Genesis directement. Cela vous évitera de tout perdre quand Genesis. Vous travaillez donc avec un thème enfant (Child Theme). Le fonctionnement n’est pas propre à Genesis mais général à WordPress qui a introduit cette fonction dans les versions récentes. Sur le principe, un thème enfant est un dérivé d’un thème parent. Il en reprend le fonctionnement, les options, l’aspect mais ont peut personnaliser ce que l’on souhaite. La documentation de WordPress explique très bien le fonctionnement.

Pour créer un thème dérivé de Genesis il vous suffit donc de créer un nouveau dossier dans le dossier themes de votre installation WordPress. Vous lui donner le nom que vous souhaitez. Un Child Theme contient au minimum un fichier style.css qui fait référence au thème parent. Cela ressemble à ça :

[sourcecode language="css"]
/*
Theme Name: Mon theme
Template: genesis
*/
@import url(../genesis/style.css);
[/sourcecode]

Dans ce cas j’ai ajouté l’import de la feuille de style de Genesis pour conserver les styles mais je pense qu’il y a mieux à faire notamment pour conserver la minification de la feuille de style.

Le principe est ensuite très simple. Les fichiers tu thème enfant remplacent leurs homonymes du thème parent. WordPress utilisera donc les fichiers du thème parent s’ils existent, sinon il utilisera le fichier du thème parent.

Dans notre cas il faudra modifier la page d’accueil (home.php), la page qui liste les articles d’une catégorie (category.php) et l’affichage d’un billet unique (single.php). Nous aurons donc à créer ces trois fichiers dans le thème enfant. Au départ ces trois fichiers seront d’une simplicité remarquable :

[sourcecode language="php"]
<?php
genesis();
?>
[/sourcecode]

La fonction genesis() est celle qui appelle ensuite le thème. Donc indispensable dans notre cas.

Une icône dans le titre des billets

Le plugin propose d’associer à chaque type de contenu une petite icône clickable. Elle représente le type de contenu et permet d’accéder aux autres articles du même type.

Le plugin dispose d’une fonction woo_tumblog_the_title(« entry-title »); qui se charge d’afficher le titre du billet et la petite icône sur la droite. Avec Genesis la méthode pour l’appliquer est très simple. Ajoutez avant genesis(); les deux lignes suivantes :

[sourcecode language="php"]
<?php
remove_action(‘genesis_post_title’,'genesis_do_post_title’);
add_action(‘genesis_post_title’, ‘woo_tumblog_the_title’);
genesis();
?>
[/sourcecode]

La première ligne supprime le titre. La seconde indique à Genesis de mettre dans le titre la fonction du plugin WooTumblog. Pour le reste le thème s’occupe de tout.

Afficher le contenu du billet

Le fonctionnement est similaire. Il suffit là encore de supprimer le contenu du billet et d’afficher à la place le contenu rentré par le plugin.

[sourcecode language="php"]
<?php
remove_action(‘genesis_post_content’, ‘genesis_do_post_content’);
add_action(‘genesis_post_content’, ‘woo_tumblog_content’);
genesis();
?>
[/sourcecode]

Attention toutefois, cela s’avère problématique dans deux cas :

• si vous ajoutez ce plugin à un blog existant. Tout vos anciens billets perdront leur texte.
• si vous écrivez aussi des billets par le système classique. Là encore le contenu n’apparaîtra pas.

Il faut donc tester et afficher le contenu classique de WordPress si le billet n’a pas été rentré par cette extension. Pour ce faire j’ai ajouté deux fonctions. Vous pouvez placer ces fonctions soit dans les fichiers home.php, category.php et single.php soit plus simplement les centraliser dans un fichier functions.php que vous ajouter dans votre dossier. Ce fichier de fonction est automatiquement appelé par WordPress quand il existe.

Voici la première qui affiche le contenu du Tumblog à la place du excerpt(), le contenu court.

[sourcecode language="php"]
function chapo(){
global $post;
$post_id = $post->ID;
$tumblog_list = get_the_term_list( $post_id, ‘tumblog’,  » , ‘|’ ,  » );
$tumblog_id = get_term_by( ‘name’, $tumblog_item, ‘tumblog’ );
if ($tumblog_list!= »){
woo_tumblog_content();
}
else {
the_excerpt();
}
}
[/sourcecode]

La première partie permet de tester si nous avons affaire ou non à un article ajouté avec l’extension. Si c’est le cas on fait appel à la fonction du plugin pour afficher le contenu Tumblog. Sinon on appelle la fonction de WordPress. Il suffit ensuite d’expliquer à Genesis d’appliquer cette fonction pour afficher le contenu :

[sourcecode language="php"]
remove_action(‘genesis_post_content’, ‘genesis_do_post_content’);
add_action(‘genesis_post_content’, ‘chapo’);
[/sourcecode]

J’utilise cette fonction dans ma page d’accueil (home.php) et mes pages catégories (category.php).

Le cas du billet seul

Pour le cas où l’on se trouve dans la page qui affiche le billet, il y a une petite variation à faire sur cette même fonction. Au lieu d’afficher le excerpt elle doit afficher le contenu du billet. La fonction est similaire mais renvoie le contenu complet au lieu du texte court :

[sourcecode language="php"]
function contenu(){
global $post;
$post_id = $post->ID;
$tumblog_list = get_the_term_list( $post_id, ‘tumblog’,  » , ‘|’ ,  » );
$tumblog_id = get_term_by( ‘name’, $tumblog_item, ‘tumblog’ );
if ($tumblog_list!= »){
woo_tumblog_content();
}
else {
the_content();
}
}
[/sourcecode]

Et ensuite il suffit de l’appeler dans la page single.php avant l’appel de la fonction genesis() :

[sourcecode language="php"]
remove_action(‘genesis_post_content’, ‘genesis_do_post_content’);
add_action(‘genesis_post_content’, ‘contenu’);
[/sourcecode]

Et c’est tout ! Activez ensuite le thème comme vous activez un thème habituellement et tout devrait bien se passer. Pour faciliter les choses j’ai créé un thème enfant exemple avec les fichiers essentiels et les fonctions qui vont avec.

Facebook permet désormais d’insérer un bouton « I Like » sur n’importe quelle page de son site. L’intégration est ultra-simplissime et se fait en deux minutes. Voici comment l’ajouter sur un site réalisé avec Spip.

Pas besoin de plugin, il vous suffit d’ajouter dans le squelette article.html le code suivant :

Il faut bien entendu ajouter ce bout  de code à l’intérieur d’une boucle article pour que cela fonctionne.

Facebook est une formidable source de trafic pour les blogueurs et webmasters. Sur Cyberbougnat.net, Facebook est ainsi devenu la troisième source de trafic, loin derrière Google, mais quasiment au même niveau que Google Actualités.

Encore faut-il parvenir à faire des liens de la bonne manière. Ce qui permet d’apporter du trafic, c’est de partager le lien via son statut sur son mur. Facebook rend l’URL cliquable automatiquement et renvoie directement vers le site. Beaucoup plus pratique que l’import de RSS prévu dans l’application Notes qui ne fait qu’importer les articles. L’internaute lira de ce fait votre billet dans Facebook et ne viendra que rarement sur vos pages.

Combiner les services

Il est assez simple d’automatiser la mise à jour de ce statut en se basant sur les flux RSS. L’idée est de combiner deux services complémentaires :

• Ping.fm ou HelloTxt : Ces deux services vous permettent de publier un statut sur bon paquet de services sociaux : Facebook, Twitter, Plurk, FriendFeed et bien d’autres. Une bonne centaine chacun. Une fois inscrit, vous paramétrez vos services et pouvez publier vos statuts en même temps très rapidement.

• Twitterfeed : A l’origine, ce service est destiné à la mise à jour automatique d’un compte Twitter depuis un flux RSS. Petit à petit, le service s’est étoffé et peut publier vers d’autres services et notamment HelloTxt et Ping.fm. Dans la pratique, Twitterfeed vérifie votre flux RSS à intervalle régulier et demande à Ping.fm ou HelloTxt de mettre à jours vos réseaux sociaux.

Cette méthode fonctionne bien, mais dans le cas de Facebook elle a longtemps été limité à la mise des statuts des comptes. Facebook ne permettait en effet pas la mise à jour du statut d’une page. On devait alors se contenter de l’import de Notes dans Facebook ou essayer de se débrouiller avec quelques applis au comportement aléatoire.

Cette limitation expliquait aussi pourquoi nous étions un paquet à avoir créé un compte pour notre site avec une mise à jour automatique du statut. Toutefois c’est peu pratique, normalement interdit par Facebook et limité à 5000 amis.

Mais les choses évoluent et Facebook a palié ce problème. On peut désormais mettre à jour le statut d’une page via les api et applications tiers. Bonne nouvelle, HelloTxt et Ping.fm ont tous les deux intégré cette possibilité.

Mon choix : Ping.fm

Utilisant HelloTxt depuis quelques temps j’ai d’abord essayé d’ajouter cette solution. HelloTxt avait pris un peu d’avance dans ses fonctionnalités. Hélas, le lien avec Facebook ne semble pas très au point pour l’instant et l’application par laquelle tout passe est un peu obscure. Je n’ai ainsi pas réussi à la faire fonctionner correctement ni à paramétrer exactement comme je le voulais. Elle publiait sur mon profil et non sur ma page ou alors ne publiait plus du tout.

La solution Ping.fm est elle bien plus aboutie et fonctionne parfaitement. Surtout son paramétrage est bien plus simple et se passe directement sur le site de Ping.fm. Il suffit de lui indiquer vos identifiants et Ping vous affiche ensuite votre compte et les pages que vous administrez. On peut difficilement faire plus rapide.

Note : Twitterfeed vous demandera pour poster sur HelloTxt et Ping.fm de lui indiquer votre API KEY. Pas forcément simple à trouver voici le lien direct pour Ping.fm et HelloTxt.

Et bien tout simplement parce que je l’ai kidnappé… dans Facebook. Je trouve l‘application Kidnappeur en série un peu débile, mais elle au moins servi à quelque chose. Notez toutefois que je me suis refusé pour l’instant à le torturer comme le permet l’application. Notez aussi que personne n’est venu le libérer, y compris des gens de droite que j’ai dans mes amis facebook.

Je crois que je vais attendre la nomination du secrétaire d’Etat au développement de l’économie numérique pour le libérer. D’ailleurs on annonce Devedjan à ce poste. Je n’aime pas particulièrement ce bonhomme mais cela me semble plus cohérent que Lefebvre.

Tout cela n’est bien sûr qu’une petite blague…

Si vous avez du mal pour trouver votre thème WordPress, envisagez la solution de la personnalisation et notamment du changement de couleurs. Par exemple un thème comme Dilectio est très bien organisé et proportionné mais vous n’aimez peut être pas les couleurs. Personnalisez le en modifiant quelques images et vous voilà avec un thème à votre goût sans avoir besoin de tout réinventer. Exemple réussi avec le blog de Paul Carr qui a adapté le fameux Dilectio.

J’ai voulu ce week-end personnaliser un tout petit peu mon iPhone avec une sonnerie personnalisée. Rien de compliqué, juste un petit bout d’une chanson de Brad Sucks que j’avais en mp3 et qui se trouve dans mon iTunes et dans mon iPhone. Pas besoin d’acheter une sonnerie pour ça.

Alors voici la technique qui est très simple :

1. Ouvrez votre mp3 avec un éditeur audio comme Audacity.
2. Prenez les 30 secondes maxi qui vous intéresse et enregistrez votre mp3
3. Maintenant ouvrez votre mp3 avec Quicktime
4. Exportez le au format iPhone. Vous obtenez ainsi un joli fichier avec une extension m4v.
5. Remplacez l’extension m4v par m4r (ça doit être le r de ringtone)
6. Double cliquez sur ce nouveau fichier, ça va l’ajouter dans vos sonnerie dans iTunes.
7. Synchronisez votre iPhone et vous maintenant allez dans les options pour la choisir en sonnerie générale ou pour un contact.

Simple non ?! Maintenant, par comparaison voici la méthode Nokia :

1. Dans votre téléphone allez sur la liste des titres mp3. Faites Option > Définir comme sonnerie. Et voilà…

Comme quoi, chez Apple ce sont les rois de l’ergonomie sauf quand ça pourrait les empêcher de gagner de l’argent…

Assez curieusement, hier ma clé 3G SFR a cessé de fonctionner sur EEE-PC sous Xandros. Quand je la branchais, la clé clignotait, le logiciel démarrait bien mais sans demander le code PIN de la clé. Plusieurs redémarrages furent inutiles et je me suis donc même en quête d’une solution. En fait j’en ai trouvé deux : recréer une connexion ou faire un reset.

Recréer la connexion

1. Branchez la clé sur l’EEE-PC.
2. Dans l’onglet  internet, allez dans Réseau (ou connexion réseau) et cliquez sur Créer…
3. Choisissez GSM / 3G (UMTS) / HSDPA
4. Sélectionnez ensuite le modem huawei
5. Il vous demande ensuite le code PIN de la clé. N’oubliez pas de cocher la case « Mémoriser »
6. Cliquez ensuite sur Rechercher et choisissez le réseau SFR. Essayez plusieurs fois si ça ne marche pas.
7. Cliquez sur suivant et choisissez France – SFR comme opérateur
8. Sur l’écran suivant APN devrait être websfr. Je ne sais pas si ça marche avec ce websfr, mais vous pouvez aussi mettre slsfr qui marche bien. Supprimez le nom d’utilisateur et le mot de passe
9. Cliquez sur Terminer pour enregistrer votre connexion.

La connexion est maintenant créée et il vous suffit d’aller dans Réseau et de sélectionner la connexion pour vous connecter. Je me suis rendu compte par contre que cela ne marchait parfois pas si le logiciel Asus était démarré.

Reset de l’Eee-Pc

La première méthode marche pas mal mais le logiciel Asus continuait de s’afficher pour rien. De plus je trouve le logiciel Asus plus pratique. J’ai donc opté pour un reset total qui est d’une simplicité redoutable.

1. Pendant le démarrage de l’Eee-PC appuyez sur la touche F9 au moment où s’affiche un premier écran Eee-PC (celui qui vous donne les commandes pour aller dans le Bios).
2. Choisissez ‘Reset Factory Settings‘
3. Tapez Yes quand il vous le demande

Vous obtenez un Eee-PC tout neuf. Attention donc de sauvegarder vos données personnelles avant. La première fois j’ai essayé en ayant la clé branchée. Cependant l’outil s’était affiché au même moment que les écrans Asus demandant mon nom et mon mot de passe et impossible de faire disparaître l’outil de connexion. J’ai recommencé sans la clé et ça a marché aussi.

Voilà deux astuces qui vous éviteront de passer du temps pour rien avec la Hotline SFR et vous permettront de retrouver votre connexion.

Voici un logiciel qui risque de vite devenir indispensable pour moi si j’arrive à le faire marcher à 100%. Pour l’instant je ne pouvais synchroniser mes contacts de mon téléphone Pocket PC qu’avec Outlook. Normal dans la logique Microsoft mais peu pratique car sur mon ordinateur je n’utilise pas Outlook mais Thunderbird pour tout ce qui est messagerie. Je me retrouvais donc avec des listes de contacts différentes et j’étais obligé d’aller piocher dans Outlook des adresses pour écrire sous Thunderbird.

Et c’est là que BirdieSync constitue une petite révolution attendue depuis longtemps pour ma part. Il permet en effet d’ajouter une synchro entre Pocket Outlook et Thunderbird. Mieux il supporte aussi en principe Lightning qui est la solution de calendrier pour ThunderBird. Là je dis en principe car cela n’a pas marché pour moi.

BirdieSync n’est pas gratuit, mais son prix de 20 �?� n’est finalement pas très élevé comparé à nombre de logiciels pour Pocket PC qui sont inutiles et surtout par rapport au service rendu.

Les fichiers amr sont des fichiers sons utilisés sur des téléphones portables (Nokia, Sony Ericsson par exemple). Par exemple sur le Nokia 6111 dispose d’une fonction d’enregistrement qui stocke les fichiers en .amr.

Pour les lire une fois rapatriés sur un PC pas de problème : Winamp sait faire, Real Player aussi une fois qu’il a récupéré les codecs sur internet. Seulement moi j’avais besoin de reprendre le fichier, le redécouper et le mixer avec un mp3 sous Audacity et en faire un petit podcast.
Je n’ai pas trouvé la bonne manipulation sous Audacity pour le faire ou en tout cas pas le bon paramètre avec Raw Import. J’ai ensuite d’abord essayé le logiciel Switch. Ce logiciel est normalement capable de convertir pas mal de formats en mp3 mais là il n’a pas réussi.

J’ai donc cherché un spécialiste du format et j’ai trouvé chez Miksoft Mobile Media Converter. Une fois installé rien de plus simple, vous lui indiquez le fichier .amr et lui transforme ça en mp3. Simple et efficace !! A noter que le logiciel sait aussi faire l’inverse et qu’il sait aussi faire les même choses pour le format vidéo 3GP

Avec les versions précédentes de Dreamweaver, il était très simple d’ouvrir un fichier .tpl (ou autre extension choisie pour vos templates). Il suffisait en effet d’associer l’extension au logiciel, et comme par magie on pouvait travailler sur les fichiers comme sur n’importe quelle page HTML

Avec la version MX, cette manipulation n’est pas suffisante, puisque le fichier sera ouvert en mode Code et qu’il est impossible de passer en mode Création.

Trifouiller dans les fichiers de configuration

Pourtant la solution est très simple. Le logiciel dispose en effet de toute une série de fichiers de configuration en xml que vous pouvez simplement modifier avec Notepad ou tout autre éditeur texte.

Cherchez donc le fichier MMDocumentTypes.xml qui se trouve dans le dossier Configuration\DocumentTypes du dossier où vous avez installé Dreamweaver MX. La troisième ligne doit ressembler à cela :

<documenttype id="HTML" internaltype="HTML" winfileextension="htm,html,shtml,shtm,stm,lasso,xhtml" macfileextension="html,htm,shtml,shtm,lasso,xhtml" file="Default.html" writebyteordermark="false">

Modifiez la simplement en rajoutant l’extension de vos fichiers template (ici tpl) :

<documenttype id="HTML" internaltype="HTML" winfileextension="htm,html,shtml,shtm,stm,lasso,xhtml,tpl" macfileextension="html,htm,shtml,shtm,lasso,xhtml,tpl" file="Default.html" writebyteordermark="false">

Dreamweaver assimile maintenant vos fichier .tpl a des fichiers html des plus classiques, et vous pourrez les ouvrir en mode Création.

Autre astuce

Il y a un autre fichier qui peut vous être utile de modifier, il concerne cette fois le type de document dans les boites de dialogue « Ouvrir ». Trouver dans le dossier Configuration le fichier Extensions.txt. Il contient tous les filtres possibles sur le type de document lorsque vous faites Fichier > Ouvrir dans Dreamweaver.

Pour ma part j’ai rajouté une ligne dans ce fichier :

TPL:Fichiers templates

Ainsi je peux choisir de n’afficher que les fichier .tpl, ce qui est parfois bien pratique. Vous pouvez aussi ajouter l’extenson dans une autre ligne, comme ici à la ligne 2 :

HTM,HTML,XHTML,HTA,HTC,TPL:Documents HTML

Ainsi vous pourrez n’afficher que les document .htm, .html … et .tpl

Bien sûr vous pouvez ajouter le support d’autres extensions de la même manière.

Pour illustrer le cas, nous allons mettre en place une sorte d’annuaire des liens sur PHP ! Pour simplifier au maximum je ne prendrais que les titres des sites.

Les données

J’utilise ici des tableaux, car c’est plus simple dans le cadre du tutorial. Mais nous pourrions, utiliser des données provenant d’une base de données.

<?
$categories = array( // les catégories de liens
    0 =>"Francais",
    1 =>"Anglais"
    );
$liens[0]=array( // les liens de la catégorie 0
    0 => "Phpinfo.net",
    1 => "PhpFrance.com"
    );

$liens[1]=array( // les liens de la catégorie 1
    0 => "PhpBuilder.com",
    1 => "Php.net"
    );
?>

Le template

Comme le tutorial est sur les blocks imbriqués, nous allons créer un seul fichier (tableau.tpl) contenant un titre et 2 blocks :

<html>
<p><font size="3"><b>Mes liens</b></font></p>
<!-- BEGIN CATEGORIE --><p><b>{TITRE_CATEGORIE}</b><br>
<!-- BEGIN ITEM --> * {TITRE_ITEM}<br>
<!-- END ITEM --></p><!-- END CATEGORIE -->
</html>

Comme vous pouvez le constater le block ITEM commence et se termine à l’intérieur du block CATEGORIE. Il ne faut pas l’oublier au moment d’écrire son code Php. On doit en effet commencer par déclarer le block à l’intérieur, puis l’autre :

$t->set_block("tableau","ITEM","item"); // on définit le block intérieur
$t->set_block("tableau","CATEGORIE","categorie"); // on définit le block extérieur

IMPORTANT : Si on faisait l’inverse, le block ITEM ne sera pas vu du tout, et vous obtiendriez un message d’erreur.

Le script

<?
include "template.inc";
$t=new template("."); // création du template
$t->set_file("tableau","tableau.tpl"); // on indique le fichier servant de modèle
$t->set_block("tableau","ITEM","item"); // on définit le block intérieur
$t->set_block("tableau","CATEGORIE","categorie"); // on définit le block extérieur
for ($i=0; $i<sizeof($categories); $i++) { // on commence par lister les catégories
       $t->set_var("TITRE_CATEGORIE",$categories[$i]);
       $t->set_var("item",""); // ligne à ne pas oublier sous peine de surprise !!!
        for ($j=0; $j<sizeof($liens[$i]); $j++) { // on liste les liens pour chaque catégorie
                     $t->set_var("TITRE_ITEM",$liens [$i][$j]);
                     $t->parse ("item","ITEM",true); //on traite le block ITEM
                     }
       $t->parse ("categorie","CATEGORIE",true); // on traite le block CATEGORIE
       }
$t->parse("MyOutput","tableau",true); // on traite le reste de la page
$t->p("MyOutput"); // on affiche la page
?>

Si vous avez lu les tutoriaux précédents, il n’y a rien de nouveau pour vous. On appelle le fichier, on déclare le block, on affecte les valeur aux zones et on affiche le tout. Il y a une seule variante, mais il ne faut absolument pas l’oublier :

$t->set_var("item",""); // ligne à ne pas oublier sous peine de surprise !!!

Elle tient au fait que vous avez 2 boucles imbriquées. Cette ligne affecte une valeur nulle au block ITEM. Ce nettoyage permet de vider la valeur, qui sans cette ligne suivrait dans la boucle suivante. Pour faire un test, essayez d’enlever cette ligne. Pour la première catégorie cela ne change rien, mais dans la deuxième, vous obtenez les liens de la deuxième catégorie mais aussi ceux de la première qui ont suivis. Si vous aviez 3 catégories, la troisième afficherait les liens de la première, de la deuxième et bien sûr ceux de la troisième. Alors imaginez le résultat si vous programmez un annuaire de 20 ou 30 catégories avec quelques sous-catégories !!

Conclusion

Si vous pouvez vous passer des blocks imbriqués, la technique utilisée pour vider le contenu du block vous sera certainement très utile. Elle fonctionne aussi de la même manière si vous utlisez plusieurs fichiers template plutôt que des blocks.
Je connais certains développeurs qui ont passé leur week-end sur ce problème, surtout que la documentation de la Phplib ne mentionne pas du tout cette astuce.

Je crois que vous en savez maintenant assez pour développer votre site avec les templates !

Télécharger les sources du tutorial

Pour étudier les blocks nous allons revenir sur le tutorial sur les templates. Reprenons le deuxième exemple. D’abord le tableau (tableau.tpl) :

<html>
   <table>
       {LISTE}
   </table>
</html>

il nous faut un deuxième template qui correspond à la présentation d’une ligne du tableau (ligne.tpl) :

<tr>
   <td>{ID} : {NOM}</td>
</tr>

Maintenant voyons le script pour afficher le tableau (test2.php):

<?
include "template.inc";
$tableau=array("tarzan","jane","cheetah");
$t = new Template("tpl/"); // création du template $t
$t->set_file(array(
     "page"=>"tableau.tpl",
     "ligne"=>"ligne.tpl"
)); // on définit le fichier contenant le modèle

// traitement des lignes du tableau
reset($tableau);
while (list($cle,$valeur) = each($tableau)) {
 $t->set_var(array(
     "ID"=>$cle,
     "NOM"=>$valeur
 ) );
 $t->parse("LISTE","ligne",true);
}
// fin du traitement des lignes du tableau
$t->pparse("MyOutput","page"); // traitement du modele et affichage
?>

Et avec les blocks ?

Cet exemple utilisait 2 fichiers template pour afficher le tableau. Les blocks vont permettre de n’en utiliser qu’un seul, ce qui réduit le nombre de fichiers et simplifie parfois le travail. On crée donc tableau.tpl :

<table border="0" cellspacing="0" cellpadding="0" width="200">
<!-- BEGIN LIGNE --><tr>
<td>{ID} : {NOM}</td>
</tr><!-- END LIGNE -->
</table>

J’ai volontairement pris le même exemple très simple. Le block est la partie définie par les commentaires : <!-- BEGIN LIGNE -->...<!-- END LIGNE -->. Dans ce cas ce block s’appelle LIGNE. Ce block est équivalent au fichier ligne.tpl de l’exemple précédent, et remplit le même rôle : il sera répété autant de fois que l’on en aura besoin.

Une petite remarque à ce sujet : quand vous créez un commentaire avec Dreamweaver, il ne laisse jamais d’espace avant le texte, et en laisse toujours un après. Pour que le script fonctionne, il faut rajouter l’espace de début, sinon vous aurez toujours une erreur.

Voyons maintenant le script php (index.php) :

<?
include "template.inc";
$t=new template("."); // création du template
$t->set_file("tableau","tableau.tpl"); // on indique le fichier servant de modèle
$t->set_block("tableau","LIGNE","une_ligne"); // on définit le block

$tableau=array("Tarzan", "Jane","cheetah"); // les données qui serviront d'exemple
// on va afficher le tableau ligne par ligne
reset($tableau);
while (list($cle,$valeur)=each($tableau)) {
 $t-> set_var(array(
   "ID"=>$cle,
   "NOM"=>$valeur
   ));
 $t->parse("une_ligne","LIGNE",true); // on traite le block
}
$t->parse("MyOutput","tableau"); // on traite le reste de la page
$t->p("MyOutput"); // on affiche la page
?>

Le script est très ressemblant là encore, et produit le même résultat. Seulement on appelle plus qu’un seul fichier à l’aide de set_file(), et on définit le block avec la fonction set_var(). Sinon la démarche est la même, car à chaque passage dans la boucle on utilise la fonction parse() pour traiter le block.

Conclusion

L’utilisation des blocks plutôt que des fichiers templates séparés produit le même résultat, et ne complique pas plus le script. Souvent l’utilisation des blocks vous évitera seulement d’avoir plusieurs fichiers pour une même page. Je n’ai pas fait de test précis de rapidité entre les 2 méthodes, mais pour utiliser les 2 je ne vois pas de différence.

Télécharger les sources du tutorial

Les templates (ou modèles) permettent de séparer le code HTML et le script PHP. Dit comme ça, le bénéfice ne vous semble pas évident par rapport à l’immersion des balises html dans le script php. Voilà pour moi les avantages des templates :

• simplification des scripts php
• optimisation plus simple du code html
• plus de flexibilité dans le développement et modification de l’aspect d’un site en quelques secondes
• customization du site (voir les skins)
• permet au webdesigner qui ne connait pas la programmation de travailler tranquillement sur des sites dynamiques tout en conservant ses outils
• réutilisation plus facile du code

Avant de commencer

Il existe actuellement de nombreuses librairies de scripts gérant les templates. La plus connue est sûrement FastTemplate, mais elle n’est pas la seule. Pour ma part je lui préfère l’implémentation de la PHPLib. Je lis régulièrement des avis sur la supériorité de l’une par rapport à l’autre, et je ne rentrerai pas dans ces considérations. Mais pour résumer il semble que FastTemplate soit moins rapide car ce serait une simple traduction d’une librairie PERL et donc n’utilisant pas les meilleurs fonctions de PHP.
Pour ceux qui s’inquiètent déjà en se disant qu’il faut installer la PHPLib, ce qui n’est pas toujours possible, ne vous inquiétez pas. Vous n’avez besoin que d’un fichier : template.inc. Vous pouvez jetter le reste si vous le souhaitez.

Premier exemple

Créons un fichier html (template.tpl) contenant ce simple code (attention, retapez le code, car le copier-coller risque de créer des erreurs) :

Bonjour {NOM} !

C’est ce fichier qui définit l’apparence. Le nom et l’extension du fichier importent peu, c’est à vous de créer une convention qui vous indique que c’est un fichier template.

Maintenant un petit bout de script php, créons un fichier test.php :

<? 
 include "template.inc";
 $nom="tarzan";
 $t = new Template("."); // création du template $t 
 $t->set_file("page","template.tpl"); // on définit le fichier contenant le modèle
 $t->set_var("NOM",$nom); // on indique que l'on doit remplacer {NOM} par le contenu de la variable $nom
 $t->parse("MyOutput","page"); // traitement du modele 
 $t->p("MyOutput"); // on affiche la page complète 
 ?>

c’est une exemple volontairement très simple, mais vous avez là pratiquement toutes les fonctions des templates. Décryptons un peu ce code. La première ligne inclut le fichier template.inc livrée avec la PHPLib, c’est lui qui contient les fonctions neccesaires pour utiliser les templates. En fait c’est une classe (voir le tutorial sur phpinfo.net), et il faut donc créer un objet pour pouvoir utiliser les fonctions de la classe.

Le code $t = new Template(« . »); crée donc un objet $t et indique le chemin pour accéder aux fichiers templates. Dans ce cas le fichier php et le template sont dans le même dossier, et on aurait aussi pû créer l’objet comme ça : $t = new Template(); .

Ensuite set_file() indique le fichier template à utiliser. Puis; on défini le contenu de la zone {NOM} avec la fonction set_var(). La fonction parse() traite ensuite le template mais n’affiche rien. Pour afficher la page, on utilise la fonction p().
Sur un exemple aussi simple, l’intérêt des templates est limité, mais il vous permet de tester quelques possibilités. Pour modifier l’aspect de votre page, vous n’avez plus qu’à modifier template.tpl. Vous pouvez le modifier sans rique dans un éditeur HTML comme Dreamweaver car il ne contient aucun code php.

On complique un peu

Créons un tableau avec une liste de nom. Nous allons utiliser non pas un, mais deux templates. D’abord le tableau (tableau.tpl) :

<html>
   <table>
       {LISTE}
   </table>
</html> 

il nous faut un deuxième template qui correspond à la présentation d’une ligne du tableau (ligne.tpl) :

 <tr>
    <td>{ID} : {NOM}</td>
 </tr>

Maintenant voyons le script pour afficher le tableau (test2.php):

<?
include "template.inc";
$tableau=array("tarzan","jane","cheetah");
$t = new Template("tpl/"); // création du template $t
$t->set_file(array(
     "page"=>"tableau.tpl",
     "ligne"=>"ligne.tpl"
)); // on définit le fichier contenant le modèle

// traitement des lignes du tableau
reset($tableau);
while (list($cle,$valeur) = each($tableau)) {
 $t->set_var(array(
     "ID"=>$cle,
     "NOM"=>$valeur
 ) );
 $t->parse("LISTE","ligne",true);
}
// fin du traitement des lignes du tableau
$t->pparse("MyOutput","page"); // traitement du modele et affichage
?>

J’ai introduit ici quelques différences. Tout d’abord, j’ai placé les fichier templates dans un dossier spécial nommé tpl. la création de l’objet est donc $t = new Template(« tpl/ »); Comme on utilise 2 templates, on doit le spécifier dans le script. Plutôt que de faire 2 fois appel à la fonction set_var(), on passe un tableau en paramètres. Les fonctions set_file() et set_var() permettent en effet de passer un tableau en paramètre ce qui est parfois bien utile.

La ligne $t->parse(« LISTE », »ligne »,true); introduit une petite variante par rapport au 1er exemple. Ici elle permet de créer une ligne du tableau à chaque passage dans la boucle while(). Le paramètre « true » est neccessaire ici pour afficher plusieurs lignes. Le tableau $tableau a en effet 3 lignes, et sans le paramètre true seule la dernière ligne serait affichée.

Enfin la fonction pparse() rassemble les fonction parse() et p(). La ligne $t->pparse(« MyOutput », »page »); est équivalente aux 2 lignes suivantes :

$t->parse("MyOutput","page");
$t->p("MyOutput");

Conclusion

Voilà une aperçu rapide des templates. Dans un prochain tutorial, nous verrons que le deuxième exemple peut être aussi traité avec les blocks, ce qui permet de n’utiliser qu’un fichier template au lieu de deux.
Les templates ne se limitent pas aux pages html. on peut aussi générer du xml, wml, texte des e-mails…. On peut par exemple avec le même script php générer la version html et la version wml d’une page en indiquant seulement un template différent.