TP - PUBLIER SUR INTERNET AVEC SPIP -
Transcription
TP - PUBLIER SUR INTERNET AVEC SPIP -
F.MICHEL / DDB IUFM Aix Marseille TP - PUBLIER SUR INTERNET AVEC SPIP Avant propos Source avec liens actifs : Wikipedia : http://fr.wikipedia.org/wiki/Spip • Le mot spip est synonyme d'écureuil dans certaines régions de Belgique ; o Dans la bande dessinée Spirou et Fantasio, Spip est le nom de l'écureuil de Spirou ; • SPIP est un acronyme qui désigne : o en informatique, Système de publication pour l'internet partagé, il s'agit d'un système de gestion de contenu se basant sur PHP et MySQL. o en droit, Service Pénitentiaire d’Insertion et de Probation « Spip » est un système de publication sur internet (ou intranet) qui rappelle le système de publication d’un journal. D’ailleurs certains sites internet de journaux utilisent « spip », comme le Monde Diplomatique. Un site « spip » est divisé en rubriques, les rédacteurs proposent des articles qui sont autorisées à la publication par un administrateur de la rubrique. Sans entrer dans les spécifications techniques, on n’a pas besoin de connaître le code HTML pour écrire des articles. Comme tout contenu publié sur le web, il fonctionne cela dit comme un site classique avec une interface « édition » (je crée mon contenu ) et une interface « navigation » (je consulte le résultat de mon travail). Une des différences majeures se fera à la publication de ce contenu, entre l’édition et la navigation. Outre les articles, Spip donne la possibilité d’intégrer au site des forums et un moteur de recherche. A partir de la distribution de base, beaucoup de variantes sont possibles par l’utilisation de « squelettes », qui ajoutent des fonctionnalités ou qui permettent des présentations adaptées aux besoins des établissements scolaires et utilisateurs. Dans ce tp, nous utiliserons un squelette de base disponible sur le site du développeur http://www.spip.net/fr où vous trouverez également tous les didacticiels complets ainsi que la démarche si vous souhaitez mettre en place un « spip » sur un serveur. Attention, lors de la création de site web établissement, les services de la DATSI au rectorat s’occupe de l’aspect mise en ligne. Avez-vous effectué l’étape papier ? Que vous faut-il avant de pouvoir débuter une publication sur internet ? Cochez Une architecture claire de votre projet ? Page d’accueil, admin, media, téléchargement et autant de dossiers que nous appellerons ici « rubriques » avec la même structure Une division claire des structures et éléments participants à la création de votre site (page d’accueil, rubriques, sous-rubriques, contenu textes que nous appellerons ici « articles » déjà écrits au kilomètre, media images, vidéo…, fichiers à télécharger, liens…. ) Une définition claire des personnes intervenants dans votre site (rédacteurs, administrateurs, qu’ils soient de rubriques ou restreints) 1 – Publier avec Spip F.MICHEL / DDB IUFM Aix Marseille Manipulations en tant qu’utilisateur ordinaire : découvrez votre support de travail Le site spip pour ce tp est accessible avec un navigateur à l’adresse du site web de votre établissement suivi de /spip/ ex : http://www.lyc-bleriot.ac-aix-marseille.fr/spip/ Si vous possédez un site web, il vous suffit de faire l’adresse de celui-ci de /spip/ pour constater si vous disposer de cet outil collaboratif de publication. Taper l’adresse du site dans un navigateur. Vous accédez à une page équivalente à celle-ci : Que constatez-vous, que remarquez-vous ? …………………………………………………………………………………………………. …………………………………………………………………………………………………. …………………………………………………………………………………………………. …………………………………………………………………………………………………. …………………………………………………………………………………………………. …………………………………………………………………………………………………. …………………………………………………………………………………………………. Comparer avec http://www.lyceedurzy.com/spip.php?article234 2 – Publier avec Spip F.MICHEL / DDB IUFM Aix Marseille La notion de squelette : Le but de ce TP n’est justement pas d’entrer dans la notion de « squelette » mais de montrer les différents niveaux d’une structure de type « spip ». Quelque soit le fameux « squelette’, Il y a des points communs : La fonction « Rechercher » par exemple. Sous la partie Recherche, entrez un mot, pour que le moteur de recherche dresse la liste des articles de votre spip dans lesquels le mot recherché apparaît. des différences : Vous constatez que les éléments décrivant l’espace ne sont pas les mêmes, notamment concernant le nom du squelette utilisé pour celui-ci. 3 – Publier avec Spip F.MICHEL / DDB IUFM Aix Marseille Un squelette, comme celui nommé sur ce site, constitue le corps d’un site en spip, et proposera de façon prédéfinie, par défaut, des fonctions particulières qui en feront sa spécificité, qui en seront la chaire, la partie visible et visuelle de votre structure de site. Ici, une des fonctions offertes par ce squelette est la possibilité d’utiliser un agenda. Connectez-vous à présent sur http://www.lyc-bleriot.ac-aix-marseille.fr/spip/ Que constatez-vous, que remarquez-vous ? …………………………………………………………………………………………………. Pour accéder à l’espace de rédaction, vous devez vous identifier, si vous avez en effet été inscrit par l’administrateur. Vous êtes donc sur une page dans laquelle vous allez renseigner votre identifiant. Une fois votre identifiant validé, vous accéderez à une page dans laquelle vous pourrez renseigner votre mot de passe. 2 zones distinctes sont donc présentes : « Le site public est l’ensemble des pages accessibles à tout visiteur. Il s’agit de l’affichage des articles, brèves, rubriques que vous avez publiés, ainsi que des interventions dans les forums qui y sont associés. Il est généré par les fichiers « squelettes ». L’espace privé est l’espace à accès restreint dans lequel les administrateurs et rédacteurs peuvent écrire des articles, des brèves, modifier la structure du site, suivre et modérer les contributions postées dans les forums, etc. Il est nécessaire d’être enregistré pour accéder à cet espace, c’est-à-dire d’avoir un login et un mot de passe. L’espace privé est accessible depuis le répertoire ecrire/ de l’installation SPIP (il s’agit en fait de la même adresse que celle utilisée pour installer SPIP) » http://www.spip.net/fr_article1471.html 4 – Publier avec Spip F.MICHEL / DDB IUFM Aix Marseille • • • • • • Créations d’articles Les rôles étant différents suivant qu’on est simple rédacteur ou rédacteur administrateur, il s’agit ici de passer en revue les éléments de base afin de connaître les principales fonctions de l’outil. Les identifiants d’un prof simple rédacteur et celui d’un prof administrateur de rubrique seront établis en fonction des groupes de travail que vous allez vous mêmes définir selon les besoins de l’architecture de la future mise à jour de votre site établissement. Vous avez donc renseigné l’identifiant et le mot de passe. « Ecrire » est le dernier mot de votre adresse, vous êtes à présent sur « l’espace privé » de votre spip, sorte de bureau virtuel personnel dans lequel vous allez « écrire » vos contributions, vos articles. Vous vous retrouvez dans l’interface de rédaction. Il y a une barre de menus en haut et une barre de sous-menus qui dépend de l’item choisi dans la barre de menus. Cliquer sur interface complète. Puis cliquer sur A SUIVRE dans la barre de menus.. Cliquer sur « Auteurs » pour consulter la liste des contributeurs et les informations vous concernant. Vous pourriez par sécurité commencer par changer votre mot de passe en cliquant sur votre nom. 5 – Publier avec Spip F.MICHEL / DDB IUFM Aix Marseille Tout de suite, quelques fonctions pratiques …. Revenir à la page d’accueil La langue Taille de l’interface spip De quelle couleur est l’interface spip ? Un rendez-vous à ne pas manquer ? Tout y est dit… Communiquer avec les autres rédacteurs, administrateur(s) • Cliquer sur Edition, puis soit choisir la rubrique dans laquelle vous souhaitez écrire ou soit en créer une. A noter qu’il faut créer une rubrique avant de créer un article. Cliquez sur écrire un nouvel article ou Tous vos articles pour consulter les articles déjà écrits. • Dans la page d’édition de l’article qui s’ouvre alors, vérifier le nom de la rubrique dans laquelle l’article doit s’insérer, ne pas oublier de mettre un titre, utiliser le texte tapé au kilomètre que vous aviez prévu pour cet article, ou entrer quelques lignes dans la zone texte pour les besoins du TP (du genre : ceci est mon premier article, il sert à tester ..), tester les possibilités de mise en forme de l’éditeur. Cliquer sur Enregistrer 6 – Publier avec Spip F.MICHEL / DDB IUFM Aix Marseille • Aller en bas de la page qui s’affiche, « Demander la publication de cet article ». • Vous pouvez attacher un document à votre article en cliquant sur « Joindre un document ». 7 – Publier avec Spip F.MICHEL / DDB IUFM Aix Marseille • A la page suivante, on vous indique que vous pouvez donner votre avis sur un forum. En effet, les articles sont tous rattachés à la rubrique forum. C’est ce qui fait une des spécificités de l’outil « spip », l’article y est rédigé et ensuite éventuellement discuté comme dans un comité d’édition dans une rubrique prévue à cet effet. • Vous pouvez alors visiter le site dans son espace public tel qu’il apparaît sur internet en cliquant en haut à droite de l’espace rédacteur, mais votre article, qui est à chaque fois référencé n’apparaît pas encore, car il faut qu’il soit validé par l’administrateur de la rubrique. Nous allons revenir sur cette notion d’administration et de forum mais avant, d’autres fonctions sont accessibles lorsque vous rédigez un article … • 8 – Publier avec Spip F.MICHEL / DDB IUFM Aix Marseille Avant d’aller plus loin …. Ecrire un article avec images et documents • • • • • • • Revenir dans l’Espace rédacteur de spip. Créer un nouvel article toujours dans la même rubrique. Comme titre de l’article, mettre « article avec image et document joint ». Ecrivez un texte. Valider. Dans la page qui s’affiche alors , cliquer sur modifier l’article. On revient à la page d’édition, mais à gauche de la page on a une zone qui permet d’ajouter une image et une zone qui permet d’ajouter un document. Cliquer sur parcourir pour Ajouter une Image. Il faut d’abord télécharger l’image de votre choix qui se trouve normalement dans le dossier « media » sous-dossier « image » que vous avez crée à la suite de votre épreuve « outil papier ». Cliquer sur parcourir afin de récupérer l’image, pour charger l’image de votre choix ou récupérer une image sur internet pour les besoins du tp. Puis cliquer sur Télécharger. Un aperçu de l’image apparaît à gauche de la fenêtre d’édition. Sous l’aperçu, on voit des raccourcis typographiques. Sélectionner le raccourci <img9|center> et appuyer sur Ctrl et C pour copier le raccourci. Dans la fenêtre d’édition aller à la ligne après le texte de votre article et coller le raccourci. Ctrl et V . Vous venez de déposer l’image au centre de votre article. La méthode pour ajouter un document est la même. Ajouter à l’article le document de votre choix (doc texte) qui se trouve dans le dossier « téléchargement » de votre architecture « spip » prévue encore une fois dans la phase papier de votre projet. Cliquer sur Enregistrer. Visiter le site. Ne pas oublier de faire recalculer la page (bouton en haut à droite de la fenêtre) pour actualiser les modifications effectuées. Si vous avez d’autres modifs à faire cliquer sur « Espace Privé » 9 – Publier avec Spip F.MICHEL / DDB IUFM Aix Marseille Un petit récap visuel des manips pour insérer une image dans un article & effectuer la mise à jour : Si vous souhaitez insérer une image au centre de l’article à la suite d’un texte, double cliquez sur <img9|center> (« left » pour la gauche, « right » pour la mettre à droite) Remarques importantes concernant l’insertion d’images : - L’image insérée peut s’harmoniser avec le texte. Il suffit de cliquer à l’endroit où vous souhaitez que l’image apparaissent et coller <img9|center>. - Si vous souhaitez faire apparaître une image ou un texte en sautant une ligne, il faut appuyer deux fois sur « entrée » pour obtenir un saut de ligne dans spip). - Au cours des balbutiements de SPIP, il était conseillé de n’insérer que des images n’excédant pas 256ko, au-delà, votre page aurait difficilement été chargeable et votre site peu navigable. Ce n’est plus vraiment le cas étant donné le développement de l’internet haut débit. Cela dit, il faut être toujours vigilant à la taille des images à insérer dans une page afin de rendre le site accessible au plus grand nombre. Il existe un bon moyen de connaître la taille de l’espace allouable à une image dans un article en utilisant l’outil SRIP32 par exemple. A voir avec le formateur. - Comme habitude de travail, habitude qu’il faut prendre lors de la phase « outil papier » de conception de votre site et si vous travaillez surtout sur Spip avec les élèves, n’oubliez donc 10 – Publier avec Spip F.MICHEL / DDB IUFM Aix Marseille pas de donner un titre à votre image et ajouter dans la description la source de celle-ci pour rendre la procédure d’édition « propre ». Supprimer une image / un document : Cliquer sur modifier l’article dans l’espace privé et cliquer sur le petit triangle noir « » de l’image que vous souhaitez supprimer (c’est pour cela qu’il est important de lui donner un nom, pour la reconnaître rapidement) Modifs & Mise à jour : Modifs à faire Cliquer sur Espace Privé Modifs : ou Chaque fois que les articles sont à modifier ou déjà modifiés (en haut à droite de la page) Accès à l’espace privé • Accès à la commande de mise à jour Pensez enfin à vous déconnecter chaque fois que votre travail est terminé : 11 – Publier avec Spip