SPIPSPIP
­ Fonctionnement global d'un Système de ­ Fonctionnement global d'un Système de 
Publication en ligne (CMS) ­Publ...
Consultation d'une page WebConsultation d'une page Web
PC+ Navigateur Internet
serveur Web
http://www.spip.net
4. Interpré...
Un serveur WebUn serveur Web
Ordinateur connecté en 
permanence à Internet 
et chargé de servir des 
documents Web
 écout...
Une base de donnéesUne base de données
 Organise des données sous forme de tables et des Organise des données sous forme ...
Une page HTMLUne page HTML
 Fichier au format texte Fichier au format texte 
 utilisant des balises qui spécifient la st...
Consultation d'une page dynamiqueConsultation d'une page dynamique
PC+ Navigateur Internet
serveur Web
spip.php?article2
5...
Intégration des ressources multimediaIntégration des ressources multimedia
PC+ Navigateur Internet
serveur Web
● La source...
Intégration des ressources multimediaIntégration des ressources multimedia
PC+ Navigateur Internet
serveur Web 1
page HTML...
Modification d'un site dynamiqueModification d'un site dynamique
PC + Navigateur Internet
serveur Web
/ecrire/article_edit...
1. SPIP : un CMS1. SPIP : un CMS
 VisiteurVisiteur
 Consulte le site public et peut 
participer au forum 
 RédacteurRédacteur
 Rédige et propose de nou...
3. Structure et contenu3. Structure et contenu
 Les données sont organisées sous forme d'objets Les données sont organisé...
 Structure arborescente :Structure arborescente :
­organisé sous forme de rubriques et de sous­ rubriques
­possibilité de...
4. Le site se construit dynamiquement à 4. Le site se construit dynamiquement à 
partir des publications privéespartir des...
Afficher la bannière du site et son nom
Afficher les rubriques de niveau 1
Afficher l'article comportant
le mot-clef somma...
Afficher la bannière du site
Afficher les rubriques de niveau 1
Afficher l'article comportant
le mot-clef sommaire_edito
A...
Prochain SlideShare
Chargement dans…5
×

Presentation d'un cms: SPIP

741 vues

Publié le

Fonctionnement d'un CMS: SPIP

Publié dans : Logiciels
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
741
Sur SlideShare
0
Issues des intégrations
0
Intégrations
127
Actions
Partages
0
Téléchargements
11
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Presentation d'un cms: SPIP

  1. 1. SPIPSPIP ­ Fonctionnement global d'un Système de ­ Fonctionnement global d'un Système de  Publication en ligne (CMS) ­Publication en ligne (CMS) ­ Patrick VINCENT pvincent@erasme.org
  2. 2. Consultation d'une page WebConsultation d'une page Web PC+ Navigateur Internet serveur Web http://www.spip.net 4. Interprétation et affichage du navigateur http://www.spip.net 1. Action de l'utilisateur dans le navigateur (clic lien) 2. Requête HTTP du navigateur avec adresse 3. Réponse HTTP du serveur avec document HTML 1 2 3 4 port 80 port 80 http
  3. 3. Un serveur WebUn serveur Web Ordinateur connecté en  permanence à Internet  et chargé de servir des  documents Web  écoute et réception d'une  requête (protocole / port)  interprétation et év calcul  transfert du document au  client Web (protocole /  port) système de fichiers racine ... base de données module serveur module de calcul PHP + MySQL Apache http
  4. 4. Une base de donnéesUne base de données  Organise des données sous forme de tables et des Organise des données sous forme de tables et des  champs (eq tableau de données)champs (eq tableau de données)  Par rapport à un fichier textePar rapport à un fichier texte  intègre les fonctionnalités de sécurité (droits)  fournit des modules de programmation (ex PHP) facilitant l'accès  aux données (requêtes)  Extrait de la BDD de SPIPExtrait de la BDD de SPIP  tabletable : article : article champs entrées
  5. 5. Une page HTMLUne page HTML  Fichier au format texte Fichier au format texte   utilisant des balises qui spécifient la structure et l'intention  de présentation du contenu  interprété par le navigateur pour l'aspect final  intègre un système de liens et d'inclusion d'éléments   peut intégrer des langages pris en charge par le  navigateur : CSS (présentation), javascript (calcul)... <html> <head> </head> <body> Hello World ! </body> </html> <html> <head> </head> <body> Hello World ! </body> </html> =
  6. 6. Consultation d'une page dynamiqueConsultation d'une page dynamique PC+ Navigateur Internet serveur Web spip.php?article2 5. Interprétation et affichage du navigateur spip.php?article2 1. Action de l'utilisateur 2. Requête HTTP du navigateur avec adresse 4. Réponse HTTP du serveur avec page HTML 1 2 3 5 base de données 4 3. Calcul de la page HTML en lien avec la base de données M I S E E N F O R M E C O N T E N U
  7. 7. Intégration des ressources multimediaIntégration des ressources multimedia PC+ Navigateur Internet serveur Web ● La source des éléments multimédia (images, video, sons, animations...) affichés dans les pages Web n'est pas contenue dans la page HTML ● Ils sont référencés sous forme de lien et téléchargés par le navigateur au moment de l'affichage de la page. ● Les ressources multimédias peuvent se trouver : ● sur le même serveur web •  sur la machine locale (rare) ● sur un autre serveur web page HTML http://www.spip.net/IMG/siteon0.jpg requête image image
  8. 8. Intégration des ressources multimediaIntégration des ressources multimedia PC+ Navigateur Internet serveur Web 1 page HTML http://www.spip.net/IMG/siteon0.mp3 serveur Web 2
  9. 9. Modification d'un site dynamiqueModification d'un site dynamique PC + Navigateur Internet serveur Web /ecrire/article_edit.php?id_article=2 base de données  l'essentiel du contenu se trouve dans la BDD et  peut être mis à jour via le serveur Web  les utilisateurs autorisés y accèdent en HTTP  (navigateur web) comme en consultation  certains fichiers multimédias peuvent être  envoyés en HTTP (limite de taille)  les mises à jour du moteur de publication  nécessitent des envois FTP HTTP (POST) fichier texte
  10. 10. 1. SPIP : un CMS1. SPIP : un CMS
  11. 11.  VisiteurVisiteur  Consulte le site public et peut  participer au forum   RédacteurRédacteur  Rédige et propose de nouveaux  contenus  Administrateur restreintAdministrateur restreint  Gère la structure et modère le  contenu du site dans ses rubriques  AdministrateurAdministrateur  Détermine la ligne éditoriale, gère  les auteurs  Gère la structure du site (rubriques)  Modère le contenu (articles,  brèves, sites, ect)  WebmestreWebmestre gère les options du site, la gère les options du site, la  2. Les rôles2. Les rôles
  12. 12. 3. Structure et contenu3. Structure et contenu  Les données sont organisées sous forme d'objets Les données sont organisées sous forme d'objets  (rubriques, articles, auteurs...) constitués de champs (rubriques, articles, auteurs...) constitués de champs  (titre, descriptif, date, texte...)(titre, descriptif, date, texte...)  Rubrique : titre, descriptif, rubrique­mère  Article : titre, texte, rubrique­mère, auteur  Auteur : nom, biographie, droits  Ces données interagissent entre elles.Ces données interagissent entre elles.  Le contenu est structuré de manière Le contenu est structuré de manière arborescentearborescente   (rubriques), (rubriques), transversaletransversale (mots­clefs) ou  (mots­clefs) ou globaleglobale   (indexation du moteur de recherche). (indexation du moteur de recherche). 
  13. 13.  Structure arborescente :Structure arborescente : ­organisé sous forme de rubriques et de sous­ rubriques ­possibilité de gérer séparément les rubriques  Que peut on publier dans une rubrique ? Que peut on publier dans une rubrique ?  ­une rubrique ­articles et brèves : texte mis en forme + images + ... ­documents joints (images, sons, pdf, ect) ­référencement et syndication de sites Internet ­forums de discussion La rubrique : élément structurantLa rubrique : élément structurant
  14. 14. 4. Le site se construit dynamiquement à 4. Le site se construit dynamiquement à  partir des publications privéespartir des publications privées  Le contenu du site est séparé de la mise en forme. Le contenu du site est séparé de la mise en forme.   Le site public est structuré de manière modulaire sous Le site public est structuré de manière modulaire sous  forme de blocs canevas qui se remplissent forme de blocs canevas qui se remplissent  automatiquement à partir des données du site privé.automatiquement à partir des données du site privé.  La conception d'un canevas se séapre en 3 niveaux :La conception d'un canevas se séapre en 3 niveaux :  Aspect Fonctionnel : langage de boucles SPIP  Structure de la page : (X)HTML  Présentation et mise en forme : CSS
  15. 15. Afficher la bannière du site et son nom Afficher les rubriques de niveau 1 Afficher l'article comportant le mot-clef sommaire_edito Afficher les derniers articles Afficher les contributions Web Afficher les dernières contributions de forum agenda 5. Le site est modélisé par le squelette5. Le site est modélisé par le squelette
  16. 16. Afficher la bannière du site Afficher les rubriques de niveau 1 Afficher l'article comportant le mot-clef sommaire_edito Afficher les derniers articles Afficher les contributions Web Afficher les dernières contributions de forum agenda

×