Développement d'un site web dynamique et administrable

Du 21/05/2012 au 22/06/2012

Outils :
Utilisation de Coda 2 sur poste Mac OSX Lion, serveur Apache et MySQL.
Langages :
PHP, SQL, HTML, JavaScript, CSS.

Contexte

Réalisation d'un site web administrable pour présenter l'activité du client.

Organisation

J'ai réalisé le développement du site de A à Z en me servant de Coda 2 sur un poste Mac OSX Lion et en fonction des données et du cahier des charges fourni par l'entreprise.

Le développement du site s'est déroulé en plusieurs parties :

  • La modélisation et l'implémentation de la base de données (voir projet 1)
  • La partie géolocalisation (voir projet 3)
  • La partie gestion du son
  • La partie gestion du contenu (Pages, Articles, Liens)
  • La partie gestion des informations personnelles
  • La partie perte de mot de passe
  • La partie gestion des différentes langues
Pour le module du son je me suis servi d'un plugin flash totalement modifiable en apparence et en fonctions et disponible ici et le son diffusé (ou non) sur le site provient de la base de données, le client peut donc via l'interface d'administration choisir celui qu'il veut diffuser.

Pour le contenu c'est à dire les articles, les pages, l'utilisateur est totalement libre et peut ajouter autant de pages et d'articles qu'il le souhaite, j'ai pour cela intégré un éditeur de texte en ligne appelé TinyMCE qui est utilisé par un grand nombre d'entreprises reconnues tel que Facebook, Oracle, Microsoft, Apple et c'est même l'éditeur officiel utilisé dans Wordpress.

Pour la gestion des informations personnelles c'est à dire l'adresse email, le nom de l'entreprise et beaucoup d'autres informations comme le compte Twitter ou Facebook j'ai simplement utilisé un formulaire que l'entreprise utilise comme bon lui semble et le remplis en fonction de ses besoins.

Le gestion de perte de mot de passe à été réalisée grâce à un cryptage sha1, une fois le mot de passe renouvelé il est envoyé par mail à l'adresse email indiquée par le demandeur si celle-ci correspond bien à celle de l'administrateur du site insérée dans la base de données.

La gestion des langues se constitue de 2 parties, la partie dynamique pour les phrases et textes susceptibles d’être modifiée ou ajoutés comme des articles et la partie fixe qui est constituée de fichiers avec un ensemble de variables qui on le même nom mais leurs contenu change en fonction du fichier et donc de la langue choisie par l'utilisateur du site en cliquant sur les drapeaux, dans ce cas Anglais, Italien ou Français.

Bilan

Premier vrai projet en solo qui m'a permis de d'améliorer mes compétences en développement web et d'appréhender la gestion du temps.

Source : Traditall.com

Activités du référentiel

Activités Compétences
A1.2.5 Définition des niveaux d'habilitation associés à un service C1.2.5.1 Recenser les utilisateurs du service, leurs rôles et leur niveau de responsabilité
A1.2.5 Définition des niveaux d'habilitation associés à un service C1.2.5.2 Recenser les ressources liées à l'utilisation du service
A1.2.5 Définition des niveaux d'habilitation associés à un service C1.2.5.3 Proposer les niveaux d'habilitation associés au service
A1.3.3 Accompagnement de la mise en place d'un nouveau service C1.3.3.1 Mettre en place l'environnement de formation au nouveau service
A1.3.3 Accompagnement de la mise en place d'un nouveau service C1.3.3.2 Informer et former les utilisateurs
A1.4.1 Participation à un projet C1.4.1.1 Établir son planning personnel en fonction des exigences et du déroulement du projet
A1.4.2 Évaluation des indicateurs de suivi d'un projet et justification des écarts C1.4.2.1 Suivre l'exécution du projet
A1.4.2 Évaluation des indicateurs de suivi d'un projet et justification des écarts C1.4.2.2 Analyser les écarts entre temps prévu et temps consommé
A1.4.2 Évaluation des indicateurs de suivi d'un projet et justification des écarts C1.4.2.3 Contribuer à l'évaluation du projet
A1.4.3 Gestion des ressources C1.4.3.1 Recenser les ressources humaines, matérielles, logicielles et budgétaires nécessaires à l'exécution du projet et de ses tâches personnelles
A1.4.3 Gestion des ressources C1.4.3.2 Adapter son planning personnel en fonction des ressources disponibles
A3.1.2 Maquettage et prototypage d'une solution d'infrastructure C3.1.2.1 Concevoir une maquette de la solution
A3.1.2 Maquettage et prototypage d'une solution d'infrastructure C3.1.2.2 Construire un prototype de la solution
A3.1.2 Maquettage et prototypage d'une solution d'infrastructure C3.1.2.3 Préparer l'intégration d'un composant d'infrastructure
A4.1.4 Définition des caractéristiques d'une solution applicative C4.1.4.1 Recenser et caractériser les composants existants ou à développer utiles à la réalisation de la solution applicative dans le respect des budgets et planning prévisionnels