Partie publique / Partie privée. Site statique site dynamique. Base de données.

Transcription

1 Partie publique / Partie privée. Partie publique - Front office / Partie privée - Back office. Utiliser l analogie avec une émission de télévision. Un journal télévisé = 1 journaliste + des reportages. C est ce que téléspectateur voit c est le «front office». Mais derrière, il y a des équipes de tournage, des processus décisionnels, des techniques hertziennes d acheminement pour la famille qui regarde la télévision c est le «back office». L équipe de production = le comité éditorial du site web. Il est dans la partie privée du site le «back office». Le téléspectateur = l internaute. Il voit la partie publique du site le «front office». En ligne hors ligne Un contenu est en ligne lorsqu il est publié dans le site, c est à dire que l internaute y a accès lorsqu il se connecte dans la partie publique du site. Un contenu est hors ligne lorsqu il n est pas (ou pas encore) publié. L internaute n y a pas accès dans la partie publique du site. En revanche ce contenu est (physiquement) dans la partie privée du site, accessible par les administrateurs et le rédacteur concerné. Site statique site dynamique. Site statique. Un article = une page (HTML) associée à un gabarit d affichage. Problème : il y a autant de pages que d articles > lourd à gérer. Site dynamique. Un gabarit d affichage, et les contenus des articles dans une base de données. Avantage : une seule page d affichage. Mais il faut une base de données. Base de données. C est un ensemble de «tables» analogie : un meuble à tiroir. Meuble à tiroir = «table» article qui contient des articles définis par un ID (identificateur) unique Chaque tiroir contient des dossiers à «onglets». Article ID = 84. Article ID = 85. Article ID = 86. Article ID = 87. Chaque article a des caractéristiques : surtitre, titre, texte, logo etc. et, par exemple une caractéristique particulière l ID de la rubrique qui le contient. L article 85 de la table article est associé à la rubrique d ID 49 de la table rubrique. Rubrique ID = 47. Rubrique ID = 48. Rubrique ID = 49.

2 Rubrique ID = 50. Globalement le tout s enchaîne pour donner une cohérence dans l organisation de l information. Comprendre la structuration d un site SPIP Contenant/Contenu. Analogie avec le bureau d un PC avec ses dossiers / sous dossiers / fichiers. Propriétés de l arborescence sur le bureau d un PC. Un dossier contient des sous dossiers etc. c est le contenant. Un sous dossier contient des fichiers (textes, images tableaux etc.) c est le contenu. Un dossier ou un fichier possède des icônes associées. Propriétés. Possibilité de renommer un dossier et de déplacer un dossier dans l arborescence. Possibilité de renommer un fichier et de le déplacer d un dossier vers un autre. Possibilité de changer le contenu d un fichier. Possibilité de «jeter» un dossier et/ou un fichier. La navigation dans l arborescence est réalisée par double clic. A noter : sur le bureau d un PC le contenant/contenu existe (présent physiquement) ou non (supprimé ou placé dans la corbeille). L accès à un fichier. En descendant l arborescence des dossiers/sous dossiers. Par une recherche sur le nom d un fichier. Par une recherche sur le contenu d un fichier (attention c est long ). Possibilité de réaliser une recherche dans une partie du disque dur. Affichage des fichiers. Par date, nom, tailles, icônes etc. Propriétés de l arborescence d un projet SPIP. Un projet SPIP est un projet éditorial. Dans SPIP, un dossier ou sous dossier s appelle rubrique c est le contenant. Dans SPIP, un fichier s appelle article le contenu. L arborescence se construit de la même façon. Les possibilités de changement ou de déplacement de rubriques ou d articles dans l arborescence sont les mêmes. La navigation dans l arborescence est réalisée par un clic sur des liens (rubriques ou articles). Les grandes différences. Notion de publication. Pour un PC, l information est physiquement dans le disque dur, un fichier est présent ou absent s il est dans la corbeille, il a un statut un peu particulier. Pour un site de contenu éditorial, l information peut être physiquement sur le serveur (l hébergeur du site) mais pas encore placée en ligne pour l internaute. Analogie avec un journal. Notion de comité éditorial. Le journaliste écrit l article, mais c est le rédacteur en chef qui décide de la publication de l article dans le journal. Pour un site de contenu éditorial c est la même chose, le rédacteur rédige, l administrateur décide de la mise en ligne. Un article peut être rédigé, mais rester invisible pour l internaute, parce qu il n a pas encore été mis en ligne.

3 Un article possède ainsi un statut. Publié en ligne. En cours de rédaction. Proposé à l évaluation. À la poubelle. Refusé. Une rubrique qui ne contient pas d articles publiés en ligne n apparaît pas dans la partie publique du site. Il serait incohérent de «présenter» à l internaute un contenant «vide» de contenu. Plus d informations accessibles. Un dossier sur le bureau d un PC c est un nom et seulement un nom + une icône. Une rubrique SPIP = titre, descriptif, un texte explicatif + deux logos. Un fichier du bureau d un PC c est un nom et du contenu + une icône. Un article SPIP = titre, surtitre, sous titre, descriptif, chapeau, texte, post scriptum, date de publication, des liens + deux logos. La décision de visualiser tous ces éléments appartient à l administrateur. La navigation est réalisée par un clic. Une rubrique ou un article peut être associés à deux logos (le logo normal et le logo de survol). Et surtout les grandes différences. Une rubrique, un article ont un identificateur unique (ID=xx). Il est possible ainsi d attribuer un mot clé ou un groupe de mots clé à une rubrique ou à un article pour les «retrouver» facilement. Un article est associé avec un auteur. Un article peut contenir des liens. Un article peut être associé avec un ou plusieurs document, dans le corps de l article ou à la fin de ce dernier. Un élément complémentaire : la brève. Il existe un autre de type de contenu éditorial : la brève : mini article informatif. Elle est associée à une rubrique racine seulement. Une rubrique racine est une rubrique située à la racine du site on l appelle aussi un secteur. Elle a un titre, un texte et éventuellement un lien. L accès à un article. Syntaxe mentale. Sur un PC on demande l ouverture d un fichier par double clic sur son icône. Pour un site web on demande l affichage d un article par un clic sur son lien ou son icône. Lien. La notion de lien est une composante fondamentale d un site internet. Dans une page web, un clic sur un lien permet d aller sur une autre page web. Un lien est généralement un texte ou une icône, mais peut aussi être une sélection dans une liste déroulante ou une zone de liste. Accès. En descendant l arborescence des rubriques/sous rubriques. Par une recherche sur le contenu d un article (moteur de recherche pas de possibilité de réaliser une recherche dans une partie du site car indexation automatique plus rapide). Par un accès direct en utilisant son identificateur (ID) ou l identificateur de sa rubrique. Par mot clé. Par auteur.

4 Analogie : un râteau. Exemple Affiche l article qui a l identificateur ID=12. Affiche les titres des articles contenus dans la rubrique qui a l identificateur ID=6. Affiche l icône/logo de l article qui a l identificateur ID=13. Exemple Affiche les titres et les descriptifs des articles auquel il a été attribué le mot clé abcd. Exemple Affiche les articles de Pierre Dupont. Exemple Affiche les articles de la rubrique qui a le mot clé «publicite». Notion de lien visité. Des «artifices» graphiques permettent de rajouter du sens à la notion de lien. Un lien peut avoir une couleur différente en fonction du contexte et produire un retour sur action qui dynamise le site et apporte de l information à l internaute. Indication d un lien pour l isoler du texte normal (link). La couleur est généralement bleue et souvent soulignée. Changement de couleur ou d aspect lorsque le curseur de la souris est placé sur le lien (hover). Changement de couleur ou d aspect lorsque l internaute clique sur le lien (active). Changement de couleur ou d aspect du lien pour signaler que le lien a déjà été visité par l internaute (visited). La couleur est généralement violette. Le dernier cas est intéressant car il permet de rajouter du sens à la navigation dans un site web en donnant des informations sur les parties du site déjà visitées. L affichage des articles. Un article peut être affiché de différentes façons. Par nom, par hasard, par type, par date etc. Par ses caractéristiques : titre, sous titre, icône etc. Possibilité de tronquer le nom pour réordonner l affichage. Possibilité d afficher un article et, sur le même écran, le titre des autres articles de la même rubrique. Rubrique / sous rubrique / article pourquoi trois niveaux?. Par respect de la règle des 3 clics. Il est possible d envisager : Rubrique / sous rubrique / sous sous rubrique / etc. et article. Mais non respect de la règle des 3 clics. Un projet de publication de contenu avec SPIP bien distinguer. Vocabulaire. Il est important de bien distinguer les types de personnes qui interviennent. L internaute est l usager, la personne qui se connecte sur la partie publique du site. Le contributeur est la personne qui se connecte sur la partie privée du site. On distingue deux sortes de contributeurs, le rédacteur et l administrateur. La partie privée et le contenu éditorial. Dans la partie privée du site le lieu où :. Les rédacteurs alimentent le site en contenu éditorial.

5 Les administrateurs gèrent le site. Le contenu éditorial. Les articles : textes enrichis (caractères + liens) + images + documents associés. Les brèves. Le rédacteur pour écrire. L administrateur pour mettre en ligne (un administrateur peut être aussi rédacteur) et gérer le site web (sécurité, statistiques etc.). L arborescence du site. Création, déplacement ou suppression de rubriques. Déplacement ou suppression d articles. L administrateur. La gestion du site. Rajouter ou retirer des auteurs. Gérer les statistiques, les sauvegardes du site. L administrateur. La sélection du contenu où se trouve le contenu?. Dans une base de données. Une base de données est un ensemble de tables. Une table = un meuble avec des tiroirs. Chaque tiroir est un enregistrement dans la table. Un tiroir contient des onglets correspondants aux différentes informations de l enregistrement. Exemple : la table : abonnés et le tiroir Nicole Dubois qui contient les onglets : nom, prénom, adresse, code ville, téléphone etc. Les données sont récupérées dans la base de données à l aide de commandes qui s appellent des boucles. Le développeur du site en amont. La présentation du contenu. Les maquettes de présentation des données pour la partie publique. S appellent des squelettes. Elles utilisent des feuilles de style (CSS Cascading Style Sheet). Feuille de style (CSS). Une feuille de style est un gabarit d affichage qui détermine l ensemble de l affichage du contenu (taille des blocs, police de caractères, couleurs, enchaînement des données etc.). Analogie : la maquette «vide» de contenu d une brochure papier. Le développeur du site en amont. Note : l administrateur peut modifier (avec précaution) la CSS de présentation s il le désire et s il a été formé.

6 Le contenu éditorial et sa gestion. La mise en place du contenu en back office. La rubrique jeunes contient x articles : garderie, école, collège, lycée etc. Ces derniers ont été saisis par des rédacteurs. La sélection du contenu dans la base de données. Commandes envoyées à la base de données : va chercher tous les articles contenus dans la rubrique =jeunes. L affichage du contenu dans les gabarits de présentation (CSS). Exemple : Affiche les logos et les titres des articles renvoyés, dans un rectangle de 250 points de large situé à droite de l écran, en police Arial de 12 points de haut et laisse 5 points entre chaque titre. Différents types de contenus pour différents modes de présentation. Evidence : «On attribue de l importance à un contenu en fonction de ce que l on a envie de lui attribuer...». Premier type d infos, la structure générique arborescente du site Telle qu elle est a été décidée en amont par le comité éditorial c est le flux éditorial normal qui suit la logique de l arborescence. Rubriques - sous rubriques - articles. Identique à une structure de dossiers/sous dossiers, elle est figée mais elle est stable. Elle s adapte automatiquement. Le rajout d une rubrique ou d un article est transmis automatiquement à la présentation du site. Exemple - site de municipalité. 5 rubriques : Votre vie, Votre ville, Votre temps libre, Votre mairie, Votre visite. La rubrique Votre Ville : 2 sous rubriques : Présentation, Economie. La sous rubrique Présentation contient 4 articles : Histoire, Identité, Jumelage, Plan de la ville. Où? généralement à gauche de l écran. Deuxième type d infos, les informations particulières. Celles qui sont à placer particulièrement en avant. Les éditoriaux, les news. Où? dans la page d accueil au milieu Parce que l internaute la voit en premier. Troisième type d infos, les informations à mettre en évidence. Celles que la mairie désire placer en avant. Adresse de la mairie, écrire au maire, allo voirie, guides et brochures, marchés publics. Où? généralement à gauche de l écran. Quatrième type d infos, celles que l internaute désire voir en premier. N de téléphone d urgence, Agenda du mois, Demande d informations. Où? généralement à droite de l écran. Cinquième type d infos, les plus souvent demandée. Celles que l expérience de la structure de l organisation montre qu elle est le plus souvent demandée.

7 Démarches administratives. Où? généralement à droite de l écran. Les actualités du moment un peu de «vocabulaire» L éditorial. Equivalence. Les gros titres du journal télévisé (les news). Les éditoriaux sont destinés à faire ressortir des événements particuliers de l organisation. Exemple : Exposition de peinture du x au y à tel endroit. Elle est destinée à faire passer un message de l organisation limité dans le temps. Exemple : Les voeux du maire, les résultats des élections. Où? généralement au centre de l écran dans la page d accueil. L Information importante. Equivalence. La publicité. Il s agit de l information la plus importante que l organisation désire placer en avant. Le concours de dessin enfants. Où? généralement à droite de l écran. La brève. Equivalence. Le panneau de rue avec un texte défilant (le pense bête). Elle est destinée à alerter les usagers concernant une info limitée dans le temps. Vous avez jusqu au 31 décembre pour vous inscrire sur les listes électorales. Plus que 3 jours pour vous inscrire au repas de quartier. La chorale cherche un chef de coeur. Où? généralement à droite de l écran. Dans d autres pages. Permettent de proposer des informations complémentaires susceptibles d être intéressantes pour l internaute. Les titres des articles de la même rubrique que l article en cours. Où? : généralement à droite de l écran. Comment fait on?. Si les articles font partie de l arborescence générique : par mot clé. Si les articles sont spécifiques, ils sont situés dans une rubrique spécifique. S il s agit de brèves c est le contenu brève qui est utilisé. Les pages du site. Un site SPIP est un site dynamique. Il n y a donc pas une page de présentation par contenu (site statique) mais une page par type de contenu. On parle de squelette, une page adaptée à l affichage du type de contenu associée avec une feuille de style (CSS).

8 Il y a 4 pages squelettes principales et 4 pages squelettes «secondaires». 4 pages squelettes principales. La page sommaire. Il s agit de la page d accueil que l internaute «voit» en premier lorsqu il tape Elle contient tous les éléments d arborescence et de navigation du site, les liens particuliers, les informations placées en avant. La page rubrique. Page de navigation, elle affiche les rubriques de la rubrique en cours sélectionnées par l internaute. La page article. Page de consommation de contenu, elle affiche l article sélectionné par l internaute pour lecture. La page brève. Page de consommation de contenu, elle affiche la brève sélectionnée par l internaute pour lecture. La brève peut être reliée à un article du site par un lien. 4 pages squelettes secondaires. La page plan. Page qui affiche, sous forme d une liste, l ensemble des rubriques, sous rubriques et articles du site. Elle permet d avoir une «vue» globale de l arborescence du site. La page résumé. Page qui affiche les articles du site les plus consultés par les internautes (les plus populaires). SPIP contient en interne un module qui attribut des «points» à chaque article lors de leur consultation par les internautes. L affichage est réalisé sous forme d une liste. La page recherche. Page qui affiche les résultats d une recherche. SPIP intègre en interne un module d indexation qui permet de réaliser une recherche textuelle dans le site. Ainsi par exemple : Une recherche sur le mot «déchet» va afficher la liste des rubriques, articles et brèves où est présent le mot «déchet». La page article imprime. Page spécifique pour impression. C est une page article qui affiche uniquement le contenu d un article sur fond blanc sans aucun autre élément de navigation ou graphique. Elle est utilisée pour imprimer l article dans de bonnes conditions et sans éléments graphiques inutiles. Note : cette page squelette ne fait pas partie de SPIP générique. Une rubrique spécifique, la Rubrique de Service. Attention cette astuce est une «invention» pure BPE. Il est rajouté une rubrique racine (un secteur) supplémentaire. Elle s appelle Rubrique de service et n est jamais affichée 1. Elle contient les éléments qui ne font pas partie de l arborescence générique du site. Elle permet de pouvoir gérer l ensemble des informations particulières du site comme : La Rubrique Page accueil Cette dernière contient les rubriques suivantes : Editoriaux, articles news placés au centre de la page d accueil. Les Publicités annonces les plus importantes. Bannière de la page d accueil et bannières secondaires en fonction des saisons Bannière des autres pages. 1 Lorsque l affichage des titres de rubrique racine (secteur) est demandé, il est indiqué «affiche les titres des rubriques secteurs du site SAUF la rubrique de service d ID xx qui est connu».

9 Adresse Fax Téléphone. Articles de services (information légales, éditeur et accessibilité). La rubrique temporaire. Rubrique un peu particulière qui centralise les articles ou rubriques que l on ne désire pas jeter mais garder en sommeil.. Note La poubelle n est pas identique à la corbeille du bureau d un PC. Placer un élément «à la poubelle» signifie le placer «hors ligne». Physiquement l élément est toujours dans la base de données. Il n est pas possible de vider la poubelle. Cette dernière est vidée au bout de quelques jours. Si on désire garder «en réserve» un article, il vaut mieux changer son statut en «en cours de rédaction» pour utilisation future. Une rubrique qui contient des articles «en ligne» ne peut pas être placée «à la poubelle». Pour ce faire, il faut commencer par placer «à la poubelle» les articles quelle contient.