Master 2 AIGEME Ingénierie de la formation à distance

Université Sorbonne Nouvelle Paris III Année 2007- 2008

Note d’intention

de

Anne-Charlotte CHAPUT

Site Internet du Centre de Ressources en Langues (appelé le

CERCLE) de l’Université Française d’Egypte
 1. Le contexte

1.1 Le projet :
L’Université Française d’Egypte s’est dotée d’un centre de ressources en langues créée en 2008.
La création d’un site web pour ce nouveau dispositif est donc importante. Pour être visible et
plus facilement accessible, ce site sera intégré au site de l’UFE comme une de ses rubriques,
mais pourra également être consulté en dehors du site de l’UFE (adresse propre). L’UFE est
une université trilingue, le site du CERCLE devra donc prévoir une version dans les trois
langues (français, arabe et anglais).

1.2 La problématique :
Nouveau service (et dispositif) à l’UFE, le CERCLE (centre de ressources en langues) a besoin
d’un site web pour se faire connaître et informer son public, permettre la consultation des
ressources par une recherche multicritères, proposer un programme d’activités (thématiques,
cycliques, permanentes), mais aussi des outils, etc. Ce site doit être vivant pour attirer le public
et le fidéliser.
Tout centre de ressources doit pouvoir, au minimum, stocker et gérer les données de son
catalogue de ressources et permettre sa consultation au format papier et/ou web. Les ressources
du CERCLE (livres, DVD, Cdrom, etc.) qui ont été acquises (achat, don et collecte de
ressources ouvertes sur le Web) et évaluées, sont recensées et décrites dans des fichiers Excel et
partagés sur le réseau dédié au CERCLE. En parallèle, une première version de base de données
pour la gestion des ressources a été élaborée en mars 2008 avec le logiciel Microsoft Access.
Cette première structure de base de données (qui comprend tables, requêtes et formulaires), et
les fichiers Excel (les données) pourront donc être réutilisés lors de la phase de construction du
site web dynamique.
Si la base de données permet de stocker et de mémoriser les données (côté serveur), nous
devons prévoir une interface web (côté client) pour la consultation des ressources disponibles
d’une part, et pour la mise à jour des données dans la base de données d’autre part. Cette
interface de saisie et de consultation doit permettre d’interroger la base de données et de
visualiser certaines données (en fonction des droits utilisateurs). L’administrateur devra pouvoir
modifier la base de données, soit directement sur le serveur (MySql), soit à l’aide de formulaires
par l’interface de saisie dédiée à l’administration du site. Dans le cas du site d’un centre de
ressources, les données de type Ressource sont un point essentiel du site.

2
Un autre élément majeur de ce site portera sur des données de type Evénement, comme les
activités, ateliers, concours, jeux, cours et exercices proposés ou non selon un calendrier. Il
s’agit de données variables dans le temps qui nécessitent une mise à jour régulière et une
programmation à l’avance, permettant d’anticiper l’organisation et l’animation de tout ce qui ne
peut être fait en autoguidage complet (ex : élaborer un atelier d’écriture). Cette composante du
site est primordiale pour augmenter l’interactivité entre le dispositif et les usagers. Je propose
même, pour augmenter l’interactivité, que les utilisateurs aient la possibilité de participer à la
vie du site : un formulaire de saisie permettra par exemple de proposer une nouvelle ressource
ou une activité/atelier/concours. Dans le cas d’une activité, la personne pourra se proposer
comme organisateur, animateur ou simple participant. Toute proposition devra être soumis à la
validation de l’administrateur (et/ou d’un référent) avant de figurer sur le site (et donc dans la
base de données), et aura en attendant la validation, un statut transitoire « en attente de
validation ». On définira donc les différents statuts que pourront avoir les données de type
ressource et activité.
Le troisième type de données majeur dans ce projet est celle de type utilisateur, c’est-à-dire les
informations concernant les usagers (étudiants et enseignants). Les utilisateurs seront liés aux
ressources et aux activités dans la mesure où ils en sélectionnent, proposent, des ressources et
des événements qui les intéressent. Ces données seront stockées dans la BD et correspondront
au profil personnel en cours de l’utilisateur.

1.3 Objectifs du site

• Informer sur les services et le dispositif du CERCLE ; sur les objectifs de l’UFE en
termes de trilinguisme, de méthodologie, etc.

• Orienter à travers les différentes ressources disponibles, notamment par un ensemble

de critères de tri opérable sur les ressources

• Proposer aux étudiants et aux enseignants des ressources, un agenda d’activités*, des
outils (s’appuyant sur le web participatif notamment).

• Interagir avec les étudiants pour les motiver dans leur pratique des langues, et leur
faciliter la participation à la vie du CERCLE et à de nouvelles formes d’apprentissage
(autoformation, collaboration, projet, etc.)

*Certains contenus et certaines informations liés aux activités ou aux ressources pourront
ensuite être développées soit sur la plateforme Moodle soit sur le site lui-même (voir plus loin).
Il faudra bien réfléchir au stockage des données et à la meilleure utilisation possible du site du
CERCLE et de Moodle.

3
 1.4 Public
Le site sera utilisé par un public d’adultes et de jeunes adultes dans le domaine éducatif
essentiellement :
• Étudiants de l’UFE

• Enseignants de l’UFE

• Étudiants et enseignants d’autres établissements en Egypte (pages en accès libre

uniquement).

1.5 Benchmark
J’ai sélectionné plusieurs sites Internet liés au domaine de l’éducation, aux centres de ressources
et médiathèques, aux catalogues de ressources en ligne, aux langues, à la francophonie, etc. Ce,
afin de trouver des idées et d’orienter mon projet vers des choix graphiques, ergonomiques et de
navigation, les plus adaptés possible. Voici quelques exemples de sites et leur évaluation en
fonction de plusieurs critères importants.

En bref :
http://www.alliance-us.org/Merlin/ (projet ressources multimédia de l’Alliance Française) :
choisi pour sa simplicité, sa clarté et sa sobriété ; la possibilité d’accéder au site selon que l’on
est enseignant ou apprenant m’a paru également intéressant (certaines pages sont spécifiques à
l’un et à l’autre interface).
http://www.alliance-us.org/ : je trouve ce site intéressant du point de vue de l’interactivité entre
le site et les utilisateurs (le calendrier des événements, les photos, etc.) et pour la richesse du
contenu.
http://www.cerdd.org/spip.php?page=sommaire : Choisi pour l’adaptabilité et l’interactivité du
site (outils pour l’utilisateur) :
http://crl.univ-lille3.fr/index.php : les choix graphiques ne sont pas heureux, mais j’ai trouvé des
idées intéressantes au niveau des rubriques (contenu)
https://spiral.u-strasbg.fr/index.php : les choix graphiques ne sont pas proches de ce que
j’aimerais réaliser, mais j’ai trouvé des idées intéressantes au niveau du contenu (le centre de
langues, l’auto-formation) et la simplicité de la présentation.
http://crl.univ-tours.fr/index.asp?mn=1 : ce site montre un exemple réussi tel que je souhaite le
réaliser pour la partie consultation du catalogue des ressources avec la recherche multicritère.

Évaluation :
URL http://www.alliance-us.org/Merlin/
Facilité à trouver l’information Il n’y a pas d’outils de navigation mais il n’y a
4
 pas non plus de sous niveau au sein de chaque
rubrique (l’arborescence est simple). Ce n’est
donc pas très gênant.
Crédibilité Le copyright est spécifié mais pas la dernière
date de mise à jour du site.
Écriture pour le Web Les principes d’écriture pour le Web sont
respectées.
Ressources externes
Rubriques Le choix des rubriques permet de trouver les
informations essentielles pour un apprenant ou
un enseignant (deux interfaces) : d’une part le
menu (boutons) dans un frame horizontal pour
un accès par mot-clés (bibliographies,
activités, contenu pédagogique, test de
positionnement, etc.), d’autre part un accès est
proposé par action : « Practice & learn »,
« How does it work ? », etc.
Charte graphique Simple et agréable. Les couleurs sont sobres,
qui sont proches des nuances choisies pour le
site http://www.fiaf.org/
Interactivité entre le dispositif et l’usager Assez bonne interactivité, notamment grâce au
choix d’une

Capture d’écran du site http://www.alliance-us.org/Merlin/

URL http://www.fiaf.org/
5
Facilité à trouver l’information Accès à un bouton Recherche, indication des
horaires d’ouverture, adresse et indications
pour se rendre à l’Alliance française. Par
ailleurs, lorsque l’on accède à une rubrique, le
nom de la rubrique est toujours indiqué en
haut à gauche (frame vertical).
Crédibilité Le copyright est spécifié mais pas la dernière
date de mise à jour du site.
Écriture pour le Web Le site est très fourni mais la présence de
photos et d’images pour illustrer les
informations ou les événements apporte un
contraste intéressant et agréable.
Ressources externes
Rubriques Les rubriques représentent à la fois les
événements proposés (événements culturels),
les dispositifs (centre de langue, bibliothèque),
que les questions d’ordre pratique
(inscriptions, prêt, aide).
Charte graphique La présence de photos et d’images pour
illustrer les dispositifs d’accueil, les personnes
et les événements apportent un côté très vivant
et dynamique au site, au contenu par ailleurs
assez riche en information.
Le choix de couleurs sobres (gris foncé et gris
plus clair, bleu, blanc, et rouge) sont bien
choisies (repos de l’œil) et pas trop austère
grâce à la présence des photos et petites
images.
Interactivité entre le dispositif et l’usager Les informations sont présentées par
événement : le calendrier de la place d’accueil
permet de connaître tous les événements
organisés et les prochains événements
s’affichent sous le calendrier.
Captures d’écran du site http://www.fiaf.org/

6
URL http://www.cerdd.org/spip.php?page=sommaire
Facilité à trouver l’information Outils de navigation et de recherche de
contenu utiles : chemin parcouru dans
l’arborescence, bouton Recherche et plan du
site.
Crédibilité Pas de date de dernière mise à jour.
Écriture pour le Web Le texte n’est pas assez aéré.
Ressources externes
Rubriques Tout à fait adaptées au type de site à
l’approche radicale : « Connaître et savoir »,
« Agir », « Echanger ».
Charte graphique Agréable et bien choisie pour le thème du
développement durable. Les couleurs proches
de couleurs naturelles, évoquent les éléments
(l’eau, la Terre, l’environnement…)
Interactivité entre le dispositif et l’usager Très bonne interactivité, notamment grâce à la
fonctionnalité permettant de conserver des
articles dans sa « bibliothèque » pour y
revenir ultérieurement. De même, présenter
simplement une introduction ou résumé des
articles sur la première page et inclure un lien
« En savoir plus » pour afficher la suite de
7
 l’article est un moyen intelligent pour faciliter
la lecture et avoir une vision rapide d’un
ensemble d’articles ou d’information sur un
site.

Capture d’écran du site http://www.cerdd.org/spip.php?page=sommaire

URL https://spiral.u-strasbg.fr/index.php
Facilité à trouver l’information Pas d’outil de recherche mais le site ne
dispose pas d’une quantité d’information et de
niveaux d’information qui nécessite cet outil.
En effet, toute l’information est accessible en
parcourant les différentes rubriques,
Crédibilité Pas de mention de copyright ni de date de
mise à jour du site.
Écriture pour le Web L’information est organisée de façon très
claire, cependant la quantité de texte affiché
oblige à utiliser l’ascenseur vertical. Peut-être
aurait-on pu organiser et redécouper le
8
 contenu de façon à ce que chaque page
présente une longueur de texte permettant
d’embrasser tout le texte sans utiliser
l’ascenseur. Le site est un guide pédagogique
interactif offrant en plus une sélection de
ressources web par langue.
Ressources externes Les liens vers des sites d’intérêt linguistiques
sont classés par langue, puis par domaine, ce
qui est pratique pour un centre de ressources
en langues.
Rubriques Les rubriques (inscriptions, infos pratiques,
apprentissage, sélection de sites, certification)
permettent donnent les informations utiles
pour aborder le dispositif. Un espace
personnel avec code d’accès offre
certainement davantage de services.
Charte graphique Le choix des couleurs et de la feuille de style
en général est moins agréable que les autres
sites, mais on retrouve très facilement
l’information, qui est par ailleurs très
didactique.
Interactivité entre le dispositif et l’usager La présence d’un espace personnel pour les
étudiants inscrits à SPIRAL est un service qui
permet d’augmenter l’interactivité pour les
usagers. Mais cela dit, je n’ai pas pu vérifier
quelles étaient les fonctionnalités proposées.

Capture d’écran du site https://spiral.u-strasbg.fr/index.php

9
URL
Facilité à trouver l’information
Crédibilité
Écriture pour le Web
Ressources externes
http://crl.univ-tours.fr/index.asp?mn=1
Un grand nombre de critères permettent de
rechercher les ressources dans le catalogue, en
fonction de champs descriptifs des ressources,
chaque usager ayant des besoins variés, une
façon d’identifier les ressources et de
formuler une recherche différentes.
Pas de copyright ni de date de création ou de
mise à jour du catalogue. Cependant, chaque
fiche descriptive de ressource consultée
indique la date de création de la fiche, ce qui
est dans le cas d’un catalogue le plus
important.
Il s’agit d’un catalogue de ressources. La fiche
descriptive de chaque ressource est clairement
présentée pour une lecture à l’écran.
Lorsque la recherche porte sur des ressources
de support Web, l’adresse du site figure dans
la fiche : l’utilisateur peut accéder directement
à la ressource en ligne depuis la fiche
descriptive.
10
Rubriques Ici, on peut dire que les rubriques sont les
critères de recherche : Nouveautés, CRL,
Langues, Compétences, Support, Tous les
critères
Charte graphique Simple et sobre. Pas graphique ni artistique
mais l’accès à l’information et les outils de
recherche sont privilégiés, ce qui est
l’essentiel pour un catalogue de CRL.
Interactivité entre le dispositif et l’usager

Capture d’écran du site http://crl.univ-tours.fr/index.asp?mn=1

Conclusion de ce comparatif : choix et orientations

• Facilité à trouver l’information :

Certains outils très utiles pour se repérer sur un site et pour trouver l’information devraient être
inclus, notamment un moteur de recherche, un plan du site, une indication du chemin

11
parcouru afin de savoir où l’on se trouve sur le site et de pouvoir remonter à un des niveaux
supérieurs à tout moment.
• Crédibilité :

Le site est vivant et subit des mises à jour fréquentes, et l’internaute doit le savoir. On veillera
d’une part à inclure les mentions légales (copyright) dans un cadre horizontal (frame de type
filet) en bas de l’interface et d’autre part à inclure la dernière date de mise à jour.
• Écriture pour le Web :

Comme la lecture-écran est plus lente que la lecture d’une page dactylographiée, on prendra soin
au confort des usagers :
o En choisissant des polices, des tailles et des couleurs de polices adaptées à une
lecture à l’écran, avec un espacement suffisant entre les lettres et les mots et
facilitant le repérage du niveau ou du type d’information (titres, corps du texte,
copyright, information nouvelle, noms des rubriques, etc.).

o En hiérarchisant l’information, allant de l’essentiel au détail.

o En réduisant la longueur des pages et limitant ainsi le « scrolling » (barre de

défilement vertical)

o En limitant la largeur des textes pour éviter l’apparition d’une barre de défilement
horizontale)

o En structurant les textes en paragraphes courts avec une mise en page aérée tout en
permettant au lecteur de capter rapidement la structure de la page et de visualiser
l’essentiel de l’information.

o En contrastant textes et fonds des pages

o En donnant la possibilité d’imprimer les textes (certaines pages seulement ?) au

format A4.

• Ressources externes :

Les ressources du type «web » seront stockées dans la base de données de ressources,
commentées, indexées selon des critères définis, au même titre que les autres ressources sauf
qu’il s’agira d’un support web disposant d’une URL et pas d’une cote Elles seront directement
consultables depuis le site par un hyperlien. En revanche, les ressources du type CD, Cdrom,
DVD, livre, etc. auront une fiche descriptive consultable sur le site (recherche sur le catalogue),
mais les ressources seront consultables sur place au CERCLE. On les retrouvera à l’aide de la
cote précisée sur la fiche descriptive.

12
 • Rubriques :

Les sites de centres de ressources ou de langues proposent des rubriques ayant trait aux
ressources (physiques et électroniques), aux activités (activités à faire en autoformation,
ateliers, cours, concours, etc.) et à un agenda d’événements (activités, conférences, etc.). Je
souhaite y ajouter une rubrique boîte à outils (Web 2.0 et orienté sur les pratiques de la langue)
pour encourager les étudiants à découvrir et à utiliser les TIC dans leur apprentissage et leur
travail au quotidien (favoriser le développement de leur culture technologique). Enfin, une
rubrique Sélections du mois présentera un choix de ressources par langue, par support
(musique, films, livres, sites web) et par thème (culture, science, politique, etc.).

• Charte graphique :

Le site web du CERCLE sera d’une part consultable depuis le site de l’UFE (ajout d’une
rubrique CERCLE), d’autre part il aura une adresse propre pour le consulter en dehors du site de
l’UFE. Je propose de choisir des éléments graphiques rappelant en partie l’identité graphique du
site de l’université, au niveau des couleurs notamment, prenant en compte le fait que le site du
CERCLE pourra être consulté depuis le site de l’UFE (son interface sera alors intégrée au
modèle (gabarit ?) du site. Pour l’interface, on ne choisira pas des dimensions trop grandes pour
les modèles (templates) du site, afin d’éviter le scrolling.

• Interactivité entre le dispositif et l’usager :

Les deux types de données primordiales sur ce site sont les ressources et les activités. Ces
activités pourront être des événements périodiques ou uniques (inscrits au calendrier) ou des
activités permanentes (en dehors du calendrier).

Pour personnaliser l’interface de chaque utilisateur, on pourra dans un second temps, ajouter
deux fonctionnalités pour l’utilisateur :
o « Ma bibliothèque » :

Je propose l’intégration d’un outil « Ma bibliothèque» permettant aux utilisateurs (membres de

l’UFE) d’ajouter à leur espace personnel les ressources de leur choix consultées ou sélectionnées
sur le site ou le catalogue. Cet outil jouerait d’une part le rôle d’un marque-page, d’autre part il
serait une étape dans le travail d’autoformation (la sélection et le choix des ressources par
rapport à ses besoins/objectifs ou à ses intérêts). Cela pourrait éviter aux étudiants de noter

13
systématiquement les ressources consultées ou présélectionnées pour un travail ultérieur. Une
fonction d’évaluation de la ressource par l’usager augmenterait l’utilité de l’outil.
o « Mes activités » :

Selon le même principe, il serait intéressant de permettre aux utilisateurs de sélectionner des
événements parmi ceux proposés à partir du calendrier pour éventuellement s’y inscrire, mais
aussi pour sélectionner des exercices et activités d’autoformation. D’ailleurs, certaines activités
seront limitées en nombre de places, et une inscription préalable sera donc souvent nécessaire
pour pouvoir l’organiser (groupes de niveaux et planification des personnes ressources pour les
animer).

Une page du site de l’Université Française d’Egypte

Autres outils permettant d’augmenter l’interactivité et l’adaptabilité du site par rapport aux
usagers :
• Calendrier/Agenda (soit dans la rubrique Activités soit toujours accessible)

• Bouton « Imprimer la page »

• Réagir à/commenter l’article, la page, la ressource, l’activité

14
 2. Solutions
Pour atteindre ces objectifs (Informer, Orienter, Proposer, Interagir), je propose de concevoir et
réaliser un site web dont le concept, l’identité graphique, les technologies utilisées, permettent
de construire un site outil qui mette en valeur le nouveau dispositif d’auto-formation (le
CERCLE) de l’université. Le site doit être clair, attrayant, didactique et vivant, au service de
son public (étudiants d’une part, enseignants d’autre part) et des responsables du contenu du site
web (l’équipe du CERCLE).

2.1 Un site clair

• Plaisir de la lecture

• Facilité à trouver l’information

L’exigence de clarté est d’autant plus importante que notre public est en majorité composé
d’étudiants égyptiens. Je propose par conséquent une écriture spécifique au web et adaptée à un
public dont la langue maternelle n’est pas le français, un choix graphique clair et léger, mettant
en valeur l’information, rappelant (au moins par le choix des couleurs) le site de l’Université
Française d’Egypte, et des outils de navigation (positionnement sur le site par un rappel du
chemin parcouru, moteur de recherche et plan du site) permettant un repérage constant.

2.2 Un site attrayant

Le contenu éditorial de qualité régulièrement actualisé, des informations utiles, didactiques et
renouvelées, au service des étudiants et des enseignants.
Une programmation d’activités adaptée aux goûts d’un public de jeunes étudiants.
Des outils favorisant leur participation (proposition de nouvelles ressources, d’activités,
sélection de ressources, inscription à des événements).

2.3 La gestion des données

Le site web devra gérer un nombre de plus en plus important de ressources au fur et à mesure
des nouvelles acquisitions de livres, CD, DVD et de la conception de cours et d’exercices en
ligne, mais aussi la collecte de sites web d’intérêt pour les étudiants. En effet, il me semble
important de répertorier toutes les ressources dans une même base de données.
La base de données contiendra également tout ce qui concerne la vie du CERCLE : les activités,
ateliers, concours, projets, etc. Ces événements devront être associé à une date ou période, et
figurer dans un calendrier.

15
Nous aurons donc besoin d’organiser et de stocker toutes ces données dans une base de données
relationnelle, afin de gérer l’évolution des données dans le temps, par des ajouts, suppressions,
modifications, et faire des requêtes de tri et croisées.

2.4 L’import export de données

Je prévois la possibilité d’exporter certaines données du site, à savoir :
• une liste de ressources sélectionnées dans le catalogue par une recherche multicritères,
sous un format Word ou PDF par exemple,

• le programme des activités du mois ou de la semaine.

L’import et l’export de données seront possibles grâce au langage XML, qui joue le rôle
d’intermédiaire entre les bases de données et le site web ou entre le site et la restitution de
données sous un autre format (PDF, Word, Excel, etc.)

2.5 Indexation des informations : thésaurus ou ontologie

Les informations contenues sur le site devraient, pour être exploitées convenablement, être
indexées selon un thésaurus ou une ontologie.

2.6 Un site web dynamique

Je ne souhaite pas réaliser un site statique avec création de pages une à une, car ce type de site
complique les mises à jour du site et ne garantit pas la pérennité du site. On risque en effet très
vite de voir apparaître des incohérences.
Le contenu et la présentation des pages seront gérés indépendamment : un script (langage PHP)
ira chercher le contenu dans la base de données (MySql) au chargement de la page, ou suite à
une autre action, pour les insérer dans un modèle de page (langage CSS pour les feuilles de
style).

2.7 Une interface d’administration

Il est nécessaire de réaliser une interface d’administration pour faciliter la mise à jour du site par
le responsable éditorial ou toute personne habilitée, en se connectant à cette interface par un mot
de passe lui permettant d’intervenir sur la base de données. Elle pourra ajouter, supprimer,
modifier les données des différentes tables (ressources, événements, etc.), indépendamment de
l’interface graphique et sans intervenir directement sur la structure des tables.
Cette interface permettra également de connaître les statistiques de consultation du site (par page
et par utilisateur) et il sera possible d’exporter ces données au format XML ou Excel par
exemple.

16
 3. Arborescence des contenus
PAGE ACCUEIL
Sur la page d’accueil, le cadre principal contiendra les éléments ci-dessous :
- Dessins et photos du CERCLE qui défilent en continu et de façon aléatoire dans un tableau (de
dimension représentant le tiers du cadre)
- Consulter le catalogue des ressources
- Etudier au CERCLE
- Participer aux ateliers proposés

Les rubriques ci-dessous sont proposées dans un bandeau horizontal :

- A propos (une page)
- Ressources : le cadre vertical de gauche présente une liste de critères de recherche dans la base
de données, et le cadre principal permet de visualiser les ressources trouvées dans la base en
fonction des critères choisis. Les listes de choix proposées seront la langue, le support, le
niveau, la compétence, le thème ; avec la possibilité d’effectuer une recherche par mot-clé. Une
fiche descriptive s’affiche pour chaque ressource correspondant aux critères choisis.

- Ateliers & événements

o Ateliers :
 Conversation (français, anglais, arabe)
 Techniques du cv/lettre de motivation/entretien
 Utilisation des ressources et des outils du Web
 Cinéma au CERCLE
o Projets, jeux et concours
- Apprentissage :
Apprendre au CERCLE
Les outils d’apprentissage
Les ressources
Les ateliers
Les activités par compétence (lire, écrire, parler, écouter) proposées par le CERCLE
Les parcours d’apprentissage
Les conseils de l’équipe du CERCLE
La fiche individuelle de suivi
Le bilan de compétences en langues
Le Portfolio d’apprentissage des langues

17
 - Sélection de sites
(informations extraites du catalogue des ressources)
Français
Anglais
Arabe
- Certifications
Objectif certification en langues
S’entraîner au TOEIC
S’entraîner au DFA1, DFA2

4. Arborescence des contenus de l’interface administrateur

• Connexion (écran de)

• Gestion des comptes utilisateurs

• Gestion des données du catalogue (mise à jour des ressources)

• Gestion des données relatives aux activités (calendrier, programmation)

• Gestion des données des différentes pages du site

• Statistiques du site

5. Fonctionnalités
• Moteur de recherche (qui indexe les documents avec des métadonnées)

• Module de recherche des ressources par critère (langue, compétence, niveau, thème)

• Calendrier (des ateliers et activités, dates d’inscription, sessions pour les certifications
en langue prévues, etc.)

• Indexation des données selon un thésaurus

• Menu dynamique

• Mise à jour automatique de la date (de mise à jour du site)

• Connexion des administrateurs

• Validation des données par l’administrateur

• Authentification et ouverture des sessions utilisateurs

• Gestion des mots de passe

18
 • « Ma bibliothèque » (sélection de ressources conservées dans l’interface/profil de
l’utilisateur)

• « Mes événements » ou « Mon agenda » (l’étudiant qui s’inscrit à un atelier voit

apparaître cet événement dans son agenda).

• Outil d’envoi de mail à l’équipe du CERCLE ou au Webmestre par un formulaire.

6. Solutions techniques envisagées

6.1 Les besoins

Nous avons besoin d’élaborer une base de données pour gérer les ressources du CERCLE, les
événements organisés par le CERCLE, et les données propres aux usagers. Nous devons
permettre une restitution de certaines informations contenues la cette base de données sur un site
web dynamique. Ce site devrait avoir une interface de consultation seule (visiteurs extérieurs à
l’UFE), de consultation avec quelques actions possibles (usagers ayant un compte) et une
interface de saisie pour la mise à jour des données.

6.2 Les solutions

6.2.1 PHP-MySql
Nous allons travailler à l’aide d’un environnement de développement comprenant un serveur
web (Apache) et un serveur de base de données (Mysql), un interpréteur de script PHP et une
interface d’administration SQL (PHPMyadmin).

6.2.2 CSS
Le langage CSS sert pour les feuilles de style des pages html. Ainsi, nous allons définir notre
charte graphique (choix des frames, des couleurs, des polices, images et photos, organisation de
l’information et navigation) et l’exprimer grâce à une feuille de style.

7. Plan d’action
Les étapes clés de ce projet sont les suivantes :

7.1 La conception
• Validation de la présente note d’intention

• Validation d’un cahier des charges

• Validation d’un dossier de conception (facultatif pour ce projet)

7.2 La réalisation du site web

Production graphique :
19
 • images, logos, bandeaux, animations, feuilles de style

Développement :
• Élaboration de la base de données

• Création des pages dynamiques de l’interface administrateur (PHP-Mysql)

• Création des pages dynamiques de l’interface utilisateur (PHP-Mysql)

• Développement des fonctionnalités

• Intégration

• Tests

• Mise en ligne (mise en production)

• Référencement

• Rédaction d’un procédurier pour la gestion du site, et formation

8. Échéancier
Objectif Tâches à réaliser Durée
Note d’intention Etude du contexte 16 jours
Problématique
Benchmark
Solutions proposées
Arborescence des contenus
Fonctionnalités
Plan d’action
Planning
Cahier des charges 16 jours
Dossier de conception 17 jours
Maquette fonctionnelle 9 jours
Production Entre 70 et 100 jours
Durée totale : entre 128 et
158 jours

20