Et hop voici le billet spécial dans lequel je vais vous donner les secrets de la réalisation du site Harmoniak.com. Je suis content et fier de ce site car sa maintenance sera très facile.
Au niveau de l'interface graphique, pas grand chose à dire, sinon que la couleur est un choix personnel qui colle à l'ambiance underground qu'on voulait dégager. Ca change en même temps des sites aux couleurs claires de mon portfolio. L'aspect brûlé et ancien des blocs est réalisé dans Photoshop en distillant des coups de pincaux sur des masques appliqués à des formes rectangulaires. J'ai utilisé des formes de pincaux spéciales mises à disposition généreusement.
Ensuite on s'est posé la question de savoir quelle technologie utiliser pour faire écouter les productions sonores de nos soon to be famous artistes ;-) Finalement on a opté pour Flash qui est le plug-in certes propriétaire mais disponible sur un grand nombre de systèmes différents et de surcroît pas super facile à hacker pour les non-spécialistes. J'ai donc réalisé un player mp3 en Flash pour la partie Productions qui fonctionne avec des mp3 externes et un fichier XML. Avantage, mise à jour facilitée à outrance. Si vous souhaitez faire de même, un super tutorial (comme on aimerait en voir davantage) est disponible sur Gurusnetwork.com.
Ensuite, comme d'habitude j'ai intégré le fabuleux Dotclear 1.2 que j'ai un tout petit peu allégé pour gérer la partie News. J'ai récupéré le contenu de la base de donnée de mon ancien site Kemar.net pour tout migrer sur la nouvelle base de donnée.
Pour gérer la partie Photos, j'ai utilisé Photodir parce que j'en avais marre de la maintenance manuelle casse-bonbons d'une galerie d'images. Pas de base de donnée, rien à faire sinon ajouter un dossier contenant les images sur le serveur et le script se charge du reste. J'en avais entendu parler dans les commentaires d'un post de Maurice. J'ai fait quelques modifs dans le code pour intégrer le graphisme du site et rendre le code valide XHTML.
Il me fallait encore une méthode pour incorporer du Flash dans du code XHTML valide sans obtenir d'erreurs à la validation. Ca vaut ce que ça vaut mais j'ai utilisé une méthode trouvée sur deconcept.
Le diaporama est réalisé en Flash grâce au Flash slide show source de Whatdoiknow.org.
Le reste, comme toujours : mise en page avec CSS sans tableaux (sauf pour les images de la galerie photo) et XHTML 1.0 Strict.
Comme nul n'est parfait, qu'il faut bien s'ouvrir à la critique, qu'il y a peut-être des bugs, les commentaires sont ouverts.
Bon, moi j'ai un commentaire Marco ! Je trouve ça inadmissible que tu utilises encore Dotclear, pour un programmeur PHP/MySQL de ta renomé j'aurais bien aimé voir intégrer le système de news que tu as créé pendant ton stage ... En fait je me rend compte que tu ne fais que de l'intégration de programme existant sur le web bouuuuuu Sinon le site est très bien réalisé, ergonomique, et très jolie ! félicitations !
Malibu_lime :: Warcraft3 proGammer