Site de l’AFEIT, Association Francaise des étudiants internationaux de Tours
Adresse : http://193.52.210.2/gido2/desbois/web/siteweb/index.html
Adresse de l'ancien site: http://fr.groups.yahoo.com/group/lafeit/
CHARTE FONCTIONNELLE
Objectif du site et public visé:
Ce site a pour commanditaire une association d’étudiants à Tours. Il est destiné aux étrangers qui s’installent à Tours (essentiellement en échange Erasmus) et aux français qui veulent parrainer des étrangers. Cela permet aussi de découvrir les activités de l’association.
Les informations que l’on peut trouver sont des conseils pratiques sur les démarches administratives, le logement, les endroits à visiter, des liens vers d’autres sites. Les photos des soirées rendent le site plus attractif. Nous voulons donner le lien du site à tous les Erasmus par mail pour qu’ils donnent leurs propres photos et consultent les photos pour garder des souvenirs d’activités qu’ils ont réalisé à Tours (dégustations de vins, balades en vélo, visite de Chambord, soirées…).
La structure du site :
Ce site a une structure évolutive. Chaque page du site a été constituée selon le même modèle. Ainsi on a pu modifier nos pages autant qu’on le souhaitait sans contraintes. Chaque page renvoie aux éléments de la bibliothèque. Le visiteur n’a donc pas besoin de revenir en arrière avec une flèche. La page d’accueil est située à la structure du site. Elle donne les dernières actualités de l’association (par exemple, la date de la prochaine soirée vins et fromages) et renvoie aux 5 autres pages principales :
-photos des soirées : pour que les gens consultent régulièrement le site
-adresses utiles : les étudiants qui ne connaissent pas encore Tours peuvent être intéressées.
-contact parrainage : permet de prendre contact pour parrainer des étrangers ou se faire parrainer en liaison avec l’association.
-se loger : indique les principales résidences universitaires, les meilleurs sites de colocations, etc
-activités de l’Afeit : pour mieux connaître l’association.
Nous avons réalisé en tout 15 pages (en comptant les pages concernant les photos). Mais pour que le site soit complet, il faudrait réaliser une cinquantaine de pages en plus.
Les pages ont des noms sans accents et sans espaces.
Les liens inter-pages, hormis ceux constitués par le sommaire, sont le plus souvent représentés par de petites photos.
Nous avons mis quelques liens vers d’autres sites comme celui de l’université François Rabelais, du CROUS, de l’office de Tourisme. Dans la page « se loger », nous avons inséré un lien vers une carte des résidences universitaires.
CHARTE GRAPHIQUE
Nous avons suivi le même modèle de page avec une photo en fond d’écran qui représente une vue globale de Tours au coucher du soleil. Sur notre modèle, on voit en haut clairement un bandeau bleu et jaune. Ce bandeau rappelle le logo de l’association Afeit, nous avons essayé de lui donner du relief avec Photoshop. Nos deux premières séances de Td ont d’ailleurs été consacrées à la réalisation de ce bandeau. Nous avons beaucoup réfléchi au choix des couleurs. Le bleu nuit dégradé nous a semblé intéressant et il ne jurait pas trop avec le logo de couleur rose, que nous ne voulions pas mettre trop en avant. Petit à petit, nous en sommes venues à associer le jaune/blanc et le bleu. Nous avons rajouté des étoiles, une lune, la cathédrale avec une ombre et un panneau routier « Tours ». Nous aurions aimé rajouter des silhouettes mouvantes au milieu du bandeau mais cela requiert des notions techniques de Flash que nous ne maîtrisons pas encore.
Les éléments de bibliothèques sont en jaune, car cette couleur s’associe bien avec le bleu. Notre présentation générale est homogène : le texte est toujours écrit en blanc avec la même police (Arial) et de la même taille. Les liens sont en bleu foncé, les liens visités en bordeaux.
Pour la présentation des diaporamas photos (voir « photos de Tours » dans « adresses utiles » ou « photos des soirées »), nous avons utilisé un autre modèle qui ressemble beaucoup au modèle précédent sauf que le fond est noir. Le noir permet de mettre les photos en valeur et réduit le temps de chargement des pages sur le web.
Presque toutes nos pages sont juste assez grandes pour que les visiteurs n’aient pas à utiliser l’ascenseur. Nous préférons créer plus de liens interpages plutôt que de faire des pages trop longues.
Nous avons crée des boutons de présentation transparents sur Photoshop. Ils restent discrets et donnent un peu de relief. Parfois nous avons travaillé le texte sur Photoshop pour enjoliver la présentation (Marie).
Images : Il a fallu réduire toutes nos images sur Photoshop pour ne pas alourdir le site. Ce sont les photos prises par Anne ou par d’autres étudiants Erasmus.
D’autres photos seront bientôt ajoutées, avec l’accord écrit des personnes qui figurent en photo. Notre site n’est pas encore référencé sur Internet. Mais étant donné qu’il concerne des personnes, nous le référencerons à la CNIL.
CHARTE D'EXPLOITATION
Choix de l’hébergeur:
Nous avions toutes les deux des comptes sur Free. Cependant, par peur que Free nous demande de payer par la suite, nous avons préféré utiliser le serveur de Gilles Verley. Ifrance nous a semblé trop lent à cause des encarts publicitaires et de plus il obligerait les visiteurs à utiliser l’ascenseur. L’association Afeit est prête à payer un nom de domaine et un hébergeur pour avoir de l’espace mémoire et être mieux référencé sur Google. De plus, nous ne voulions pas mettre réellement le site en ligne sans avoir l’approbation sur le contenu et la forme par les autres membres de l’association, et le responsable des Erasmus au Service des Relations Internationales de l’université Francois Rabelais.
Mode de validation et de gestion des contenus :
Nous sommes pour l’instant les premiers administrateurs de ce site. Pour que les autres membres de l’association puissent le modifier, notre dossier Web est sauvegardé et sera disponible sur un autre poste avec un autre hébergeur payant. Nous transmettrons l’identifiant et le mot de passe aux futurs administrateurs, en espérant que le site soit bien mis à jour.
En effet, les autres membres de l’association auront à développer le site. Par exemple, un ancien étudiant de Langues Etrangères Appliquées, se chargera de la traduction du site anglais. De nouvelles photos devront être rajoutées, en particulier des photos des bénévoles.
La page index doit être régulièrement actualisée. L’association communique essentiellement par mailing avec les étudiants étrangers, c’est pourquoi nous les informerons toujours par newsletter des dernières activités mais nous prendrons le soin de mettre le lien vers notre site. Nous permettons aux visiteurs de nous contacter par l’adresse mail de l’association : erasmus.tours@gmail.com
Nous n’avons pas songé spontanément à un formulaire d’envoi. Cependant, il aurait pu être utile car on aurait alors demandé des informations que nos correspondants n’auraient peut être pas songés à nous donner comme la nationalité, les études, l’âge, et comment l’association est connu d’eux.
Méthode de référencement
Le site est actuellement sur un hébergeur local. Nous utiliserons par la suite les mots-clés suivants : Tours, étudiant étranger, erasmus, association, accueil, intégration, hébergement, parrainage, conseil.
Nous décrirons le site de la manière suivante : Ce site est destiné aux étudiants étrangers qui arrivent à Tours en échange Erasmus ou autre. Il a été réalisé par l’Afeit, une association qui se donne pour but d’aider à l’accueil et à l’intégration des étudiants étrangers à Tours. Vous trouverez des informations sur nos activités (parrainage, sorties) ainsi que des conseils pour s’installer à Tours.
Approche marketing:
-le mailing aux étudiants étrangers. Nous enverrons le lien de ce site aux étudiants étrangers de notre mailing list, qu’ils soient à Tours ou rentrés dans leur pays.
-l’université : nous aimerions que le site soit indiqué à coté du nom de notre association sur la page « annuaire des associations » du site Internet de l’université. Cela serait très utile pour nous faire connaître.
-les sites qui référencent les associations : Animafac.net, Associationsetudiantes.fr…
Choix des méta-données insérées: