Méthodologie : Développement du site

Méthodologie de l'enregistrement audio | Méthodologie de la post-production vidéo
Méthodologie du site Internet

Méthodologie du site internet

La création du site internet s'est faite en plusieurs étapes :

Organisation du site et création de l'arborescence

Après avoir décidé de créer un site Internet pour mettre en avant notre production, nous avons dû lister l'ensemble des contenus que nous voulions mettre sur le site, à savoir :

  • le contenu multimédia (audio et vidéo) produit pendant les 3 jours
  • des galeries de photos prises pendant le tournage
  • la méthodologie utilisée : pour l'enregistrement audio, la post-production vidéo et la création du site internet
  • la gestion du projet et l'organisation établie
  • un livre d'or pour avoir des retours utilisateurs

Une fois la liste terminée, nous avons pu créer l'arborescence du site, et le nombre de pages à créer.

Afin de mieux gérer les contenus multimédias et les retours utilisateurs, nous avons décidé de créer une interface d'administration. Cette interface nous permet donc de mettre à jour simplement et facilement :

  • le player audio
  • le player vidéo
  • les galeries photos
  • le livre d'or

retour en haut

Création de la charte graphique

Une fois l'arborescence établie, et étant donné la répartition des tâches (développement et graphisme du site internet attribué à une seule personne), il a fallu créer la charte graphique avant de développer le site.

Nous avons utilisé la couleur orange comme couleur de base parce qu'elle symbolise le bien-être et la bonne humeur. C'est une couleur active et tonifiante qui éveille les sens et avive les émotions. Les oiseaux présents sur la bannière représentent la liberté, thème repris dans la chanson.

Pour créer la maquette graphique, nous avons utilisé le logiciel Adobe Photoshop CS.

Une fois cette maquette finie, le site a été développé en respectant la charte créée, en créant une feuille de style (CSS) générale à l'ensemble du site, qui définit la forme du site.

Le CSS est un langage utilisé pour décrire la présentation d'un document structuré écrit en HTML (ou en XML), et défini par le World Wide Web Consortium (W3C).

retour en haut

Développement de la partie visible du site

Le site a été entièrement développé en PHP et en Javascript [avec du XHTML et du CSS].

Étant donné le contenu que nous voulions mettre en ligne, nous avons décidé de coupler le PHP avec :

  • une base de données MySQL pour la gestion des galeries photos et pour le livre d'or,
  • du XML pour la gestion du contenu et vidéo (les playlists des players flash étant en XML). Le contenu de la playlist pouvant être modifié avec ce langage.

Les player flash (audio et vidéo) utilisés ont été créés par Jeroen Wijering et sont libres d'utilisation, conformément au Copyleft Creative Commons.

Les galeries photos ont été mis en forme grâce à l'utilisation de la galerie Javascript JQuery, et des plug-ins Thickbox v2 et Carousel. Cette librairie, ainsi que ses plug-ins, sont aussi libres d'utilisation et de modification.

Nous avons aussi utilisé le plug-in Thickbox pour afficher les images dans les différentes parties du site.

retour en haut

Développement de l'administation du site

La partie d'administration a été développée avec les mêmes outils. Elle intègre un système d'identification pour en restreindre l'accès.

Elle permet la gestion :

  • de la playlist du player (flash) audio [ajout/suppression de chansons]
  • de la playlist du player (flash) vidéo [ajout/suppression de vidéos]
  • des galeries photos :
    - ajout/modification/suppression des galeries photos
    - ajout/modification et mise à jour/suppression des photos
  • du livre d'or [voir/supprimer les messages]

retour en haut