SPIP est une interface en ligne gratuite permettant de créer des sites collaboratifs de façon suffisament simple pour que les élèves puissent publier leur propres articles. Il permet aussi d'héberger son site sur ac-toulouse.fr. PLAN Qui peut faire quoi? Présentation ELEVE : 1) Accéder à l'espace rédacteur 2) Ecrire un article 3) Mettre en forme le texte 4) Ajouter des images 5) Terminer son article 6) Ajouter un logo 7) Demander la validation de l'article L'internaute Consulte le site public Le rédacteur Consulte le site public Accède à la partie privée Rédige des articles (mais ne peut pas les publier) ADMINISTRATEUR : 1) Accéder à l'espace Administrateur 2) Créer des auteurs (rédacteurs) 3) Créer des rubriques 4) Validation des articles 5) Préparer des images pour la publication POUR ALLER PLUS LOIN : 6) Ajouter un document à un article 7) Insérer un diaporama 8) Insérer du son et de la vidéo 9) Ajouter un tableau 10) Ajouter un évènement dans le calendrier L'administrateur Consulte le site public Crée et modifie les rubriques, les rédacteurs Modifie et valide les articles Gère le site techniquement Certains administrateurs peuvent être limités à la gestion d'une ou plusieurs rubriques PREALABLE : L'ouverture d'un site suppose : La création d'un espace d'hébergement par l'académie de Toulouse et la signature du contrat lié. La création de la structure du site, son squelette. Ces 2 étapes sont à voir avec l'animateur ou le conseiller pédagogique TICE de votre circonscription. Il existe deux espaces sur votre site: La partie publique Il s'agit de la partie du site Internet accessible et consultable par tous les internautes. Exemple d adresse pour la partie publique : http://pedagogie.ac-toulouse.fr/eco-pri-monecole/ La partie privée La partie privée permet de modifier le contenu du site. Cette partie n'est accessible qu'aux rédacteurs et administrateurs du site. P1/14
Les différentes zones de votre site Une zone en-tête avec le nom et le slogan du site ainsi que les onglets Le sommaire avec vos rubriques Une zone présentant vos derniers articles P2/14 Le calendrier et les évènements
ETAPE 1 : l'élève doit écrire un article 1) Accéder à l'espace rédacteur Allez à la page d'accueil de votre site puis cliquez sur "se connecter" en bas de page. ELEVE Tapez l'identifiant et le mot de passe que votre enseignant vous a donnés. (Attention à respecter les majuscules et minuscules) Une fois cette connexion active, vous devez cliquer sur le lien "Espace privé" qui est maintenant disponible en bas de page. Vous pouvez, à tout moment, basculer de l'espace privé au site public grâce au lien en haut de page. P3/14
2) Ecrire un article Avant de créer un article, il faut que la rubrique qui va l'accueillir ait été créée par un enseignant. Une fois la rubrique créée, vous pouvez écrire vos articles: puis sur Articles et ELEVE Cliquez sur Renseignez le champs titre, puis choisissez la rubrique dans laquelle votre article doit apparaître. Ecrivez votre texte dans la zone de texte : P4/14
3) Mettre en forme le texte : Une fois l'article écrit on peut faire une mise en forme simple du texte : Insérer un Texte en Fond en lien gras italique couleurs couleurs hypertexte ELEVE puces Après avoir sélectionné un mot à mettre en forme et cliqué sur le bouton B pour mettre en gras, on voit que des accolades doubles s'ajoutent au texte. Elles permettent à SPIP de comprendre que ce mot doit être en gras. Il est donc normal que du code apparaisse dans le texte en mode édition. Par contre ce code disparaîtra évidemment sur le site public. Pour savoir ce que cela donnera sur le site public il suffit de cliquer sur l'onglet Voir ou d'enregistrer son article. Voici le résultat de l'article précédant : P5/14
4) Ajouter des images : ELEVE Quand on écrit un article il est possible de rajouter des images : Pour ajouter des images il faut cliquer sur "Parcourir" dans le cadre "Ajouter une image" à gauche de l'article, puis choisir son image et cliquer sur "Ouvrir". Cliquez ensuite sur "téléverser" (= télécharger vers le serveur) Pour intégrer l'image à votre article, il vous reste à doublecliquer sur une des propositions. (gauche/centre/droite) Comme pour la mise en forme du texte, du code s'ajoute à l'article : <img11 center> permet à SPIP de comprendre qu'il doit mettre l'image 11 au centre : P6/14
5) Terminer son article : Quand un article est terminé il faut l'enregistrer. C'est le bouton en bas de page. ELEVE 6) Ajouter un logo : Ce n'est pas obligatoire mais cela ajoutera une petite image à gauche de l'article. Il suffit de choisir une image avec "parcourir" dans le cadre "Logo de l'article", puis de la téléverser. 7) Demander la validation de son article : L'article est terminé mais pas encore publié. Il faut le proposer à l'évaluation et cliquer sur Changer. L'enseignant le validera... ou pas! P7/14
ETAPE 2 : l'espace administrateur ASTUCE : Lors de l'édition d'un article il est très fréquent qu'après avoir cliqué sur "Modifier cet article" le contenu de l'article corresponde à une modification antérieure. Ceci est dû au cache du navigateur qui se souvient de ce que vous aviez écrit et l'affiche sans vérifier si ce contenu a été modifié ultérieurement. Pour éviter d'avoir un affichage ne reflétant pas le contenu actuel de l'article il est très fortement conseillé d'appuyer sur la touche F5 avant de commencer une modification. Cela force la page à s'actualiser. 1) Accéder à l'espace privé ADMINISTRATEUR C'est dans cet espace que vous pourrez créer vos articles et gérer la vie de votre site. Dans un 1er temps il va falloir créer : Des comptes administrateurs pour les enseignants Des comptes rédacteurs pour les élèves Des rubriques pour accueillir les articles La connexion se fait en bas de page, comme pour la connexion élève. Un administrateur peut avoir tous les droits (webmestre), uniquement les droits de gestion mais sur tout le site (administrateur) ou les droits de gestion sur quelques rubriques seulement. 2) Créer des auteurs (rédacteurs) Pour que les élèves puissent écrire des articles il faut tout d'abord leur créer un compte Rédacteur. On peut faire un compte unique pour la classe, ou par niveau et même individuellement. Le nom donné à ce compte apparaîtra en signature de l'article. 1 Cliquer sur Edition / Auteurs Cliquer sur Créer un nouvel auteur Remplir à minima la signature, le statut (Rédacteur), le login et le mot de passe puis enregistrer. 2 Plusieurs élèves peuvent se connecter simultanément avec le même compte mais pas écrire ensemble un même article (sinon le dernier à enregistrer écrasera le travail des autres). 3 P8/14
3) Créer des rubriques Pour que les élèves puissent écrire des articles il faut tout d'abord créer des rubriques pour accueillir ces articles. Il est ensuite possible des créer de la même façon des sous-rubriques. 1 Cliquer sur Edition / Rubriques Cliquer sur Créer une nouvelle rubrique Remplir à minima le titre de la rubrique, son emplacement (Racine du site pour une rubrique ou la rubrique parente pour une sousrubrique). Le texte explicatif n'est pas indispensable. Penser à enregistrer. 2 ADMINISTRATEUR 3 4) Validation des articles Un rôle important de l'administrateur est de suivre les publications du site et de gérer la validation des articles. C'est lui qui en changera le statut. Lorsqu'on va dans Edition / Articles et que l'on clique sur un article, le choix du statut se fait dans le cadre en haut à gauche de la page. L'article est en cours de rédaction, aucune action n'est nécessaire. L'article est terminé et en attente de validation par l'enseignant. L'article a été validé par l'enseignant et est en ligne. L'article a été refusé. Il doit être revu par l'élève. L'article est à la poubelle. On peut quand même y accéder en tant que rédacteur. Seuls les articles "publiés en ligne" sont visibles des internautes. A tout moment on peut revenir sur le statut d'un article ou le corriger. Une correction par un rédacteur demandera une nouvelle validation de l'article. Après avoir changé le statut d'un article, pensez à cliquer sur le bouton changer. P9/14
5) Préparer des images pour la publication Les images insérées dans les articles s'affichent à leur plein format et ne peuvent pas être redimensionnées une fois insérées. Leur poids influe très fortement sur le temps de chargement de la page. Il est donc nécessaire de préparer ces images en les redimensionant. L'installation, gratuite, de XnView (http://www.xnview.com/fr/xnview/#downloads) permet de s'acquitter de cette tâche et même de traiter des dossiers entiers. Redimensionner une image dans XnView 2.31 ADMINISTRATEUR I. Lancer XnView et sélectionner à gauche le dossier contenant les images à redimensionner. II. Sélectionner à droite les images. - Pour sélectionner plusieurs images les unes à la suite des autres cliquer sur la 1ère puis MAJ et cliquer sur la dernière. - Pour sélectionner plusieurs images éloignées les unes des autres, cliquer sur la 1ère puis Ctrl et cliquer sur les autres images. Ex : Pour faire les sélections 1 + 2 + 3 suivantes : III. Menu Outils / Convertir : P10/14
ADMINISTRATEUR IV. Choisir le répertoire de destination des images redimensionnées, préciser que l'on veut renommer les images (pour éviter d'écraser l'original), choisir le format d'enregistrement (.JPG) puis cliquer sur Transformations. V. Dans l'onglet Transformations qui s'ouvre, cliquez sur Redimensionner à gauche puis sur Ajouter : Redimensionner passe à droite et les réglages deviennent accessibles. Choisssez les dimensions souhaitées (ex: 500x500 pour un affichage dans SPIP, ou 150x150 pour un logo). Suivez ensuite les instructions ci-dessous : VI. Il suffit ensuite de cliquer sur Lancer et on peut fermer la fenêtre. Les nouvelles images se trouvent alors (dans l'exemple) dans c:\mes documents\mes images. Une fois redimensionnées elles sont directement utilisables par les élèves. P11/14
6) Ajouter un document à l'article Les documents ajoutés à un article sont disponibles en fin d'article comme des pièces jointes. Il est important de préparer vos documents pour le web : - poids du document (évitez si possible de dépasser 1Mo) - format du document (privilégiez les formats les plus répandus: pdf, txt, jpg, png, gif...) - licence du document (vérifiez les autorisations nécessaires) Votre document peut venir de votre ordinateur, de la médiathèque ou encore directement d'un site internet en tapant son adresse URL POUR ALLER PLUS LOIN Depuis la médiathèque Les documents présents dans la médiathèque sont ceux que vous avez déjà ajoutés à d'autres articles. Pour ajouter un document, vous pouvez le sélectionner depuis la médiathèque qui répertorie tous les documents du site. Cela permet d'ajouter plusieurs fois un document commun à plusieurs articles. Chaque document est référencé par un numéro Il vous est possible de gérer ou même ajouter des documents depuis: puis Documents et enfin Depuis Internet Sur le site, copiez l'adresse URL qui vous intéresse et collez la dans le cadre. Cliquez sur choisir. Elle se retrouve alors référencée dans votre médiathèque. Vous pouvez, à présent, l'intégrer avec la procédure habituelle. P12/14
7) Insérer un diaporama Avec le portfolio, vous pouvez créer un diaporama : a) Choisir et téléverser une image (voir 4) Ajouter des images ) b) A partir de la 2ème image ajoutée, le cadre Diaporama apparaît en haut à gauche (sinon appuyez sur F5). c) Double-cliquez sur le code jscycle2 center pour qu'il s'insère dans l'article. POUR ALLER PLUS LOIN 8) Insérer un diaporama Le portfolio permet d'afficher des vignettes de chaque photo en fin d'article. Lorsqu'on clique sur ces vignettes l'image s'affiche en grand dans un pop-up. a) Cliquez sur Déposer dans le portfolio. 9) Ajouter un tableau A la base cette fonction n'est possible qu'en utilisant directement le code de SPIP. Nous avons ajouté un bouton permettant de créer simplement un tableau : L'interface simple permet de remplir son tableau et d'ajouter ou supprimer des lignes et colonnes. En enregistrant, SPIP insère le code nécessaire. Et voici le résultat : ATTENTION : Pour éditer le tableau il est nécessaire de faire F5 puis de sélectionner tout le code et de cliquer de nouveau sur le bouton Tableaux. Il peut être préférable, dans un 1er temps, de laisser l'édition de tableaux aux administrateurs plutôt qu'aux élèves. P13/14
9) Ajouter du son et de la vidéo Les formats habituels sont le mp3 (son) et pour la vidéo: flash vidéo (flv), mp4, wmv. Ajoutez les fichiers comme pour une image. Ajoutez un fichier mp3 ou vidéo en tant que document de l'article. Insérez le code <docxx player> dans le fil de votre article. 10) Ajouter un évènement dans le calendrier En préalable, il faut créer une rubrique qui accueillera vos évènements. Nommez la, par exemple "actualités/calendrier". POUR ALLER PLUS LOIN A la création de la rubrique, cliquez sur "activer le mode agenda" 1) Ecrire un article 2) Choisissez de le mettre dans la rubrique "actualités/calendrier" 3) Enregistrez votre article Votre article est maintenant créé, cliquez sur "créer un évènement" Vous n'avez plus qu'à donner un titre à votre évènement et une date (c'est ce qui apparaîtra en page d'accueil de votre site). P14/14