25.07.2013 Views

UN système de publication sur Internet - Formation et Enseignement ...

UN système de publication sur Internet - Formation et Enseignement ...

UN système de publication sur Internet - Formation et Enseignement ...

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

SYSTÈMES DE PUBLICATION POUR L’INTERNET<br />

Beatep 2006<br />

SPIP<br />

<strong>UN</strong> <strong>système</strong> <strong>de</strong> <strong>publication</strong> <strong>sur</strong> <strong>Intern<strong>et</strong></strong><br />

Marie-France Landréa - Observatoire <strong>de</strong> Paris


Caractéristiques<br />

<strong>de</strong>s CMS<br />

● Des auteurs (<strong>de</strong> contenu)<br />

– Créent, d’éditent <strong>et</strong> soum<strong>et</strong>tent à évaluation pour <strong>publication</strong> <strong>de</strong>s<br />

articles, bréves, documents ...<br />

– À l’ai<strong>de</strong> d’un simple logiciel <strong>de</strong> navigation, pas nécessaire<br />

d'avoir <strong>de</strong>s connaissances du HTML, javascript, php ...<br />

– Travaillent en collaboration (forums, mails ...)<br />

● Des administrateurs (<strong>de</strong> contenant)<br />

– Gérent, organisent,définissent les auteurs <strong>et</strong> leurs droits,<br />

définissent <strong>de</strong>s administrateurs<br />

– Réglent les préférences du côté serveur,directement via une<br />

interface web<br />

– Si p<strong>et</strong>ite équipe, ils sont souvent également les administrateurs<br />

du serveur, développeurs <strong>de</strong> squel<strong>et</strong>tes (modèles) <strong>et</strong> fonctions<br />

● Les CMS s’installent rapi<strong>de</strong>ment <strong>et</strong> + ou –<br />

facilement


Mon<strong>de</strong> du Libre ...<br />

● À la disposition <strong>de</strong>s webmestres :<br />

– Une diversité <strong>de</strong> gabarits ou <strong>de</strong> squel<strong>et</strong>tes prêts à l’emploi ou<br />

personnalisables selon les compétences du webmestre ou du<br />

graphiste web.<br />

– La vaste majorité (<strong>et</strong> parmi les meilleurs) sont distribués sous<br />

licence libre GnuGPL (open source).<br />

– Ils reposent tous <strong>sur</strong> un langage <strong>de</strong> programmation ou <strong>de</strong> scripts<br />

exécutés du côté serveur (à la différence <strong>de</strong> javascript qui <strong>et</strong><br />

exécuté du côté client).<br />

● Langages ouverts courants :<br />

– PHP, PERL, Python, Java<br />

– La plupart <strong>de</strong>s CMS utilisent une base <strong>de</strong> données pour stocker<br />

tout le contenu trédactionnel <strong>de</strong>s articles, messages, brèves,<br />

auteurs, mots-clés, <strong>et</strong>c.<br />

– Les bases <strong>de</strong> données libres les plus utilisées sont : MySql,<br />

Postgree, SqlLite.


● Wiki<br />

4 Catégories<br />

● Blogues (blog ou weblog)<br />

● CMS = Content Management System<br />

– Systèmes <strong>de</strong> gestion <strong>de</strong> contenu = SGC en français.<br />

● Les applications spécialisées<br />

– forums en ligne<br />

– progiciels <strong>de</strong> groupes <strong>de</strong> travail (groupware)<br />

– galleries <strong>de</strong> photos<br />

– plateformes <strong>de</strong> formation en ligne (foad, e_learning, campus<br />

numérique ...)<br />

– bases documentaires<br />

– applications <strong>de</strong> commerce électronique<br />

– ...


Wiki<br />

● Système <strong>de</strong> gestion <strong>de</strong> contenu <strong>de</strong> site Web<br />

– Les pages Web sont librement modifiables par tous les visiteurs<br />

autorisés.<br />

– Les wikis sont utilisés pour faciliter la création <strong>de</strong> façon<br />

collaborative <strong>de</strong> documents avec un minimum <strong>de</strong> contrainte.<br />

● Le mot « wiki » vient du terme hawaiien wiki wiki, qui signifie<br />

« rapi<strong>de</strong> » ou « informel ».<br />

– Créée en 2001, l'encyclopédie Wikipédia est <strong>de</strong>venue le wiki le<br />

plus visité au mon<strong>de</strong><br />

● Sites d'informations <strong>sur</strong> les wikis<br />

– leswikis.com , lui-même sous forme <strong>de</strong> wiki<br />

– PointWiki, un blog francophone collaboratif dédié à l'actualité<br />

<strong>de</strong>s wikis<br />

– Wikimatrix : site <strong>de</strong> comparaison <strong>de</strong> wikis (comparatif détaillé<br />

<strong>de</strong> plus <strong>de</strong> 20 logiciels <strong>de</strong> wikis, en anglais)


Blogue ou Carn<strong>et</strong> ...<br />

● Outil <strong>de</strong> <strong>publication</strong> en ligne en quasi temps<br />

réel.<br />

– Blog est un mot-valise, né <strong>de</strong> la contraction <strong>de</strong> « web log »<br />

(c'est-à-dire carn<strong>et</strong> <strong>de</strong> bord Web).<br />

● Repose <strong>sur</strong> un langage <strong>de</strong> script côté serveur<br />

● En général, PHP ou Perl, avec ou sans base <strong>de</strong> données<br />

● La page d’accueil présente :<br />

– une entête,<br />

– une liste d’articles ou <strong>de</strong> messages les plus récents<br />

– une barre <strong>de</strong> navigation à gauche ou à droite ;<br />

● Organisation <strong>de</strong> la navigation <strong>et</strong> <strong>de</strong> l’archivage <strong>de</strong>s articles :<br />

– chronologique (en général par mois)<br />

– par catégorie, suj<strong>et</strong> ou mot-clé<br />

● Disposent aussi en général d’un moteur <strong>de</strong> recherche intégré<br />

● Générent un fil <strong>de</strong> syndication RSS<br />

● Conformes aux standards les plus récents du web (xhtml, css,<br />

accessibilité, ...)


Blogue .<br />

● Les visiteurs ont la possibilité <strong>de</strong><br />

commenter chaque article<br />

● L'administrateur peut créer plusieurs<br />

auteurs<br />

– avec différents privilèges ou droit d’édition<br />

● Les rédacteurs disposent <strong>de</strong> raccourcis <strong>de</strong><br />

mise en forme du texte<br />

– Et n'ont pas besoin <strong>de</strong> connaître le html<br />

● Exemple :<br />

– Dotclear - simple à utiliser <strong>et</strong> à installer, interface <strong>de</strong><br />

rédaction clair <strong>et</strong> transparent ; PHP <strong>et</strong> MySql. Logiciel orienté<br />

gestion <strong>de</strong> blogs.<br />

– http://www.dotclear.n<strong>et</strong>/


CMS ...<br />

(Content Management System -<br />

Système <strong>de</strong> Gestion <strong>de</strong> Contenu)<br />

● Logiciels <strong>de</strong> conception <strong>et</strong> <strong>de</strong> mise à jour<br />

dynamique <strong>de</strong> sites web :<br />

– Plusieurs personnes peuvent travailler <strong>sur</strong> un même document,<br />

– Chaîne <strong>de</strong> <strong>publication</strong> (workflow) perm<strong>et</strong> <strong>de</strong> m<strong>et</strong>tre en ligne du<br />

contenu (rédactionel) <strong>et</strong> <strong>de</strong>s documents, via une interface web<br />

– Séparation <strong>de</strong>s opérations <strong>de</strong> gestion <strong>de</strong> la forme <strong>et</strong> <strong>de</strong><br />

l'information.<br />

– Adaptation aux besoins spécifiques<br />

– Structuration du contenu (FAQ, document, <strong>de</strong> blog, forum, ...)<br />

– Quelques propiétés <strong>de</strong>s CMS, certains<br />

● Incluent le contrôle <strong>de</strong> version.<br />

● Perm<strong>et</strong>tent <strong>de</strong> publier simultanément <strong>et</strong> automatiquement un article,<br />

un document ou une brève en divers format, html pour l’écran, html<br />

pour impression, word (rtf), texte brut (txt), pdf, ...<br />

● Disposent d'outils <strong>de</strong> suivi éditorial qui informe par mail à une<br />

liste <strong>de</strong> diffusion d’abonnés tout nouvel article publié ou un résumé<br />

hebdomadaire <strong>de</strong>s ajouts au site.


CMS (SGC)<br />

● Un CMS n'est pas un blog ni un Wiki<br />

– Dans un blog les nouvelles sont publiées sous forme <strong>de</strong> fils <strong>de</strong><br />

discussions,<br />

● De manière chronologique ou avec un classement par thèmes.<br />

– Le CMS propose d'autres manières <strong>de</strong> structurer l'information,<br />

● Avec en plus un <strong>système</strong> <strong>de</strong> rubriques, articles <strong>et</strong> brèves<br />

– Ce n'est pas non plus un Wiki où la chaîne <strong>de</strong> <strong>publication</strong> est<br />

absente.<br />

● Utilisation d'interface web<br />

– Les utilisateurs d'un CMS n'ont pas besoin<br />

● D'installer <strong>de</strong> logiciels spécifiques couteux.<br />

● De se former à un logiciel d'édition <strong>et</strong> gestion <strong>de</strong> pages web.<br />

– Le Web offre un format <strong>de</strong> données lisible, imprimable <strong>et</strong><br />

stockable par tous, ce qui facilite l'échange <strong>et</strong><br />

l'accessibilité <strong>de</strong>s documents.


● CMSimple<br />

CMS exemples ...<br />

– Comme son nom l’indique, c’est un CMS très simple, <strong>de</strong>s plus<br />

faciles à installer, à gérer <strong>et</strong> à utiliser.<br />

– Repose uniquement <strong>sur</strong> PHP , tout le contenu est enregistré dans<br />

un seul <strong>et</strong> unique fichier html statique.<br />

● Mambo/Joomla [fr]<br />

– Système <strong>de</strong> <strong>publication</strong> populaire, nombreuses fonctionnalité,<br />

documentation <strong>sur</strong>tout en anglais.<br />

● Plone<br />

– Python + Zope, Plone est un <strong>système</strong> <strong>de</strong> gestion <strong>de</strong> contenu open<br />

source. Il est construit au-<strong>de</strong>ssus du serveur d'application<br />

Zope. Zope est écrit en Python.<br />

● Guppy<br />

– Le CMS haut en couleur, fonctionne sans base <strong>de</strong> données.Support<br />

du bilinguisme.


CMS exemples .<br />

● SPIP = réaliser un site collaboratif vite<br />

– simple à installer <strong>et</strong> à m<strong>et</strong>tre à jour, interface <strong>de</strong> rédaction<br />

clair <strong>et</strong> transparent<br />

● Basé <strong>sur</strong> PHP <strong>et</strong> MySql<br />

● Immédiatement utilisable en mo<strong>de</strong> multilingue, sans autre<br />

téléchargement, tant du côté public que privé<br />

● correcteur orthographique <strong>et</strong> typographique intégré<br />

● simplicité pour constuire <strong>de</strong>s liens<br />

● <strong>système</strong> très puissant <strong>de</strong> syndication <strong>de</strong> nouvelles.<br />

● nombreuses contributions disponibles pour une meilleure adaptation<br />

aux besoins <strong>de</strong> chacun.<br />

● SPIP, grâce à un puissant <strong>système</strong> <strong>de</strong> cache du côté serveur, est l’un<br />

<strong>de</strong>s <strong>système</strong>s le plus rapi<strong>de</strong> <strong>de</strong> <strong>publication</strong> <strong>sur</strong> intern<strong>et</strong>.<br />

– SPIP est, <strong>de</strong> loin, le portail le plus utilisé dans la<br />

francophonie, il perm<strong>et</strong> <strong>de</strong> créer un iste Multilingue.<br />

● http://www.glums.com/ Liste <strong>de</strong> sites sous spip<br />

● http://mag.spip.n<strong>et</strong>/ Un magazine <strong>sur</strong> SPIP<br />

● http://www.pyrat.n<strong>et</strong>/ Création <strong>de</strong> site SPIP, SPIP AGORA ...


Quel <strong>système</strong> <strong>de</strong> <strong>publication</strong><br />

choisir ?<br />

● Des critères <strong>de</strong> choix pour SPIP ?<br />

– Distibué sous licence <strong>de</strong> type GnuGPL, donc libre.<br />

– Facillité <strong>de</strong> l'installation.<br />

– Multiplateformes.<br />

– Peut être installé chez la plupart <strong>de</strong>s hébergeurs web offrant PHP<br />

<strong>et</strong> MySql.<br />

– Immédiatement disponible.<br />

– Francisé avec <strong>de</strong>s capacités multilingues.<br />

– Possè<strong>de</strong> une bonne base d’installation, une documentation en<br />

français <strong>et</strong> un développement actif (groupe d'utilisateur, support<br />

...).<br />

– Gestion <strong>de</strong> plugins<br />

● Voir l'objectif du site<br />

– Et les tests comparatifs, les compétences <strong>de</strong> l'équipe, répartition<br />

<strong>de</strong>s charges <strong>de</strong> travail pour la vie du site, l'importance du<br />

travail collaboratif ...


dynamique/statique<br />

● Surfer <strong>et</strong> comparez<br />

– http://www.obspm.fr/beatep/<br />

– http://duop.obspm.fr/<br />

– Testez <strong>sur</strong> le site <strong>de</strong>s TPs : http://www.obspm.fr/beatep/spip<br />

● Une encyclopédie<br />

– http://www.wikipedia.fr<br />

« Wikipédia [ w ki pedia] est une encyclopédie libre, gratuite,<br />

universelle <strong>et</strong> multilingue, écrite collaborativement <strong>sur</strong> <strong>Intern<strong>et</strong></strong>,<br />

dans le respect <strong>de</strong> la neutralité <strong>de</strong> point <strong>de</strong> vue. Ce travail<br />

collaboratif est réalisé par <strong>de</strong>s volontaires, <strong>sur</strong> un site Web<br />

(http://fr.wikipedia.org/ pour la version en français) utilisant la<br />

technologie wiki, ce qui signifie que <strong>de</strong>s articles peuvent y être<br />

ajoutés, complétés ou modifiés par toute personne possédant un accès<br />

au Web.<br />

En ce mercredi 9 août 2006 à 14:21 TU, la Wikipédia francophone<br />

compte 341 091 articles <strong>et</strong> 45 456 fichiers multimédia. Pour<br />

l'ensemble <strong>de</strong>s langues du proj<strong>et</strong>, le nombre d'articles a dépassé les<br />

4 millions. »


SPIP Version 1.9<br />

● http://www.spip.n<strong>et</strong>/<br />

● Logiciels prérequis :<br />

– Apache, PHP/MySQL<br />

● AMP<br />

– Sur le serveur final (chez un FAI)<br />

● vérifier auprès <strong>de</strong> l'administarteur <strong>de</strong> la machine<br />

– Sur la machine <strong>de</strong> développement en local :<br />

● Installer <strong>sur</strong> le Mac, Windows, Linux l'environnement correspondant<br />

– MAMP/WAMP/LAMP (par exemple, solution simple)<br />

● Créer un répertoire spip dans htdocs ou autre<br />

● Installer SPIP 1.9<br />

● Vous pouvez personnaliser le « look » du site grace<br />

– Au dossier squel<strong>et</strong>tes, pour y déposer <strong>de</strong> squel<strong>et</strong>te du mon<strong>de</strong><br />

libre ou développer vos propres squel<strong>et</strong>tes<br />

– Avec les feuilles <strong>de</strong> styles (à modifier ou créer)


Squel<strong>et</strong>tes (look-contenant)<br />

● Téléchargez <strong>et</strong> installer un squel<strong>et</strong>te<br />

– http://www.spip-contrib.n<strong>et</strong>/spikini/Squel<strong>et</strong>tesPourSPIP<br />

● Créer vos propres squel<strong>et</strong>tes<br />

– Les squel<strong>et</strong>tes par défaut est dans le répertoire dist<br />

– Créer un répertoire « squel<strong>et</strong>tes » dans le répertoire racine du<br />

site spip.<br />

– Vous trouverez <strong>de</strong> nombreux tutoriels expliquent comment créer<br />

un squel<strong>et</strong>te <strong>de</strong> rubrique, article, brèves ...<br />

● Vous pouvez ajouter <strong>de</strong> nouvelles fonctions<br />

– En php, javascript : avec les fichiers mes_fonctions.php <strong>et</strong><br />

mes_javascripts.js.<br />

– Dans un dossier plugins, installer <strong>de</strong>s plugins du mon<strong>de</strong> libre<br />

(exemple l'éditeur Jaxe, développé en java).<br />

● Voir « vos infos » sous différents « look »


Dossier racine <strong>de</strong> SPIP<br />

● Dist<br />

– Le « look » livré par défaut<br />

● in<strong>de</strong>x.php<br />

● IMG<br />

– Appel <strong>de</strong> spip<br />

– Répertoire où vos images,<br />

logos, ...vont se « ranger »<br />

● htaccess.txt<br />

– Modèle <strong>de</strong> fichier <strong>de</strong><br />

directives pour le serveur<br />

Apache :.htaccess (ne pas<br />

oublier <strong>de</strong> renommer avec le<br />

point <strong>de</strong>vant si utilisé).


PlugIns<br />

● Éditeur Jaxe pour SPIP

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!