Disclaimer : Ces tutoriels ne sont pas assez génériques à mon goût et sont prévus pour un cas d'utilisation bien précis en établissement scolaire. C'est Stéphane Friedelmeyer (FRIEDELMEYER sur le forum) qui en est l'auteur et ils ne constituent en rien une méthode fiable pour s'initier à Automne 4.Ces tutoriels ont déjà le mérite d'exister mais ils ne sont pas forcément représentatifs de la méthodologie à employer pour créer un site à parti de zéro avec Automne 4.
Dans l'idéal en amont de tout projet web :
- Définition des besoins et des objectifs du site, spécifications techniques ;
- Scénario utilisateurs, zoning des différentes pages, architecture de l'information ;
- Ergonomie, Prototypes (fonctionnels), prise en compte de l'accessibilité, tests utilisateurs, etc. ;
- Habillage graphique, design des pages ;
- Découpe et intégration du design en (X)HTML et CSS.
Nous partons du principe que vous connaissez déjà
les standards du web : (X)HTML, CSS et Javascript en particulier pour la conception des modèles.
Si ce n'est pas le cas il y a déjà plein de ressources disponibles sur le web
Pour les utilisateurs débutants, nous allons adapter des thèmes open-source basés sur ces techniques pour faciliter la prise en main d'Automne.
A noter que les exemples de la démo utilisent le framework javascript JQuery mais que vous êtes libres d'utiliser la bibliothèque JS de votre choix pour vos projets.
Pour la partie Automne finalement le travail va se résumer à :
- Définition des espaces clients dans les modèles
- développement des rangées et intégration des modules additionnels
La définition des espaces clients qui seront les zones de contenu modifiables des modèles se résume à l'ajout de tags
Code :
<atm-clientspace id="identifiant" module="codename" />
ça c'est pour le corps de la page, il ya aussi des tags spécifiques pour les entêtes de page
Code :
<atm-title />, <atm meta-tags />
puis en production l'utilisation des balises
Code :
<atm-css-tags /> et <atm-js-tags />
Pour tout ce qui est gestion de la navigation dans les modèles, on utilise
les tags <atm-linx /> dont on choisira le type en fonction du besoin :
recursivelinks pour un menu à plusieurs niveau ou un plan de site par exemple,
sublinks pour afficher des sous-pages,
desclinks pour les fils d'ariane ou les chemins) et bien sur
direct pour relier des pages directement entre elles.
Une astuce consiste à utiliser une page dépubliée vide pour regrouper des pages entre elles et ensuite générer des listes de liens via un
atm-linx de type sublinksLa
création des rangées sera faite en fonction des besoins de contenu, je préconise de garder une approche modulaire et créer des rangées qui pourront être utilisées dans un maximum de situations. A partir des composants de base, libre à vous de créer ce dont vous avez besoin. Bien garder à l'esprit qu'avec le
Polymod et les
plugins WYSIWYG on pourra gagner en souplesse. Par exemple vous pouvez préférer passer par le module médiathèque pour uploader et gérer vos images plutôt que d'insérer les images dans les pages via un bloc de type image dans une rangée.
Si déjà tu maîtrises tout ça, tu pourras faire beaucoup de choses avec Automne.
Maintenant si tu butes sur certains points tu sais que nous sommes là pour répondre aux questions.
Connexion
FAQ
Rechercher
