A2 – Atelier Web
Planning des cours : 48 heures TP (12×4)
Objectifs du cours : Connaître, prendre en main et maîtriser les plateformes de publication web (CMS). Réaliser un site web complet. Réaliser les supports d’accompagnement du projet et de maintenance du site. Gérer l’hébergement, le nom de domaine et l’installation (serveur) du site. Remettre le tout au client final 
Pré-requis :
- Cours documents structurés (première année / Bernard Germain)
- Cours Ecriture numérique (deuxième année / Olivier Ertzscheid)
- Toutes les notions abordées dans ces deux cours seront considérées acquises et doivent donc être revues si nécessaire.
- Consulter également la bibliographie de ce cours.
Evaluation du cours :
- Une note globale chaque semestre, soit 2 notes au total
- Site(s) web(s) réalisé(s) : site lui-même + documents d’accompagnement + comportement, implication (individuel et collectif) dans la gestion du projet.
- et peut-être 1 ou 2 exercices courts (type QCM) réalisés en atelier.
- + fil rouge site infocom. Publier sur le site infocom : AU MOINS un article long (c’est à dire un peu fouillé, et éventuelement illustré avec des photos) ou deux articles courts PAR SEMAINE.
Cours 1 : Vendredi 11 septembre
1/ Présentation de l’Atelier
2/ Présentation des projets webs des années précédentes & Utilisation de CMS :
- un logiciel CMS est un site “clé en main” développé par des programmeurs, il vous permet avec assez peu de connaissances, de créer, et surtout de gérer, ajouter, éditer du contenu sur un site en ligne, sans logiciel, juste avec l’aide de votre navigateur internet habituel.
www.rennes-internet.com/vocabulaire-internet.html. Voir aussi la page Wikipedia des CMS qui insiste sur la séparation entre le fond et la forme
- Plateforme blog (wordpress)
- http://www.meublecarton.fr/
- http://imprimerie-igo.net/
- http://www.mademoisellerose.fr/
- Plateforme SPIP
- Site Infocom : http://www.infocom-larochesuryon.fr/ !! Profitez-en pour vous aboner à la liste de diffusion
- http://www.fetedulivre-aizenay.com/
- Site de formation coaching : http://www.newcoaching-formation.fr/
- Site Gites et chambres d’hôtes : http://www.gitesbrondelle.fr/
- Site de randonnées en Vendée : http://www.randonnee-en-vendee.fr/
- Site association Marath’yon85 : http://www.marathyon85.fr/
- et aussi … http://www.antiquitesbrousmiche.fr/
3 / Méthodologie de conduite de projet web
- Définition du projet : étude préalable … Cahier des charges fonctionnel … Plan projet … Equipe de réalisation
- Conception du site : fonctionnelle … technique … visuelle …
- Réalisation du site
- Mise en ligne du site
- le tout résumé en une petite image :
4/ Première découverte “live” d’une interface SPIP & Blog
- Pour vous exercer tranquillement sans avoir peur de rien “casser” : une démo publique de SPIP qui vous donne accès à l’interface d’administration (login : demo_admin, password : demo) et à toutes les options de publication http://demo.spip.org/spip.php?article10
- Et pour arriver plus intelligent que le prof au prochain cours : plein de jolis tutoriels SPIP
- Découverte de l’interface de publication et des fonctionnalités de WordPress. (Rappel : WordPress est un CMS que nous allons apprendre à utiliser pour créer des blogs). Rendez-vous sur la page http://www.opensourcecms.com/demo/2/87/WordPress
- Il s’agit d’un blog de démonstration, que tout le monde peut utiliser, et qui est remis à “zéro” toutes les deux heures. Ce qui veut dire que vous pouvez y aller et bidouiller dans tous les coins sans crainte de “casser” quelque chose.
- L’objectif est de découvrir les fonctionnalités de WordPress dans l’ordre. Pour cela :
- Rendez-vous sur la page de connexion (http://www.opensourcecms.com/demo/2/87/WordPress) et tapez “admin” comme login et “demo123″ comme mot de passe. Ca y est, vous êtes “loggués”.
- Exploration des fonctionnalités proposées.
- A la fin des deux heures, chacun(e) devra être capable de : écrire un billet, une page, ajouter une catégorie, créer des catégories arborescentes (= emboîtées les unes dans les autres pour les malcomprenants), ajouter des liens, changer de gabarit (ou de “thème”), modifier l’image d’en-tête du blog, et à quoi servent les petits “widgets”
Cours 2 : Mardi 22 septembre
A/ Présentation des projets & constitution des groupes projet avec nomination du “chef de projet”
- CASI : Coordination des Associations de Solidarité Internationale. (Rendez-vous avec le “client” Lundi prochain à 14h)
- PA : Palmes académiques.
- IC : Site Infocom.
- DL : Lycée De Lattre. (Rendez-vous aujourd’hui à 10h pour une première présentation avec le client).
B/ Constitution des groupes projet
- Projet 1 CASI : Justine Brun, Caroline Dausmann, Delphine Courant (chef de projet)
- Projet 2 PA : Bertille Solves-Hurel, Ana Garcia, Magali Bernier (chef de projet)
- Projet 3 IC : Doriane Lemeur, Mélanie Troadec, Romain Leger, Caroline Trottin (chef de projet)
- Projet 4 DL: Johanna Deconihout, Orlane Rozo, Agnès Brossier, Mélissa Audia (chef de projet)
C/ 2 délivrables à l’issue de cette seconde séance :
- Premier travail d’investigation autour du projet qui doit vous permettre de repérer des sites web “semblables” et de commencer à réfléchir à une arborescence.
- Rédiger un cahier des charges “à trous” en reprenant les infos données lors du dernier cours. M’envoyer le cahier des charges à la fin de la séance. Vous avez le droit de vous inspirer très fortement du cahier des charges disponible ici : cahier_des_charges_de_realisation_de_site_internet.pdf
D/ Cours : Utilisation d’un CMS.
Prospection pour ouverture et paramétrage d’une adresse (offre) d’hébergement. Selon les cahiers des charges de chaque projet : soit le client dispose déjà d’un compte chez un hébergeur et souhaite le réutiliser (auquel cas on récupère ses codes clients) soit tout est à faire, auquel cas (selon le budget) on étudie l’offre des différents hébergeurs en fonction des contraintes du site.
Choix des squelettes SPIP et/ou des gabarits WordPress ==> étape super-importante (notamment pour les gabarits SPIP, moins “souples” (= si on veut en changer, c’est plus compliqué) que les gabarits WordPress
Manipulation d’un logiciel de transfert de fichier (FTP) : Filezilla
Cours 3 : Mardi 6 Octobre
Tutoriel Spip et WordPress.
Délivrable à l’issue de la séance : Ouverture d’un blog wordpress.com dédié pour chaque projet. Alimentation du site et mise en place de l’arborescence et des premiers contenus. Les contenus seront “exportés” quand on passera à la phase de prototypage sur le site déployé “grandeur réelle”.
Cours 4 : Mardi 20 Octobre
- site CASI : WordPress installé. Objectif fin de séance : importer données XML du site test, les réimporter dans le “vrai” site. Choix et installation du gabarit.
- Site De Lattre : WordPress installé. Objectif fin de séance : importer données XML du site test, les réimporter dans le “vrai” site. Choix et installation du gabarit.
- Site Palmes Académiques : changement du cahier des charges suite au rendez-vous avec le client.
- SIte Infocom : plateforme WordPress pas encore installée. Travail sur les contenus depuis le site prototype.
Cours 5 : Mardi 10 Novembre
Cours 6 : Mardi 24 Novembre
Cours 7 : Mardi 8 Décembre
Cours 8 :
Cours 9 :
Cours 10 :
Cours 11 :
Cours 12 :
