Télécharger en tant que ODP, PPTX
Presentation d'un cms: SPIP
- 1.
- 2. Consultation d'une page WebConsultation d'une page Web PC+ Navigateur Internet serveurWeb 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. 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. 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. 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. Consultation d'une page dynamiqueConsultation d'une page dynamique PC+ Navigateur Internet serveurWeb 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. Intégration des ressources multimediaIntégration des ressources multimedia PC+ Navigateur Internet serveurWeb ● 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. Intégration des ressources multimediaIntégration des ressources multimedia PC+ Navigateur Internet serveurWeb 1 page HTML http://www.spip.net/IMG/siteon0.mp3 serveur Web 2
- 9. Modification d'un site dynamiqueModification d'un site dynamique PC + NavigateurInternet 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.
- 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. 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, rubriquemère Article : titre, texte, rubriquemè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 (motsclefs) ou (motsclefs) ou globaleglobale (indexation du moteur de recherche). (indexation du moteur de recherche).
- 13.
- 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. Afficher la bannièredu 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. Afficher la bannièredu 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