2 SP_JANVIER 2014

Note d’intention pour un site web

Mettre à la disposition des élèves apprenant la langue française, un outil leur permettant de s'auto-évaluer en mettant en ligne les principaux tests de langue française sur un même site.

Ce dispositif de tests en ligne sera utilisé par l'apprenant en autonomie. Il pourra comparer les scores obtenus avec ceux des autres participants.

La problématique

De nombreux sites proposent déjà de passer en ligne des tests de langue française, l'idée étant de les rassembler sur un même site et d'y ajouter une dimension ludique à l'aide d'un quiz esthétique et incitant les apprenants à comparer leurs scores.

Le site a également pour vocation d'orienter l'apprenant vers des ressources déjà existantes, à savoir les sites tcf.net et tef.net (dont je suis l'auteur) où il trouvera des tests complets découpés selon les niveaux du CECR.

Les objectifs

  • Améliorer la visibilité des sites tcf.net et tef.net en créant une nouvelle source de trafic. Ce site se veut une sorte de portail destiné à drainer davantage de trafic pour des sites déjà existants.

  • Tester un nouvel outil de création de quiz et de test.

  • Fournir des informations sur les trois principaux tests de français et sur les niveaux du CECR.

  • Affirmer mes compétences et mon expertise dans le domaine de la création d'outils de tests de langue en ligne.

Le public

  • Élèves apprenant le français, étudiants se destinant aux études supérieures en France, candidats à l'immigration au Canada, enfin toute personne soucieuse de connaître son niveau en langue française, que se soit pour raison professionnelle ou dans le cadre d'une démarche personnelle.

  • Prendre en compte la dimension butinage de l'étudiant (apprentissage par granulation) et mettre en place une version mobile du site ou plus précisément, bâtir un site au design responsif.

Solutions proposées

Bâtir le site autour des trois compétences linguistiques :

  • Le site proposera de passer en ligne les trois principaux tests de langue française en ligne (TCF, TEF, DELF). Les tests seront subdivisés en trois sous parties correspondant aux trois compétences linguistiques : compréhension orale,   compréhension écrite, structure de la langue. Le nombre d’items pour chaque test sera limité à une vingtaine pour conserver au site un caractère récréatif et convivial.

  • La page d'accueil proposera par ailleurs une explication du fonctionnement du CECR (Cadre Européen Commun de Référence pour les langues).

  • Les résultats obtenus permettront de situer le niveau de langue de l'apprenant sur le CECR.

  • Le site doit être visuellement attirant, original et conserver une dimension ludique. Bien qu'il s'agisse d'un site d'examen, il est important que l'utilisateur est la sensation de s'adonner à une activité ludique.

  • Les polices et les éléments de la charte graphique seront choisis afin de renforcer l'aspect ludique et convivial du site.

Fonctionnalitées

Outils personnalisés au service de l’apprenant :

  • Slider en position header permettant à l'utilisateur d'avoir un premier aperçu des fonctions principales du site.

  • Menu contenant trois ou quatre rubriques :

  • Informations sur le CECR

  • Présentation des trois tests 

  • Lien vers la page Facebook du site 

  • Intégration d'un module « Facebook like » 

  • Tests auto-correctifs 

  • Liens vers les sites connexes 

  • Contact 

  • Plan du site au format xml 

Fonctionnement

À l'ouverture de la page principale, l'utilisateur pourra cliquer sur l'un des trois quiz proposés, subdivisé en trois sous parties correspondantes chacune aux trois compétences linguistiques. L'utilisateur pourra organiser son choix par tests de langue ou par compétences linguistique.

Après avoir cliqué sur l'un des boutons correspondant à l'un des quiz, une page s'ouvrira, à l’intérieur de cette page un iframe contiendra le quiz. Après le passage du test, l'utilisateur pourra consulter son score accompagné d'un commentaire et sera invité à renouveler sa tentative.

Solutions techniques envisagées

Exercices interactifs auto-correctifs

  • Tests interactifs,

Je ferai appel à une solution que j'ai déjà expérimenté, « jquizzy » un quiz entièrement conçu en html et javascript à la fois esthétiques et permettant de nombreuses modifications. Il est possible de retoucher l'apparence des quiz à travers les feuilles de styles CSS, il sera donc aisé de les adapter au design du site.

J'ai volontairement mis de côté les solutions aux normes « SCORM » les trouvant trop limités sur le plan esthétique et ergonomique (bouton type radio peu compatible avec une utilisation sur mobile). J'ai également écarté les quiz utilisant la technologie Flash car ne fonctionnant pas sur les tablettes.

  • Création d'un menu principal « classique » en position header : 

Le menu contiendra des liens vers quatre autres pages statiques construites en HTML et CSS. Chacune de ces pages présentera les institutions organisatrices des trois tests de langues, ainsi que le barème de notation. Le CECR fera aussi l'objet d'une présentation sur une page.

  • Réalisation du slider : 

J’utiliserai le code fourni par http://unslider.com/. Le site contient les instructions nécessaires pour intégrer cette solution simplement au site. Le code HTML consiste en un élément <DIV> auquel sera appliqué le code javascript fourni par http://unslider.com/. Cet élément contiendra une liste <UL> dont chaque slide correspondra à un élément <LI> .

  • Intégration option « like us » sur Facebook : 

Je ferai appel au script disponible sur facebook. Le code HTML consiste en un élément <DIV> auquel sera appliqué le code javascript fourni par facebook après avoir au préalable créé une application et possédé un identifiant facebook developper.

  • Page d’accueil et pages contenant les iframes : 

Elles seront statiques et conçues en HTML et CSS. Une feuille de style externe en CSS permet de définir le style des pages et de mettre en forme les contenus indépendamment de ceux-ci. On peut donc facilement modifier globalement l’apparence des pages du site au besoin.

  • Boutons et logos seront des images au format PNG et JPEG. 

  • Installation d'un formulaire de contact en PHP « php mailer » 

Arborescence des contenus

Header

Menu principal

  • Accueil 

  • Informations sur le CECR 

  • Présentation du TEF 

  • Présentation du TCF 

  • Présentation du DELF 

  • Qui sommes-nous 

Body

TCF

  • Compréhension orale 

  • Compréhension écrite 

  • Structure de la langue 

TEF

  • Compréhension orale 

  • Compréhension écrite 

  • Structure de la langue 

DELF

  • Compréhension orale 

  • Compréhension écrite 

  • Structure de la langue 

Footer

Menu footer

  • Liens vers les sites partenaires 

  • Contact 

  • Plan du site 

  • E-mail
Publié dans E-learning
Lu 28276 fois Dernière modification le mardi, 08 novembre 2016 22:49
Évaluer cet élément
(0 Votes)