Rapport de projet : Annuaire des anciens élèves

BOSTONI Sacha
NGUYEN Linh
Rapport de projet :
Annuaire des anciens élèves
Tuteur : Mr Muller
Mai 2007
SOMMAIRE
Introduction
1/ Les utilisateurs du site
2/ Les fonctionnalités
3/ La réalisation
Conclusion
Introduction
Présentation du projet : le projet consiste à réaliser un annuaire informatisé
des anciens élèves de l’ESIL. Pour éviter au personnel administratif d’inscrire
manuellement tous les élèves, il faut développer un site web type « web
2.0 » où les anciens élèves pourront eux-mêmes s’inscrire et donner des
informations personnelles. Le personnel administratif n’a alors plus qu’à
vérifier puis valider les inscriptions des élèves. Les élèves inscrits peuvent
utiliser le site pour rechercher d’anciens camarades de promotion, mais
également utiliser le site pour consulter des news ou chercher un emploi.
Pour cela, le site offre également la possibilité à des entreprises de s’inscrire
et de poster des offres d’emploi.
Travail à réaliser :
- Identifier les informations utiles concernant les anciens élèves de l’ESIL
- Permettre aux anciens élèves de s’inscrire dans l’annuaire et rentrer ou
modifier les informations les concernant.
- Réaliser l’interface d’inscription et de modification des données
personnelles.
- Permettre au personnel de valider ou de supprimer une inscription
- Réaliser l’interface d’administration réservée au personnel administratif
permettant de gérer les inscriptions.
- Permettre à des entreprises de s’inscrire sur le site.
- Les entreprises doivent pouvoir poster des offres de stage ou d’emploi
- Les personnes inscrites doivent pouvoir rechercher des anciens élèves
de l’école (utilisation du type copains d’avant)
- Les personnes inscrites peuvent poster des news et tout le monde peut
les consulter.
- Lorsqu’un ancien demande son inscription, un administratif est prévenu
par mail, lorsque l’administratif confirme l’inscription, l’ancien reçoit un
mail de confirmation.
- Fournir une aide en ligne pour découvrir les fonctionnalités du site
Choix technologiques : le site web est totalement réalisé en php, xhtml et
javascritp. Pour la base de données, on utilise une base de donnée mySQL.
Outils : - développement web : Dreamweaver 8 pour le développement des
pages xhtml, scripts php et javascript.
- base de données : mySQL avec interface phpMyAdmin.
- graphisme : Adobe Photoshop
Dans la suite nous présentons les différents aspects que nous avons dû
prendre en compte pour la réalisation de ce projet. Nous avons d’abord dû
étudier les différents utilisateurs potentiels du site afin d’adapter les
fonctionnalités du site à leur besoins. Nous présentons donc les utilisateurs et
leurs besoins dans une première partie, puis nous présentons les diverses
fonctionnalités que leur propose le site.
Enfin, nous parlons des choix techniques au niveau de la programmation
proprement dite. Enfin, nous concluons sur ce projet en expliquant les
compétences que nous avons acquises, les difficultés rencontrées et ce qui
nous a plu dans sa réalisation.
1/Les utilisateurs du site
Avant de commencer la phase de conception, il a fallu identifier les
acteurs potentiels qui seraient susceptibles d’utiliser le site, d’interagir avec
lui ou encore simplement de le consulter. Ceci est nécessaire à des fins de
sécurité de sorte que les informations ne puissent pas être accessibles à tous,
ou encore que seuls certains utilisateurs puissent accéder à certaines
fonctionnalités. Après réflexion, il nous est apparu qu’il y aurait 4 catégories
d’utilisateurs :
- les anciens élèves de l’ESIL
- les entreprises
- les administratifs
- les autres
Au départ, nous envisagions d’autres catégories (comme membres du
BDE, membres de la filière..) ainsi que des niveaux de visibilités des
informations, mais cela nous a ensuite semblé superflu et complexe alors que
l’intérêt était finalement limité.
De plus, pour les catégories anciens et entreprises, nous avons dû déterminer
les informations dont on a besoin mais qui ne sont pas sensibles.
Les anciens élèves de l’ESIL : cette catégorie est au cœur de notre projet de
site puisqu’à la base, le site leur est dédié. Cette catégorie est composée des
élèves qui ont été à l’ESIL et qui désirent utiliser le site. Ils doivent s’inscrire
et donc fournir des informations telles que leur nom, prénom, filière à l’ESIL,
adresse, date de naissance, téléphones, situation familiale… Cependant, pour
éviter que n’importe qui puisse s’inscrire, le secrétaire doit valider les
inscriptions. Les anciens de l’école ont accès à la quasi-totalité du site (sauf
interface d’administration et recrutement) et peuvent avoir accès aux
informations des autres anciens et des entreprises.
Les entreprises : les entreprises ont également la possibilité de s’inscrire en
fournissant aussi des informations les caractérisant telles que le no siret
permettant de vérifier que l’entreprise n’est pas fictive. Les entreprises sont
là pour poster des offres d’emploi ou pour rechercher un ancien, elles ont
donc accès aux informations des anciens.
Les administratifs : leur rôle est de valider les inscriptions des anciens élèves,
pour cela, dès qu’un ancien demande une inscription, le personnel
administratif reçoit un mail, et il doit alors vérifier les informations fournies et
les valider ou le supprimer. Pour cela, le personnel doit uniquement disposer
d’une interface d’administration permettant de vérifier les inscriptions et de
les valider ou les supprimer.
Les autres : ce sont potentiellement tous les utilisateurs d’internet qui
peuvent se rendre sur le site. Ils ne peuvent accéder à aucune information.
Ils ne peuvent accéder qu’aux news qui apparaissent sur la page d’accueil.
Voilà pour ce qui est des utilisateurs nous allons maintenant présenter
les fonctionnalités du site en fonction des différentes catégories de ces
utilisateurs.
2/ Les fonctionnalités
Comme nous l’avons dit, pour pouvoir accéder aux principales
fonctionnalités du site, il faut avoir un compte et y être connecté. Les
utilisateurs qui ne sont pas connectés à un compte ont accès uniquement aux
news de la page d’accueil ainsi qu’à la rubrique d’aide leur expliquant
notamment qui peut s’inscrire et comment le faire.
Les personnels administratifs disposent également de fonctionnalités limitées
puisqu’ils ne peuvent accéder qu’à leur interface de gestion des inscriptions
en plus de l’accueil.
Les principales fonctionnalités du site sont dédiées aux anciens et aux
entreprises. Ces 2 catégories d’utilisateurs ont la possibilité de s’inscrire sur
le site grâce à des formulaires différents. Dans le cas des anciens, cette
inscription doit être validée par un membre du personnel administratif. Pour
les entreprises, on peut envisager de vérifier leur no siret même si cette
fonctionnalité n’a pas été implémentée.
Une fois inscrits, il est possible de modifier les informations
correspondant au compte dans la rubrique « Mon compte ». Les entreprises
et les anciens disposent d’interfaces différentes puisqu’ils ne possèdent pas
les mêmes informations et les mêmes possibilités. Il est également possible
de modifier le mot de passe, de poster des news et de modifier le CV et la
lettre de motivation pour les anciens.
La rubrique « Anciens » permet d’afficher la liste des anciens inscrits sur
le site et de consulter les informations les concernant. Un champ de
recherche apparaît lorsqu’un utilisateur est connecté qui permet de
rechercher un ancien en entrant une chaîne de caractères. Un formulaire de
recherche avancé est aussi disponible pour effectuer une recherche selon
certains critères.
La rubrique « offres d’emploi » permet de consulter des offres déposées
par les entreprises. Ces offres peuvent être triées en fonction de la date, de
l’entreprise qui les ont postées ou de la filière concernée.
La rubrique « espace recruteur » est dédié aux entreprises et leur
permet notamment de rédiger des offres d’emplois mais aussi de consulter la
liste des anciens correspondant à un profil qu’elles recherchent pour un
emploi particulier.
Enfin, si un utilisateur est connecté, il peut bénéficier d’une aide en ligne
expliquant les différentes fonctionnalités auxquelles il a accès. L’aide est
différente selon la nature du compte (ancien ou entreprise) avec lequel il est
connecté.
Nous vous avons présenté les principales fonctionnalités du site, il existe
d’autres détails que nous vous laissons découvrir au fur et à mesure de votre
navigation. Désormais, nos allons vous expliquer quelques points sur la
réalisation du site et sur la partie technique.
3/ La réalisation
• Les choix graphiques :
Ayant tous les deux quelques notion de graphisme et d’ergonomie, nous
avons décidé de mettre nos compétence au service de se projet. En effet, un
site web se doit d’être fonctionnel mais aussi attractif.
Nous avons donc choisit de réaliser une charte graphique basé sur un design
épuré avec des couleurs assez pâle permettant d’apaiser l’utilisateur. Les
couleurs de cette charte étant des nuances de bleu pâle et de gris.
Nous avons fait le choix d’un bandeau présent en haut de page d’une
taille assez imposante et s’élargissant sur la largeur totale de la page. Ce
bandeau permettant d’incorporer le formulaire de login
• L’approche technique :
Pour la réalisation du site, nous avons donc utilisé xhtml, php et
javascript pour les pages web et une base de données mySQL pour stocker
les données et les comptes utilisateurs.
Le xhtml sert à la mise en page des données et le javascript pour
vérifier les données entrées par l’utilisateur dans les formulaires afin de ne
pas envoyer des données erronées sur le serveur notamment lors des phases
d’inscriptions.
Pour la communication avec la base de données, nous utilisons php qui
nous permet d’effectuer les requêtes désirées et d’écrire dans la base de
données. Le site est fortement couplé avec la base de données et les
requêtes et les mises à jour sont fréquentes.
Pour représenter des entités telles que les anciens ou les entreprises,
nous avons choisi d’utiliser des objets que l’on définit grâce aux possibilités
du php de définir des classes. Cela offre plus de sécurité à partir du moment
où on manipule des objets entiers et non pas de simples variables. Le
principal problème est de gérer les sessions. Lorsqu’un utilisateur se
connecte, l’objet correspondant à l’utilisateur est chargé comme variable de
session et dans les pages à accès restreint, on vérifie que cette variable de
session est définie. Pour manipuler les objets php et les stocker dans une
base de données, il existe les fonctions serialize et unserialize qui permettent
dans un sens de transformer un objet php en chaîne de caractères afin de le
stocker dans la base et dans l’autre sens, de transformer une chaîne extraite
de la base de données en objet php. Les objets php se manipulent aisément
comme de simples variables avec plusieurs champs.
En php, il est aussi possible d’envoyer des mails, ce qui nous a permis
de mettre en place un système de mailing événementiel. C'est-à-dire que
lorsqu’un utilisateur s’inscrit, un mail est automatiquement envoyé à la
personne voulue. De même, lorsqu’une inscription est validée ou supprimée,
un mail est envoyé à l’ancien.
Une difficulté est venue de la mise en place de FCKEditor qui est un
éditeur de texte en ligne pour la rédaction des CV et des lettres de
motivations ainsi que de la mise en place de l’upload de fichiers propres à
l’utilisateur sur le serveur. Ces fonctionnalités ont été fastidieuses à mettre
en place mais apportent une vraie plus-value au site en lui conférant un
aspect très interactif et varié. L’upload ou FCKEditor sont moins rébarbatif
que les sempiternels formulaires monochromes à remplir…
Conclusion
Nous avons réalisé se projet dans une optique professionnelle
pour que la forme et le fond soit suffisante pour une utilisation
agréable. Pour cela, un travail de benchmarking a été nécessaire pour
arriver, sans aucun test utilisateur, à mieux modéliser un tel site et
arriver à une usabilité satisfaisante.
Mais Nous avons à travers se projet, mis en application de
nombreux concepts théoriques vu lors de nos différents cours. En effet,
la réalisation d’un site web est un travail qui demande beaucoup de
coordination et de rigueur et lors de nos différents cours, nous avons
évoqué un ensemble de notions liés aux sites web mais la mise en
application de ses notions et le travail fournit pour les mettre en relation
pour arriver à un résultat cohérent a été extrêmement constructif.
Le développement du site nous a donc permis d’approfondir nos
connaissances techniques au niveau des langages du web : xhtml, php,
javascript… des bases de données avec la conception et
l’implémentation d’une base de données adaptées aux besoins du
projet, mais aussi d’autres aspects auxquels nous n’aurions pas pensé
au départ tels que la sécurité, la gestion de projet(notamment le
problème de temps, les choix de conception…).
Afin d’améliorer l’ergonomie et l’usabilité du site, l’idéal serait de le
soumettre à des utilisateurs en situation de fonctionnement réelle, ce
que nous aurions pu faire avec plus de temps.
Le département Internet étant orienté vers le web, un projet tel
que celui-ci permet évidement de mieux cerner le domaine et de mieux
se rendre compte du travail derrière chacun des sites que l’on a
l’habitude de consulter.