Devenir Audio sur éditeur internet web
Devenir éditeur web
Maîtriser Maîtriser les les aspects aspects techniques
Page 1
Audio sur internet Devenir éditeur web Sommaire 1/3 1) CREATION / PUBLICATION / DIFFUSION Les enjeux et les étapes de la chaîne éditoriale face au web 2) LE FONCTIONNEMENT D'UN CMS EDITORIAL concepts de base – bases de données – forme & fond – front & back-office – templates – plugins – updates – sécurité, sauvegarde & migration 3) 3 TYPES DE CMS A LA LOUPE Comparaison de Drupal, wordpress et joomla vu d'un éditeur multi-auteurs - multi-contributeurs. - Quels critères de choix face aux objectifs de la rédaction ? 4) GESTION D'UN CMS Décliner son éditorial : Rubriquage, catégorisation Page 2
Audio sur internet Devenir éditeur web Sommaire 2/3 5) GESTION D'UN CMS Les rédacteurs : droits, gestion, visibilité Les contributeurs : droits, gestion, visibilité Les contenus : intégration, modification, traçabilité, migration 6) CMS & SEO (REFERENCEMENT NATUREL) Article – page : structure SEO des CMS (title-description-keyword) Travail sur google adwords et mots clefs pour optimiser son cms Se servir des stats pour améliorer son référencement -Intégration et utilisation de Google analytics dans son cms 7) CMS & PARTICIPATION & PROMOTION DES CONTENUS Structure et intégration d'outils participatifs (blogs, sondages, commentaires, réseaux sociaux, votes, newsletter, mailing, a la une …)
Page 3
Audio sur internet Devenir éditeur web Sommaire 3/3 8) CMS & FRONT OFFICE Comment décliner sa charte graphique en personnalisant son propre template ? Du couple CSS/PHP/MYSQL au framework 9) CMS & BACK OFFICE Comment personnaliser son propre template de back-office ? 10) LE CYCLE DE VIE DU DOCUMENT WEB Corrections, Validation du contenu, Publication publique-privée, Révisions, Archivage 11) INTEGRATION DE CONTENUS INNOVANTS Webdocumentaires, diaporama sonore, maps, 12) SITE WEB SUR LE MOBILE Optimiser son site web sur ipad, iphone, android. Le cms est-il « mobile » friendly ? Page 4
Audio sur internet Devenir éditeur web
CREATION PUBLICATION DIFFUSION
Page 5
Audio sur internet Devenir éditeur web
Site statique et CMS, quel rapport ?
un CMS est fondé sur un noyau dynamique faisant appel à des fonctions de liaison entre les pages et une base de données via un langage de script (PHP le plus souvent), alors qu’un site statique est une suite de pages HTML
Page 6
Audio sur internet Devenir éditeur web
FONCTIONNEMENT D'UN CMS EDITORIAL
Page 7
Audio sur internet Devenir éditeur web connaître les CMS Drupal, Joomla et Wordpress Qu'est ce que le logiciel LIBRE ?
http://www.framabook.org/stallman.html
http://www.framablog.org/index.php/post/2010/04/26/video-logiciel-libre
Page 8
Audio sur internet Devenir ĂŠditeur web
Principe de fonctionnement d'un CMS
Page 9
Audio sur internet Devenir éditeur web
Les outils qu'utilise un CMS - le langage de script PHP - Une Base de données Mysql - Un serveur web Apache - Un générateur de pages web - Un espace de stockage
Page 10
Audio sur internet Devenir éditeur web Système d'information & bases de données
une base de données relationnelle est un stock d'informations décomposées et organisées dans des matrices appelées relations ou tables.
Page 11
Audio sur internet Devenir éditeur web
Principes de bases de données
Le principe Le schéma La modélisation La gestion
Page 12
Audio sur internet Devenir éditeur web Aspects techniques de la production éditoriale :
LE CMS :
- Séparation de la forme et du FOND - Chaîne de production : - Plusieurs auteurs sur un même document - Plusieurs versions d'un même document - Archivage des documents - Catégorisation – Rubriquage – Taxonomie - Tags - Workflow d'un document : - Corrections - Validation du contenu - Publication - Indexation pour référencement - Révisions - Archivage
Page 13
Audio sur internet Devenir éditeur web Schéma de base de données
CONTENU D' UNE TABLE DE LA BASE DE DONNEES WORDPRESS
Est-ce que l'on va avoir besoin De rajouter des champs dans ses tables Pour stocker et utiiliser de nouvelles Informations ? Ex : display_town
https://phpmyadmin.ovh.net/ Page 14
Audio sur internet Devenir éditeur web Bases de données et Système d'information
La structure de la base de données n'est pas la même en fonction de SON Système d'information. Ex : Site web bibliothèque ID= ISBN
Page 15
Audio sur internet Devenir éditeur web Bases de données et SQL
LE SQL PERMET D' INTERROGER LES CONTENUS D UNE BASE DE DONNEES
LE CMS GERE PLUS OU MOINS NATIVEMENT CES INTERROGATION ET LEURS AFFICHAGES SUR LE FRONT OFFICE
Page 16
Audio sur internet Devenir éditeur web
Gestion de base de données
ATTENTION ! ATTENTION ! on onne nepeut peutpas pasaccéder accéderààlalabase basecréée crééeavec avec les modules automatiques via le phpMyadmin les modules automatiques via le phpMyadmin POUR POURune unegestion gestionde debase basede dedonnées données Efficace, il faut faire une installation Efficace, il faut faire une installation Manuelle Manuelledes desCMS. CMS.
http://guides.ovh.com/InstallPhpMyAdmin Page 17
Audio sur internet Devenir éditeur web Configuration de son CMS et interfaçage Avec Base de données
Fichier de configuration. Informations fournies via OVH Lors de la création de sa base de données MYSQL. NE PAS créer DE MODULES AUTOMATIQUES CAR ON NE PEUT PAS ACCEDER A LA BASE DE DONNEES
Page 18
Audio sur internet Devenir éditeur web Modélisation de base de données
VOTRE BASE DE DONNEES DOIT REFLETER VOTRE SYSTEME D' INFORMATION DANS TOUT PROJET WEB ON DOIT D' ABORD PENSER SON SYSTEME D' INFORMATION
Page 19
Audio sur internet Devenir éditeur web
LE MULTI-AUTEURS Quels CMS utiliser pour gérer une édition multi-auteurs ? La solution wordpress : multiples comptes d'auteurs-contributeurs
Quels CMS utiliser pour gérer une édition multi-utilisateurs ? La solution wordpress- MU : un site par auteur La solution Drupal Multisites
Page 20
Audio sur internet Devenir ĂŠditeur web
GESTION D'UN CMS
Page 21
Audio sur internet Devenir éditeur web
Le front et le back-office
Gérer les auteurs - rédacteurs
LA SIMPLICITE DU PASSAGE ENTRE LE BACK ET LE FRONT OFFICE EST UN DES CRITERES DU CHOIX D'UN CMS
Page 22
Audio sur internet Devenir éditeur web
La création de nouveaux utilisateurs
Les rôles : Abonné, Auteur, Éditeur, Contributeur, Administrateur http://codex.wordpress.org/Roles_and_Capabilities
Page 23
Audio sur internet Devenir éditeur web
Sauvegarde des données de sa base de données
https://phpmyadmin.ovh.net La sauvegarde de la base de données se fait via PHP my admin en un fichier .SQL Lors de l'import à nouveau, tjs avec phpmydamin Il faut cliquer sur la case à cocher « ne pas utiliser …... » sous peine d'erreur possible
Page 24
Audio sur internet Devenir éditeur web
Créer des agents de sauvegarde Automatique des données de sa base
Plugin WP pour backup base de données http://wordpress.org/extend/plugins/wp-db-backup/installation/
Facilité de Sauvegarde avec WP Backup. Envoi dans le mail.
Page 25
Audio sur internet Devenir ĂŠditeur web
Sauvegarde des Fichiers sources de son CMS
La sauvegarde des fichiers sources se fait Via FTP
Page 26
Audio sur internet Devenir éditeur web
Gérer les mises à jours du CMS wordpress Une fois que vos données (BDD) et vos fichiers sources (html, css, php …) Sont sauvegardés , on peut lancer la mise à jour de son CMS
Les lecteurs se retrouvent avec un message « d'erreur » sur le site ! Pas tres propre !
Pour supprimer ce message on est obligé d'aller enlever le fichier .maintenance sur le serveur Via FTP (pas très friendly)
Page 27
Audio sur internet Devenir éditeur web
Gérer les mises à jours du CMS joomla
Une fois que vos données (BDD) et vos fichiers sources (html, css, php …) Sont sauvegardés , on peut lancer la mise à jour de son CMS
http://extensions.joomla.org/extensions/access-a-security/site-security/backup/1606 Page 28
Audio sur internet Devenir éditeur web Classification de l'information Avec Drupal, vous pouvez mettre en œuvre votre système de classification de l'information grace à la taxonomie
Tags, categories
Tags, categories
Taxonomie : On peut créer autant de systèmes de classification indépendants que vous le souhaitez. Définir le comportement de chaque système : hiérarchisés ou à plat, termes libres ou figés...
Page 29
Audio sur internet Devenir éditeur web
Sous quel angle juger du bénéfice de tel ou tel CMS ? 1- CRITERE : VIE DU SITE / FACILITE DE PUBLICATION ON TESTE : l'écriture et la modification d'un article Dans une catégorie avec des tags.
Les slides suivantes vous permettent de prendre des notes en fonction des exercices réalisés. Page 30
Audio sur internet Devenir éditeur web
Sous quel angle juger du bénéfice de tel ou tel CMS ? 2- CRITERE : PERSONNALISATION THEME FRONT
ON TESTE : La personnalisation d'un theme en rajoutant plugin, blocks
Page 31
Audio sur internet Devenir éditeur web
Sous quel angle juger du bénéfice de tel ou tel CMS ? 3- CRITERE : MISE A JOUR DU CMS
Page 32
Audio sur internet Devenir éditeur web
Sous quel angle juger du bénéfice de tel ou tel CMS ? 4- CRITERE : FACILITE D'INTEGRATION DE CONTENUS INNOVANTS
Page 33
Audio sur internet Devenir éditeur web
Sous quel angle juger du bénéfice de tel ou tel CMS ? 5- CRITERE : CMS SEO – OPTIMISATION DU REFERENCEMENT DE SES CONTENUS
Page 34
Audio sur internet Devenir éditeur web
Sous quel angle juger du bénéfice de tel ou tel CMS ? 6- CRITERE :
CATEGORISATION & ERGONOMIE DE RECHERCHE DES CONTENUS
Tags, categories
Tags, categories
taxonomie
Page 35
Audio sur internet Devenir éditeur web
Sous quel angle juger du bénéfice de tel ou tel CMS ? 7- CRITERE : SAUVEGARDE DE SES CONTENUS (sources & données)
Page 36
Audio sur internet Devenir éditeur web LE FRONT OFFICE
LE CMS :
- Séparation de la forme et du FOND - Le template : - Plusieurs auteurs sur un même document - Plusieurs versions d'un même document - Archivage des documents - Catégorisation – Rubriquage - Le framework : - Corrections - Validation du contenu - Publication - Indexation pour référencement - Révisions - Archivage
Page 37
Audio sur internet Devenir éditeur web LE FRONT OFFICE : LE TEMPLATE
LE CMS :
- Le template : - Modifier un template (css, php) - Ajouter des fonctionnalités éditoriales via les plugins - sondages - évènements - réseaux sociaux
Page 38
Audio sur internet Devenir éditeur web LE FRONT OFFICE : LE TEMPLATE
LE CMS :
- Ajouter un nouveau template sous joomla: 1 - Ajouter et remplacer un template SANS Framework (on utilsera ja_purity, et themza) 2 - Ajouter et remplacer un template AVEC Framework Gantry http://prowebcreative.com/joomla-templates/311-hybrid
Page 39
Audio sur internet Devenir éditeur web LE FRONT OFFICE : LE TEMPLATE
LE CMS :
http://prowebcreative.com/joomla-templates/311-hybrid Page 40
Audio sur internet Devenir éditeur web LE FRONT OFFICE : LE TEMPLATE
LE CMS :
-
Le template :
- Modifier un template (css, php) - Ajouter des fonctionnalités éditoriales via les plugins - sondages - évènements - réseaux sociaux
Page 41
Audio sur internet Devenir éditeur web Référencement : Impact sur La personnalisation du CMS
Paramétrez le SEO sur le CMS Écriture WEB Écriture WEB
Plugins CMS pour : - meta , title, ….
Page 42
Audio sur internet Devenir éditeur web
Choisir et installer un template « NEWS » ou « MAGAZINE »
Quels pré-requis ?
- La version du template doit être compatible avec le version de joomla. - Il existe deux types de templates : ceux pour le frontend qui correspond à l'aspect public de votre site et ceux pour le backend, c'est-à-dire la partie administration. - un template joomla se présente toujours sous la forme d'un fichier zip.
Page 43
Audio sur internet Devenir éditeur web
Choisir et installer un template « NEWS » ou « MAGAZINE »
Le template n'est Pas compatible avec la version De joomla
Page 44
Audio sur internet Devenir ĂŠditeur web
Les droits des utilisateurs sous Joomla
Page 45
Audio sur internet Devenir ĂŠditeur web
Niveaux d'accès aux contenus sous Joomla
Page 46
Audio sur internet Devenir Êditeur web Gantry : template + Framework http://www.gantry-framework.org/download
Page 47
Audio sur internet Devenir éditeur web Gantry : template + Framework http://www.gantry-framework.org/download Lorsque que l'on installe un framework , on installe : - les libraires - les composants - les plugins Mais pas le template
Page 48
Audio sur internet Devenir éditeur web Développer l'interactivité et la participation autour de votre éditorial Gérer une communauté de lecteurs : - commentaires - mailing - newsletter
http://extensions.joomla.org/ Page 49
Audio sur internet Devenir éditeur web Personnalisation d'un thème éditorial multi-auteurs magazine Gantry est un ensemble complet de blocs de construction pour permettre le développement rapide et la réalisation d'un dessin dans un thème plate-forme Web flexible et puissant
http://extensions.joomla.org/ Page 50
Audio sur internet Devenir éditeur web DRUPAL : UN CMS OU UN FRAMEWORK ? SITE d'INFORMATIONS,
Drupal est comparable à un jeu de LEGO E COMMERCE WIKI (BOOK) BLOG / BLOGS
DRUPAL EST UN JEU DE CONSTRUCTION MODULAIRE
Page 51
Audio sur internet Devenir éditeur web DRUPAL : SA FORCE
1- FOURNIR DES CONTENUS TOTALEMENT DIFFERENTS D' UN LECTEUR A L' AUTRE 2- LE NOYAU PERMET DE créer AUTANT DE TYPES DE « pièce d'information » QUE L ON SOUHAITE (article, page, blog, cv, livre ….. qui étendent la notion Simple de page ou d'articles des autres CMS) et permettent ainsi de choisir le TYPE D'information que l'on veut montrer. 3- VOTRE SITE PEUT AVOIR AUTANT D'ASPECTS QUE VOUS LE SOUHAITEZ 4-DRUPAL EST PENSE AUTOUR DU MODE COLLABORATIF (chaque utilisateur peut avoir son Propre blog ? AVEC SON PROPRE MODELE …..avec ses commentaires … ses fans ! 5- AVEC LA TAXONOMIE, ON PEUT créer SA PROPRE CATEGORISATION DU CONTENU
Page 52
Audio sur internet Devenir éditeur web DRUPAL : SA DIFFERENCE AVEC LES AUTRES CMS
La souplesse de drupal a permis à des développeurs de créer des modules comme :
VIEWS (création de requêtes bases de données) CCK (création de formulaires) PANELS Ces modules permettent à des « non informaticiens » d'étendre les fonctionnalités De leur CMS sans faire appel à des développeurs.
Page 53
Audio sur internet Devenir éditeur web DRUPAL : SON FONCTIONNEMENT
Page 54
Audio sur internet Devenir éditeur web DRUPAL : LISTES DE SITE SOUS DRUPAL
http://www.computure.net/fr/articles-informatique/25-drupal/90-liste-de-sites-realises-avec-drupal
Radio france France 24
Rue 89
New York Observer
Mediapart
Page 55
Audio sur internet Devenir éditeur web
DRUPAL : GERER UN SITE SOUS DRUPAL
Page 56
Audio sur internet Devenir ĂŠditeur web
GĂŠrer les migrations d'un CMS vers un autre CMS
Page 57
Audio sur internet Devenir éditeur web Personnalisation d'un site avec drupal : Les modules indispensables
1. Content Construction Kit (CCK) http://drupal.org/project/cck
2. Views http://drupal.org/project/views
3. Panels http://drupal.org/project/panels
Il nous permet de créer des types de contenus structurés et personnalisés. Avec ce module nous pouvons ajouter des champs dates, des liens, des images et des listes de sélection à nos types de contenu afin de les enrichir. Il génère dynamiquement les requêtes (queries) dont nous avons besoin, comme par exemple la liste des derniers commentaires. Mais Views produit aussi des pages et des bloques sur base des requêtes ainsi générées. Le tout sans une seule ligne de programmation grâce à sa puissante interface graphique. Ce module permet à un administrateur du site de créer des dispositions personnalisées pour des usages multiples. À sa base, c'est un gestionnaire de contenu en glisser-déposer qui vous permet de concevoir visuellement un contenu à la place à laquelle vous le souhaitez
http://www.news-hitech.com/top-10-des-modules-indispensables-sous-drupal Page 58
Audio sur internet Devenir ĂŠditeur web
MULTI-SITES
Page 59
Audio sur internet Devenir éditeur web MULTI SITE AVEC WORDPRESS 3
LE CMS :
Il est possible de créer des sites à la volée pour des nouveaux membres d'une communauté par exemple. Avec wordpress à partir de la version Http://www.packwebtv.com/wpmu
http://www.youtube.com/user/downstairsdev
Page 60
Audio sur internet Devenir ĂŠditeur web
INTEGRATION DE CONTENUS
Page 61
Audio sur internet Devenir éditeur web INTEGRATION DE CONTENUS : LE TEXTE
LE CMS :
- Les formulaires de saisie riche - intégration en entrée de différents formats (.doc, pdf …) - génération de formats en sortie (.pdf ...)
Page 62
Audio sur internet Devenir éditeur web INTEGRATION DE CONTENUS : VIDEO & DIAPORAMA
LE CMS :
- Principe de l'intégration (code et hébergement) - Plugins d'intégration - Plateformes
Page 63
Audio sur internet Devenir éditeur web INTEGRATION DE CONTENUS INNOVANTS
LE CMS :
: - Qu'est ce qu'un contenu innovant en journalisme ? - intégration de cartographies google maps - intégration de scénographies dipity - intégration de services web2.0 (évènements twittés via storify.com)
Page 64
Audio sur internet Devenir éditeur web INTEGRATION DE CONTENUS SONORES
LE CMS :
intégration de fichiers audio mp3 via plugin cms (pixelout pour wordpress) 1 – télécharger le plugin 2- uploader via extensions / Installer 3 – Extension / gestion des plugins > Activer 4 – poster dans le HTML d'une article ou d'une page {audio}http://blip.tv/file/get/BlogSystemIsGo-Episode8NonplayerButcherBakerIrredeemableMore AudioOnly322.mp3{/audio}
http://duvien.com/download-files http://extensions.joomla.org/extensions/multimedia/multimedia-players/audio-players-a-gallery/4197 Page 65
Audio sur internet Devenir ĂŠditeur web
CYCLE DE VIE DES CONTENUS
Page 66
Audio sur internet Devenir éditeur web
REFERENCEMENT ET INDEXATION DE CONTENUS IMPACT SUR LA PERSONNALISATION ET LA GESTION DU CMS
Page 67
Audio sur internet Devenir éditeur web
INTEGRATION DES RESEAUX SOCIAUX DANS SON CMS
Page 68
Audio sur internet Devenir ĂŠditeur web Gestion des commentaires
LE CMSÂ :
http://intensedebate.com/
http://disqus.com/
Page 69
Audio sur internet Devenir ĂŠditeur web
SECURITE DES CONTENUS
Page 70
Audio sur internet Devenir éditeur web SAUVEGARDER SES CONTENUS
LE CMS :
Faire un dump de sa base Mysql. À partir de wordpress avec le plugin WP-DB-Backup
Page 71
Audio sur internet Devenir ĂŠditeur web
MIGRATION DES CONTENUS
Page 72
Audio sur internet Devenir éditeur web CAS : Migrer de wordpress vers drupal
LE CMS :
http://drupal.org/node/43178 Page 73
Audio sur internet Devenir ĂŠditeur web Exemple de sites sous DRUPAL http://www.lagazettedemontpellier.fr/ http://www.rue89.com/ http://www.fest21.com
Sites sous WP MU http://blogs.independent.co.uk/
Page 74
Audio sur internet Devenir éditeur web Liens : Templates : http://www.tripwiremagazine.com/2009/02/120-free-essential-drupal-6x-themes.html Sites collaboratifs http://www.lejournaldublog.com/plugin-pour-gerer-un-blog-multi-auteurs-sur-wordpress/ Doc drupal http://drupalfr.org/documentation
Page 75
Enrichir ses papiers avec Devenir éditeur web du contenu multimédia Contact
Franck Dumesnil Tél. : 06 09 20 02 53 franck@blogperformance.com
Page 76