Téléchargé 20 fois
Téléchargé parEric Giraudin
2015 Projet Web Collaborartif, Introduction au cours
Le document présente un cours sur la création de sites web collaboratifs, abordant l'évolution du web, la gestion collaborative de contenu, et les outils nécessaires comme les CMS. Il explore les différents acteurs impliqués dans le processus de création de contenu, ainsi que les critères de choix pour un CMS, en mettant un accent particulier sur WordPress comme leader du marché. Le cours propose également des méthodes pour organiser efficacement la collaboration et le cycle de vie du contenu au sein des organisations.
2015 Projet Web Collaborartif, Introduction au cours
- 1. Projet Web Collaboratif Partie1 - Introduction Eric GIRAUDIN Département Information-Communication, option Information Numérique dans les Organisations - IUT2 Grenoble
- 2. Plan du cours •Les évolutions du web • La gestion collaborative des contenus • Organiser la collaboration • Outils de créations et de gestion de contenus • Principaux critères de choix d’un CMS • Panorama des CMS en France • Wordpress
- 3. Les évolutions duweb, le 123
- 4. Les évolutions duweb, les contenus
- 5. Les évolutions duweb, Je publie… Ça, c’était avant! internautes webmaster Site web 1.0 META
- 6. META SEO Les évolutions duweb, nous publions! Maintenant Internautes Réseaux sociaux webmaster Site web 2.0 Internautes de l’équipe des contributeurs du site TAG RSS Etc.
- 7. La gestion collaborativedes contenus Une nécessité, un enjeu éditorial stratégique • Qualitatif – Collaborer pour créer des contenus de qualité et attractifs – Rendre lisible et compréhensible les contenus par ses destinataires (humains et robots) – Veiller aux actualités et tendances de son lectorat pour rester en phase avec lui – Gérer le cycle de vie des contenus • Quantitatif – Diffuser régulièrement de nouveaux contenus – Médiatiser et partager ses contenus au plus grand nombre – Développer une communauté et l’impliquer – Mise en œuvre de nombreuses compétences
- 8. Webmestre(s) Organiser la collaboration,les acteurs contributeurs membres visiteursDesigner Différents acteurs intervenants sur le site Différents Droits & accès Directeur de la publication Création de contenu Modification de son contenu Modification des contenus des autres Gestion des utilisateurs Commenter Validation & publication Consultation Personnalisation de l’apparence du site Administration du site Différents Rôles SEO manager AuteurModérateurAdministrateur Editeur Membre Lecteur
- 9. Organiser la collaboration,le workflow Processus de gestion du cycle de vie du contenu • Chaque organisation crée et adapte son Workflow. Exemple : • Plusieurs révisions des contenus peuvent être archivées Un contributeur auteur crée un contenu Le webmestre administrateur contrôle le contenu Un contributeur éditeur finalise ce contenu et demande sa publication Le webmestre valide et publie le contenu
- 10. Outils de créationet de gestion des contenus • Les éditeurs web (hors-ligne) pour des sites statiques – Création d’un site local avec un logiciel comme Dreamweaver depuis son ordinateur – Transfert des pages avec un logiciel FTP sur un serveur web – Pour chaque mises à jour il faut recommencer les deux opérations précédentes – La collaboration multi-auteurs est très difficile
- 11. Le concept dusite web statique Pages du site html, xhtml, médias, documents… Template graphique HTML, XHTML, Images, CSS, Js Pages du site html, xhtml, médias, documents… Template graphique HTML, XHTML, Images, CSS, Js Version en ligne – serveur web Version locale - ordinateur de bureau Transfert par FTP Consultation par l’internaute Sur son navigateur web
- 12. Outils de créationet de gestion des contenus • Les systèmes de gestion de contenus : CMS (en ligne) – Téléchargement du CMS – Transfert sur serveur FTP depuis un logiciel FTP – Installation sur le serveur web – Création et gestion des contenus en ligne par un navigateur web et par plusieurs contributeurs
- 13. Le concept duCMS CMS Système (logiciel) de gestion du contenu Documents, médias… Contenus statiques Base de données contenus dynamiques SERVEUR Template graphique HTML, XHTML, Images, CSS, Js VUES CLIENTS Navigateurs Ordinateurs fixes Navigateurs Terminaux mobiles
- 14. Espace de consultationde l’internaute (non connecté ou connecté en tant que membre). 2 espaces : back et front Front-Office Espace d’administration (authentification) Création et gestion des contenus, Gestion des utilisateurs, Paramétrages du site, des extensions (template, Plugins…) Back-office
- 15. Les principaux éléments Plugins Templates graphiques Traductions Noyaudu CMS Fonction de base : création et gestion de contenus, des utilisateurs, paramétrages… Médias Images, documents… Contenus Catégories, Articles, Pages, Mot-clés…
- 16. Principaux critères dechoix d’un CMS Technologie Compatible avec son environnement La communauté Opensource ou Propriétaire Respect des standards web (SEO, Accessibilité…) Langues, traductions Adapté au type de projet Les templates graphiques disponibles La facilité de prise en main Robustesse et sécurité
- 17. Les 3 principauxCMS dans le monde Wordpress : 23% des sites web dans le monde 60,6% des parts de marché des CMS Source http://w3techs.com/technologies/overview/content_management/all 0 5 10 15 20 25 Parts de marché Drupal Joomla Wordpress
- 18. Wordpress « leCMS » • Crée en 2003 • Depuis la version 1.0 la plupart des versions portent le nom d’illustres Jazzman. • En 12 ans, il s’est imposé comme le meilleur CMS au monde • Principales qualités : – Respect des standards web actuels – Excellente intégration de l’expérience utilisateur – Polyvalence, simplicité, élégance – Communauté très importante – Robustesse – Mise à jour automatique du noyau et des extensions depuis la v4
- 19. Wordpress : 3choix Wordpress.com Créer un site en ligne wordpress.com Wordpress Installer un site wordpress (unique) sur un serveur web Le télécharger sur wordpress-fr.net Wordpress Multi-sites Installer un réseau de sites wordpress sur son serveur web Choisir un hébergeur qui procure cette installation : 02switch.fr