download firefox Site optimisé pour firefox 3"  (windows) (ubuntu)
AccueilRecherche Aide Contact

18-07-2008


Et oui ça fait déjà une semaine que je n'ai apporté aucune modifications au site. Cependant je me suis intéressé durant cette période au développement de site à l'aide de CMS (Content management system ou Système de gestion de contenu). Car je me suis rendu compte que la programmation classique à partir d'un éditeur de code HTML j'utilise kompoZer), même si celui ci est WYSIWYG autrement dit qu'il permet d'éditer des pages web de manières graphique , est difficile, principalement en ce qui concerne l'ajout de contenu et la mise à jour du site sur le serveur. En effet celà nécessite de savoir précisément quelles pages ont été modifiées et pour ces pages de les soumettre sur le serveur dans leur globalité. Editer un site à partir d'un CMS permettrait donc de faciliter la maintenance du site et de profiter de fonctionnalité avancées telles les forums, les livres d'or,.... Cependant dans la plupart des cas il nécessite l'utilisation d'une base de données (MySQL le plus souvent) ainsi que de passé par des éléments de codes en PHP. Les différents CMS auxquels je me suis intéressés durant cette semaine sont : Dotclear, Wordpress, Dupral, Joomla!,...
Cependant leur mise en oeuvre m'a paru compliquer. Surtout dans le cas de Dupral qui m'a cependant l'air d'être le plus puissant et le plus flexible. Je pense donc continuer de développer ce site de manière classique car le but premier est de se familiariser avec le HTML et avec les bases de l'édition de sites. Il n'y a donc plus d'intérêts si tout est déjà fait. De plus orange qui héberge mon site (catégorie site_perso, confirmé) ne propose pas le support de bases de données MySQL. Ce problème m'ayant conduit à m'intéresser à Guppy qui de la même manière que les autres CMS permet d'éditer un site web dynamique mais l'originalité réside dans le fait qu'il se passe de base de données. Les fonctionnalités et les apparences pouvant être obtenues semble toutefois en deça de ce que proposent les CMS cités précédemment.

Parallèlement à ces recherches, j'ai procédé à une correction en profondeur du code ce qui m'a permis de passer d'un fichier de 29ko à un fichier de 19ko. Et oui quand même. Mais bon je débute en HTML et donc les erreurs étaient nombreuses. J'ai pu par ailleurs redéfinir les emplacements des informations issues de lastfm et du compteur du site de manière propre, c'est à dire avec un position chiffrées en pixel sur la page et dans des cadres adéquats. J'espère que celà suffira à résoudre les problèmes d'affichage sur les autres navigateurs que firefox 3. La gestion du site sera plus facile avec un fond de page restant en un seul bloc lorsque les pages sont éditées et qu'il suffit de repousser. J'ai également supprimer de cette page le lecteur de playlistes lastfm car celui-ci impose un temps de chargement de la page relativement long puis provoque une monopolisation des ressources importantes. Peut-être que cela ne sera que temporaire....

Enfin je pense développer un peu le site sur le thème de l'informatique et ce à la fois parce que ce domaine m'intéresse mais également afin tenter de rassembler les informations, les astuces glanées progressivement sur internet et qui sont impossibles à retrouvées lorsqu'on en a besoin.



Le troisième jour (11-07-2008)


Après avoir testé le site sur différents navigateur (firefox 2, internet explorer 7, opera 9), et après avoir eu des remarques d'autres utilisateurs je me suis rendu compte qu'il y avait de nombreuses erreurs dans le code du site. La plupart concerne le placement des composants sur la page mais l'une d'entre elle était plus problématique puisqu'elle conduisait au plantage du lecteur de ma playlist lastfm. Ja pu corriger la plupart des erreurs mais certaine subsite malgé tout : placement du widgets affichant les titres actuellement écoutés. Cependant la playliste fonctionne maintenant donc bonne écoute à tous!
Afin d'accroitre la compatibilité du code, j'ai utilisé ce petit logiciel (Tidy) qui permet entre autre la correction du code, une mise en page propre ainsi qu'une mise à la norme XHTML 1.0 Strict. Je vous conseil cependant la version graphique du logiciel (Tidy GUI) disponible ici.


Le deuxième jour (10-07-2008)


Encore une journée de développement de terminée.... Tout d'abord j'ai rajouté quelques photos dans l'album et j'ai joint à celui ci un fil RSS. Ceci permettra de pouvoir être informer des changements dans la collection sans avoir à consulter le site. L'adresse du flux RSS est la suivante:
http://median-box.free-h.net/other/dam4267czr/Web/mon_album/rss.php
Vous pouvez par exemple utiliser firefox pour pouvoir lire ce lien.
J'ai ensuite cherché à inclure deux ou trois widgets afin d'ajouter un peu d'attrait au site. J'ai profité du fait que  j'utilise le site social lastfm depuis le 15 octobre 2006 et qui fournis des widgets donnant des informations sur ses goûts musicaux (statistiques). Vous pouvez consulter mon profil ici. Dans l'odre apparaissent les titres que j'écoute actuellement, une playlist que vous pouvez écouté librement (oui c'est légale) et qui contient un titre de chaque artiste que j'aime bien, et ensuite viennent les charts hebdomadaires et généraux (artistes les plus écoutés durant la semaine, mes artistes préférés ainsi que mes titres préférés).   


Le premier jour (09-07-2008)


voilà! Déjà une journée de passée depuis ma décision de réaliser le site web. Et je dois dire que je suis plutôt content de l'avancement du projet. En effet j'ai pu terminer la mise en page de cette page d'acceuil. Bon c'est vrai le résultat est plutôt simpliste mais n'ayant que très peu de connaissance en HTML je trouve que l'ergonomie est plutôt pas mal. Cependant j'ai du mal à prendre en main l'interface de kompozer, en particulier en ce qui concerne le placement des composants. Mais bon je n'ai pas encore consulté l'aide donc je pense que ça viendra.

Par contre je suis épaté de ce qu'il est possible de réaliser dans le domaine de la publication d'albums photos sur internet. Après avoir pas mal surfé sur internet j'ai en effet constater qu'il existe des solutions toutes faites ("Picasa, Flikr,..") mais je me suis intéressé aux logiciels permettant de générer soit même une interface permettant la gestion d'une bibliothèque d'images et ce dans le but de l'intégrer dans son site internet. J'ai choisit d'utiliser Jalbum après avoir lu une critique assez élogieuse ici et je dois dire que je suis tout à fait d'accord avec cet article. En l'espace de 3h, le temps de prendre l'interface en main, j'ai pu réaliser la page que vous pouvez consulter en cliquant sur le bouton "Album photo". Je vous laisse admirer le résultat et la qualité de l'interface. Pour les curieux, le skin utiliser est le skin Fotoplayer téléchargeable sur cette page.
Un petit regret : je n'ai pas réussi à faire en sorte que la page s'ouvre en pleine écran. C'est dommage car celà permet d'avoir les photos les plus grandes possibles. Cependant il est aisé de basculé dans ce mode puisque un icone est présent dans l'interface. Les utilisateurs de firefox connaissent également lla touche F11.

Quelque raisons concernant mes choix :
1) Choix d'utiliser jalbum :
    -Programme java donc multiplateforme (j'utilise linux ubuntu);
    -Simplicitée de prise en main : création d'arborescence, reconversion des JPEG, , toute les configurations dans une interface unique, traductions française (et oui...)
    -Possibilité d'utiliser de nombreux skin
    -Intègre client FTP permettant la soumissions des éléments modifiées de l'album directement après les modifications. Il faut juste veiller à bien choisir l'architecture du site Web. Personellement l'architecture que j'ai mis en place me permet de gérer l'album photo avec  Jalbum et le reste du site avec un autre logiciel dont je parlerais plus tard.

Note : Attention : Comme la plupart des applications java, Jalbum peut être utilisé avec différents Look and Feel. Au démarrage celui qui est utilisé est Alloy qui est moche comme tout. Il peut être changé en faisant Outils>Préférences>Apparence de Jalbum. Pour ceux qui comme moi utilise Gnome il y a possibilité d'utiliser le Look and Feel système, à savoir GTK+. Tout cela est très bien mais le problème est que chez moi la soumission au serveur FTP devient alors impossible. Il faut donc repasser à Alloy.

2) Choix d'utiliser Fotoplayer :
    -Tout d'abord par goût; mais ça chacun verra....
    -Ensuit car je voulais un skin permettant de visualiser des vignettes des photos (pratique dans le cas où on a beaucoup de photos; Ensuite la possibilité indispensable de voir les photos en grand; Enfin car ce skin permet de mettre en place une arborescence (onglet "view gallery") qui permettra de simplifier la navigation.
  -Enfin pour le nombre de fonctionnalitée impressionnante même si le logiciel paraît usine à gaz au premier abord. Possibilité d'étirer les photos, de régler vitesses du diaporama, possibilité d'autoriser ou non le téléchargement d'images ainsi que la possibilité de joindre de la musique mp3.
A vous de vous amuser avec les différentes options du skin

Critère également important la rapidité qui est relativement acceptable au vue de l'environnement graphique à mettre en place. Le temps de chargement de la page est toutefois relativement important mais ceci est probablement dû au logo publicitaire de Fotoplayer. Un autre viendra s'intercaler à coté de l'onglet acceuil lors des premières secondes. Mais bon ça passe.

Pour accroître la rapidité du site ainsi que les temps de transferts vers le FTP, j'ai choisi de réduire mes photos prisent en 7Mpix en 640x640 avec une qualité de compression de 75%. Le résultat est tout juste moyens mais il s'agit plus d'une façon de partager des photos qu'autre chose et je pourrais toujours envoyer les photos par mail si on me les demande.


Génèse du site (07-07-2008)

 
Voilà je me décide enfin à me lancer dans la publication de mon propre site Web. Pendant ces premiers mois, ce site sera principalement dédiés à ma famille et à mes proches puisqu'ils leur permettra de profiter un peu de la beauté de la région  dans laquelle j'éffectue mon stage, à savoir la région du Bodensee et plus particulièrement à Friedrichshafen (Sud de l'Allemagne, au bord du lac de Constance. Ceci constitue donc le point de départ de ce site mais j'espère pouvoir l'enrichir dans le futur en parlant de mes différents centre d'intérêt. Dans un premier temps, je me limiterais à une partie Album photos où vous pourrez trouver des panorama de la région dont je vous ai parlé et qui présente comme un léger parfum de vacances.




Haut de page
Mon Site Gratuit : Compteur de visiteurs