SUPDEWEB HTML/CSS Sujet d examen SUPDEWEB Nicolas Bédé 24/02/2017
Table des matières 1 Contexte... 3 2 Arborescence... 3 3 Contenus... 4 3.1 Page de base (basic_page)... 4 3.1.1 Champs... 4 3.2 Article (article)... 4 3.2.1 Champs... 4 3.3 Cours (lesson)... 4 3.3.1 Champs... 5 3.4 Formulaires (webform)... 5 3.4.1 Champs... 5 3.4.2 Elément de formulaire : page contact... 5 4 Catégorisation... 6 4.1 Matières (subjects)... 6 4.2 Classes (degrees)... 6 5 Vues... 7 5.1 Page : News... 7 5.2 Page : Cours... 7 6 Blocs... 7 7 Générer du contenu... 7 8 Barème... 8 8.1 Création & paramétrage des types de contenus (4 points)... 8 8.2 Page : Présentation (1 point)... 8 8.3 Formulaire de contact (5 points)... 8 8.4 Création et utilisation de la taxonomie (2 points)... 8 8.5 Création & paramétrage des vues (4 points)... 8 8.6 Création & paramétrage des blocs (2 points)... 8 8.7 Génération de contenu (2 points)... 8 9 Rendu... 8
1 Contexte Le collège privé «Private Institute» souhaite mettre en place une plateforme de consultation de cours en ligne. Cette plateforme pourra servir parallèlement de site vitrine au collège. 2 Arborescence Le tableau ci-dessous fait état de l arborescence retenue pour la création de ce site. Cette arborescence décrit par ailleurs le contenu du Menu Principal. Page URL Note Accueil node Page d accueil Drupal par défaut Présentation presentation Page de base News news Vue Cours en ligne cours-en-ligne Vue Contact contact Webform
3 Contenus Dans cette section sont listés les différents types de contenus avec leurs spécificités. 3.1 Page de base (basic_page) Les pages de bases permettent d ajouter des pages de contenu simple tels que «Qui sommesnous?» ou encore «Mentions légales». Le contenu créé ne doit PAS être promu en page d accueil. Les commentaires sont FERMEES. La date de publication ainsi que l auteur devront être MASQUES. 3.1.1 Champs Titre Texte title Corps body Texte long avec résumé 3.2 Article (article) Les articles ont pour but de mettre en avant l actualité autour de «Private Institue». Cela comprend des évènements ponctuels tels que «Date de rentrée des classes 2016» ou bien «Prochaine sortie pédagogique organisée par les professeurs». Le contenu créé DOIT être promu en page d accueil. Les commentaires sont OUVERTS. La date de publication ainsi que l auteur devront être VISIBLES. 3.2.1 Champs Titre Texte title Illustration Image Une seule image possible picture Corps Texte long avec body résumé Tag tag Référence à un terme de la taxonomie «Tag» 3.3 Cours (lesson) C est via ce type de contenu que l on pourra déposer de nouveau cours dans le site. Par exemple : «Le théorème de Pythagore». Le contenu créé ne doit PAS être promu en page d accueil. Les commentaires sont FERMEES. La date de publication ainsi que l auteur devront être MASQUES.
3.3.1 Champs Titre Texte title Classe degree Référence à un terme de la taxonomie «Classes» Liste de sélection Matière subject Description body Annexe annex Référence à un terme de la taxonomie «Matières Texte long avec résumé Fichier Liste de sélection Possibilité d envoyer plusieurs fichiers (5 MA) de types : pdf, doc, docx, xls, xlsx, jpg, jpeg 3.4 Formulaires (webform) Les formulaires permettent de collecter des informations/soumission effectués par les visiteurs du site. Le contenu créé ne doit PAS être promu en page d accueil. Les commentaires sont FERMEES. La date de publication ainsi que l auteur devront être MASQUES. 3.4.1 Champs Titre Title Texte 3.4.2 Elément de formulaire : page contact Nom Texte Prénom Texte Email Courriel (Email) Sujet Liste de sélection Liste : - Demande d informations - Signaler un cours - Demande d inscription Nom de l élève Texte N apparait que si «Demande d inscription est sélectionné» Prénom de l élève Texte N apparait que si «Demande d inscription est sélectionné» Classe actuelle * Liste de sélection N apparait que si «Demande d inscription est sélectionné» Reprend la liste des classes depuis le Vocabulaire «Classes» Message Texte long
4 Catégorisation Dans cette section est lister tous les différents vocabulaires ainsi que les termes qui leurs sont associés qui permettront d effectuer une catégorisation de nos contenus. 4.1 Matières (subjects) Termes Anglais Français Géographie Histoire Mathématiques 4.2 Classes (degrees) Termes 6ème 5ème 4ème 3ème
5 Vues Les vues permettent de lister du contenu filtré soit par défaut, soit par le biais de champs exposés aux visiteurs du site. 5.1 Page : News URL : news Cette page devra lister tous les contenus de type «Article» par ordre de publication décroissant. Il devra être affiché une liste paginée des contenus en mode «Accroche» (teaser). Tous les champs du contenu devront apparaitre dans ce mode d affichage «Accroche». Le «Body» devra apparaitre en mode «Résumé». 5.2 Page : Cours URL : cours-en-ligne Cette page devra lister tous les contenus de type «Cours» par ordre de publication décroissant. Vous aurez le choix entre «Champs» ou «Accroche» pour afficher le contenue. Seuls les champs suivant devront apparaitre dans l affichage : - Titre - Classe - Matière - Contenu (mode résumé). Deux filtres devront être exposés aux visiteurs pour leur permettre d affiner leur recherche de cours : - Matière - Classe 6 Blocs Créer deux blocs de contenus simple : - Un bloc contenant un texte court (lorem ipsum) avec un lien vers la page «Contact» o Il devra disparaitre sur la page «Contact» - Un bloc contenant un texte court (lorem ipsum) avec un lien vers la page «Cours» o Il ne devra apparaitre que sur la page d accueil Disposez ces blocs dans la barre latérale de votre choix (gauche ou droite). 7 Générer du contenu Générer du contenu pour les types de contenus suivants via l outil de génération de contenu : - Article 20 à 50 éléments - Cours 20 à 50 éléments
8 Barème 8.1 Création & paramétrage des types de contenus (4 points) - Page de base 0.5 point - Webform 0.5 point - Article 1 point - Cours 2 points 8.2 Page : Présentation (1 point) - Création de la page et lien dans menu principal 1 point 8.3 Formulaire de contact (5 points) - Création de la page 0.5 point - Création du formulaire 2.5 points - Mise en place des champs conditionnels 2 points 8.4 Création et utilisation de la taxonomie (2 points) - Matières 1 point - Classes 1 point 8.5 Création & paramétrage des vues (4 points) - News 1.5 points - Cours 2.5 points 8.6 Création & paramétrage des blocs (2 points) - Contact 1 point - Cours en ligne 1 point 8.7 Génération de contenu (2 points) - Article 1 point - Cours 1 point 9 Rendu Dès que vous avez terminé, votre enseignant passera dans les rangs pour récupérer votre projet Web.