Site web Spécifications fonctionnelles détaillées Titre Site web Auteur F. Leroy fred@fredleroy.com tel: 06 85 84 49 07 Sujet Spécifications fonctionnelles détaillées Version 1.0 Date de création 10/02/2010 Validé par Laure Dykstra Date de modification 11/02/2010 Statut Draft Date Version Commentaire 02/11/09 1.0 Première version du document SFD_EWC_1.0 1/11
Table des matières 1.Objet...3 2.Architecture du site...3 2.1.Home page...4 2.2.Pages de section...4 3.Modules dynamiques...5 3.1.Actualités...5 a)définition des actualités...5 b)affichage dans les pages...6 3.2.Formations...6 a)définition des formations...6 b)affichage dans les pages...7 3.3.Séminaires...7 a)définition des séminaires...7 b)définition des sessions de séminaires...8 c)affichage dans les pages...9 4.Annexes...10 4.1.Maquettes...10 a)maquette de la home page...10 b)maquette des pages de section...10 4.2.Mails...11 a)confirmation d'inscription à un séminaire...11 b)message annonçant le création d'une nouvelle session...11 SFD_EWC_1.0 2/11
1. Objet EastWest Conseil, société spécialisée dans le conseil interculturel, désire mettre en avant son offre de services sur son site Web. Ce site complète la communication offline de la société et en reprend les principaux éléments (charte graphique, contenus). L'offre d'eastwest Conseil s'articule autour de trois grands domaines : Le conseil en management international et interculturel Le coaching interculturel L'accompagnement des investisseurs à l'international Le site devra en outre proposer les fonctionnalités suivantes ; Site multilingue (anglais français dans un premier temps) Un moteur de recherche Un module d'actualités Un module de formations Un module de gestion des séminaires organisés par la société (module d'administration des séminaires et de leurs sessions, module d'inscription en ligne) 2. Architecture du site Le site est organisé en quatre sections reprenant les 3 domaines d'activité d'eastwest Conseil auxquels s'ajoute une section consacrée à l'équipe. La home page du site propose des liens vers les 4 sections ainsi que vers d'autres pages annexes (contacts, partenaires, etc...). Cette architecture est illustrée par le schéma ci-dessous : Actualités Home Résultats de recherche Contact Consulting Coaching Formulaire séminaires Aide dev. Équipe SFD_EWC_1.0 3/11
Les contenus de contact, résultats de recherche ainsi que le formulaire d'inscription au séminaires pourront apparaître dans des pages à part entière ou sous forme de popups dans la page (technologie lightbox, ex: http://onehackoranother.com/projects/jquery/boxy/). Le site définit donc 2 gabarits de pages principaux : 1 gabarit pour la home page 1 gabarit pour les pages de section et autres pages du site 2.1. Home page La home page du site se décompose en 4 zones principales (cf maquette en annexe): L'entête de page, commun à toutes les pages du site, met en avant le logo d'eastwest Conseil, le sélecteur de langue, les liens vers les pages de contact et de résultats de recherche Le menu des principales sections du site (4 aujourd'hui). Chaque section possède une illustration et un titre Une colonne permettant l'ajout de textes et illustrations sur la partie gauche de la page Une seconde colonne permettant elle aussi l'ajout de textes et illustrations La home loguée répondra aux règles de gestion suivantes: Home1 Home2 Home3 Le menu est généré automatiquement et reprend les titres de navigation des pages de section (le titre de navigation peut être distinct du titre de la page ellemême) Les illustrations du menu sont affectées sur chaque page (définition depuis le backend). Les liens à gauche du moteur de recherche (contacts, paretenaires, etc...) reprennent les titres de navigation des pages correspondantes. Les colonnes de gauche et droite permettent l'ajout de contenus depuis le backend. Ces contenus pourront proposer des modules dynamiques (actualités) si ceux-ci proposent une mise en page spécifique à la home. 2.2. Pages de section Les pages «intérieures» (utilisées pour la présentation des 4 sections principales ainsi que pour les autres pages du site) sont organisées en 5 zones (cf maquette en annexe): L'entête de page, identique à celui de la home Une illustration propre à la section (partie gauche de la page) Un rappel du menu des principales sections Une zone de contenu centrale Une zone de contenu en colonne de droite Ces pages répondent aux règles de gestion suivantes: Pages1 Les propriétés des pages permettent de définir : SFD_EWC_1.0 4/11
Pages2 Pages3 Pages4 L'illustration utilisée dans le menu de la home (optionnel) L'illustration utilisée dans le menu des pages de sections (optionnel) L'illustration utilisée dans la partie gauche de la page (obligatoire) Le rappel du menu est généré automatiquement et reprend les titres de navigation des pages de sections ainsi que l'illustration correspondante. La colonne centrale de la page permet l'ajout de textes et illustrations. La colonne de droite permet l'ajout de textes, illustrations et plugins dynamiques (actualités, séminaires, formations, etc...) 3. Modules dynamiques 3.1. Actualités a) Définition des actualités Une actualité se définit par : Un titre Une date Des dates de début et fin de mise en avant sur le site (optionnelles) Une description Un fichier pdf (détail de l'actualité) Le backend permet de lister toutes les actualités existant sur le site. Cette liste propose un lien vers le formulaire d'édition d'une actualité, de cacher une actualité, de supprimer une actualité. La liste propose en outre un bouton permettant d'ajouter une nouvelle actualité (formulaire d'édition/modification de l'actualité). Le formulaire d'édition d'une actualité répond aux règles de gestion suivantes : ActuEdit1 ActuEdit2 Le formulaire permet de renseigner ou modifier les propriétés de l'actualité au moyen des champs suivants : titre : champs texte, longueur maximale 255 caractères date : saisie de la date au format jj-mm-yyyy dates de mise en avant : saisie des dates au format jj-mm-yyyy description : champs RTE (rich text editor), permet la mise en forme du texte, l'ajout de lien et images fichier pdf : sélection du fichier à joindre (ou upload d'un nouveau fichier) Les news pourront être traduites dans toutes les langues disponibles sur le site. La modification d'une actualité ne met pas à jour le cache des pages du site : les modules dynamiques ne cacheront donc pas ces données pour assurer une visibilité immédiate des éléments modifiés. SFD_EWC_1.0 5/11
b) Affichage dans les pages Le plugin d'affichage des actualités est inséré comme contenu dans les pages. Il répond aux règles de gestion suivantes: ActuDisp1 Le plugin permet de spécifier les options suivantes : titre du bloc format d'affichage (bloc home page, colonne de droite des pages de section, page des actualités). Le nombre d'actualités à afficher ActuDisp2 ActuDisp3 Le plugin affiche la liste des n (nombre spécifié dans les options du plugin) dernières actualités par ordre chronologique décroissant. Si un document est renseigné dans l'actualité et qu'une traduction de ce document dans la langue d'affichage n'est pas disponible, l'actualité n'est présentée que si le document existe en langue anglaise. Si la liste des actualités est plus longue que le nombre spécifié, le plugin adopte les règles suivantes : si le format d'affichage est celui d'un bloc home ou page de section, le plugin affiche un lien «voir plus d'actualités». Ce lien pointe vers la page des actualités si le format d'affichage est celui de la page des actualités, le plugin propose une navigation au sein de la liste des actualités (pagination en listes de n actualités, liens «précédent», «suite» et sélecteur de page par numéro) ActuDisp4 La liste des actualités rappelle : la date de l'actualité le titre de l'actualité Le titre présente un lien vers la vue détaillée de l'actualité. ActuDisp5 La vue détaillée de l'actualité s'ouvre en popup dans la page. Elle rappelle : la date le titre la description de l'actualité Si l'actualité comporte un fichier pdf, l'affichage détaillé propose un lien vers ce document. 3.2. Formations a) Définition des formations Les formations sont définies par : un titre une description un fichier pdf de détails Le backend permet de lister toutes les formations existant sur le site. Cette liste propose un lien vers le formulaire d'édition d'une formation, de cacher une formation, de SFD_EWC_1.0 6/11
supprimer une formation. La liste propose en outre un bouton permettant d'ajouter une nouvelle formation (formulaire d'édition/modification de la formation). Le formulaire d'édition d'une formation répond aux règles de gestion suivantes : TrainEdit1 Le formulaire permet de renseigner ou modifier les propriétés de la formation au moyen des champs suivants : titre : champs texte, longueur maximale 255 caractères description : champs RTE (rich text editor), permet la mise en forme du texte, l'ajout de lien et images fichier pdf : sélection du fichier à joindre (ou upload d'un nouveau fichier) Les formations pourront être traduites dans toutes les langues disponibles sur le site. TrainEdit2 La modification d'une formation ne met pas à jour le cache des pages du site : les modules dynamiques ne cacheront donc pas ces données pour assurer une visibilité immédiate des éléments modifiés. b) Affichage dans les pages Le plugin d'affichage des actualités est inséré comme contenu de la colonne de droite des pages de section. Il répond aux règles de gestion suivantes: TrainDisp1 TrainDisp2 TrainDisp4 TrainDisp5 Le plugin permet de spécifier le titre du bloc dans la page. Le plugin affiche la liste des formations dans l'ordre spécifié dans le backend. La liste des formations rappelle leur titre qui comporte un lien vers la vue détaillée de la formation. La vue détaillée de la formation s'ouvre en popup dans la page. Elle rappelle : le titre, la description de la formation. Si la formation comporte un fichier pdf, l'affichage détaillé propose un lien vers ce document. 3.3. Séminaires a) Définition des séminaires Un séminaire est défini par les attributs suivants : un titre une description un fichier pdf de détails des dates de sessions Le backend permet de lister toutes les séminaires existant sur le site. SFD_EWC_1.0 7/11
Cette liste propose un lien vers le formulaire d'édition d'un séminaire, de cacher un séminaire, de supprimer un séminaire. La liste propose en outre un bouton permettant d'ajouter un nouveau séminaire (formulaire d'édition/modification du séminaire). Le formulaire d'édition d'un séminaire répond aux règles de gestion suivantes : SemEdit1 Le formulaire permet de renseigner ou modifier les propriétés du séminaire au moyen des champs suivants : titre : champs texte, longueur maximale 255 caractères description : champs RTE (rich text editor), permet la mise en forme du texte, l'ajout de lien et images fichier pdf : sélection du fichier à joindre (ou upload d'un nouveau fichier) sessions : liste de sessions avec ajout ou suppression d'une session. L'ajout d'une nouvelle session ouvre le formulaire de création de session décrit ci-après Les séminaires pourront être traduits dans toutes les langues disponibles sur le site. SemEdit2 La modification d'un séminaire ne met pas à jour le cache des pages du site : les modules dynamiques ne cacheront donc pas ces données pour assurer une visibilité immédiate des éléments modifiés. b) Définition des sessions de séminaires Une session est définie par les attributs suivants : le séminaire auquel elle se rattache une date un lieu (nom court) une description du lieu Les sessions sont définies depuis le formulaire de modification d'un séminaire. Un bouton permet d'ajouter une session à la liste des sessions du séminaire. Ce bouton ouvre le formulaire de définition d'un session. Ce formulaire répond aux règles de gestion suivantes : SemSessEdit1 SemSessEdit2 Le formulaire permet de renseigner ou modifier les propriétés de la session au moyen des champs suivants : date : saisie de la date au format jj-mm-yyyy lieu : champs texte (maximum 80 caractères) description du lieu : champs RTE (rich text editor), permet la mise en forme du texte, l'ajout de lien et images Les sessions pourront être traduites dans toutes les langues disponibles sur le site. Le backend proposera une fonctionnalité d'envoi d'alerte sur les nouvelles sessions de séminaires. Ce module affichera la liste des demandes d'informations en attente et pouvant être relancées compte tenu des sessions qui ont depuis été ajoutées. SFD_EWC_1.0 8/11
La liste propose une case à cocher pour chaque ligne de la liste (permet d'exclure certaines relances). Un bouton permettra l'envoi des relances (cf mail en annexe). c) Affichage dans les pages L'affichage des séminaires se fait par le biais d'un bloc utilisé en colonne de droite des pages de section. Ce bloc liste les séminaires et fournit un lien vers le formulaire d'inscription, il répond aux règles de gestion suivantes : SemDisp1 SemDisp2 SemDisp3 SemDisp4 SemDisp5 SemDisp6 Le plugin permet de spécifier le titre du bloc dans la page. Le plugin affiche la liste des séminaires dans l'ordre spécifié dans le backend. La liste des séminaires rappelle leur titre qui comporte un lien vers la vue détaillée du séminaire. La vue détaillée du séminaire s'ouvre en popup dans la page. Elle rappelle : le titre la description du séminaire les dates et lieux des prochaines sessions Si la formation comporte un fichier pdf, l'affichage détaillé propose un lien vers ce document. Si le séminaire comporte un fichier pdf, l'affichage détaillé propose un lien vers ce document. La vue détaillée permet en outre de demander des informations sur un séminaire. Un formulaire permet alors à l'utilisateur de sélectionner la session pour laquelle il souhaite recevoir des informations, renseigner ses noms et prénoms, son entreprise, téléphone ainsi que son adresse mail (champs obligatoire). Si aucune session n'est planifiée pour le séminaire, le formulaire affiche simplement un message invitant l'utilisateur à laisser ses coordonnées pour être averti par mail de la prochaine session. Le formulaire est alors simplement réduit aux informations de noms, prénoms, entreprise, téléphone et email. SFD_EWC_1.0 9/11
4. Annexes 4.1. Maquettes a) Maquette de la home page b) Maquette des pages de section SFD_EWC_1.0 10/11
4.2. Mails Madame/Monsieur, a) Confirmation d'inscription à un séminaire Nous vous remercions de votre intérêt pour notre séminaire «Titre du séminaire». Nous avons bien noté votre demande d'informations concernant la session de ce séminaire qui aura lieu à Lieu le Date et ne manquerons pas de vous contacter dans les meilleurs délais pour vous préciser tous les détails de cette session. Dans cette attente, nous vous prions d'agréer, Madame/Monsieur, l'expression de nos respectueuses salutations. Madame/Monsieur, b) Message annonçant le création d'une nouvelle session le datedelademande, vous nous aviez témoigné votre intérêt pour le séminaire «Titre du séminaire» organisé par EastWest Conseil. Nous avons le plaisir de vous informer que de nouvelles sessions ont été programmées pour ce séminaire aux/à la date(s) suivante(s) : le date à lieu Nous vous serions reconnaissant de nous confirmer votre intérêt pour l'une de ces/cette session(s) par retour de ce mail ou via notre site web : lienverslesite Dans cette attente, nous vous prions d'agréer, Madame/Monsieur, l'expression de nos respectueuses salutations. SFD_EWC_1.0 11/11