Note Intention Acc

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 Facilité à trouver l’information

http://www.alliance-us.org/Merlin/ Il n’y a pas d’outils de navigation mais il n’y a 4

Crédibilité Écriture pour le Web Ressources externes Rubriques

Charte graphique

Interactivité entre le dispositif et l’usager

pas non plus de sous niveau au sein de chaque rubrique (l’arborescence est simple). Ce n’est donc pas très gênant. Le copyright est spécifié mais pas la dernière date de mise à jour du site. Les principes d’écriture pour le Web sont respectées. 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. Simple et agréable. Les couleurs sont sobres, qui sont proches des nuances choisies pour le site http://www.fiaf.org/ 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

Crédibilité Écriture pour le Web

Ressources externes Rubriques

Charte graphique

Interactivité entre le dispositif et l’usager

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). Le copyright est spécifié mais pas la dernière date de mise à jour du site. 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. 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). 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. 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 Facilité à trouver l’information

Crédibilité Écriture pour le Web Ressources externes Rubriques Charte graphique

Interactivité entre le dispositif et l’usager

http://www.cerdd.org/spip.php?page=sommaire

Outils de navigation et de recherche de contenu utiles : chemin parcouru dans l’arborescence, bouton Recherche et plan du site. Pas de date de dernière mise à jour. Le texte n’est pas assez aéré. Tout à fait adaptées au type de site à l’approche radicale : « Connaître et savoir », « Agir », « Echanger ». 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…) 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 Facilité à trouver l’information

Crédibilité Écriture pour le Web

https://spiral.u-strasbg.fr/index.php

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, Pas de mention de copyright ni de date de mise à jour du site. 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

Ressources externes

Rubriques

Charte graphique

Interactivité entre le dispositif et l’usager

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. 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. 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. 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. 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

Charte graphique

Ici, on peut dire que les rubriques sont les critères de recherche : Nouveautés, CRL, Langues, Compétences, Support, Tous les critères 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

7.2

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) 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 Problématique Benchmark Solutions proposées Arborescence des contenus Fonctionnalités Plan d’action Planning

16 jours

Cahier des charges Dossier de conception Maquette fonctionnelle Production

16 jours 17 jours 9 jours Entre 70 et 100 jours Durée totale : entre 128 et 158 jours

20