Les outils pour fonctionner en réseau à l'heure du Web 2.0

* Réseaux coopératifs ?

* De nouveaux outils et services pour travailler ensemble

* Web 2.0 ? Définition,enjeux et limites

Le programme “Outils-Réseaux »

Initié par plusieurs réseaux et associations : Tela Botanica, Réseau Ecole et Nature, Les Ecologistes de l'Euzière

Pour accompagner les pratiques coopératives, en s'appuyant sur les outils Internet et les TIC :

• Innovation : veille technologique, développements informatiques et analyse de réseaux.
• Diffusion : animation, édition de ressources, organisation de formations ou d'événements sur les usages coopératifs des TIC.
• Accompagnement de projets collaboratifs : conception, organisation, réalisation de dispositifs collaboratifs.

Qu'est-ce qu'un réseau coopératif ?

Un exemple

• -> Quels outils du Web 2.0 pour faciliter cette organisation collective ?

Des outils pour :

• Veiller collectivement
• Echanger
• Communiquer à distance
• Planifier un événement
• Réfléchir ensemble
• Rédiger collectivement
• Partager des documents
• Publier, diffuser
• Retransmettre

Outils pour veiller collectivement

RSS

• Définition: RSS («Rich Site Summary» ou «Really Simple Syndication») format XML utilisé pour diffuser les mises à jour de sites dont le contenu change fréquemment, sites d'information, blogs. L'utilisateur peut "s'abonner aux flux".

• Logiciels libres "agrégateurs de flux" (thunderbird,...)

• Service en ligne : Netvibes.com, créer sa page d'accueil aux flux RSS personnalisés (équivalent en logiciel libre Posh)

Tags et bookmarking social

• Définition: bookmarking social : pour partager des liens (voir vidéo expliquant ce concept : http://ocarbone.free.fr/blog/?p=203)

• Service : http://del.icio.us

Nuage de mots

• Définition:permet de visualiser les termes les plus souvent employés (forum, blogs...)

• Services en ligne pour créer des nuages de mots à partir d'un fil RSS : http://www.makecloud.com/, ou à partir d'un texte : http://tagcrowd.com/

• Exemple : nuage de mots à partir du flux RSS de @-brest.net :

Outils pour échanger

Définitions :

• Liste de discussion : liste d'échange, par mail, sur un sujet thématique, de n vers n.
• Liste de diffusion : liste en lecture seule, par mail, de type lettre information, de un vers n.
• Forum web : liste de discussion "en ligne".

Outils :

• Services : les groupes yahoo, listes fournies par les hébergeurs -> liste de discussion dont les archives sont accessibles en ligne (carapattes.org)
• Logiciels libres : de forum (exemple : forum phpBB)

Outils pour communiquer à distance

Définitions :

• Outils de communication synchrone : qui permettent d'échanger en direct.

Outils et services :

• Vidéo-conférence : Flashmeeting exemple de vidéo-conférence
• Téléphonie par Internet et messagerie instantanée : voir la liste des logiciels libres sur Framasoft (il y a des alternatives à Skype et à Msn !)

Outils pour planifier un événement

Systèmes de sondages :

Agendas partagés

• Logiciel libre : Agenda partagé en ligne (Webcalendar -> exemple : le réseau des LAM), agendas sur le poste de travail, connectés à des agendas distants (Sunbird)

• Services: Google Calendar -> calendrier partagé d'une exposition sur la garrigue

• Cartographie d'événements : calendrier cartographique sur Tela Botanica, utilisant les cartes Google Map

Outils pour réfléchir ensemble

Définition :

• Cartes heuristiques ou mentales : méthode pour présenter des idées sous forme graphique : au centre, le thème principal, dont partent des branches contenant les différentes idées.

Outils :

• Logiciel libre multi-plateforme : FreeMind

• Services :  MindMeister (un outil qui gére l'import/export de cartes mentales) -> Exemple

Outils pour rédiger collectivement

Définitions :

• Wiki Wiki signifie rapide, en Hawaïen

• Les Wiki sont des dispositifs permettant la modification de pages Web de façon simple, rapide et interactive

Outils et services :

• Mediawiki : exemple
  • Wikipedia
  • Intercoop : interconnexion de réseaux collaboratifs

• Wikini : exemples :
  • Rédaction collective :Journal associatif - GRAINE Centre
  • Réseau naturaliste : l'ONEM, Livre sur les garrigues (Ecologistes de l'Euzière)
  • Organisation d'un événement : Soirée Moustic et Carrefour des Possibles
  • Support de formation : Les formations Outils-réseaux
  • Sites éducation : école de Grabels - maternelles

Outils pour partager des documents

Outils et services :

• Logiciels libres : porte-documents (exemple : réseau des Lam), galeries-photos (liste de logiciels libres sur framasoft.net.

• Services : Yahoo, Flickr, Youtube, box.net...

Outils pour publier, diffuser

• CMS (Content Management System) : système de gestion de contenu pour Internet

• Blog : weblog

• Newsletter : lettre d'actualités envoyée par mail

• Syndication : afficher sur un site Internet, les actualités d'un autre sites via les Flux RSS

Retransmettre

Second life

Podcast

En quoi ces outils sont-ils Web 2.0 ?

Quelques traits caractéristiques :

Des frontières abolies :

• entre applications (inter-opérabilité, combinaison d'applications...) : calendriers, cartes...
• entre médias (ordintateur,téléphonie, lecteur audio,vidéo, Internet), avec l'avénement du Web comme canal principal

Quelques traits caractéristiques :

Ils offrent aux utilisateurs la possibilité de participer :

• Interactivité : Wiki, blogs, CMS, ...

• des interfaces plus ergonomiques : généralisation du glisser-déposer...

-> Aujourd'hui, on s’est approprié le Web !

Un concept évolutif une notion politique
des définitions multiples :

• “Tentative de ré-enchantement après l’éclatement de la «bulle Internet»”

• “Véritable révolution qui place l’utilisateur au coeur du web”

• “Vaste escroquerie marketing”

• “Retour aux fondamentaux du web”

Différents points de vue :

De nouveaux outils... pas encore entrés dans les moeurs

• > Du côté des utilisateurs

• > Du côté des décideurs

• > Du côté des techniciens

En bref

Des moyens techniques puissants pour mutualiser de l'information.

• Profusion des outils : tout le monde ne suit pas
• Flou et ambiguité entre « libre » / « gratuit » et « web 2.0 » : les services en lignes surfent sur la vague du participatif, mais n'en partagent pas forcément la philosophie et les valeurs.

Module 11 : Ecrit journalistique pour le Web

• améliorer ses écrits en intégrant méthodes et principes journalistiques

Activités

• Alors pour commencer, prenez connaissance des contenus du cours : "Améliorer ses écrits en intégrant méthode et principe journalistique"
• Vous avez 3 semaines pour rédiger ensuite votre communication .

• Cours

• 1. les genres journalistiques
• 2. "La titraille"
• 3. Accrocher le lecteur
• 4. l'angle
• 5. la lisibilité
• 6. écrire clairement
• 7. les plans

Évaluation

• retourner au parcours des modules d'autoformation
• aller au module 12

Module 12 : Diffusion d'informations

• situer les différentes possibilités techniques pour diffuser de l'information via le mail
• utiliser certains de ces outils et savoir comment les mettre à disposition d'un projet coopératif

• communiquer sur les productions réalisées lors du travail coopératif aux étapes précédentes : donner à voir, faire profiter à d'autres votre expérience.

Activités

• Cette semaine nous vous invitons à rédiger les articles directement dans l'espace spécialement conçu (lien )
• (Ces articles pourraient être diffusés dans Webzine Outils-réseaux (lien))
• Prenez connaissance du cours proposé, notez dans le questionnaire d'évaluation votre progression.

Cours

Outils

Success story

Évaluation

• retourner au parcours des modules d'autoformation
• aller au module 13

Module 13 : Consolider un réseau

• faire durer un réseau

• envisager l'après-formation

Activités

• Réagissez sur la liste par rapport au contenu du cours en l'appliquant au réseau que vous formez :
  • quels types d'échanges souhaiteriez-vous maintenir ? Par quels moyens ?
  • comment faire perdurer la dynamique ?
• Pour évaluer votre parcours, merci de répondre aux questions posées : ici
• Pour vous aider, vous pouvez indiquer ce que vous avez retenu et surtout utilisé dans chaque séquence via le microblog en bas de chaque page de cours.

Cours

Évaluation

BRAVO!!! Vous avez terminé le parcours d'autoformation!!!

• retourner au parcours des modules d'autoformation

• Les remues méninges Outils-Réseaux

Comment choisir un CMS

Administrer Wikini

I. Suivre la vie du site

1. Des pages qui montrent toute l'activité

• En bas de chaque page, un clic sur la date permet de visualiser l'historique

• La page DerniersChangements permet de visualiser les modifications qui ont été apportées, et voir les versions antérieures.

• La page DerniersCommentaires, permet de voir les derniers commentaires.

• Le TableauDeBordDeCeWiki : pointe vers toutes les pages utiles à l'analyse et à l'animation du site.

2. Les flux RSS

• Afficher les flux RSS d'un Wikini : créer une page DerniersChangementsRSS

• Les lecteurs de flux RSS : pour s'abonner et recevoir la liste des pages modifiées.

II. Droits et restrictions

1. Devenir propriétaire d'une page

• Le propriétaire d'une page est celui qui l'a créée en étant identifié.

• Une page créée par quelqu'un de pas identifié n'a pas de propriétaire, on peut s'approprier une page en cliquant sur : Appropriation (menu en bas de page).

2. Changer les droits d'accès

• Lorsqu'on est propriétaire d'une page, on voit apparaître l'option "Éditer permissions" qui permet de modifier les droits en lecture / écriture / commentaire.

• On peut ainsi indiquer :
  • le nom d'un ou plusieurs utilisateurs : par exemple  MathildE
  • le caractère * désignant tous les utilisateurs (par défaut)
  • le caractère + désignant les utilisateurs enregistrés
  • le caractère ! signifiant la négation : par exemple ! MathildE signifie que  MathildE ne doit pas avoir accès à cette page

III. Organiser, jardiner son wiki

1. Supprimer une page

• La page doit être "orpheline" (aucun lien ne pointe vers elle).
• On doit en être propriétaire
• On peut alors la supprimer (cf. lien en bas de page).

Le menu gauche

Les "actions" Wikini

Choisir un hébergement et un nom de domaine

Critères de choix d'un hébergement

• besoin d'avoir le site disponible en ligne 24h/24, 7 jours/7, de n'importe quel point d'accès Internet

• besoin de gros tuyaux (bande passante), pour avoir un affichage rapide (temps de réponse), et une certaine rapidité de téléchargement

• les technologies utilisées pour disposer de son site collaboratif sont multiples et complexes : langage de programmation pour Internet à interpréter (PHP), bases de données (MYSQL), possibilité de télécharger des fichiers (FTP): pour cela il faut passer par un service qui vous assure le bon fonctionnement de ces technologies, et avoir des garanties sur la sauvegarde des données et la sécurité.

Réserver un nom de domaine : pour quoi faire ?

• pour avoir une meilleure visibilité, une meilleure identité (se faire connaître par son nom)

• pour faciliter l'accès direct à son site (il est difficile de se souvenir d'une adresse trop longue, ou d'une adresse IP)

• pour pouvoir découper son site en plusieurs sous-domaines (= mini-sites). Ex. pour le domaine www.exemple.fr il y a plusieurs sous-domaines : bcdi.exemple.fr (catalogue du CDI), wiki.exemple.fr (ferme de wikis), etc...

Réserver un nom de domaine : comment faire ?

Tour d'horizon des possibilités d'hébergement et de réservation de nom de domaine

Qui choisir, à partir de quels critères

• vérifiez que vous posséderez bien le nom de domaine en votre nom propre (certains hébergeurs restent propriétaires des noms)

• transfert de fichiers par FTP possible

• vous devez pouvoir utiliser les technologies PHP / MYSQL, très utilisées pour les applications web dynamique

• vérifiez le quota espace disque disponible (100 Mo est un minimum, si l'on veut mettre des images)

• vérifiez le quota de bande passante (si on est limité, le site ne sera pas toujours disponible en cas de dépassement du quota)

• le rapport service / prix doit être honnête

• pas de publicité

• voir les services plus (mails, listes, installations automatisées)

Installer son application web collaborative

Quelques définitions

• Serveur : une machine reliée au réseau qui fournit des services ou informations à des clients.
• Client : usager, ordinateur ou logiciel qui utilise les services ou reçoit les données d'un serveur.
• Protocole : convention précisant les règles et spécifications techniques à respecter dans le domaine des télécommunication afin d'assurer l'interopérabilité des systèmes. IP = Internet protocole (1972).

Outils "pull" et outils "push"

• site statique réalisé avec des pages en html
• Les blogs
• Les CMS : systèmes de gestion de contenu pour l'Internet
• les wiki

Diffuser via le web

Les outils

Diffuser via le web

Quelques pistes pour un site Internet clair et accessible

• permettent de se repérer facilement et par rapport à une certaine logique (sens de lecture habituel)
• facilitent la navigation du visiteur/lecteur (hiérarchie, régularité)
• sont clairs et créent une harmonie

• du public ciblé (à qui s'adresse le site ?)
• de l'ambiance qu'on veut donner (style : professionnel, ludique...)

• brièveté du propos (phrases courtes, 1 seule idée par paragraphe)
• cohérence (de la terminologie, du style)
• texte de profondeur limitée (4 niveaux maximum)

Diffuser via le mail

Créer une newsletter

Diffuser via le mail

Envoyer une newsletter

• soit en créant une liste de contacts via sa messagerie
• soit en créant une liste de diffusion
• soit en utilisant un logiciel de gestion de contacts et de mailing

Diffuser via le mail

Liste de contacts dans sa messagerie

• Cliquez sur le bouton Adresses de la barre d'outils.
• Dans la fenêtre intitulée Carnet d'adresses, cliquez sur le bouton "Nouvelle liste"
• Pour remplir la liste de diffusion, il existe deux méthodes : soit on saisit successivement chacune des adresses, soit on fait un glisser-déposer de plusieurs adresses sélectionnées.

Diffuser via le mail

Produire et diffuser un flux RSS

Élargir son audience

Le référencement

Elargir son audience

Amplifier la résonance d'une information avec twitter

• Twitter(cliquer pour afficher le contenu)

Connaître son public

Statistiques : les différents outils

• Les statistiques classiques (statiques)
• Les statistiques dynamiques (Google analytics)
• Feedburner
• Points chauds (heatmap) : par exemple le Logiciel libre Clickheat (espace de demo)

Travailler à plusieurs et en même temps avec Etherpad

Créer une nouvelle page d'écriture synchrone Etherpad

• Aller sur : http://www.piratepad.net/

• Cliquer sur "Create public pad"

Inviter d'autres participants

• Il suffit d'envoyer l'adresse URL de la page à d'autres personnes et celles-ci peuvent se joindre à la discussion.

• Chacun indique son nom dans le menu à droite

• Chacun a une couleur dans la page.

Squelettes SPIP

Mise en page du site public avec SPIP

• Avantages : la mise en page est totalement libre
• Inconvénients : besoin d'une phase d'apprentissage pour apprendre à utiliser le langage

Outils nécessaires

• Un éditeur de texte, pour éditer le HTML

• Un outil de transfert FTP, ou un serveur Web "en local" (par exemple  EasyPHP).

Afficher un article

Afficher un article

Afficher un article

• Pour indiquer quel(s) article(s) on va chercher dans la base de données, il faut une "boucle".
• Cette boucle est constituée d'un tag ouvrant et d'un tag fermant : <BOUCLE_une ...> ... </BOUCLE_une>
• Le tag ouvrant contient deux informations : le type de la boucle entre parenthèses (ici une boucle ARTICLES), et le critère de sélection (ici "id_article")
• La boucle porte un nom choisi librement, mais commençant par "BOUCLE_" : ici c'est "BOUCLE_une".

Afficher un article

Les champs d'un article

Un sommaire : les dix derniers articles publiés

Un sommaire : les dix derniers articles publiés

• une boucle ARTICLES
• un critère pour récupérer tous les articles publiés
• un critère pour classer par ordre inverse de date de publication

• {par date} signifie qu'il faut trier par ordre chronologique
• {inverse} inverse l'ordre de tri, afin d'aller du plus récent au plus ancien
• la boucle est affichée autant de fois qu'il y a d'articles (d'où le terme de "boucle")

Un sommaire : les dix derniers articles publiés

Les critères de classement

Auteurs d'un article : des boucles imbriquées

Auteurs d'un article : des boucles imbriquées

Afficher les brèves

Afficher les brèves

Un squelette, deux fichiers

• le fichier .html contenant la mise en page (par exemple article.html)
• le fichier .php3 qui lance SPIP pour calculer la mise en page (par exemple article.php3)

• $fond est le nom du fichier .html à utiliser : ici article.html (l'extension .html doit être omise).
• $delais est le délai d'expiration avant lequel la page est automatiquement recalculée, en secondes. 3600 secondes font une heure, donc ici la page dure deux heures (2 * 3600).
• La ligne "include" fait appel à SPIP pour calculer la page, il ne faut pas la modifier.

Un squelette, deux fichiers

• Les fichiers article.php3, breve.php3, sommaire.php3, etc. sont livrés par défaut pour plus de commodité, mais on peut les modifier ou en créer d'autres.

• Si le fichier .html n'existe pas, SPIP cherche un fichier par défaut, qui se termine en "-dist.html". Par exemple si article.html n'existe pas, SPIP va chercher article-dist.html. Là aussi, SPIP fournit un certains nombre de fichiers par défaut : article-dist.html, breve-dist.html, sommaire-dist.html...

Un squelette, deux fichiers

Formulaire et résultats de recherche

D'autres formulaires

• répondre à un forum (#FORMULAIRE_FORUM),

• s'inscrire en tant que rédacteur (#FORMULAIRE_INSCRIPTION),

• signer une pétition (#FORMULAIRE_SIGNATURE), etc.

Navigation par mots-clés

Les feuilles de style

• font-family: Georgia, "Times New Roman", serif;
• text-align: justify;

• font-family: Verdana, Tahoma, sans-serif;
• font-weight: bold;
• font-size: 160%;

D'autres boucles

D'autres boucles

D'autres champs et balises

Installer puis personnaliser un squelette SPIP

Quelques exemples

Pour aller plus loin

Habillage de Yeswiki par l'extension template

• L'installer, l'utiliser
• Ajouter des thèmes
• Créer ses propres thèmes

Installation

• Récupérer l'extension en zip sur l'espace téléchargement d'Outils-Réseaux : http://www.outils-reseaux.org/TelechargementS
• Récupérer les thèmes supplémentaires (on s'en servira plus tard)
• Décompressez le fichier templates.zip, puis copier par FTP le dossier templates dans le dossier tools de votre wikini

Structure des dossiers

• templates/actions : les actions utilisables avec la syntaxe {{action}}
• templates/handlers : les actions utilisables en mettant derrière l'url /action (/widget par exemple)
• templates/themes : liste des thèmes installés (on va en profiter pour copier par FTP les nouveaux thèmes)

Changement de thème

Personnaliser son propre thème : checklist de départ

Personnaliser son propre thème : les images

Personnaliser son propre thème : les css

Personnaliser son propre thème : les squelettes

Changement des options générales de wikini

Modifier l'apparence d'un site Wikini

Wikini n'a pas de squelette, l'essentiel des modifications se fera via le fichier wakka.css

Avec Web Developer : modifier le css en ligne et pré-visualiser le résultat

Le fichier wakka.css

• le fichier wakka.css contient toutes les règles qui concourent à la mise en forme graphique de WikiNi.

Quelques éléments à modifier facilement

• body { background-color: #F5F5F5; color: black; }
• deviendra par exemple :
• body { background-color: red; color: black; }
• pour avoir un fond rouge

Quelques éléments à modifier facilement

• body { background-color: #F5F5F5; color: black; }
• deviendra par exemple :
• body { background-color: #F5F5F5; color: maroon; }
• pour avoir un caractère de couleur marron

Quelques éléments à modifier facilement

• .page { background-color: #ffffff; padding: 10px; border: 1px inset; border-bottom: none; }
• de votre fichier css en changeant #ffffff pour la couleur de votre choix

Quelques éléments à modifier facilement

• a { color: #993333; }
• de votre fichier css en changeant #993333 pour la couleur de votre choix.

Avec Web Developer : faire apparaître les blocs qui composent la page

Ressources

Outils nécessitant une installation sur serveur

Schéma général d'installation

Nom de domaine

• Gandi par exemple

Hébergement web

• Hébergement gratuit et sans publicité
  • Olympe
• Hébergement payant et sans publicité
  • OVH
  • 1and1
  • associatif local (Infini à Brest), permettant souvent en outre un accompagnement (technique et usages)

Réserver un hébergement et un nom de domaine en même temps

Utilisation d'un logiciel client FTP

• Filezilla, un logiciel FTP libre et gratuit

• Télécharger Filezilla

Et après l'installation ?

• démarrer l'apprentissage du HTML
• démarrer l'apprentissage du CSS

Installation de Joomla

Récupération de l'archive

Téléchargez la dernière version stable de Joomla sur votre ordinateur

Décompression et préparation du dossier de Joomla

• Décompressez l'archive télécharger avec votre logiciel de compression/décompression de fichier (7zip, par exemple).

• Renommez le dossier de Joomla tel que vous souhaitez qu'il s'appelle sur Internet (exemple : joomla02, joomla03,...)

Transfert FTP

Envoi des fichiers par FTP

• Ouvrir votre logiciel de transfert FTP (Filezilla, par exemple)

• Copiez l'ensemble des fichiers de votre dossier Joomla sur votre hébergement distant par FTP (par exemple, dans le répertoire www, si vous souhaitez que Joomla se trouve à la racine de votre site)

Installation de Joomla, pré-configuration partie 1: serveur, fichier de configuration

• Connectez-vous à votre site (visitez la page : http://www.votresite.org/nom_dossier_de_joomla). Vous verrez l'écran suivant :

Haut de la page d'installation

• Tous les tests en vert sont bons. Si vous avez des parties en rouge sur les aspect techniques (support XML, version de PHP, support MYSQL,..) c'est que votre serveur ne possède pas toutes les technologies nécessaires à l'installation de Joomla

• Si comme sur l'image ci dessus, le fichier configuration.php est non modifiable : il faut modifier les permissions d'écriture :
  • avec votre logiciel de transfert ftp, placez votre souris sur le fichier distant configuration.php, dans votre dossier Joomla,.
  • Faîtes un clic droit et sélectionnez "attributs du fichier". Autorisez les droits en écriture pour tous (777).
  • Retournez avec votre navigateur sur votre site Joomla et cliquez sur le bouton "vérifier à nouveau" pour voir s'il devient vert.

Installation de Joomla, préconfiguration partie 2: droits des dossiers

Bas de la page d'installation

• La configuration recommandée ne bloque pas la suite de l'installation, vous pouvez essayer de changer les paramètres de votre serveur si vous y avez accès ou laisser tel quel.

• Les permissions des répertoires doivent être corrigées :
  • par votre logciel de transfert ftp, mettez l'accès en écriture à tous (777) en faisant un clic droit, en sélectionnant "attributs du fichier" et en cochant "Récursif dans tous les sous-répertoire" pour les répertoires: administrator, components, cache, images, language, mambots, media, modules, templates
  • Retournez avec votre navigateur sur votre site Joomla et cliquez sur le bouton "vérifier à nouveau" pour voir s'il devient vert.

Installation de Joomla, licence et étape 1: base mysql

• Acceptez la licence de Joomla quand on vous la demande, c'est du libre, c'est une bonne licence !

• Remplissez le formulaire :
  • Le nom du serveur est généralement localhost (quand c'est le même serveur qui héberge les fichiers et la base de données, son adresse est fournie autrement par voter hébergeur.
  • L'identifiant, le mot de passe et le nom de la base de données sont fournis par votre hébergeur
    • Attention le préfixe des tables est important dans le cas où plusieurs Joomla sont ou seront installés sur la même base, il faut mettre un préfixe différent à chaque fois pour différencier les différents Joomla
    • Cochez "effacer les données précédentes" si un Joomla installé précédemment doit être vidé et cochez "sauvegarder les données précédentes" si vous souhaitez garder une archive.
    • Cochez "installer des exemples de données" pour avoir un exemple de rubricage pour votre site.

Installation de Joomla, étape 2: nom du site

• Mettez le nom que vous souhaitez pour votre site.

Installation de Joomla, étape 3: URL du site, chemin

• Cette étape se configure bien toute seule normalement, laissez tout par défaut et cliquez sur "suivant".

Installation de Joomla, étape 4: fin de l'installation

• Un message vous indique que l'installation est terminée et que vous devez supprimer le répertoire d'installation par mesure de sécurité :
  • Utilisez votre logiciel de transfert ftp pour effacer le dossier "installation" du répertoire de Joomla.
  • Si vous tentez d'accéder au site sans avoir effacé le dossier installation, vous obtiendrez ce message :

Fin de l'installation

• OK, c'est fini!!! Vous pouvez aller sur votre site Joomla en visitant l'URL http://www.votresite.org/nom_dossier_de_joomla !!!

• Pour accéder à l'interface d'administration, entrez l'URL : http://www.votresite.org/nom_dossier_de_joomla/administrator

Installer et configurer SPIP

Mise en route et utilisation de SPIP

Pré-requis : mise en route de SPIP

• Ouvrir un hébergement : chez un hébergeur Web offrant PHP et MySQL

• Récupérer les paramètres de connexion à MySQL et FTP fournis par l'hébergeur : adresse et nom de la base de données, login, mot de passe

Installer SPIP

Configuration du site

• Paramètres obligatoires : nom et URL du site.

• Paramètres de contenu : champs des articles, caractéristiques avancées des mots-clés, gestion des documents attachés...

• Fonctionnement des forums publics : on peut décider que les forums seront modérés « a priori » (tout message posté sur un forum public requiert d'être validé par un administrateur), ou accessibles sur abonnement (tout visiteur doit s'inscrire et s'identifier avant de pouvoir participer aux forums publics).

• Activation du moteur de recherche.

• Activation des statistiques de visite.

Ressources

Téléchargements

Pour aller plus loin

Installation d'un Wikini

• Un hébergement Internet avec :
  • les codes FTP
  • Une base de données Mysql
  • la gestion du langage php

Téléchargez la dernière version de WIKINI sur votre ordinateur

• La dernière version se trouve sur le site wikini.net ou sur notre page dédiée aux téléchargements.

• Décompressez l'archive sur votre ordinateur.

Envoi des fichiers de Wikini par ftp

• Ouvrir un logiciel de transfert ftp (par exemple : File Zilla) et configurez-le en donnant les codes d'accès à votre hébergement Internet (hôte / login / mot de passe).

• Copiez l'ensemble des fichiers de Wikini sur votre hébergement (soit à la racine, soit dans un sous-dossier).

Configuration de la base wikini

• Connectez-vous à votre site (www.votresite.org/wikini) : une fenêtre s'ouvre, vous allez configurer votre wikini en renseignant les champs suivants :
  • Machine Mysql : localhost (sauf si la base MySQL est sur un autre domaine)
  • Base de données Mysql : votre nom d'utilisateur (souvent le même que pour votre dossier ftp)
  • Nom de l'utilisateur Mysql : votre nom d'utilisateur
  • Mot de passe Mysql : votre mot de passe (le même que pour votre dossier ftp)
  • Préfixe des tables : vous pouvez laisser " wikini_" ou personnalliser : Monwiki_ (si vous installez plusieurs wikini sur le même hébergement il faudra changer ce préfixe, par exemple : wikini_1, wikini_2...)
  • Le nom de votre wiki : Le Nom de votre wiki
  • Home page : vous pouvez laisser PagePrincipale ou personnaliser : AccueiL...
  • Mots clefs : à renseigner (mots séparés d'une virgule) si vous souhaitez faire référencer votre wiki par les moteurs de recherche
  • Description : idem (une phrase de description)

• pour wiki 0.5
  • il faudra créer un compte administrateur, (gardez bien les login et pass créés à l'occasion)
    • le nom de l'administrateur doit être un NomWiki (on peut laisser WikiAdmin)
  • vous pouvez autoriser l'insertion de html dans votre page wiki si vous en avez besoin (utile pour intégrer des vidéos Youtube par exemple)

Installation de la base de données

• si tout est OK indication OK sinon Echec il faut revoir les paramètres de connexion MySQL.

• Mais normalement ... pas de problème, donc vous cliquer sur continuer

Le fichier de configuration

• Créez sur votre poste un fichier texte wakka.config.php (enlevez le .txt et remplacer par .php)
• Faites un copier coller du contenu du fichier wakka.config.php tel qu'il s'affiche sur la page indiquant l'échec sur ce fichier.
• Une fois enregistré, faites-le glisser dans votre dossier ftp, à la racine du dossier wikini
• Clic droit sur le doc et allez dans les attributs du fichier
• Changez la valeur pour donner l'autorisation en écriture à tous (666)
• Retournez sur la page Internet où vous aviez l'échec et faites continuer : et là magique (normalement !), ça marche :

En savoir plus

Améliorer ses écrits en intégrant méthode et principe journalistique

• Une formation Outils Réseaux

Améliorer ses écrits en intégrant méthodes et principes journalistiques

Pourquoi écrit-on?

• Pour être lue ;
• Pour passer une ou plusieurs informations ;
• Pour communiquer et échanger avec les autres ;
• Pour convaincre, faire adhérer à sa cause - subsidiairement.

Pourquoi améliorer la qualité de ses contenus?

• 1/ Comment concevoir des textes à la fois lisibles, attractifs et faciles à explorer ?
• 2/ Sur quelles règles de base doit-on fonder son écriture ?
• 3/ Quelles sont les nouvelles pratiques éditoriales du Web?
• 4/ Comment gérer une publication participative?

1/Concevoir des textes lisibles, attractifs et faciles à explorer

Petites règles et pièges à éviter

• - sens des mots : lexique, synonyme, chiffres précis,
• - style simple et compréhensif : limiter les adjectifs, les points d'exclamation,
• - écrire court de préférence : éviter les grandes phrases vides de sens,
• - éviter les fautes d'orthographe,
• - décomposer le texte: paragraphe/intertitres, accroches, chapeaux.

1/Concevoir des textes lisibles, attractifs et faciles à explorer

Quelques genres journalistiques :

2/Règles de base de l'écriture journalistique

En amont :

La rédaction :

• a) L'attaque/accroche

• vive : retenir l'attention, aiguiser la curiosité et l'intérêt;
• concise : trois phrases maximum suffisent pour énoncer le problème ;
• originale : dans le contenu et dans la forme.

• b) Le développement

• c) La chute

2/Règles de base de l'écriture journalistique

a) La hiérarchie de l'information

• Les "5 W + H"

• Le principe de la pyramide inversée

2/Règles de base de l'écriture journalistique

b) Quelles adaptations pour une diffusion électronique ?

3/Le Web, une révolution journalistique?

10 nouvelles pratiques éditoriales :

4/ Comment gérer une publication participative?

Elaborer une charte de communication

Proposer des modèles, des aides et des ressources pour les rédacteurs

Connaitre son public pour cibler son Info

• Les stats statiques (Exemple)
• Les stats dynamiques (Voir Google analytics)
• http://feeds.feedburner.com/ActualitsDeTelaBotanica
• points chauds (heatmap) (Exemple)

Comment s'assurer que son message sera compris

1/ Le lecteur et ses habitudes de lecture

2/Vérifier la lisibilité du message

Un autre moyen de diffusion : le Mail

Ressources

Livres

Web

Améliorer ses contenus

En amont

• Connaitre son public
• Choisir un message
• Ce message a-t-il du sens ? Quel est son intérêt pour le lecteur ?
• Réunir ses informations
• Choisir un angle d'attaque : faire saisir au lecteur un aspect particulier et intéressant du sujet traité
• Choisir un plan
• Maîtriser son sujet

Genres journalistiques

Principaux registres

• Le compte-rendu : des informations factuelles, les tenants et aboutissants. Faits/citations/détails pratiques. Il s'écrit avec un souci d'objectivité et de neutralité.
• Le reportage : on doit donner à entendre, à sentir ce que l'on a vécu ; savoir capter une atmosphère ; être les "yeux et oreilles du lecteur".
• L'interview : il faut savoir faire parler la personne : préparation des questions, re-cadrage et adaptation. Nécessite un travail de tri de l'information, de réécriture (passer de l'oral à l'écrit). C'est un genre journalistique très vivant.

Secondaires

• L'écho : zoom sur un sujet.
• L'édito : par le rédacteur en chef, couleur sociale d'un support. Prendre un parti sur un sujet donné.
• Le billet : engage la personne qui l'écrit. Aspect personnel.
• L'annonce : citation de la personne qui produit l'annonce.
• La critique : donner une vision, un avis sur un sujet donné. Subjectif. Surtout, il faut argumenter.
• L'alerte : sujet/verbe/complément : expl. : "Le groupe Orange annonce 12000 suppressions d'emplois"
• La chronique : faire vivre, au jour le jour. Suivre le fil des événements dans l'ordre chronologique.
• Le dossier: il rassemble tous les éléments disponibles et pérennes.

"La titraille"

Le titre

• Le titre : 2 catégories de titres :
  • informatif : "La crise sous l'Oeil du G20" + surtitre "Politique"
  • incitatif : "Ces imbéciles qui nous gouvernent"

• Le chapeau : motive le lecteur jusqu'au bout !
  • le contenu : la technique des 5 W ou 3 QOCP : Quand ? Quoi ? Qui ? Où ? Comment ? Pourquoi ? Et avec qui ?* (*en option)
  • la forme :  vive pour retenir l'attention, aiguiser la curiosité et l'intérêt ;  concise : trois phrases maximum suffisent pour énoncer le problème ;  originale : dans le contenu et dans la forme.
  • le vocabulaire : des mots concrets, des verbes expressifs, des phrases courtes.

• l'"exergue": qui met en valeur une information importante.
• l'intertitre : il scinde l'article, donne une respiration.

"La titraille" (suite)

Accrocher le lecteur

• L'image doit apporter une information.

• L'accroche ou l'attaque : au début de l'article, elle doit être vivante, tonique pour intéresser le lecteur. Une citation, une phrase courte, avec une qualité visuelle : une "phrase photographique". Elle va droit au but.

• La "chute" : elle clôt l'article. Elle doit laisser une bonne impression, inciter à lire le prochain article :
  • deux options : ouvrir l'angle ("chute ouverte".) ; le fermer
  • on peut faire un résumé de l'article ou faire une boucle (on revient sur ce qu'on a ouvert),
  • ... ou tenter un jeu de mot, une formule brillante...

• L'angle : on sélectionne parmi les informations celles qui concernent l'angle choisi.

Lisibilité du message

• La typographie permet de classer les informations, c'est le regard (avant le cerveau) qui identifie les éléments typographiques. Il faut que ce soit identifiable. Garder une homogénéité (pas trop de polices différentes). Il faut trouver une régularité, une charte des polices pour que ce soit clair pour les yeux.

• La mise en page n'est pas anecdotique. Elle permet de trier les informations de séduire le lecteur, elle oriente la lecture. Faire des encadrés, des illustrations, des photos... Éviter les fioritures et aérer les données.

• Une question à se poser : quelle est la cible ? quel est le public ?
  • La loi de proximité : plus une information est proche du lecteur, plus elle va l'intéresser proximité géographique, temporelle, affective, sociale.

Comment écrire clairement ?

• La règle des "5 W + H"
  • Qui (Who) : le sujet de l'action ;
  • Quoi (What) : l'action, les faits proprement dits ;
  • Quand (When) : la période pendant laquelle se sont déroulés/ou vont se dérouler l'action, les faits ;
  • Où (Where) : le lieu où ils se sont ou vont se produire
  • Pourquoi (Why) : leurs raisons d'être ;
  • Comment (How) : leur manière d'être.

• Le principe de la pyramide inversée : développer les faits par ordre d'importance décroissante. On commence par les informations générales pour aller au spécifique. Les informations capitales doivent être au début car le lecteur décroche au fur-et-à-mesure.
  • Sur le web : on peut utiliser les liens hypertextes pour aller vers le plus spécifique et avoir différents niveaux de lecture.

• Le style : faire simple, clair, accessible, ne pas être ennuyeux, l'écriture ne doit pas entraver la compréhension.
  • alterner les phrases courtes et les phrases longues. Ne pas hésiter à mettre des phrases sans verbes dans un article. Éviter les phrases trop longues.
  • éviter les temps trop littéraires et trop compliqués (subjonctif du passé simple...). Privilégier le présent de narration et le passé composé.
  • les paragraphes permettent d'aérer et de hiérarchiser l'information.

• L'orthographe : s'il y a des fautes, on est moins crédible. Se faire relire !

Concevoir des textes lisibles, attractifs et faciles à explorer

En résumé : petites règles et pièges à éviter

• Écrire de façon claire, concise et pertinente :
  • style simple et compréhensif : limiter les adjectifs, les points d'exclamation, écrire court de préférence, ne pas abuser des "...",
  • utiliser des mots concrets et imagés, les métaphores
  • écrire de façon "dense" : traquer sans merci le superflu !
  • vérifier le sens des mots : lexique, synonyme, chiffres précis,

• Structurer le texte :
  • décomposer le texte : paragraphe/intertitres, accroches, chapeaux.
  • une double règle d'or : une phrase, une information ; un paragraphe, une idée
  • importance des transitions

• Travailler les textes en amont : ne jamais se contenter du premier jet
  • pour éviter les fautes d'orthographe, toujours effectuer une relecture

Les plans

• Le plan chronologique ou temporel ; pour raconter des histoires. Expl : reportage sur un médecin urgentiste durant toute une nuit.
• Le plan scénario : description des lieux, de l'atmosphère, des "acteurs". Va bien avec le reportage. Par exemple pour retracer un match de foot, un procès.
• Le plan thématique : on présente les différents aspects de son sujet.
• Le plan dialectique "thèse, anti-thèse, synthèse" : à bannir !

Le style

Avec toutes ces règles, comment ne pas avoir des textes arides ?

• Humaniser le propos, le rendre vivant : toujours privilégier les descriptions, les ambiances
• Mettre en scène son information, la scénariser
• Diversifier les angles d'approche

Comment acquérir et développer un style ?

• Lire beaucoup. Apprendre à lire avec un œil de spécialiste : ce qui est efficace, ce qui nous plaît.
• Se créer un univers, en "piochant", en s'inspirant, en écrivant
• S'entraîner avec des exercices courts : mini portraits, ambiance, situation, écho, billets...
• Vaincre son amour-propre : faire lire ses textes (même en ébauche), accepter les critiques, les conseils...
• Débrider sa sensibilité. Un bon journaliste ne trahit pas l'impératif d'objectivité mais laisse transparaître son ressenti, son enthousiasme, son indignation... Il rend son article vivant.

Adaptation au web

Le comportement du lecteur-internaute

• comportement "scanneur" et "méthodique"
• la lecture à l'écran est 29% plus lente comparativement au papier
• les éléments de navigation prédominent sur les gros titres,
• phénomène "banner blindness" (tendance à dénigrer ce qui bouge)

Adaptation au web

Vérifier la lisibilité du message

• Adapter la phrase, le mot à la lecture sur internet
• Test de lisibilité - Méthode statistique de Rudolf Flesh Textstat 3.0
• Utiliser des outils qui permettent d'extraire les mots clés, leur contexte, le style et l'articulation des idées par expl. les nuages de mots

Adaptation au web

Quelles adaptations pour une diffusion électronique ?

• Texte : < à 3x l'écran,
• Iconographie et RichMedia (pas trop non plus)
• Article de 500 à 4000 mots
• Phrases : 10 à 17 mots
• Typographie : pas plus de 3 polices différentes
• Attention à : l'italique, les lettres capitales, les couleurs complémentaires, le soulignement.

Le Web, une révolution journalistique ?

Ce qu'apporte le web :

• instantanéité
• profondeur illimitée
• richesse des supports
• interactivité
• navigation hypertexte

Contraintes :

• effet "zapping" poussé à l'extrême
• attention et effort de lecteur réduite

Conséquences :

• Être encore plus pointu sur les méthodes (clarté, concision, pertinence)
• Avoir des titres, des chapeaux et des attaques très efficaces
• Ne pas hésiter à découper ses articles en plusieurs sous articles
• Donner directement le message essentiel (quitte à compléter l'information par la suite)
• Utiliser au maximum les outils de feedback pour améliorer son contenu en fonction des lecteurs

10 nouvelles pratiques éditoriales

Ressources

Les œuvres "libres"

Pour quoi faire ?

• faciliter la diffusion des connaissances
• créer des communs
• autoriser la collaboration pour faire évoluer une œuvre, un logiciel
• refuser à vouloir "tirer une rente" de l'œuvre publiée

Œuvres libres et propriété intellectuelle (1)

Œuvres libres et propriété intellectuelle (2)

• autoriser tous les utilisateurs à reproduire et diffuser l'œuvre librement, sans autorisation
• permettre éventuellement de modifier l'œuvre initiale
• autoriser ou non un usage commercial de l'œuvre

Le logiciel libre

• Issu de l'expérience de Linux (30 millions de lignes de programmes collaboratives)
• étendue à de nombreux logiciels sur le net : système LAMP (Linux, Apache, MySql, Php), Open Office...
• Plusieurs licence possibles : BSD, GNU/GPL, CeCILL (Cea, Cnrs, Inria)
• Les sources du logiciel doivent être libre d'accès : serveur spécifique (CVS)
• La GPL Impose de transférer aux logiciels dérivés les mêmes droits que ceux du logiciel initial ; la GPLL ne l'impose pas.

Autres licences libres

• http://artlibre.org/ : licence art libre
• http://fr.creativecommons.org/ : licence créative commons
• tout récemment : Le Ministère de la Justice et des Libertés vient de publier une Licence simplifiée "Information publique librement réutilisable"

Licence "Artlibre" :

Les licences "creative commons"

• un système Internet multilingue offrant un panel de solutions adaptées à toutes les œuvres
• les choix possibles :
  • Autorisez-vous les utilisations commerciales de votre création ?
  • Autorisez-vous les modifications de votre création ?
  • Si oui, à la condition que les créations dérivées soient partagées selon les mêmes conditions que la création initiale
• création automatique de la licence sous trois formes :
  • version simplifiée pour affichage en ligne
  • version complète pour édition
  • code html à mettre en bas de l'œuvre

En savoir plus

Propriété intellectuelle

Propriété intellectuelle = Propriété industrielle + propriété littéraire et artistique

• la Propriété littéraire et artistique s'applique aux œuvres de l'esprit et comprend le droit d'auteur (ou copyright aux Etats Unis) et les droits voisins
• la propriété industrielle qui regroupe les créations utilitaires (brevets d'invention) et les signes distinctifs (marque commerciale, appellation d'origine).

Le droit français

• Régie dans le droit français par le code de la propriété intellectuelle
• Loi n° 92-597 du 1er juillet 1992 - mise à jour au 8 octobre 2004
• La loi DADVSI Loi n° 2006-961 du 1er août 2006 relative au Droit d'Auteur et Droits Voisins dans la Société de l'Information publiée au Journal Officiel du 3 aout 2006
• La loi Hadopi ou loi Création et Internet, ou : « Loi n°2009-669 du 12 juin 2009 favorisant la diffusion et la protection de la création sur internet »

La propriété industrielle

• brevets
• marques
• dessins et modèles

• ne pas avoir été précédemment divulgués
• faire l'objet d'une procédure de dépôt auprès de l'INPI
• la protection dure pendant 20 ans, sous réserve de payer les droits de maintien

La propriété littéraire et artistique

• droit d'auteur : protection des œuvres de toute nature (texte, musique, théâtre, œuvre graphique...)
• droits voisins : relative aux artistes et interprètes
• bases de données : listes ou collections d'informations organisées

La nature de l'œuvre

• l'auteur doit pouvoir prouver l'authenticité de sa création pour assurer sa protection (# usurpation). Déposer l'œuvre auprès d'une instance reconnue constitue une bonne protection.
• une œuvre doit être emprunte de la personnalité de l'auteur qui l'a réalisée (cas des données objectives qui ne peuvent être protégées par le droit d'auteur : catalogues, données naturalistes...)
• une œuvre doit faire preuve d'originalité (# plagia)

Les œuvres collectives

• Est dite de collaboration l’œuvre à la création de laquelle ont concouru plusieurs personnes physiques. Chaque contribution pouvant être identifiée. Exemple : ouvrage de compilation ;

• Est dite composite l’œuvre nouvelle à laquelle est incorporée une œuvre préexistante sans la collaboration de l'auteur de cette dernière. Exemple : traduction d'un ouvrage ;

• Est dite collective l’œuvre créée sur l'initiative d'une personne physique ou morale qui l'édite, la publie et la divulgue sous sa direction et son nom et dans laquelle la contribution personnelle des divers auteurs participant à son élaboration se fond dans l'ensemble en vue duquel elle est conçue, sans qu'il soit possible d'attribuer à chacun d'eux un droit distinct sur l'ensemble réalisé. Exemple : ouvrage édité par une association.

Titulaires du droit d'auteur

• L’œuvre de collaboration est la propriété commune des coauteurs

• L’œuvre composite est la propriété de l'auteur qui l'a réalisée, sous réserve des droits de l'auteur de l'œuvre préexistante

• L’œuvre collective est, sauf preuve contraire, la propriété de la personne physique ou morale sous le nom de laquelle elle est divulguée

Les droits de l'auteur (1)

Les droits de l'auteur (2)

Les droits de l'auteur (3)

Le copyright

Exploitation des droits (1)

Exploitation des droits (2)

• l'œuvre à laquelle elle s'applique
• la zone géographique de la concession
• la durée de la concession

Sanctions en cas d'infraction

• le tribunal pénal qui sanctionne une infraction à la loi (code de de la PI)
• le tribunal civil qui vise à faire réparer un préjudice causé

La protection des logiciels

La protection des bases de données (1)

La protection des bases de données (2)

• le logiciel de gestion de la base (SGBD) : Access, MySql... : protège le logiciel
• la structure de la base : protège le modèle des données
• le contenu de la base : protège les œuvres contenues (photos, textes...)

• la base elle-même est protégée "sui generis" : protège "l'investissement réalisé par le créateur de la base" pendant 15 ans. Interdit l'extraction de quantités significatives de données, indépendamment du contenu.

La publication sur Internet (1)

• du droit de reproduction de l'œuvre sur ordinateur (serveur)
• du droit de représenter l'œuvre auprès des internautes (communication au public)

La publication sur Internet (2)

• le contenu d'un site peut être utilisé dans un cadre familial, mais pas professionnel
• les logos et les marques sont protégés et ne peuvent être publiés sans autorisation
• un flux RSS revient à publier sur son site des œuvres externes, il faut y être autorisé
• on ne peut publier qu'un très court extrait d'une nouvelle provenant d'un autre site
• un lien hypertexte vers un site à contenu illicite est sanctionnable par la loi.

Détention de données personnelles

• La détention de données personnelles est encadrée par la CNIL (Commission nationale de l’informatique et des libertés.)
• La CNIL est chargée de garantir le respect de la vie privée et des libertés lorsque des données personnelles sont utilisées. On appelle données personnelles toutes les informations qui permettent d’identifier les personnes : nom, prénom, date de naissance, n° de sécurité sociale, n° de téléphone, n° de carte bancaire, email … .
• La CNIL est chargée d’appliquer la loi du 6 janvier 1978 relative à l’informatique, aux fichiers et aux libertés. Cette loi est souvent appelée "loi informatique et libertés". Elle a été modifié en application des directives européennes le 6 août 2004.

En savoir plus

Utilisation / administration de SPIP

Qu'est-ce que SPIP ?

Site public et espace privé

• Le site public est ce qui est publiquement consultable par vos visiteurs.

• L'espace privé est l'espace réservé aux rédacteurs et administrateurs pour préparer le contenu à publier. Tout le travail éditorial se fait dans l'espace privé.
  • L'espace privé est accessible uniquement sur identification ; chaque auteur (rédacteur ou administrateur) dispose d'un login et d'un mot de passe personnels.
  • Les administrateurs ont plus de pouvoir que les rédacteurs. Ce sont eux qui déterminent quels articles sont publiés, quelle est la structure des rubriques...
  • L'espace privé s'affiche par défaut en « interface simplifiée » : toutes les fonctions ne s'affichent pas, ce qui rend l'interface moins intimidante et plus facile à maîtriser.

La structure du site

• Les rubriques sont organisées en « arborescence » : toute rubrique peut contenir des sous-rubriques, les sous-rubriques des sous-sous-rubriques, et ainsi de suite sans limitation.
• Seules apparaissent sur le site les rubriques contenant au moins un contenu publié (par exemple un article, ou une sous-rubrique non vide).

Contenu rédactionnel : les articles

• Chaque article est constitué au minimum d'un titre et d'un texte. Il est placé dans une rubrique, comme tous les contenus de SPIP.

• les raccourcis typographiques permettent de mettre en page le contenu : mise en italiques, en gras, création d'un intertitre, affichage d'une liste à puces, insertion d'une image.

• On peut utiliser des champs supplémentaires : sous-titre, chapo, post-scriptum, etc. Ces champs sont disponibles dans le formulaire mais peuvent être laissés vides.

• Chaque article peut avoir un, plusieurs ou aucun auteur. Par défaut, l'auteur d'un article est la personne qui l'a créé. On peut en ajouter ou en enlever d'autres.

• Un article est daté à sa publication.

Contenu rédactionnel : les articles

• il est, au départ, en cours de rédaction par son auteur. Seul son auteur peut le voir, ainsi que les administrateurs du site.

• Lorsqu'il est prêt, il est proposé à la publication par son auteur, pour que les autres auteurs puissent donner leur avis.

• Enfin, si accord il y a, il est validé (publié en ligne) par un administrateur. Il apparaît alors dans le site public (cliquer sur « voir en ligne »).

Le site public : le système de cache

Les auteurs

Deux niveaux d'accès (« statuts ») : rédacteurs et administrateurs.

• Les administrateurs peuvent créer des comptes d'accès pour les rédacteurs, ou changer leur statut.

• Les rédacteurs ne peuvent pas publier directement de contenus, seulement en proposer ; les contenus doivent être validés par un administrateur. Les rédacteurs ne peuvent pas se retirer comme auteur de leurs propres articles.

Contenu rédactionnel : les brèves

• Elles sont dépourvues d'auteur.

• Elles offrent moins de champs que les articles, mais offrent un champ dédié pour effectuer un lien vers une adresse externe (URL).

• Le processus de publication est simplifié par rapport aux articles : une brève est proposée, publiée ou refusée.

• Les brèves ne peuvent être placées que dans les rubriques de premier niveau (« à la racine » du site).

Liens vers l'extérieur : les sites référencés

• Sont constitués d'un titre, d'un descriptif et d'une URL.

• Ils sont placés dans les rubriques.

• Ils peuvent être proposés, publiés ou « à la poubelle ».

Liens vers l'extérieur : les sites syndiqués

• La syndication (anglicisme) consiste à récupérer à intervalles réguliers (quelques heures) le nom et l'adresse des derniers contenus publiés sur un autre site Web (et optionnellement : leur date de publication, leurs auteurs, un texte introductif).

• La syndication nécessite un système adéquat sur le site que l'on veut syndiquer. Il s'agit d'un fichier d'un format particulier disponible à une adresse immuable fournie par le site (par exemple : http://www.spip.net/backend.php3).

• Les sites SPIP peuvent aussi être syndiqués de l'extérieur, en utilisant le fichier (fourni par défaut) « backend.php3 ».

Les forums publics

• Comme les rubriques, les forums sont organisés de façon « arborescente » : il y a les messages de premier niveau (ceux qui répondent directement à l'article), les messages de second niveau (ceux qui répondent à un message de premier niveau), etc.

• Par défaut, les messages postés par les visiteurs (y compris anonymes) s'affichent immédiatement sur le site public.

• La modération des forums est réservée aux administrateurs et s'effectue via la page « suivre les forums ».

Classement thématique : les mots-clés

• Les mots-clés ne peuvent être créés que par les administrateurs. Ils sont associés manuellement aux articles par leurs auteurs ou par les administrateurs.

• Les mots-clés sont organisés par groupes. Exemple : un groupe de mots-clés pour les « sujets » traités, et un groupe de mots-clés pour les pays (le site du Monde Diplomatique par exemple utilise les mots clés)

• Dans le site public, vous pouvez afficher les mots-clés liés à un article, et les articles liés à un mot-clé.

• Par rapport aux rubriques qui servent à classifier, les mots-clés servent à relier. Les rubriques créent une structure arborescente, les mots-clés un tissu de liens.

Les pétitions

• Différents types de pétitions : on peut rendre la fourniture d'un site Web (URL) obligatoire ou non, interdire à deux adresses e-mail de signer la pétition, etc.

• Lorsqu'un visiteur demande à signer une pétition, un e-mail de confirmation lui est envoyé. Il doit alors cliquer sur une URL générée aléatoirement afin de valider la signature.

Les images et documents attachés

• Les possibilités sont multiples : afficher une image dans un texte, créer un lien vers un document, mettre en place une galerie d'images ou une rubrique de téléchargement...

• On peut ajouter un titre et un descriptif optionnels aux images et documents attachés.

• On peut aussi inclure (« embed » en anglais) certains objets multimédia.

• Les types de documents que l'on peut attacher sont limités par le système. Ceci pour des raisons de sécurité (par exemple, l'attachement d'un script PHP est interdit). Les types de fichiers bureautiques et multimédia courants sont acceptés.

Recherche automatique sur le site public : le moteur de recherche

• Il indexe automatiquement les articles, les brèves, les rubriques, les sites référencés.

• La construction de l'indexation se fait au fil des visites sur le site public, il faut donc attendre un certain temps avant que l'indexation soit complète.

• Confusion courante : le moteur de recherche n'a rien à voir avec les mots-clés.

Multi-linguisme

• Le site a une langue principale, qui est la langue affectée par défaut à tous les éléments.

• On peut définir une langue pour chaque rubrique, qui s'appliquera à tous les éléments de cette rubrique ainsi qu'aux sous-rubriques.

• On peut définir une langue pour chaque article, qui remplacera la langue par défaut de la rubrique.

• Un système de traduction permet de gérer la traduction des articles. Chaque traduction est en fait un nouvel article qui est lié à l'article original.

Travail collaboratif

• Des forums dans l'espace privé permettent aux auteurs de communiquer : un forum sous chaque article ou brève, ainsi qu'un forum global (« interne »).

• Une messagerie interne permet les communications privées entre auteurs.

Mode d’emploi pour écrire un article

1. Accédez à l'interface de rédaction

• Visitez avec votre navigateur la page: http://wwwVotreDomaine.ex/VotreRepertoireSPIP/ecrire
  • Soit vous avez déjà un compte et vous pouvez vous identifier en donnant votre login et mot de passe
  • Soit vous devez vous inscrire (si le site est ouvert aux nouvelles inscriptions) : cliquez sur "s’inscrire", choisissez un login (un « petit nom »), donnez votre adresse mail ; quelques secondes plus tard, vous recevrez un mail à cette adresse avec un mot de passe. Retournez sur le site, visitez de nouveau la page : http://wwwVotreDomaine.ex/VotreRepertoireSPIP/ecrire, donnez cette fois-ci le login que vous avez choisi précédemment et le mot de passe que vous venez de recevoir.

Mode d’emploi pour écrire un article

2. Pour écrire un article il faut aller sur "Edition du site"(le crayon en haut)

• Choisissez une rubrique pour votre article : en cliquant sur les boites représentant chaque rubrique ou sous-rubrique

Mode d’emploi pour écrire un article

3. Ecrivez et mettez en forme votre article

• Cliquez sur "nouvel article".

• Donnez-lui un titre et rédigez le texte aux emplacements prévus.

• Pour mettre un peu en forme votre article, mettre du texte en gras, en italique, créer des sous-titres..., consultez la rubrique d’aide, qui donne tous les raccourcis propres à SPIP. Par exemple, pour écrire en gras, on mettra son texte entre accolades. En bas cliquez sur "Valider".

Mode d’emploi pour écrire un article

4. Proposez votre article à la publication

• Une fois que vous avez validé, vous voyez votre article tel qu’il va apparaître.

• Vous pouvez le modifier, ajouter des documents joints (images, PDF, document Word...)

• Il ne manque plus qu’à proposer votre article à la publication, en cliquant sur le bouton en bas de l’article. Un des administrateurs validera votre article qui sera alors publié en ligne.

• Pour retournez sur le site public, cliquez sur « Visiter le site », en haut et à droite de l’écran.

Installer des widgets (ou gadget)

pour customiser son site coopératif

Pourquoi customiser son YesWiki (ou autre CMS) ?

• révéler des fonctionnalités ignorées (fonction attach, flux RSS, syndication...)
• afficher des fonctionnalités jusque là cachées (afficher un footer jusque là invisible, mettre un lien vers la page s'identifier...)
• installer de nouvelles extensions non comprises dans les "Yeswiki de base" (tools tags, tools syndication...)
• inclure des fonctionnalités proposées par des sites tiers par le biais de widgets (carto google, afficheur de documents pdf (issuu)...)

Vous avez dit Widget ?

Exemples

Et l'on va s'arrêter là, la liste est potentiellement colossale !!!

Principe pour embarquer un widget sur votre CMS

1 Récupérer le code

• widget embed
• code à embarquer
• Get widget
• embed code
• ajouter à votre page web
• obtenir le code
• copiez-collez le code HTML ci-dessous pour inclure ce gadget dans votre page Web
• Copy this code Click below & press Ctrl+C
• ... Les standards ne sont pas encore passés par là

Principe pour embarquer un widget sur votre CMS

2 Coller le code dans votre CMS

• pour les utilisateurs de YesWiki : en édition, encadrer par deux guillemets (afin que le langage html soit reconnu) le code html du widget
• pour les utilisateurs de SPIP : en ayant pris soin de l'encadrer par <html> rtyrtyry </html> afin que le langage du logiciel html soit reconnu (Voir également cet article pour autoriser l'affichage de certains Widget dans Spip).

Principe pour embarquer un widget sur votre CMS

3 personnalisez le widget

• customize this widget
• personnaliser
• ...

Problèmes courants...

dans YesWiki

• Vous avez oublié de mettre deux guillemets avant et après le code

• Souvent à regarder attentivement le code que vous avez collé, il y a deux guillemets qui "traînent" dans le corps du code. il suffira alors de mettre un espace entre ces deux guillemets et tout devrait s'afficher normalement.

dans spip

Et quand on n'a pas trouvé widget à son pied

Les widgets et la coopération

Les plus :

• un site plus joli
• de nouvelles fonctionnalités
• ça fait moderne

Les moins :

• lorsque la page est éditée, les contributeurs sont souvent effrayés par le code
• trop de fonctions noient les contributeurs pour qui simplicité rime avec implication
• il faut souvent s'identifier sur le site tiers qui propose le widget pour modifier le contenu qui s'affiche (google calendar par exemple), vous proposez alors un service coopératif qui est plus complexe.