S'identifier - S'inscrire - Ecrire un article - Contact

Compte rendu rencontre Viabloga Paris du 28 mars 2008

Et hop !

Par Xavier • Actualités • Lundi 31/03/2008 • 34 commentaires  • Lu 4041 fois • Version imprimable

Mots-clés :


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
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 ?
 
Viabloga, ça roule !
Viabloga, ça roule !

Viabloga, ça roule !

Ça se déguste
Ç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 :


Commentaires

par isabelle le Lundi 31/03/2008 à 21:22

isabelle Euh, oui, à part les oeufs en chocolat, je vois que je n'ai rien 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.


Sections par Stephane le Mardi 01/04/2008 à 00:32

Stephane Ce n'est pas encore très beau, mais ça devrait illustrer le principe :
http://coloriage.mobi/cgi-bin/display_index.pl?site_id=coloriage&skin_file=goofy4.html


Re: Sections par isabelle le Mardi 01/04/2008 à 00:48

isabelle 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... ?


Re: Sections par Stephane le Mardi 01/04/2008 à 00:50

Stephane A priori non, c'est trop compliqué à gérer et surtout présenter. Ca sera la même structure de section pour la page d'accueil et les pages de rubriques (mais pas les articles suivants, les résultats de recherche etc.).


Re: Sections par isabelle le Mardi 01/04/2008 à 01:06

isabelle Oh, s'il te plaît juste pour la page d'arrivée :-) Je veux bien écrire dix articles de suggestion et leurs mettre 50 000 étoiles s'il faut.

"ViaBloga, pour ceux qui en veulent toujours plus"
 


Re: Sections par Stephane le Mardi 01/04/2008 à 08:45

Stephane La page d'arrivée = la page d'article ? Si oui il n'y a plus de sections : les sections sont faites pour présenter les pages de "sommaire" qui listent plusieurs articles. Au lieu d'en avoir 8 les uns à la suite des autres, tu pourras décider d'en mettre 1 en très grand et très mis en avant, 2 en normal, puis mettre 2 rangées d'articles sur 2 colonnes, puis 1 rangée de 3 etc.


Re: Sections par Fix le Mardi 01/04/2008 à 13:07

Fix Pourrais tu aussi nous mettre un lien / une image pour le prototype de page admin' qui définit les sections ?


par Stephane le Lundi 31/03/2008 à 23:35

Stephane Merci pour ce compte rendu très complet.

J'ai retrouvé la doc des macros d'il y a 6 ans. Je n'ai rien changé depuis. ;-)


par isabelle le Mardi 01/04/2008 à 01:09

isabelle Dis donc, Fix, aurais-tu échangé ta tablette magique contre un appareil photo ?


Re: par Fix le Mardi 01/04/2008 à 13:05

Fix C'est une question de temps et d'intensité. Trop pris par le travail :-) pendant cette réunion pour faire des dessins.
En fait, je n'ai pris des photos que parce que l'appareil de Stéphane n'avait plus de batterie, ou un truc comme ça.




par Jo le Mardi 01/04/2008 à 15:30

Merci pour ce compte-rendu très détaillé.
C'est comme si j'y avais été.
Bon courage pour la mise en oeuvre.


Re: par Jo le Vendredi 04/04/2008 à 14:36

Test.


Re: par isabelle le Vendredi 04/04/2008 à 14:38

isabelle Kessontest ?


Re: par Jo le Vendredi 04/04/2008 à 14:46

Mon changement d'adresse mail.
Désolée de faire ça ici.


Mais n'essaie pas de détourner la conversation : où est ma pierre ? ;-)


Re: par isabelle le Vendredi 04/04/2008 à 15:54

isabelle Toujours pas été faire la foto. Suis débordée, en train de bloguer pro sous les rosiers. C'est stressant la vie à la campagne, faut pas croire :-))


Re: par Jo le Vendredi 04/04/2008 à 16:01

Moi je suis à l'intérieur : j'ai eu peur de prendre un coup de soleil.

(continue de me narguer et d'abuser de mon amour pour toi... ma vengeance sera terrible)


Printemps par Fix le Vendredi 04/04/2008 à 16:31

Fix Dites, les filles, en même temps que prendre le frais sous les rosiers / sous le bureau, vous pourriez venir tester le modèle corrigé iTheme sur coucou ? (Jo, je te rappelle que tu es admin',  Isabelle, tu peux l'être si ça t'intéresse).


Re: Printemps par Jo le Vendredi 04/04/2008 à 16:51

Mister Fix !

1. Même si cela peut être sympathique à imaginer, je ne me trouve pas actuellement sous un bureau.

2. Je veux bien donner un coup de main, mais pour tester koua ?
Est-il possible d'avoir un résumé de ce qui a été modifié et du purpose des tests ? C'est koua la cible ?


Re: Printemps par Jo le Vendredi 04/04/2008 à 18:08

Après visite de coucou, je nuance mes propos :
1. Je crois avoir une idée de ce qu'il faut tester.
2. Je suis sûre de ne pas savoir comment faire.
Si tu en as encore besoin lundi, je t'appellerai pour que tu m'expliques comment je peux le tester ailleurs en "récupérant les fichiers (si vous faites ceci, n'oubliez pas de modifier quelques lignes de <link-vers-CSS-des-variantes> dans le modèle)"


Re: Printemps par isabelle le Vendredi 04/04/2008 à 19:59

isabelle ben voilà je suis zinscrite


Re: Printemps par isabelle le Vendredi 04/04/2008 à 20:05

isabelle mais j'ai rien compris à ce qu'il fallait tester. Voir si les colonnes sont centrées quelque soit la résolution ?


Re: Printemps par Fix le Samedi 05/04/2008 à 02:05

Fix Juste vérifier que l'aspect du blog a l'air normal. Ai fait tests avec Mac OS X (Firefox, Safari ... et même un vieux Mozilla). Reste à vérifier que ça ne couine pas avec Windows (Safari, IE 7 et 6). On peut aussi re-tester avec Mac, vieille histoire de l'oeil neuf qui voit des choses que le rapetasseur de modèle n'avait pas vu.

Le "centrage" de l'aspect du blog, nous (Mitra et Fix) allons y re-travailler. C'est centré sur toutes les variantes du modèle iTheme, sauf les variantes avec colonne "fixée". Centrage : ça veut dire reste centré, qu'on rétrécisse la fenêtre (l'écran) ou qu'on l'élargisse.

Pour tester les 13 variantes de iTheme, il faut passer par menu admin' -> Mise en Page -> Modèles -> dans la page des modèles, modèle perso en cours (normalement : public-itheme CORRIGE B01.html), -> Configurer le modèle -> tester les  13 configurations de colonnes. Ne pas s'inquiéter si les 6 configurations avec colonne "fixe" ne sont pas centrées.

Tests : juste vérifier, rapidement, que l'aspect à l'air normal (accueil, page   d'article + commentaires, etc.).

Ouââ, tu es admin aussi, maintenant.


Re: Printemps par isabelle le Samedi 05/04/2008 à 07:40

isabelle T'es sûre ? j'arrive pas cuisiner, suis toujours dans le vestibule :


Re: Printemps par Fix le Samedi 05/04/2008 à 14:42

Fix Voilà voilà. Maintenant tu es vraiment admin'


Re: Printemps par leblase le Samedi 05/04/2008 à 12:46

leblase Ah ouais c'est çà: je me disais bien qu'il fallait être admin' (ce que je ne suis pas) pour tester convenablement le testage..
Mais pour l'instant le modèle avec colonne fixe est centré, non? (ou  alors je suis sur la Tour de Pise?)


Re: Printemps par Fix le Samedi 05/04/2008 à 14:50

Fix même leblase est admin', maintenant. Attachez vos ceintures :-)

leblase, il y a 13 variantes de iTheme (Menu admin -> mise en page -> modèles -> sur la page avec les modèles, cliquer le lien "configurer" pour le modèle en cours -> page de config' : choix des colonnes etc.

Sur les 13 variantes, 7 ont toujours une apparence centrée. Et 6, avec une "colonne fixe" (à droite à gauche etc.) ne sont pas centrés : quand tu rétrécis ou élargis la fenêtre (l'écran), le blog reste "coincé" à l'endroit initial.

Mitra et ma pomme, allons mettre au point un stratagème hypergénial (donc hyper simple) afin de redresser la Tour de Pise de redonner à ces variantes à colonne fixe une apparence centrée.


Re: Printemps par mitra le Samedi 05/04/2008 à 20:07

Attention, la tension monte;-)
Fix, je t'avoue ne pas avoir de soluce pour cette affaire (même après notre sympathique réunion viabloga):-((


Re: par isabelle le Vendredi 04/04/2008 à 20:11

isabelle Ça y est, ça y est, la voilà ! Dis donc y avait même du monde quand je suis allée faire la foto :


jlb en train de chanter sur un blog


Re: par Fix le Samedi 05/04/2008 à 02:06

Fix il a plutôt l'air de méditer, non ?


Re: par Jean-Luc le Dimanche 06/04/2008 à 02:35

Jean-Luc Un bel exemple de contenance à adopter quand on est totalement largué !

Comment ce poste et cette posture ont-ils pu m'échapper lors de mes visites ? On est à un angle du Temple, non ?


Re: par isabelle le Dimanche 06/04/2008 à 19:58

isabelle Nan nan ! T'as besoin de revenir y faire un tour...
Allez, en attendant, je te mets sur la piste : l'autre bâtiment, à fresque.


Re: par Jo le Lundi 07/04/2008 à 12:58

Alors là !!!
M'offrir un chat noir !!!
Tu sais parler aux sorcières, toi !!!

Je dirais qu'on est à l'angle de l'église. Celui qui est sur ta droite quand tu es dehors face à l'entrée.
Et que le maire aurait presque pu monter dessus un certain 14 juillet.
J'adore les marches.

Bon, c'est un peu petit pour une scène... mais on doit pouvoir y arriver.
Jean-Luc, je te laisse le choix de l'air à répéter avant notre prochaine incursion chez les templiers.


Lien croisé par Visiteur le Vendredi 11/04/2008 à 18:11

Modèles VB et Javascript - Corrections au modèle et aux CSS externes : "Centrage : voir ce comm' sur VdeV"


Lien croisé par Visiteur le Samedi 12/04/2008 à 22:50

Modèles VB et Javascript - Vers un modèle iTheme plus facile : "D'ailleurs, Mitra se prépare à effectuer une amélioration majeure : les sections (voir ceci sur VdeV). "



Session

Pour participer plus facilement, ouvrez une session :

Identifiant de
mon blog
Nom d'utilisateur
Mot de passe

Si vous avez déjà un blog sur ViaBloga ou si vous avez ouvert un compte sur l'un d'entre eux, vous pouvez vous identifier avec votre nom d'utilisateur et mot de passe en précisant d'abord l'identifiant de votre blog.

S'inscrire

Discussions actives (+ commentaire)


Archives par mois