Astel.be Sur Votre Pda/smartphone...

[Nickwe]

Bon je vais faire rapido presto car demain je dois présenter ce que je vais tenter de vous démontrer dans ce post!!!

1) Astel est maintenant codé tant bien que mal en XHTML + CSS (avant qu'on me fasse le reproche, je sais bien qu'il reste bcp de choses à améliorer...), seulement Spip (CMS sous lequel tourne Astel) n'était pas en faveur des standards (cfr: http://www.uzine.net/article1979.html), ce qui fait que le site ne valide pas (encore) aux différents validateurs. J'ai dis "était" car les développeurs Spip commencent à prendre conscience de l'enjeu et bientôt Spip générera du contenu valide

2) Qui dit XHTML + CSS dit plusieurs feuille de style, c'est à dire une pour chaque media! Donc la page que vous visitez en allant sur l'accueil avec le browser de votre PC prend la feuille de style screen.css, si vous avez un PDA ou un smartphone, elle "devrait" prendre la feuille de style handheld.css (qui est une feuille de style qui allège considérablement l'affichage). J'ai bien dit "devrait" car évidemment les PDA tournant sous IE n'auront pas droit à cette feuille de style, Microsoft n'ayant pas jugé utile de suivre les standards en la matière :angry: :angry: :angry: Par contre les mobiles avec Opera devrait avoir la feuille de style allégée

3) Comment voire à quoi ressemble la feuille de style pour PDA avec le browser de mon PC? Pour les browser Firefox et Mozilla (http://www.mozilla.org), suffit d'aller sur n'importe quelle page du site (sauf le forum), dans le coin inférieur gauche et choisir dans la palette de dessin la feuille de style alternative "PDA". Le problème, c'est qu'il faudra choisir la feuille de style "PDA" pour chaque nouvelle page visitée. Pour les navigateurs Opera, c'est encore plus simple, suffit de se mettre en mode "Small Screen" (dans le menu "View") ou bien de cliquer "Shift F11" sur n'importe qu'elle page du site (sauf le forum) et l'avantage est qu'on peut rester en mode "Small Screen". Et pour IE, y a pas de solution mis à part de télécharger la toute nouvelle version 0.9 de Firefox fraîchement sortie (conseillé) sur http://www.mozilla.org, ou bien mozilla ou bien opera (ils sont tous gratuits, sans trou de sécurité, respectueux des standards, anti-popup, navigation par onglet et j'en passe!!&#33. Ou bien de ragarder sur le screenshot ci-dessous, mais ça perd de son charme...

4) Quels sont les différences avec la version web?

• le menu est déroulé par défaut
• le logo est bcp plus petit
• il n'y a que 5 articles sur la page d'accueil (au lieu de 15)
• les colonnes de gauches et de droites n'apparaissent pas (donc le lien rechercher non plus&#33
• Les images sont redimensionnée à max 150 px de large et max 250 px de haut
• les bannières ne s'affichent pas
• les tableaux sont disposé en block pour plus de visibilité
• il ne devrait pas y avoir d'ascensseur horizontal
• il n'y a pas de bordures aux articles
• etc...

Je ferrai une liste complète plus tard. A suivre aussi, une explication complète de la nouvelle politique d'accessibilité d'Astel (notamment les liens en haut à gauche avec des numéros entre parenthèse, les lien "top" et "retour vers le haut") qui permettra aux aveugles et aux handicapés de naviguer plus facillement sur le site. Mais aussi, des feuilles de style spécifiques pour l'impression (d'où l'abandon du lien imprimer cette article), une feuille de style spécifique pour les browser en mode console, etc...

Bien sûre, il reste énormément à faire et ce n'est qu'une version alpha de ce qui va suivre dans un deuxième temps!!! A savoir, un menu spécifique aux PDA et smartphone qui sera bien évidemment basé sur la version smartphone actuelle (http://smartphone.astel.be). Mais bon, vu que j'ai dit que j'allais faire rapido presto, je vais arrêter ici...

Donc voilà, si vous pouviez témoignez de la version qui apparaît sur votre mobile/PDA/smartphone, c'est à dire, soit:

• celle avec les 5 articles sans les colonnes (Félicitation, votre browser est respectueux des standards )
• celle avec les 15 articles et les deux colonnes (Pas de chance, faudra attendre quelques années que le soft soit mis à jour...)
• aucune couleur, astel en noir et blanc (et bleu foncé pour les liens), c'est que vous utilisez un ancêtre qui ne prend même pas en compte les feuilles de style CSS (et vous avez juste droit au code XHTML, ce qui n'est pas plus mal en soit...)

histoire de voire quels sont les browsers qui acceptent le media="handheld" et de pouvoir dresser une petite liste!!!

++

Et ci-dessous, un montage grossier de ce que vous devriez avoir si vous surffez avec un browser compatible avec les standards...

[Nickwe]

pour ceux qui se posent la question des numéros entre parenthèse sur les pages du site (pas celles du forum), comme par exemple:
menu (2) - contenu (3) - recherche (4)
et bien ça vous permet de naviguer entièrement grâce au clavier sur le site
Pour accéder au lien entre parenthèse, il suffit de faire "Alt Shift N°", pour aller au top, utilisez la touche home, pour aller tout en bas, utilisez la touche End.

Voilà voilà, ça sera mieux expliqué 1 2 7 4

++

[Matth]

Merci beaucoup Nickwe,
Moi avec mon P800 (Opera) et une des dernières firmwares j'ai celle avec les 15 articles et les deux colonnes.

[Nickwe]

Originally posted by Matth@jeudi 17 juin 2004, 14:40
Merci beaucoup Nickwe,
Moi avec mon P800 (Opera) et une des dernières firmwares j'ai celle avec les 15 articles et les deux colonnes.

mmmmmmmmmmmmh, pas normal ça Idéallement il devrait prendre celle avec 5 articles! Olivier m'a dit que ça fonctionnait avec son p900 avec opera (5 articles et pas les colonnes), par contre ça foire avec le browser de SE et ça foire avec son Ipaq because IE rulezzzzzzzzzzzzzz!!!


Sinon si vous voulez une page avec la CSS PDA par défaut, c'est http://www.astel.be/test.php3 (non officiel, ça veut dire qu'elle ne restera sans doute pas...)

++

[Matth]

Dsl je me suis trompé je n'ai pas les deux colonnes mais bien les 15 articles.

[Myki]

J'ai testé sur un 3650 avec opera et cela s'affiche comme tu le dis, c-a-d 5 news.
Vraiment top !!