REFONTE DU SITE DE LA FEDERATION ALGERIENNE DE FOOTBALL CAHIER DES CHARGES TECHNIQUE Client Fédération Algérienne de Football (FAF) Chef de projet WEBQAM Marine CHARLES Solution retenue WordPress multilingue Version du cahier des charges 1 Ce cahier des charges comprend l arborescence du site, les maquettes graphiques et les fonctionnalités qui seront installées sur votre site. Toute modification ou évolution de ce cahier des charges après validation pourra faire l objet d un devis complémentaire. CAHIER DES CHARGES REFONTE DU SITE DE LA FAF 22/01/2015 page 1/27
SOMMAIRE Arborescence du site... 3 Présentation des maquettes... 5 Page d accueil... 5 Page parent... 6 Page enfant... 7 Detail des maquettes... 8 Détail du header... 8 Menu... 8 Detail de la galerie... 9 Flash info... 9 Detail partie centrale... 10 Detail colonne de droite... 11 Détail du footer... 12 Contenu des pages intérieures... 12 fonctionnalites... 13 Editeur de texte... 13 Gestion de l arborescence... 14 Gestion des actualités... 14 Formulaires de contact... 15 Gestion des pubs... 16 Gestion des partenaires... 17 Inscription à la newsletter... 17 Image de fond du site... 18 Médiathèque... 19 Gestion des pages parents... 21 Encart ligue... 22 Divers... 23 Analytics... 23 Liens webqam... 23 Référencement... 24 Balisage des pages... 24 Redirection 301... 25 Meta données... 25 Intégration du logo... 26 Actions de base... 26 Compatibilité... 26 Hébergement du site et noms de domaine... 27 CAHIER DES CHARGES REFONTE DU SITE DE LA FAF 22/01/2015 page 2/27
ARBORESCENCE DU SITE Menu haut Page d'accueil Historique La FAF Equipes nationales Compétitions Médias Contact Histoire de la FAF Le président Equipe nationale A Championnat P rofessionnel Ligue 1 Photos Les présidents de la FAF Le bureau fédéral Equipe nationale A (joueurs locaux) Championnat professionnel Ligue 2 Vidéos Palmarès du championnat national Les commissions Equipe nationale Olympique U23 Coupe d Algérie Accréditations Histoire de la coupe d Algérie Direction Technique Nationale Equipe nationale Féminine Histoire de l Equipe Nationale Les agents de joueurs Les arbitres internationaux CAHIER DES CHARGES REFONTE DU SITE DE LA FAF 22/01/2015 page 3/27
Menu bas de page Les liens en bas de page pointent vers des fichiers au format PDF. Ces fichiers sont administrables par la FAF via l administration du site Règlement de Football professionnel Règlement du football amateur Code disciplinaire Calendrier international Statuts de la FAF Commission de résolution des litiges Dans une seconde colonne on aura les liens suivants : Actualités Mentions légales Plan du site CAHIER DES CHARGES REFONTE DU SITE DE LA FAF 22/01/2015 page 4/27
PRESENTATION DES MAQUETTES PAGE D ACCUEIL Le format de la page d accueil sera le suivant : CAHIER DES CHARGES REFONTE DU SITE DE LA FAF 22/01/2015 page 5/27
PAGE RUBRIQUE Les pages catégories regroupent les catégories des articles. Ces catégories sont administrables via l administration du site (ex : Historique) CAHIER DES CHARGES REFONTE DU SITE DE LA FAF 22/01/2015 page 6/27
PAGE ARTICLE Les pages article sont le niveau final de l arborescence Sur cette page, nous avons mis seulement du texte, cependant vous pourrez ajouter des images, des vidéos, des liens et les placer là où vous le souhaitez. CAHIER DES CHARGES REFONTE DU SITE DE LA FAF 22/01/2015 page 7/27
DETAIL DES MAQUETTES DETAIL DU HEADER Logo du site. Renvoie à l accueil Pub (voir fonctionnalités) Moteur de recherche du site Permet le changement de langue MENU L onglet actif sera souligné en rouge Affichage du sous menu déroulé Passage de la souris sur un des sous menus Liens des réseaux sociaux Lien Facebook : en attente des éléments de la FAF Lien Twitter : en attente des éléments de la FAF Lien Google + : en attente des éléments de la FAF Lien YouTube : A créer par WEBQAM CAHIER DES CHARGES REFONTE DU SITE DE LA FAF 22/01/2015 page 8/27
DETAIL DE LA GALERIE Image La date, le titre et le début de l actualité seront repris de manière auto Il y aura toujours 4 actualités dans le slider FLASH INFO Les flashes infos n auront ni image ni lien. C est uniquement du texte informatif. La date sera à saisir dans le contenu Il n y aura pas de lien sur le titre Flash info sous fond rouge CAHIER DES CHARGES REFONTE DU SITE DE LA FAF 22/01/2015 page 9/27
DETAIL PARTIE CENTRALE La partie centrale permet l affichage des actualités du site L image / le titre / sous titre / le contenu / le lien lire la suite sont gérés de manière automatique Ce lien permet d afficher toutes les actualités Pub (voir fonctionnalités) CAHIER DES CHARGES REFONTE DU SITE DE LA FAF 22/01/2015 page 10/27
DETAIL COLONNE DE DROITE Cet encart permet de gérer la vidéothèque. Il affiche une image vers une vidéo de la vidéothèque choisie par l administrateur du site Ouvre la page Vidéos Pub (voir fonctionnalités) Cet encart permet de gérer la photothèque. Il affiche une image de la photothèque choisie par l administrateur du site Ouvre la page Photos Pub (voir fonctionnalités) CAHIER DES CHARGES REFONTE DU SITE DE LA FAF 22/01/2015 page 11/27
DETAIL DU FOOTER Logos des partenaires Ouvre des PDF Inscription à la newsletter CONTENU DES PAGES INTERIEURES Fil d ariane Titre du contenu repris automatiquement CAHIER DES CHARGES REFONTE DU SITE DE LA FAF 22/01/2015 page 12/27
FONCTIONNALITES EDITEUR DE TEXTE Nous mettons à votre disposition un éditeur de texte qui vous permettra de gérer les éléments suivants : Gestion des styles de base Les styles de base permettent au client de gérer la mise en forme des contenus ainsi que la typographie. Gestion des tableaux Le client pourra insérer des tableaux dans le contenu du site. L outil permettra de gérer la taille du tableau / la largeur des cellules / l alignement dans les cellules / la couleur de fond des cellules Gestion des images L éditeur de texte permettra d importer et d insérer des images dans le contenu. Vous pourrez redimensionner les images cependant il est cependant conseiller de les redimensionner au maximum a 1000px de large avant de les insérer dans le site. En effet le temps d affichage des images a des conséquences sur le temps de chargement du site. Gestion des liens Le client pourra ajouter des liens externes, internes, vers des emails, vers des PDF. Vous pourrez choisir d ouvrir les liens dans des nouvelles fenêtres ou non. Gestion des vidéos Des vidéos YouTube, Viméo, Dailymotion, etc. pourront être insérées dans le contenu. Pour cela, vous n aurez qu à saisir l URL YouTube de la vidéo concernée. (Cette fonctionnalité sera aussi présente sur les pages autres que Vidéos) CAHIER DES CHARGES REFONTE DU SITE DE LA FAF 22/01/2015 page 13/27
GESTION DE L ARBORESCENCE Vous pourrez mettre à jour l arborescence de votre site. Cependant vous ne pourrez ajouter de menus parents (l alignement des liens a été fait pour que l arborescence transmise entre dans la largeur de votre site - l ajout de liens peut entrainer un décalage des menus) Cependant vous pourrez ajouter des sous menus et renommer les menus parents (à condition que la longueur du lien soit approximativement identique) GESTION DES ACTUALITES Le site aura à disposition un module Actualités. Les 10 actualités les + récentes seront affichées sur la page d accueil : - Les 4 plus récentes seront sur le slider - Les 6 autres seront dans la partie dite centrale. Dès que l administrateur du site ajoutera une nouvelle actualité alors elle se placera automatiquement dans le slider et automatiquement en position 1. La 4 ème actualité deviendra alors la 5 ème actualité et sera ainsi affichée dans la partie centrale en 1 ère position. Chaque actualité aura donc obligatoirement : - Une image (le format sera transmis à la FAF par WEBQAM) - Un titre - Une date de publication - Un contenu - Un lien Lire la suite Le lien «Lire la suite» sera inséré par l administrateur du site. Ce lien permet de couper votre contenu là ou vous le souhaitez (la phrase ne sera ainsi pas coupée au milieu) Les dates de publication peuvent être modifiées par l administrateur du site, ainsi vous gérez comme vous le souhaitez l ordre d affichage des actualités. Attention la date sera toujours est supérieure ou égale à la date du jour pour être visible sur le site Le lien «Plus d actus» de la page d accueil permet de voir toutes les actualités du site (alors que la page d accueil ne permet de voir que les 10 dernières news). L apparence de cette page sera semblable à celle de la partie centrale de la page d accueil. Cependant on affichera 10 actualités par page. Un système de pagination permet de voir les actualités par pas de 10. L ordre d affichage sera aussi de la récente à la plus ancienne. CAHIER DES CHARGES REFONTE DU SITE DE LA FAF 22/01/2015 page 14/27
FORMULAIRES DE CONTACT La page contact aura les champs suivants Nom/Prénom Email* Tel Sujet Message* Pourriez-vous svp nous valider les champs? Souhaitez-vous plus d informations sur les internautes qui vous laissent des messages? Les champs notés d un * devront obligatoirement être renseigné. Un message d erreur apparaitra si l internaute n a pas saisi toutes les informations obligatoires. Dès lors que tous les champs seront renseignés le message suivant apparaitra : «votre message a bien été envoyé» Un captcha (suite de caractères et de chiffres dans une image) sera inséré dans le formulaire de contact afin d éviter les robots. Les réponses aux emails seront envoyées par email à en attente de l adresse email Le sujet du mail sera : «Email envoyé depuis le site internet» Le format des pages Contact sera le suivant : CAHIER DES CHARGES REFONTE DU SITE DE LA FAF 22/01/2015 page 15/27
GESTION DE LA PUBLICITE Le site a 5 espaces pubs : - Un dans le header - Un avant le pied de page - Deux sur les colonnes des photos et vidéos - Un sur la colonne de droite sur les pages intérieures Ces publicités sont des fichiers de type «image» au format GIF, PNG ou JPEG La FAF pourra changer les images de ces 5 publicités dans l administratio comme il le souhaite Un clic sur une publicité renvoit vers la page Web de l annonceur La publicité qui se trouve au-dessus du pied de page sera la même sur la page d accueil et sur les pages intérieures CAHIER DES CHARGES REFONTE DU SITE DE LA FAF 22/01/2015 page 16/27
GESTION DES PARTENAIRES Dans le pied de page on retrouve les logos des partenaires. Ces logos seront administrables par la FAF. Chaque image aura un lien, chaque lien s ouvrira dans une nouvelle fenêtre puisque ce seront des liens externes Dès lors que + de 8 logos seront insérés, les logos défileront de manière automatique afin que l internaute puisse visualiser tous vos partenaires INSCRIPTION A LA NEWSLETTER Les adresses emails saisies par les internautes dans le champ Inscription à la newsletter seront stockées en base de données et pourront être consultable et exportable en CSV depuis l administration. Si l adresse saisie par l internaute est déjà enregistré dans la base de données alors le message d erreur suivant apparaîtra «Votre email est déjà enregistré» Si l email n est pas valide alors le message suivant apparaitra : «Format email invalide» CAHIER DES CHARGES REFONTE DU SITE DE LA FAF 22/01/2015 page 17/27
IMAGE DE FOND DU SITE Le site a une image de fond. Cette image est administrable par la FAF. Le format de l image vous sera transmis lors de la formation. Si la FAF ne met aucune image de fond, alors l affichage du fond sera blanc, soit comme ce qui suit : CAHIER DES CHARGES REFONTE DU SITE DE LA FAF 22/01/2015 page 18/27
MEDIATHEQUE Sur le site, il y aura une médiathèque à disposition. Cette médiathèque permet le classement des vidéos et des photos. La page Vidéos Les vidéos seront hébergées sur YouTube. On retrouvera une page web sur laquelle la FAF pourra insérer des vidéos. L insertion des vidéos se fera via l url YouTube de la vidéo. Un lecteur de vidéo Youtube sera directement intégré dans le site pour permettre à l internaute la lecture de la vidéo directement sur le site sans passer par Youtube La page se présentera comme ce qui suit : CAHIER DES CHARGES REFONTE DU SITE DE LA FAF 22/01/2015 page 19/27
La page Photos La page Photo ouvrira la liste de toutes les catégories de galeries créées La présentation sera comme ce qui suit : Au clic sur un lien, l internaute accèdera à la galerie qui aura la présentation suivante : CAHIER DES CHARGES REFONTE DU SITE DE LA FAF 22/01/2015 page 20/27
GESTION DES PAGES RUBRIQUES Les pages Rubriques ont le format suivant : Les liens seront des images. Chaque image devra être créée par la FAF. Tous les liens et les images seront gérés dans la page rubrique (ici : Historique) Ainsi vous pourrez mettre en avant les liens que vous souhaitez (en effet les images n ont pas toutes le même format, nous ne pouvons donc gérer cela de manière automatique) CAHIER DES CHARGES REFONTE DU SITE DE LA FAF 22/01/2015 page 21/27
ENCART LIGUE Sur la page d accueil et sur les pages intérieures on retrouve un espace ligue. Les 3 logos affichés sont administrables par la FAF. La page «Autres ligues» sera quant à elle modifiable par la FAF. On retrouvera sur cette page tous les logos des autres liens. Chaque logo aura un lien vers le site de la ligue en question (lien externe) SITE MULTILINGUE Le site sera en deux langues : français et arabe. Le français sera la langue par défaut. Les contenus textuels en français et arabe seront rédigés et insérées sur le site via l administration par la FAF CAHIER DES CHARGES REFONTE DU SITE DE LA FAF 22/01/2015 page 22/27
DIVERS ANALYTICS Nous insérerons le codegoogle Anlaytics actuel de votre site avec de vous permettre de suivre les statistiques de votre site. Le code utilisateur du site actuel est : UA-12185442-1 Il conviendra de nous transmettre votre adresse IP afin que l on puisse exclure vos visites des statistiques (les données seront ainsi plus justes) LIENS WEBQAM Dans le pied de page, on retrouve «Création site : webqam» Les liens à insérer par le développeur sont : Sur webqam : http://www.webqam.fr/?utm_source=faf&utm_medium=footer+sites+clients&utm_term= Webqam&utm_campaign=Signatures+des+sites Sur creation site : http://www.webqam.fr/creation-siteinternet?utm_source=faf&utm_medium=footer+sites+clients&utm_term=creation+site&u tm_campaign=signatures+des+sites CAHIER DES CHARGES REFONTE DU SITE DE LA FAF 22/01/2015 page 23/27
REFERENCEMENT BALISAGE DES PAGES H1 H2 CAHIER DES CHARGES REFONTE DU SITE DE LA FAF 22/01/2015 page 24/27
H1 REDIRECTION 301 L option des redirections 301 n a pas été retenue. META DONNEES Chaque page doit comporter les balises «meta-données» suivantes : un titre / une description / des mots clés Un module sera intégré au site de manière à ce que l administrateur puisse renseigner ces informations. Le titre sera de base généré de manière automatique comme ce qui suit : [Nom de la page] Site officiel de la fédération algérienne de football (FAF) CAHIER DES CHARGES REFONTE DU SITE DE LA FAF 22/01/2015 page 25/27
INTEGRATION DU LOGO Le logo aura une image, un texte alternatif et une balise «title» sur le lien. La balise «Alt» ; le «title» du lien et le nom de l image seront identiques seront : Site officiel de la fédération algérienne de football (FAF) ACTIONS DE BASE Voici les actions qui seront mises en place : Les URLs seront réécrites et reprendront de manière automatique l arborescence du site. Création & transmission d un fichier robots.txt afin que les moteurs de recherche puissent accéder au contenu à référencer Soumission d un plan du site XML afin que Google comprenne l arborescence du site Respect des normes de balisage standard COMPATIBILITE Le site sera optimisé pour les navigateurs suivants : Internet explorer 9+ Mozilla Firefox 33+ Chrome 37+ Opéra 27+ Safari 8+ Tablettes Smartphones Le site sera Responsive Design Une fois que les maquettes et que le CDC seront validées, nous déclinerons les maquettes pour le mobile CAHIER DES CHARGES REFONTE DU SITE DE LA FAF 22/01/2015 page 26/27
HEBERGEMENT DU SITE ET NOMS DE DOMAINE Le nom de domaine du site sera : faf.dz Les paramètres de connexion à l hébergement sont les suivants En attente d informations CAHIER DES CHARGES REFONTE DU SITE DE LA FAF 22/01/2015 page 27/27