Site Internet du CERCLE (version 1) CAHIER DES CHARGES

Transcription

1 Site Internet du CERCLE (version 1) CAHIER DES CHARGES 1. Moyens préconisés Nature des contenus ACCUEIL Actualités vidéo INFOS PRATIQUES images RESSOURCES Catalogue de ressources images fichiers PDF à télécharger (ou affichage avec Flash Paper) AGENDA APPRENTISSAGE SELECTION DE SITES - auto évaluation en langues - bilan de compétences photos calendrier dynamique (dans la version 2) images/photos liens externes fichiers à télécharger (v.1) affichage de données provenant de tables d'une base de données (ressources et compétences en langues/cecr : v.2) et liens externes

2 2. Volumétrie des contenus (à compléter) Contenu Responsabilité Volumétrie estimée Proposition d'arborescence pour le site du CERCLE (cf page suivante)

3 Home dernières nouvelles Infos pratiques Ressources Agenda Apprentissage Sélection de sites présentation catalogue ateliers thématiques étudier au CERCLE arabe horaires espaces à propos par langue par compétence par domaine par niveau tutorat en langue entretiens de conseils séances en groupe-classe jeux et concours bilan de compétences en langues portfolio des langues Travail sur objectifs certifications externe TOEIC anglais français autres langues apprendre à apprendre par support développer une compétence DFA1 - DFA2 ressources temporaires écouter lire écrire converser s'exprimer apprendre plurilinguisme Cahier des charges - site Internet du CERCLE (Anne-Charlotte Chaput)

4 3. Intentions créatives L'univers du site et de l'université Française d'egypte... Les couleurs du logo de l'ufe sont le rouge, le bleu et le gris. Pour ne pas faire "drapeau français", j'ai laissé le bleu de côté et conservé les tons rouge et gris. J'ai choisi les couleurs suivantes pour la feuille de style du site du CERCLE : # #F0E5E4 # #C00000 #A utilisée dans le bandeau supérieur et le pied de page - utilisée pour la police des titres - utilisée pour le menu latérale (sous menus) - utilisée pour les boîtes "recherche" et "actualités" de la colonne de gauche - utilisée pour les galeries photos éventuelles (dans la partie centrale du site). - bandeau d'accès rapide aux pages dans une autre langue - couleur de la police principale - utilisée dans le menu latéral au survol du curseur. - utilisé dans le menu principal horizontal Logo du CERCLE et proposition de bandeau de la page d'accueil :

5 Le site a été conçu pour être facilement consultable en bas débit et pour des moniteurs 15 pouces en 800*600. Il fait appel à peu d'images pour alléger le chargement des pages. Nous avons défini une interface avec un menu principal horizontal et un menu vertical pour les sous menus, une interface à deux colonnes (gauche et droite) et une zone centrale pour accueillir le (pour le moment, la colonne de droite n'est pas utilisée). Les différentes zones de l'interface sont définies en pourcentage (hauteur et largeur) et les polices en pourcentage/grandeurs relatives (em) pour permettre aux utilisateurs d'adapter la lecture à la taille de leur écran et à leur convenance. Intégration d'objets : - Format des images :.png et.gif (raisons : transparence et poids des fichiers). - Format des vidéos :.flv, compatible PC et Mac (nécessite un plug-in Flash, mais qui est plus couramment installé sur des PC que Quicktime). - Fichiers audios :.mp3

6 Optimisation du site : Le site a été conçu en xhtml et css2 et a été testé avec les navigateurs suivants : - Firefox Safari Opéra Internet Explorer 6.0 Remarque : - les propriétés border définissant les coins arrondis ne sont pas reconnues dans Opéra ni dans IE 6.0. Il faut encore prévoir une feuille de style alternative pour les navigateurs les plus utilisés (IE 6.0, Opéra, Netscape).

7 CONTAINER contient tous les éléments cités ici. zone EASYACCESS INTRO contient : FR EN Plan du site zone LOGO zone BANNER EASYACCESS, LOGO et BANNER zone MENU HORIZONTAL Z O N E zone SEARCH Recherche Zone de de la rubrique "Agenda". zone SIDEBAR2 S I D E B A R 1 zone SIDEMENU ateliers thématiques tutorat en langues entretien conseil groupe-classe zone TEXT zone NEWS Prochain événement: 00/00/00 - MAINCONTENT contient : atelier cinéma... SIDEBAR1, TEXT et SIDEBAR Le CERCLE - Université Française d'egypte Nous contacter Haut de la page zone FOOTER Cahier des charges - site Internet du CERCLE (Anne-Charlotte Chaput)