Retour

SITE WEB DE LA COMMUNE D'EINVILLE AU JARD (54)
Ressources

page d'accueil L'objectif de ce stage, d'une durée de 16 semaines, est de refaire le site Web actuel de la commune. Cependant il ne s'agit pas d'une simple mise à jour, bien au contraire puisque tout a été revu : choix de l'architecture et des langages, programmation des pages, intégration du contenu, refonte complète du graphisme, module complet de gestion du site, mise en place chez le nouvel hébergeur et formation des personnes qui s'occuperont du site. Il s'agit jusqu'alors du projet le plus conséquent qui m'ait été confié.

administration J'ai donc opté pour le langage php, lié à une base MySQL. J'utilise aussi des javascripts, des feuilles de style css, et des fichiers htaccess pour l'aspect sécurité.
La première partie du projet a concerné la refonte du site Web actuel, à savoir trouver une nouvelle architecture pour les pages, et une nouvelle présentation. Cela a également impliqué la création d'une partie d'administration. De très nombreuses manipulations ont ainsi été simplifiées.
Par exemple pour synchroniser le site local et le serveur distant, un seul clic suffit. J'ai créé un programme qui recherche les fichiers modifiés (aussi bien ceux à récupérer que ceux à envoyer sur le serveur distant), qui supprime les fichiers inutiles, sauvegarde la base de données locale et met à jour la base distante.

Quant aux pages du site existant, elles ont été réactualisées, réorganisées et enrichies.

La seconde partie consiste en une refonte profonde du graphisme. Pour cela, j'ai utilisé des outils tels que Fireworks, à la fois pour du dessin bitmap et vectoriel. J'ai également utilisé des feuilles de styles pour rendre le site plus vivant. Enfin, j'ai créé des animations Flash, utilisant notamment le langage ActionScript2. Par exemple, une des animations affiche un menu dynamique, variant en fonction des valeurs récupérées en php/mysql.

Sur ce site, j'ai également bien séparé le contenu de l'interface graphique. Ainsi, en plus de proposer le choix entre une version standard et une version haut débit, le site est également disponible dans un format adapté aux ordinateurs de poche (PDA).

Enfin la troisième partie a été consacrée à l'intégration de nouvelles fonctionnalités. J'ai notamment développé les pages des associations, ajouté des pages sur les démarches administratives, intégré des formulaires (par exemple pour la location de la salle polyvalente), etc. La page d'accueil a déjà été enrichie, avec l'ajout d'un moteur de recherche, puissant et rapide, et la présence d'actualités variant au fil des jours.

version PDA Je n'ai pas rencontré de problèmes particuliers avec les langages de programmation. Grâce aux précédents sites, j'en ai acquis une très bonne maîtrise, ce qui m'a permis en seulement 4 semaines de mettre en place le site dans sa nouvelle architecture et développer le module d'administration.

page Les fonctionnalités proposées sont donc nombreuses, avec par exemple la création automatique d'un album photos à partir d'images originales (le programme se chargeant de compresser les images, créer des vignettes ainsi qu'un fichier de légendes), l'envoi de newsletter avec pièces jointes, la génération automatique d'un document pdf, l'existence d'espaces privés protégés par login et mot de passe, la création automatique d'une page et son ajout dans le menu, la gestion de groupes d'utilisateurs, la gestion de documents partagés entre utilisateurs, l'aide en ligne, etc.

Pour information, l'intégralité de ce projet a nécessité plus de 700h de travail. Plus de 40 000 lignes de codes ont été tapées, ainsi que 400 fonctions php et 130 fonctions javascript. Tout ceci réparti sur 700 pages Web, dont près de 200 servent à la gestion et au fonctionnement. Le site comporte plus de 1500 photos et dessins.

La principale difficulté venait de l'architecture à adopter pour que le site soit facile à faire évoluer, sans pour autant le "formater" à une structure unique et figée. En effet, les besoins sont nombreux et variés et il est parfois difficile d'y trouver des solutions simples (toujours pour la raison que les personnes chargées de s'occuper du site ne sont pas des informaticiens).

Pour finir, j'insisterai sur le graphisme que j'ai réalisé pour la première fois en intégralité (dessin bitmap, vectoriel, et flash).

Le site est accessible à l'adresse www.einville-au-jard.com




Voici un rapide résumé des aspects techniques abordés dans ce projet.

PHP/MYSQL



JAVASCRIPT ET HTML



GRAPHISME



SERVEURS



Remarque sur la conformité des pages
Toutes les pages du site ont été testées valides au standard W3C.

Remarque sur le code source des pages
L'intégralité des codes sources de ce projet a été créée de tout pièce.
Aucun module n'a été repris ou fait à l'aide d'un éditeur WYSIWYG, à l'exception de l'éditeur de texte en javascript, et de la bibliothèque php FPDF.