Vie de ViaBloga
Mots-clés : rencontres
Présents : Mitra, Olivier, Fix, Stéphane
Sujets traités : essentiellement techniques (code des modèles)
Wifi : de mauvaise qualité
Décor : un peu tristounet
Bouffe : passable
Heureusement, il y avait :
La Surprise du Chef !
Stéphane expose le principe des sections : une mise en page d'articles peut comprendre des sections où les articles sont répartis sur une, deux ou trois colonnes. Un article est bien sûr dans "sa" colonne. Si on a, par exemple, 20 articles à afficher sur une page, on pourra mettre dans une première section de "1 colonne" 3 articles, dans une autre section de "2 colonnes" 6 articles, dans la section suivante de "3 colonnes" 9 articles, et enfin dans une section "2 colonnes" les deux derniers articles. Faites-vous un dessin, vous comprendrez :-)
Pour mettre en oeuvre ces sections, de nouveaux "verbes Viabloga" (début / fin de section, de colonne, etc.), à utiliser dans les modèles existants (pour en faire de nouvelles versions), ou dans des modèles nouveaux.
Stéphane montre une maquette de nouvelle page dans le menu admin' pour décider de façon simple et ergonomique les sections, colonnes, etc.
En bref, les sections sont une nouvelle structure dans la page. La mise en forme (à différencier de la structure) se fait par des styles CSS à créer / adapter.
Un point à régler :
Les sections et colonnes permettent une mise en valeur des articles (plus ou moins de place accordée, etc.). Nous demandons à Stéphane de pouvoir choisir "quels" articles peuvent encore mieux être mis en valeur (en tête de la page, etc.).
Le Sorcier en action
"Toutes vos demandes sont acceptées. Faut que je voie ..."
Plats du jour
Nous avons aussi parlé de :
• Localisation VB en langues.
Une suggestion de balisage dans les modèles pour toutes les phrases ou mots de l'interface utilisateur : par exemple <phrase NumberOfComments français>. Comment ça marcherait ? phrase indique qu'il s'agit d'une "phrase-type" à insérer. NumberOfComments est le nom d'un pointeur vers la "base de données des phrases", dans l'exemple le pointeur se réfère à un enregistrement "Number of comments, nombre de commentaires, urglublu bluguddu, etc.". français est la valeur d'une variable language contenant le nom de la langue (français, english, etc.).
Cela faciliterait beaucoup les localisations de VB (modèles, et aussi ... pages d'administration). Et permettrait aux traducteurs, par différents tris dans la "base de données", de "voir" facilement où des traductions (adaptations) manquent. Cela permettrait aussi (un champ à créer dans la "base de données") de savoir "où" (quelle partie du blog, etc.) ces phrases prennent place. (Nota pour le "où" : il existe dans les objets globaux de Viabloga un objet location qui pourrait être utilisé pour cela. Et aussi de baliser en utilisant location : <phrase whichPhrase language location>)
• Modèle iTheme
Des corrections sont proposées sur coucou.viabloga.com Merci de tester ! Voir l'article Corrections au modèle et aux CSS externes.
Plusieurs variantes de iTheme permettent de "fixer" une colonne. Sur "coucou", on a essayé (en vain jusqu'ici) de faire en sorte que les modèles-à-colonne-"fixed" restent globalement centrés dans la fenêtre du navigateur, quelle que soit la taille de la fenêtre / de l'écran. Stéphane nous propose une n-ème façon de faire ... que Mitra et Fix tenteront de mettre en oeuvre.
Maquereaux !
• Vive les macros ! Nous avons appris de belles choses ... : on peut créer ses propres déclarations <define macro> dans les modèles.
Définition d'une macro :
<define_macro name="ma_jolie_macro">
ici du HTML, CSS, javascript, "language VB" ...
</define_macro>
Appel de la macro (autant de fois qu'on le souhaite dans le modèle). Exemple :
<ma_jolie_macro>
Effet de la macro : insère dans le code généré (le code source de la page de blog) tout ce qu'il y a entre <define_macro ...> et </define_macro>.
Utilité : facilite la lecture du modèle, en remplaçant des blocs de code par des appels macro. Facilite la maintenance : au lieu de modifier du code à "n" endroits - avec risque d'erreurs et omissions -, on le modifie à un seul endroit, dans la définition de la macro.
Paramétrage : on peut passer des arguments à une macro. Exemple :
<arg name="monArgument1"> (... ici du HTML etc. ... ) <arg name="monArgument2">
Il manque un tutoriel simple concret et complet sur les macros (liste des macros existantes ... ? utile ?), et la façon de passer des arguments.
Miquereaux ?
• Micro-formats (voir : microformats.org ). Idée : des micros-formats pour repérer les "parties intéressantes" d'un site Web (d'un blog), pour faciliter le travail des moteurs de recherche. Il serait ainsi possible (si des moteurs de recherche s'y intéressent ...) de rechercher dans un blog, par exemple, uniquement le contenu des articles, mais pas celui des blocs, widgets, etc. Stéphane dit que "ça se fera tout seul, avec le temps".
En insistant, nous découvrons qu'il y a / aura un micro-format hreview dans les modèles, pour les pages avec des étoiles de notation. hreview indique que le contenu est une critique (de livre, film, recette, resto, ... et pourquoi pas article de blog) ou une notation.
Insistons encore un peu : repérer par des micro-formats ad hoc les "parties intéressantes" d'un blog (d'une page, d'un site, d'un document ...). Collaborer avec un (ou plusieurs) moteurs de recherche pour une expérimentation : est ce que la recherche est facilitée ?
Firefox 3 aura la possibilité de reconnaître les micro-formats. Pour les traiter, signaler leur présence aux utilisateurs, etc. On peut aussi utiliser, dans les navigateurs modernes, des bookmarklets pour faire ce travail.
Chocolats
• La photo prouve qu'Olivier a mangé des oeufs de Pâques. Est-il le seul ?
Appel de la macro (autant de fois qu'on le souhaite dans le modèle). Exemple :
<ma_jolie_macro>
Effet de la macro : insère dans le code généré (le code source de la page de blog) tout ce qu'il y a entre <define_macro ...> et </define_macro>.
Utilité : facilite la lecture du modèle, en remplaçant des blocs de code par des appels macro. Facilite la maintenance : au lieu de modifier du code à "n" endroits - avec risque d'erreurs et omissions -, on le modifie à un seul endroit, dans la définition de la macro.
Paramétrage : on peut passer des arguments à une macro. Exemple :
<arg name="monArgument1"> (... ici du HTML etc. ... ) <arg name="monArgument2">
Il manque un tutoriel simple concret et complet sur les macros (liste des macros existantes ... ? utile ?), et la façon de passer des arguments.
Miquereaux ?
• Micro-formats (voir : microformats.org ). Idée : des micros-formats pour repérer les "parties intéressantes" d'un site Web (d'un blog), pour faciliter le travail des moteurs de recherche. Il serait ainsi possible (si des moteurs de recherche s'y intéressent ...) de rechercher dans un blog, par exemple, uniquement le contenu des articles, mais pas celui des blocs, widgets, etc. Stéphane dit que "ça se fera tout seul, avec le temps".
En insistant, nous découvrons qu'il y a / aura un micro-format hreview dans les modèles, pour les pages avec des étoiles de notation. hreview indique que le contenu est une critique (de livre, film, recette, resto, ... et pourquoi pas article de blog) ou une notation.
Insistons encore un peu : repérer par des micro-formats ad hoc les "parties intéressantes" d'un blog (d'une page, d'un site, d'un document ...). Collaborer avec un (ou plusieurs) moteurs de recherche pour une expérimentation : est ce que la recherche est facilitée ?
Firefox 3 aura la possibilité de reconnaître les micro-formats. Pour les traiter, signaler leur présence aux utilisateurs, etc. On peut aussi utiliser, dans les navigateurs modernes, des bookmarklets pour faire ce travail.
Chocolats
• La photo prouve qu'Olivier a mangé des oeufs de Pâques. Est-il le seul ?
Viabloga, ça roule !
Viabloga, ça roule !
Ça se déguste
Viabloga, ça se déguste !
• Parrainage : une idée pour qu'un "ancien" de Viabloga assiste un "nouveau" dans son démarrage. Démarche volontaire (aussi bien pour le parrain que le filleul). Modalités à élaborer sur VdeV. Ça part de deux constats : 1) VB est une plate-forme tellement puissante qu'elle en devient complexe (si, si). 2) Le fait que des VBistes se prêtent assistance mutuelle sur VdeV (et ailleurs) fait supposer qu'il y a d'éventuelles possibilités (selon convenances de chacun) de "parrainage".
• Idée simple : comment mettre du javascript dans les commentaires. Dans un commentaire, mettre "zyva_mongars_avecdesfleurs". Un script superviseur dans le modèle décode ainsi zyva_mongars_avecdesfleurs, une fois la page de blog entièrement chargée dans le navigateur : zyva précède toute demande d'exécution de script. mongars est le nom d'un script. avecdesfleurs est un paramètre envoyé au script.
Dans la mesure où le script superviseur (dans le modèle) contrôle que le script appelé (mongars) figure dans sa "bibliothèque de scripts", la procédure décrite est particulièrement sûre. En effet, le script superviseur, sa bibliothèque, sont sous la responsabilité du "taulier" (ou admin) du blog.
Nota : Stéphane a déjà désactivé les balises <script> dans les commentaires. Il complètera par la désactivation de codes du genre onClick() etc.
Remarque de Stéphane : des scripts sûrs activés depuis un script superviseur ... encore-faudrait-il-qu'il-y-ait-des-scripts-intéressants. Réponse : no problem ... laissons les utilisateurs demander, les admin' expérimenter, les scripteurs scripter. Le tri se fera de lui-même.
Liqueurs
• Déclarations pragma au début des modèles : ce sont des directives pour l'interpréteur (sur le serveur) afin qu'il comprenne et traite le modèle pour générer une page de blog. Nous nous interrogions sur certains pragma aux noms exotiques. ICBM, par exemple. Stéphane a fourni la réponse. Sauriez vous la trouver ?
• Bonbons. Stéphane propose l'idée des "bonbons" (des récompenses virtuelles attribuées par des utilisateurs à d'autres utilisateurs, par ex. auteurs d'articles ou commentaires etc.). Il n'y a plus qu'à écrire un article sur ce sujet (cf. des expériences menées sur des wikis, etc.) et à attirer des commentaires constructifs :-)
• Re- signalé à Stéphane que donner un attribut title à un style crée des problèmes ... inattendus.
• Une demande qui devrait être simple et rapide à implémenter : mettre dans un modèle une variable Viabloga avec le nom du modèle / nom du fichier (par ex. : "public Theme CORRIGE B01.html").
• Une proposition à Stéphane : pouvoir choisir le(s) modèle(s) par un déroulant (ou un bouton à cocher, etc.). Sans devoir passer par le menu admin'. Utilité : pour constructeurs et testeurs de modèles. Egalement pour utilisateurs lambda : personnaliser l'apparence.
Liste des modèles : a priori, celle des modèles personnels. Mais pourquoi pas la liste totale, avec en premier les modèles personnels ?
Implémentation : par ex. un "objet" Viabloga ? (paramètres ...). On doit pouvoir, aussi, "programmer" le modèle à appeler. Par ex. par son nom, dans le code d'un article, texte, bloc, etc.
Utilisation : il faut évidemment que le modèle "choisi" par l'utilisateur ne "remplace" pas (paramètre à positionner) le modèle prévu par l'auteur (l'admin). Il s'agit d'une astuce de présentation, à la façon de la procédure "Tester" (lien en bas de chaque case de modèle dans Menu admin -> Mise en page -> Modèles). A la différence de la procédure "Tester", la présentation "choisie" par l'utilisateur s'applique à tout le site, pas seulement la page d'accueil.
• Et une dernière proposition : utilisateur virtuel. C'est quoi ? Une extension de la personnalisation du comportement du blog (cf. ci-dessus choix d'un modèle par menu déroulant). Faire "comme si", momentanément (cf. procédure "Tester"), des droits et capacités supplémentaires / différents étaient accordés à l'utilisateur. Situation à programmer (objets, verbes, paramètres). Rappel : on ne touche pas aux permissions "réellement" (menu admin) accordées à un utilisateur ! Il s'agit d'une sorte de simulation (cf., encore une fois, "Tester" un modèle).
D'autres articles sur des thèmes similaires :
- Réunion Viabloga mercredi 21 octobre - 20/10/09
- Dîner ViaBloga entre le 27 juillet et le 7 août - 26/07/09
- Dîner ViaBloga, le mardi 24 février - 04/02/09
- Une rencontre ViaBloga en octobre ? - 27/09/08
- Rencontre ViaBloga à Paris mercredi 30/04/08 - 23/04/08
- Atelier ViaBloga à Paris, vendredi 28/03/08 - Modèles - 27/03/08
- Rencontres Viabloga à Paris Mars/Avril - 25/03/08
- Rencontre ViaBloga à Paris cette semaine - 10/02/08
- 2èmes Rencontres du Blog d'expression locale - 10/11/07
- Rencontre ViaBloga à Paris - jeudi 20 septembre 2007, 19h - 10/09/07
Ce n'est pas encore très beau, mais ça devrait illustrer le principe :![[^]](/public_images/icon_up.gif "En Haut"){kind=icon}
ah, ah, très intéressant !! Est-ce qu'on pourra envisager d'avoir un mode d'affichage des sections différent suivant le type de page où on se trouve : page d'arrivée, sommaire... ?
Pourrais tu aussi nous mettre un lien / une image pour le prototype de page admin' qui définit les sections ?
Merci pour ce compte rendu très complet.
Ah ouais c'est çà: je me disais bien qu'il fallait être admin' (ce que je ne suis pas) pour tester convenablement le testage..
Un bel exemple de contenance à adopter quand on est totalement largué !
manquécompris !On pourrait avoir une copie d'écran pour comprendre ce qu'est une section ? On divise la page en plein de zones d'articles, c'est ça ?
Pour le reste, on verra ça quand je serais grande.