CAHIER DES CHARGES La fiche technique Nom du domaine : Le choix d'un hébergeur gratuit ou de l'achat d'un nom de domaine du type www.triangle.com est à faire. (voir la fiche info pour les prix). Architecture : Une structure hiérarchisée des liens conduira intuitivement les utilisateurs vers l information recherchée. Exemple : -Menu Principal -Lien 1 -Sous lien 1 -Sous lien 2 -Sous lien 3 -Lien 2 -Sous lien 1 -Sous lien 2 -Lien 3 -Sous lien 1 -Sous lien 2 Langages utilisés : Partie Flash : Seule l introduction et le menu contenant les liens ci-dessus seront développés en Flash pour dynamiser le site. La Home Page devra toujours être accessible par un lien intégré au logo placé dans le menu en haut à gauche de la page. L introduction devra reprendre le logo du triangle (le jongleur) et l animation devra amener vers le menu (voir fiche contenu). Partie HTML : Développer pour le contenu du site, cette partie devra impérativement comporter des codes spécifiques pour l accès aux handicapés et pour le référencement qui sont détaillé ci-dessous. Partie Base de donnée : Cette partie devra être intégré au code HTML et concernera toutes les informations n étant pas statique (Programme des spectacles, nouvelles brèves).
Accessibilité : Accès Handicapés : La page html devra être validé par la norme W3C (http://www.lagrange.net/w3c/html4.01/ ) pour l accès du site aux personnes handicapées ce qui nécessitera la création d une page d accueil parallèle pour le menu leurs étant uniquement dédié. Des tags du type alt devront être intégrés à la balise d image pour permettre une visualisation avec des navigateurs en mode texte ou des navigateurs spécifiques aux handicapés. Pour que le site soit correctement interprété, il devra y être inclus des informations sur la langue utilisée dans le site, le sens d'écriture et sur l'encodage employé. Accès Etrangers : Le site devra être disponible en plusieurs langages (Français, Allemand, Anglais). Il devra donc être prévu plusieurs versions des textes utilisés. Accès Réservés : Le site devra disposer d emplacements sécurisés au moyen d un login et d un mot de passe qui permettra d enregistrer des données confidentielles (pour la mailing list) ou d héberger une exposition virtuelle. Mailing List : La liste des e-mail donnée par les utilisateurs devra être stocké dans une zone sécurisée (pour répondre à la loi sur les libertés informatiques voir www.cnil.com ) du serveur et ne sera accessible que par identification au moyen d un login et d un mot de passe. Bien évidemment, les personnes inscrites pourront se désinscrire quand elles le souhaiteront et sur simple demande par e-mail. Base de donnée : Les bases de données SQL seront créées sous Excel ou Access (selon l hébergement choisi et leurs services proposés) : - Une première sera créée pour le programme des spectacles: Elle devra contenir un numéro d'identification, le nom de l'artiste ou de la troupe, sa description, la date du spectacle, le nom de la photo qui s'y rattache et un commentaire pour la photo (intégré dans une balise alt). - Une deuxième sera créée pour les nouvelles affichées en page d'accueil et pour la diffusion des nouvelles dans la mailing list: Elle devra contenir un numéro d'identification, la catégorie de nouvelle, la nouvelle, la date.
Contenu : Le Texte : La police de caractère du texte devra être la même sur chaque page et la taille du texte ne devra pas changer plus de 3 fois au risque de rendre la page confuse. Les polices employées pour l HTML devront être inscrit dans un fichier CSS pour permettre une vision des caractères différents selon la configuration du navigateur utilisé, cela principalement pour les personnes ayant un navigateur pour handicapés. Les Graphismes : La page devra avoir un maximum de 480 pixels en largeur pour éviter les problèmes avec les utilisateurs ayant un affichage en basse résolution (640*480). Les images devront être des fichiers JPEG (format compressé) pour les images complexes ou les photos, des fichiers GIF pour tous les graphismes contenants peu de couleurs. Ils devront avoir une résolution de 72 ppp (pixels par pouce) pour réduire leurs tailles et faciliter leurs téléchargements. Tous les graphismes devront être référencé sur le site et uniquement celui-ci. Les fonds d écrans devront être simple et sans couleurs agressives. Les tags HEIGHT=xxx et WIDTH=xxx devront être intégré au code HTML pour permettre un chargement plus rapide des pages.(chargement des images et du texte à par, les images ayant un espace à l affichage réservé et se chargant qu après le texte). Mise à Jour : Pour les bases de données : Elles seront mises à jour par l intermédiaire d une page proposant un formulaire en PHP contenant un champ de saisie pour chaque élément de la base de donnée. Pour le contenu HTML : Le contenu devra pouvoir être édité dans Dreamweaver ou dans le bloc-note pour être mis à jour. Pour le menu en Flash : Il ne sera modifiable qu avec les outils qui l ont crée (donc dans Flash MX).
Référencement : -À faire au préalable dans les métas (entête invisible du code HTML écrite dans la partie head de celui-ci) de la page principale : La partie entre les balises title du code HTML de la page principale sera le titre utilisé par le moteur de recherche, il y a aussi possibilité d intégrer une partie description et mots-clés dans les métas. La liste des mots clés devra être d une dizaine de mots. Le titre de la page devra contenir les mots clés les plus importants. Cette modification devra être fait la page principale du site du triangle mais aussi sur le site de la ville d Huningue pour permettre l accès au site par ces deux voies. -Pour des exemples de prix proposé sur Internet, voir la fiche infomation.
La fiche descriptive Le titre du site: Le Triangle - Centre éducatif et culturel. Mots Clés importants: triangle, Huningue, concerts, spectacles, art, école, musique,... Public ciblé: - Un public jeune mais pas forcément, vu l'étendu des activités proposé, tout le monde y est convié. Préférence: - La page devra être rattaché à la page de la ville de Huningue. - Les couleurs devrons être chaudes (rouge, jaune,...). - La page d'accueil devra toujours être accessible de n'importe ou grâce au logo placé en haut du menu. - Aucune page pop-up ne devra s'ouvrir. - Les caractères pourront être de plusieurs types et devront apporter la lisibilité tout en représentant le coté culturel et original du lieu. Page Accueil : - Introduction en flash puis affichage du menu contenant les liens à gauche (toujours en flash). - Titre: Bienvenue au Triangle. - But du site: Informer les utilisateurs sur les activités, attirer toutes personnes voulant découvrir les activités du Triangle et rendre le lieu plus attractif. - Possibilité d'inscription a une mailing list pour recevoir les nouvelles directement par mail. - lien 1: Accueil - lien 2: Activités - lien 3: Communauté - Copyright: Tous droits réservés.
Page Maître: - L'ensemble des pages maîtres devra être en HTML ou DHTML pour facilité la mise à jour. - Les sous liens correspondant à leurs liens seront directement accessible grâce a un menu déroulant dès la sélection d'un des liens ci-dessous. - lien 1: Accueil - Images: photos du Triangle en fond. - Texte: Adresse, Horaire d'ouverture, Accès au Triangle, Contact - sous lien 1.1: Présentation des lieux - lien 2: Activités - Images: photos des spectacles, concerts et des activités en fond. - Texte: Nouvelles sur les spectacles, info en temps réel grâce à une base de donnée. - sous lien 2.1: Programme des spectacles - sous lien 2.2: Expo - sous lien 2.3: Académie de musique - sous lien 2.4: Activités annexes - lien 3: Communauté - Images: Illustration, Photo du public en fond. - Forum pour les nouvelles accessibles par tous les utilisateurs pour toutes leurs propositions. - sous lien 3.1: Liens vers les différents centres culturels de la région. - sous lien 3.2: Formulaire pour les artistes désireux de proposer leurs services au Triangle. Page Secondaire: - L'ensemble des pages secondaires devra être en HTML ou DHTML pour facilité la mise à jour et l'intégration de la base de donnée. - sous lien 1.1: Présentation des lieux - Images: Photos et vision a 360 du Triangle, cartes des environs pour le situer par rapport aux différents bâtiments publiques, plan du Triangle et illustration de l'historique (pose de la première pierre,...). - Texte: Présentation historique du Triangle, résumé des activités précédentes,... - Visite virtuelle des lieux. - sous lien 2.1: Programme des spectacles - Liste des spectacles organisés en base de donnée. - Pour chaque artiste: - Images: photo de l'artiste ou de la troupe en représentation. - Texte: descriptif de leur activité avec lien vers leur page perso si possible.
- Cette base de donnée nous permettra la mise en place de moteur de recherche interne, de classement par date, genre ou nom, et la mise a jour des données avec beaucoup plus de simplicité. - sous lien 2.2: Expo - Images: photos de l'expo présenté avec un historique des expos précédentes. - Texte: présentation de l'artiste exposant et de ses différentes activités, dates des expos à venir. - Visite virtuelle de l'expo. - sous lien 2.3: Académie de musique - Images: Photos des salles de cours avec les élèves et les instruments. - Texte: ensemble des cours proposés, horaires des cours, nom des responsables, programme de l'année,... - sous lien 2.4: Activités annexes - Images: Photos des autres activités (concours d'échec, fête régional,...). - Texte: description pour chacune des photos avec le programme de l'année pour ces activités. - sous lien 3.1: Liens vers les différents centres culturel de la région - Images: capture miniaturisé des différents sites. - Texte: liste des liens vers les centres culturels. - sous lien 3.2: Formulaire pour les artistes - Cela demandera des compétences techniques et obligatoirement une déclaration des traitements de données personnelles à la commission nationale de l'informatique et des libertés. Mise à jour du site: - une mise à jour pourrait être imaginé, notamment pour les bases de données, sous forme d'une fiche internet uniquement accessible par le webmaster et qui lui faciliterait énormément la tâche. Graphisme: - Utilisation des animations flash pour l'accueil et pour les menus. - Partie en HTML ou DHTML pour tout le contenu du site.
Fiche Informative Nom de domaine : quelques exemples d hébergement Chez www.oleane-hebergement.com (France Telecom Wanadoo) Formule Initiale : - 1 nom de domaine en.com.net.org - Interface d administration - 50 Mo d espace d hébergement - Référencement gratuit sans obligation de résultats - 5 Go de trafic mensuel - 10 comptes e-mail - 10 Mo d espace de stockage par compte mail - Interface de contrôle des mails - Statistiques de consultations - 1 bases de données (mysql) avec un nombre de bases de données Access illimitées - 20 Mo d espace pour la base de donnée Prix : - Abonnement annuel :300 HT - Abonnement mensuel :25 HT - Entretien annuel des NDD après la 1 ère année :20 HT Formule Plus : - 2 nom de domaine en.com.net.org - Interface d administration - 100 Mo d espace d hébergement - Référencement gratuit sans obligation de résultats - 10 Go de trafic mensuel - 15 comptes e-mail - 10 Mo d espace de stockage par compte mail - Interface de contrôle des mail - Statistiques de consultations - 3 bases de données (mysql) avec un nombre de bases de données Access illimitées - 20 Mo d espace pour la base de donnée Prix : - Abonnement annuel :480 HT - Abonnement mensuel :40 HT - Entretien annuel des NDD après 1 ère année :20 HT
Chez www.mm100.com Ce qui est compris dans toutes les versions d hébergement : -Une administration on-line est prévue pour permettre la consultation et la gestion des factures, des comptes mail, des statistiques complètes du site, et des données présentent sur le site et d espace sécurisé (accès par login et mot de passe). Base MySQL (indispensable pour les bases de donnée) FTP personnel 24h/24 (accès système de fichier) PHP 4 (permet l utilisation des bases de donnée) Les différentes versions proposées : MM10 (10Mo d espace disque, Bande passante 2Go/mois) 2,11 /mois 23 /an MM50 (50Mo d espace disque, Bande passante 4Go/mois) 5,50 /mois 60 /an MM100 (100Mo d espace disque, Bande passante 10Go/mois) 10,08 /mois 110 /an MM200 (200Mo d espace disque, Bande passante 15Go/mois) 32,08 /mois 350 /an MM500 (500Mo d espace disque, Bande passante 30Go/mois) 87,08 /mois 950 /an Frais de mise en service : 18 (unique) Chez www.arsys.fr Pack Professionnel Prix : - 11,42 /mois HT (souscription trimestrielle) - 9,52 /mois HT (souscription annuelle) Contenu du pack : - 100 Mo d espace disque dur - 10 boîtes aux lettres de courrier de taille illimitée. - 40 adresses de courrier du type adresse redirigée vers une quelconque adresse de courrier de votre choix - Alias illimités de courrier (adresses redirigées vers des comptes de votre domaine) - 10 comptes FTP - 1 Go de transfert mensuel - CGI s pré-installés (compteur, envoi de formulaires et de pages Web) - CGI's propres. Sous Linux: Perl, Python, PHP ou programmes exécutables compilés - Server Side Include - Extensions FrontPage - Statistiques d'accès avec le meilleur produit du marché: Urchin - Panneau de contrôle pour gérer le domaine - Types MIME installés qui vous permettent héberger des contenus développés avec Macromedia Flash et applications ou moyen pour l'utilisation via WAP. Chez www.oxito.com Prix : 2,5 / mois Options : - 100 Mb - Compte e-mail POP3 - Frontpage - PHP4 - Perl 5 - Formulaires, Compteurs - Statistiques - Webmail - MySQL en option pour 5 à payer qu une fois
Référencement : En général, le référencement sur les moteurs de recherche est payant si l on souhaite un référencement rapide (3 à 10 jours) et il est gratuit si le fait qu elle soit référencée en 4 à 6 semaines n est pas gênant. Sites proposant un référencement gratuit : Chez www.gratuit-referencement.com: Référencement : - à plus de 1200 outils de recherche et 600000 répertoires, seule contrainte, afficher leur banner sur le site. - à plus de 100 moteurs internationaux sans aucune contrainte. Chez www.actiref.com Référencement automatique à plus de 110 moteurs et annuaires gratuitement et sans banner à ajouter. Sites proposant un référencement payant : Chez www.refpayant.com 95 pour 150 à 200 outils de recherche francophones (moteurs et annuaires) Chez www.referencement-2000.com - Référencement sur plus de 120 outils de recherche francophones - Durée de la prestation : 3 mois - Inscriptions manuelles - Rapport de positionnement oui pour la version classic non pour la version basic - Interface client personnalisé Version Classic 245 HT Version Basic 136 HT