Tutorial TextpatternUne production de Pat Bikertag:aaa.windev.free.fr,2005:dc9c791dfcd577a75efe129dae264385Textpattern2010-07-14T17:37:49ZPat Bikerpatrick.philipot@gmail.comhttp://aaa.windev.free.fr/cms/Pat Biker2010-07-14T17:01:00Z2010-07-14T17:37:49ZPrésentation du système TextPatterntag:aaa.windev.free.fr,2010-07-14:dc9c791dfcd577a75efe129dae264385/ec7e42411c5eedb2978277b50c6f621c
<h1>Analogie avec un blog</h1>
<p>Dans un site Internet il est bon de séparer la présentation et le contenu. Par exemple, dans un blog, la présentation est prédéfinie (je pense à des systèmes comme Blogger), avec seulement quelques paramètrages de couleurs, et l’auteur a seulement pour tâche de saisir du contenu.</p>
<h2>Article</h2>
<p>Le contenu est constitué de billets ou articles. Je garderai le mot <strong>article</strong> car il est repris dans TextPattern. </p>
<p>Dans un blog, le dernier article saisi s’affiche en premier sur la page d’accueil. Suivent quelques articles précédents, et les articles plus anciens sont accessibles par des liens, avec généralement un classement par mois.</p>
<p><em>Jamais l’auteur ne se préoccupe de cette gestion des articles, cette gestion est totalement assurée par le blog lui-même</em></p>
<h2>TextPattern</h2>
<p>Un blog n’est qu’un cas particulier, simplifié, de publication de contenu. On peut dire que TextPattern est une généralisation du système de blog. </p>
<p>Dans un blog, tout le contenu va sur la page principale. Dans TextPattern, les articles sont regroupés par section, et il sera possible d’affecter une page spécifique à chaque section, et même d’afficher plusieurs sections sur la même page.</p>
<h1>Le découpage en sections</h1>
<p>Quand un article est saisi, il est affecté à une section (on peut créer autant de sections qu’on le veut). </p>
<p>Pour clarifier les idées, pour tout site il sera bon de définir une section accueil. Les articles de cette section apparaîtront sur la première page du site. Si le site concerne une association, les articles de la section accueil pourraient définir les activités de cette association.</p>
<p>Une autre section bien utile sera la section news. Dans cette section viendront les articles d’actualités. Cette section a logiquement sa place sur la première page du site.</p>
<h2>Les pages, les menus, ...</h2>
<p>Dans un blog, il y a une seule page, c’est facile. Dans TextPattern, il peut y avoir plusieurs pages, mais alors qui va créer ces pages ? C’est l’administrateur du site. </p>
<p>Il faut maintenant parler d’un autre découpage, le découpage des tâches.</p>
<h1>Administration et publication</h1>
<p>La partie Administration du site permet de définir les pages, leur structure, la manière dont les sections viennent s’afficher dans les pages. Cette partie demande de connaitre un petit peu HTML et CSS. HTML étant un ensemble de balises définissant le squelette de la page. CSS étant un ensemble de règles définissant l’aspect de la page, notamment la couleur. </p>
<p>HTML va permettre de décrire par exemple qu’une page est constituée de plusieurs blocs (on appelle ces blocs des divisions ou DIV).</p>
<p>CSS va définir l’aspect de ces blocs, et l’aspect de leur contenu. Avec CSS on exprimera par exemple que :</p>
<ul>
<li>tous les titres sont écrit en rouge</li>
<li>toutes les images ont une bordure blanche</li>
<li>il faut sauter une ligne après le titre</li>
</ul>
<p><em>L’auteur n’intervient pas dans cette étape de construction du site</em></p>
<h1>C’est le contenu qui prime</h1>
<p>L’auteur a pour charge d’alimenter le site avec du contenu pertinent. Pour cela, il va saisir des articles, et définir dans quelle section il doit aller. Il va ajouter des images au site et inclure les images dans les articles. </p>
<p>Et pour réaliser ces tâches, il n’a pas à connaitre HTML ou CSS.</p>
Pat Biker2007-10-12T11:09:00Z2007-10-12T12:19:57ZFilezilla Transfert de fichiers par FTPtag:aaa.windev.free.fr,2007-10-12:dc9c791dfcd577a75efe129dae264385/7f17f9a9de7b1f57f60fee17f7a501ad
<p>Filezilla est un outil permettant d’envoyer des fichiers volumineux qui ne seraient pas acceptés en attachement à un email.</p>
<p>Nous allons voir comment installer et utiliser Filezilla pour envoyer un fichier.</p>
<h2>Téléchargement de Filezilla</h2>
<p>Utilisez ce lien pour télécharger Filezilla sur votre machine.</p>
<p><a href="http://www.fida.free.fr/filezilla/FileZilla_3.0.1_win32-setup.exe">Téléchargement de filezilla</a></p>
<h2>Installation de FileZilla</h2>
<p>Procédez comme pour installer toute application Windows en conservant toutes les options proposées par défaut.</p>
<h2>Envoi d’un fichier avec Filezilla</h2>
<p><strong>Avertissement</strong> le transfert de fichier ne fonctionne pas comme l’envoi d’email. Pour un email, on dispose d’une adresse et le destinataire recevra le courrier dans son logiciel.</p>
<p>Avec <strong>Filezilla</strong> on va simplement copier un fichier sur un serveur. Le destinataire ne sera pas prévenu. Il faudra donc lui envoyer un email en parallèle pour lui dire “coucou pat, j’ai copié ce fichier sur ton site FTP”.</p>
<h3><strong><em>Le serveur FTP</em></strong></h3>
<p>Le serveur FTP c’est une machine capable d’accepter l’envoi de fichiers. Cette machine a un <strong>nom</strong> et pour y accéder il faut entre un <strong>utilisateur</strong> et un <strong>mot de passe</strong>.</p>
<h3><strong><em>Lancement de Filezilla</em></strong></h3>
<p>Après avoir lancé Filezilla, on arrive sur la fenêtre unique où tout va se passer.</p>
<p>Dans la partie gauche de la fenêtre, quelquechose qui ressemble vaguement à l’explorateur de Windows montre des fichiers. Ces fichiers sont ceux de l’ordinateur. </p>
<p>Vous pouvez dès maintenant explorer les répertoires et les fichiers de manière à afficher dans cette zone de Filezilla le ou les fichier(s) que vous souhaitez transférer.</p>
<h3><strong><em>Connexion au serveur</em></strong></h3>
<p>En haut de la fenêtre, sous la barre des icones, il faut renseigner les champs “Host:”, “Username” et “Password:”.</p>
<p>Pour Fida, à qui est dédié ce tutorial, il faut entrer :</p>
<ul>
<li>Host: ftpperso.free.fr</li>
<li>Username: www.fida</li>
<li>Password: ******** (tu connais ton password n’est-ce pas Fida ?)</li>
</ul>
<p><a href="http://aaa.windev.free.fr/cms/images/10001.jpg" onclick="window.open(this.href, 'popupwindow', 'width=867,height=721,scrollbars,resizable'); return false;"> <img src="http://aaa.windev.free.fr/cms/images/10001t.jpg" alt="Début d'un enregistrement" /> </a><br />
<em>Cliquez sur l’image pour l’afficher en grand</em></p>
<h3><strong><em>Remote site</em></strong></h3>
<p>Quand les informations ont été saisies, il faut cliquer sur le bouton <strong>[Quickconnect]</strong>.</p>
<p>La partie droite de la fenêtre va maintenant se peupler avec les répertoires et les fichiers placés sur le serveur.</p>
<p>Cela fonctionne comme un explorateur. C’est le moment de choisir le répertoire où le transfert de fichiers sera réalisé.</p>
<p>Basiquement la partie gauche de l’écran montre les fichiers de notre machine et la partie droite montre les fichiers du serveur.</p>
<p>Pour transférer un fichier sur le serveur, il suffit de “faire glisser” un fichier de la partie gauche vers la partie droite.</p>
<p>*Attention au déconnexion” le serveur de Free, celui utilisé par Fida, se déconnecte automatiquement au bout de quelques secondes d’inactivité. Si vous voyez que le serveur est déconnecté, il suffit de recliquer sur le bouton <br />
<strong>[Quickconnect]</strong> .</p>
<p>Quand le transfert démarre, une jauge verte apparait. A partir de là, Filezilla se débrouillera pour terminer le transfert même si la connexion est lente.</p>
<h2>Conclusion</h2>
<p>Voilà, il reste maintenant à envoyer un email pour prévenir le destinataire que le transfer de fichier a été réalisé.</p>
Pat Biker2007-08-06T14:48:00Z2007-10-12T11:04:47Zفدى فدى فدى TextPattern et la langue arabetag:aaa.windev.free.fr,2007-08-06:dc9c791dfcd577a75efe129dae264385/6bf5017687bb591e0f135b26cdbb03ce
<p>Je me demande si TextPattern supporte l’arabe. Voici un test.</p>
<p>فدى<br />
فدى<br />
فدى</p>
Pat Biker2007-05-11T13:52:00Z2007-05-11T21:29:08ZTransformer une vidéo YouTube en mp3tag:aaa.windev.free.fr,2007-05-11:dc9c791dfcd577a75efe129dae264385/86326be42ab7e56a83c49be73d132970
<p>YouTube est une collection de vidéos et clips immense et diversifiée. Vous y trouverez des “clips” avec Edit Piaf ou Dalida. Il s’agit de vidéo, mais il est facile, comme on va le voir ici, de transformer une vidéo YouTube en MP3. Un seul logiciel suffit : Audacity. <strong>Audacity</strong> est un logiciel libre et open-source destiné à l’édition et à l’enregistrement sonore.</p>
<a href="http://aaa.windev.free.fr/cms/images/25.jpg" onclick="window.open(this.href, 'popupwindow', 'width=482,height=421,scrollbars,resizable'); return false;"> <img src="http://aaa.windev.free.fr/cms/images/25t.jpg" alt="Clip de Dalida" /> </a>
<p><strong><em>Dans cette page, toutes les images sont des vignettes en taille réduite. Il suffit de cliquer sur une vignette pour afficher l’image en 100%</em></strong></p>
<h2>Audacity</h2>
<p>Audacity est un éditeur de son, comme Word est un éditeur de texte. Les fonctions de base comme la sélection, la suppression, le copier-coller sont simples et intuitives. Pour transformer une vidéo YouTube en MP3, on utilisera deux fonctions de Audacity :</p>
<ul>
<li>enregistrement à partir d’un canal sonore</li>
</ul>
<ul>
<li>exportation au format MP3</li>
</ul>
<p>Mais traitons d’abord l’installation de Audacity.</p>
<h2>Installation de Audacity</h2>
<p>L’installation de Audacity est très simple. Téléchargez l’installation sur <a href="http://audacity.sourceforge.net/">http://audacity.sourceforge.net/</a> et installez Audacity.</p>
<p>Pour la production de MP3, un module supplémentaire est requis. C’est un encodeur MP3. Tout est expliqué en détails sur cette <a href="http://audacity.sourceforge.net/help/faq?s=install&item=lame-mp3&lang=fr">page.</a></p>
<h2>YouTube</h2>
<p>Maintenant que Audacity est installé, rendons-nous dans YouTube <a href="http://www.youtube.com/">http://www.youtube.com/</a>. Dans la zone “search” il suffit de saisir l’artiste ou le titre de la chanson. En entrant “Dalida” dans cette zone, on obtient plusieurs clips de l’artiste.</p>
<p>A ce stade, il faut écouter une fois le clip. C’est important pour qu’il soit intégralement chargé sur l’ordinateur. Quand c’est fait, lancer Audacity.</p>
<h2>Choix du canal d’entrée</h2>
<p>Avant d’enregistrer, il faut choisir le canal sonore d’où proviendra la musique. Ce choix est réalisé avec une combo déroulante placée sous les boutons et à droite du curseur micro. En général, c’est micro qui est sélectionné. Il faut choisir un autre canal. Le mieux est d’essayer en démarrant un enregistrement. Si le son arrive, l’affichage s’animera en dessinant le son, dans le cas contraire, on verra seulement une ligne plate.</p>
<a href="http://aaa.windev.free.fr/cms/images/24.jpg" onclick="window.open(this.href, 'popupwindow', 'width=519,height=210,scrollbars,resizable'); return false;"> <img src="http://aaa.windev.free.fr/cms/images/24t.jpg" alt="Choix du canal d'entrée" /> </a>
<h2>Enregistrement dans Audacity</h2>
<p>L’écran de Audacity montre six gros boutons ronds. Cliquez sur le bouton rouge. L’enregistrement commence immédiatement et une ligne plate s’affiche car aucun son n’est actif. C’est le moment de faire <strong>“PLAY”</strong> dans YouTube. La courbe du son va se dessiner.</p>
<a href="http://aaa.windev.free.fr/cms/images/26.jpg" onclick="window.open(this.href, 'popupwindow', 'width=751,height=348,scrollbars,resizable'); return false;"> <img src="http://aaa.windev.free.fr/cms/images/26t.jpg" alt="Début d'un enregistrement" /> </a>
<h2>Fin d’enregistrement</h2>
<p>Quand la vidéo YouTube est finie, cliquez sur le bouton <strong>“STOP”</strong> (celui avec un carré). Si vous n’avez pas été assez rapide, votre enregistrement se termine par une ligne plate. De la même manière, l’enregistrement débute aussi par une ligne plate, plus ou moins longue. Il faut supprimer ces silences inutiles : pour cela, il suffit de les sélectionner à la souris puis d’appuyer sur la touche <strong>CTRL+K</strong> (on peut aussi passer par le menu <strong>Edition .. Effacer</strong>).</p>
<a href="http://aaa.windev.free.fr/cms/images/23.jpg" onclick="window.open(this.href, 'popupwindow', 'width=602,height=437,scrollbars,resizable'); return false;"> <img src="http://aaa.windev.free.fr/cms/images/23t.jpg" alt="Effacer une partie de l'enregistrement" /> </a>
<h2>Export au format MP3</h2>
<p>Il ne reste plus qu’à enregistrer au format MP3 par le menu <strong>Fichier .. Exporter comme MP3</strong>.</p>
<a href="http://aaa.windev.free.fr/cms/images/22.jpg" onclick="window.open(this.href, 'popupwindow', 'width=542,height=427,scrollbars,resizable'); return false;"> <img src="http://aaa.windev.free.fr/cms/images/22t.jpg" alt="Audacity export en MP3" /> </a>
<p>C’est fini !</p>
Pat Biker2006-11-24T14:46:00Z2006-11-24T15:13:02ZAjouter un menu vers les articlestag:aaa.windev.free.fr,2006-11-24:dc9c791dfcd577a75efe129dae264385/2a7a786755c5ffd0deecdc3e6b8b4f18
<p>La technique suivante permet d’ajouter un menu au début d’une page liste. Le menu permet de se déplacer dans la page vers le début d’un article.</p>
<h2>Ajouter une ancre HTML à chaque titre d’article</h2>
<p>Le début d’un article débute par défaut par un code HTML qui ressemble à ceci :</p>
<code><h3><txp:title /></h3></code>
<p>La première opération consiste à ajouter dans ce code un identifiant. Il faut pour cela modifier le module (form) associé à cet article.</p>
<code><h3 id="article-<txp:article_id />"><txp:title /></h3></code>
<p>Explication : on a construit un identifiant qui prendra les valeurs “article-1”, “article-2”, par exemple. Le nombre provient de l’identifiant de l’article. Cet identifiant est automatiquement généré par TextPattern. On récupère sa valeur avec le tag <code><txp:article_id /></code> .</p>
<h2>Ajouter une liste de liens en début de page</h2>
<p>C’est dans la gabarit de la section qu’il faut ajouter le code suivant dans le body.</p>
<code><ul></code>
<code><txp:article form="list" /></code>
<code></ul></code>
<p>Si on préfère une liste numérotée, il suffit de remplacer <strong>ul</strong> par <strong>ol</strong>. </p>
<p><strong>Important : si les articles sont triés, le même tri doit être repris ici</strong> .</p>
<h2>Créer le module “List”</h2>
<p>Ce module (form) est très simple. Il décrit une ligne de liste.</p>
<code><li><a href="http://aaa.windev.free.fr/cms/index.php?id=14#article-<txp:article_id />"><txp:title /></a></li></code>
<h3>Crédits</h3>
<p>Cette technique a été décrite par Mary sur le forum anglais <a href="http://forum.textpattern.com/viewtopic.php?id=18111">ici</a></p>