Tag: Internet - Dual Blog

Dual Blog : DeFr's Weblog

Ethele, un brin de folie quotidien | vendredi 17 juin 2005, 23h43

Ca va faire des lustres que tous les posts que je fais sur ce weblog sont soit techniques, soit des nouvelles, sans réelle touche d'humanité. Il est donc temps de faire un petit billet classifiable "3615 Ma vie" ( shamelessly stolen from Kévin ). Comme je n'en ai pas encore parlé, je vais donc commencer ce qui devrait constituer une suite de billet sur les gens qui égaient ma vie au quotidien par leur présence sur le Net, avec qui je discute, je m'amuse, je dis des bêtises, en sommes, des amis au sens le plus classique du terme.

C'est miss Ethele qui a l'honneur d'entamer cette série, puisqu'elle m'a fait l'immense honneur de parler de moi z'à l'ouverture de son skyblog ^^; Ca va faire une petite année que je l'ai rencontré sur MSN, grâce à Mega-Poudlard - comme a bien y penser une bon nombre de personne de ma liste de contacts. Que dire de cette jeune ( elle vient d'avoir 16 ans, attention ! ;-) ) demoiselle ? Une première chose vient de suite à l'esprit, vous allez de suite le comprendre avec la photo ci-dessous :

Ethele dans une position perilleuse, en pleine cascade
Ethele Val en pleine cascade

Comme vous pouvez le constater sur la photo, c'est demoiselle est folle. Attention, ceci n'est absolument pas une critique, c'est même dans son cas une grande qualité, mais il est necessaire de le savoir et d'y être préparé, sous peine de se voir complètement dérouté à certains moments. Enfin, je vous rassure, même au bout d'un an, y a encore des fois ou j'me retrouve dérouté moi-même :p. Si cette folie peut parfois partir dans un grand nombre de direction, elle peut aussi se retrouver canaliser, et devient alors un atout de taille : ce grin de folie devient une imagination créatrice d'une puissance remarquable.

C'est cette imagination qui lui permet de faire une des choses qu'elle fait si bien : les RPG. C'est notament son domaine de spécialité dans le cadre de son travail d'admin sur Mega-Poudlard, ou elle s'est aussi essayée, pour me faire plaisir et je lui en suis infiniment reconnaissant, à coder ^^; Ca n'a pas l'air d'être réellement ce qu'elle préfere faire de ces journées, mais rien que le fait d'avoir fait l'effort de découvrir le PHP pour essayer de m'aider dans un moment où le codage de MP n'avancait pas très vite, et dans une periode de relative tension entre les différentes membres du site m'a énormement touché ^^.

Toutefois, si les ordinateurs ne lui font pas peur, ce n'est pas là que réside sa véritable passion. En effet, son truc à elle, c'est la musique, et faut dire qu'elle a pas trop mauvais gout, Mickey3D, Mathmatah et la musique celtique d'une facon générale constituant des trucs qui à mon humble avis se laisse effectivement écoute ;-) Elle semble de plus très éprise de la basse qu'elle a eu pour son anniversaire, toutefois j'attends de l'entendre jouer pour me prononcer sur cette acquisition ;-)

What else ? Elle possède un don pour l'écriture, aussi bien de nouvelles que de paroles de chansons, et ce même si elle se destine à faire S, pour avoir enfin des TPs de chimie avec des trucs qui font boom ( si si si, j'vous assure :p ). Accessoirement, ca peut aussi servir pour rentrer dans la police scientique, mais bon, c'est juste un bonus ;-) Vous pouvez d'ailleurs voir qu'il existe déja une osmose entre la personne et la blouse :

Pour conclure de facon un peu plus serieuse : Ethele, je vous remercie toi et ton grin de folie, vous me permettez de me changer les idées, et ce tous les jours de l'année ^^ Impossible de ne pas avoir le moral en parlant avec discutant avec toi ^^

Tags : Ami | Internet
310 - Un p'tit commentaire ? (2)

D'un table-layout à un site sémantique : l'expérience pas-à-pas | lundi 23 mai 2005, 21h50

Convaincu depuis longtemps de l'interet de posseder un site web sémantique, respectant non seulement la lettre, mais aussi l'esprit des normes du W3C, il restait pourtant sur mon collectif un site faisant tâche : Mega-Poudlard. Oui, mais voila, comment passer un site d'une taille non négligeable d'un design utilisant une table à un site web sémantique ? En effet, si le problème est relativement simple dans le cadre de sites de quelques pages ( blog, ... ), l'ampleur de la tâche est toute autre lorsque l'objectif est de transformer le code, en faisant en sorte que le changement soit transparent aux utilisateurs finaux.

Facteur agravant, la présence de plusieurs apparences pour le site, avec bien entendu comme objectif de conserver l'ensemble de ces apparences lors du passage à un site web sémantique. Toutefois, je dois avouer que ce facteur a été beaucoup moins problématique que ce que je craignais, je ne vais donc pas tellement le développer dans ce post, puisque l'immense majorité des sites actuellement en table-layout sont dépourvues de ce genre de problème. Pour information, dans le cas de Mega-Poudlard, il m'a suffi de me concentrer sur une des apparences pour pouvoir par la suite appliquer des changements relevant pratiquement du copier / coller sur les autres. Aucun mystère là-dedans : le système était relativement peu flexible.

Maintenant que cette précision est faite, on peut s'attaquer au vif du sujet. Le secret, d'après moi, réside dans une transition par étape, que je vais détaillé ci-dessous. En effet, le problème, c'est que confronté à l'ampleur de la tâche, il est facile de se sentir perdu, et de se demander : "Et maintenant, je fais quoi ?". S'il est probablement possible de réaliser la transition de multiples façons, je dois dire que la méthode que j'ai utilisé m'a considerablement faciliter la tâche.

Etape 0

Pré-requi demandant très peu d'effort, mais qui est réellement indispensable : si jamais votre site n'a réellement recours à aucune feuille de style pour le moment, il va falloir en créer une, et rajouter un lien vers cette feuille de style dans votre structure HTML. Si votre site n'inclue pour le moment aucune feuille de style, il vous sera probablement utile d'aller lire quelques tutorials sur le CSS - par exemple sur W3Schools - avant de continuer la lecture de ce post, car je ne vise pas à incorporer une introduction à CSS ici.

Etape 1

Une fois que le site dispose d'une feuille de style, on peut s'attaquer en premier lieu à la suppression d'element purement présentationel. Plus précisement, au cours de cette étape, tout les tags présent sur le site devraient disparaitre, remplacer par des classes adaptées. De même, il est opportun à cette étape de rechercher les endroits ou des balises et sont utilisées, en les remplacant au cas par cas par des / si les balises sont utilisés pour fournir un sens, des dans le cas contraire. Dernière chasse de cette étape, rechercher les qui sont utilisés en lieu et place de paragraphe. A la fin de cette étape, notre site n'est toujours pas sémantique, mais le code en sortie est déja plus propre.

Etape 2

Il s'agit maintenant de retirer autant d'attributs présentationnels que possibles, en les remplacant par leurs alternatives en CSS. Par exemple, toute précision de margin dans la balise body, des border sur les table... Il est aussi possible, dans cette étape, de rechercher les inline-style qui peuvent eventuellement être présent sur le site, en les mettant dans la feuille de style. Le code, à la fin de cette étape, reste toujours assez loin d'être sémantique, mais devrait commencer à être nettement plus lisible que ce avec quoi l'on a commencé.

Etape 3

Les deux premières étapes ont constitués en un ajout de sémantique, mais surtout en un nettoyage du code. Maintenant qu'on y voit clair, il s'agit d'utiliser du code adaptée pour les différentes listes qui sont très probablement présentes sur le site. Entre autres, c'est maintenant qu'il s'agit de convertir des choses du genre :

<a href='foo'>foo</a> <a href='bar'>bar</a> 

en quelque chose de sémantiquement compréhensible, comme par exemple :

<ul> <li><a href='foo'>foo</a></li> <li><a href='bar'>bar</a></li> </ul>

Pour une raison un peu inconnue, je trouve que les <dl> sont très peu utilisées sur le web, alors que leur application sont multiples, étant donné la définition qu'à donner le W3C de cette liste de définition. Ne serait-ce que sur une page par défaut de MP, j'en ai personnellement deux. Toutefois, je reconnais un problème à ces listes : d'après les normes du W3C, le contenu du <dt> doit être de type inline, on ne peut donc pas y mettre d'entete en <h[1-6]>.

Etape 4

Si vous avez suivi les étapes 0 à 3, votre site, d'un point de vue sémantique, n'a plus que deux problèmes : il continue d'y avoir un tableau, et les pages manquent probablement de niveau d'en-tête. Il devrait normallement être maintenant relativement aisé de se debarasser du tableau. En effet, à priori, les différentes colonnes vont se retrouver dans d'unique balise dl / ul / ol, ce qui permet en utilisant quelques float de reproduire facilement le layout actuellement utilisé. Si ce n'est pas le cas, il peut être envisageable de rajouter un <div> autour du contenu souhaité. Très honnetement, j'ai été étonné par la facilité de l'opération lorsque j'ai mis cette méthode en pratique sur Mega-Poudlard.

Etape 5

Il ne reste plus qu'à finaliser notre travail, en adaptant ou ajoutant des niveaux d'en-tête adapté aux différentes pages du site. Cette étape peut-être relativement longue lorsque le site comporte un nombre important de page, qu'il faut toutes vérifiées, mais possède un niveau de complexité des plus minimes : il s'agit tout simplement d'ajouter des <h[1-6]> de facon adapté autour des elements qui structure la page.

Etape 6

Il ne nous reste plus qu'une seule chose à faire : admirer le résultat de notre travail. Eventuellement, les perfectionnistes profiteront des différentes étapes pour faire en sorte que le code source des différentes pages soit correctement indenté, de facon à ce que les curieux regardant le code source de la page soit agréablement surpris, et que la maintenance du code soit simplifiée. Toutefois, un code source incorrectement indenté ne remet nullement en cause la conformité du site vis-à-vis des normes du W3C

Pour être tout à fait honnete, si Mega-Poudlard est déja passé par les étapes 1 à 4, il reste encore un peu de travail sur l'étape 5, un certain nombre de page du site pouvant assez nettement beneficié d'une amellioration du point de vue des entetes, ce qui permettrait un affichage plus sympathique lorsque les styles sont desactivés par exemple. Toutefois, l'amellioration de l'aspect sémantique procuré par les étapes 1 à 4 est déja notable, et particulierement appréciable.

Tags : Internet | W3C | Web Semantique
307 - Un p'tit commentaire ? (2)

Sites visités

About

Quelques informations sur cette version ? Ca va être un peu difficile étant donné que le choix a été fait de laisser au visiteur le choix de l'apparence graphique de ce blog par le biais de feuilles de styles alternatives ( oui, je viens de pondre la traduction, non je sais pas si c'est une bonne idée de traduire des termes techniques à 23h45 un 31 décembre ). Toutefois, pour ce qui est du style par défaut, Somatic, je peux vous dire que les icones viennent du talentuex David Lanham, pour The IconFactory, dans son set Somatic Windows

Quelques faits ? La magie de pouvoir changer l'apparence de ce site à volonté ( quatres versions disponible en lien ci-dessous pour le moment, plus si vous utilisez un navigateur vous laissant choisir par lui-même l'apparence parce que vous aurez alors en bonus les versions que je considère, erm, expérimentales ) est du essentiellement au tandem XHTML 1.1 et CSS 2.1, permettant de séparer le contenu, c'est à dire les informations elles-même, de la facon dont elles sont affichés à l'écran, ce qui permet entre autre ce que vous avez sous les yeux ^^;

Profile

Franck ( Deroche Franck, oui, la parodie de James Bond est nulle, et alors ? ), 20 ans est un habitant de Plaisir, France, la Terre, petite planète du système solaire paumée entre Venus et Mars. Il est actuellement en école d'ingénieur à l'Ecole Centrale de Nantes : une école d'ingénieur généraliste permettant de faire à peu près n'importe quel travail d'ingénieur en sortie.

Toutefois la spécialisation de Franck sera très certainement dans le domaine informatique, pour lequel il éprouve une passion sans bornes. Normallement, de telles études devrait lui laisser assez de temps pour qu'il puisse faire ce qu'il veut à côte, mais ce n'est que la théorie...

Enfin, Franck est en ce moment très ( très très ) amoureux d'une jeune demoiselle particulièrement brillante et sympathique, extrement jolie, adepte de Zelda et du violet qui se reconnaitra très certainement, et qui malheureusement n'habite pas vraiment très près de Nantes... Et en plus, elle ne considère même pas les ordinateurs comme des choses bizarres venue d'ailleurs, pouvant même programmer pour le web ^^;

Like / Dislike

Qu'est-ce que Franck peut bien aimer ? Erf, bah, tout à la fois, pas grand chose et un nombre impressionant de machins qui pourrait un être normallement constitué ne serait probablement rien d'autre que tout au plus des anecdotes. Toutefois, il faut bien avouer que son passe-temps majeur n'a rien de bien original, puisqu'il s'agit de l'informatique, ce media des temps modernes sur lequel on entend à peu près tout et n'importe quoi. Et en ce qui concerne l'informatique, on peut alors dire que Franck est on ne peut plus écléctique, touchant un peu à tout... Ce qui retient le plus son attention toutefois, en ce moment du moins, reste la création de sites webs, la programmation et la customisation de son environement, à un point pouvant parfois friser le ridicule...

Lorsqu'il n'est pas collé à son écran, on a alors toutes les chances de le trouver en train de lire un bouquin, la lecture lui prenant elle aussi une partie non négligeable de ses temps libres. Dans ce domaine aussi, l'eclectisme fait loi, il peut lire plus ou moins tout et n'importe quoi... Ces dernieres découvertes majeures en la matiere sont probablement les bouquins de Werber ( qu'il a toutefois découvert depuis un certain temps maintenant ) et plus recement les mangas que sont Hunter x Hunter, Naruto et surtout One Piece, qui l'ont amenés dans un univers ou il ne s'était curieusement que rarement aventuré.

Quant à sortir des deux occupations sus-mentionnées, il est difficile de donner une énumeration précise de ce qu'il aime faire, tant cela tant à l'anecdote : faire du cerf-volant sur la plage avec le son des vagues en fond sonore, se baigner, etc.

Quant à ce qu'il n'aime pas, les réponses sont alors même pour lui moins évidente... Au niveau comportemental, c'est à dire dans ces relations avec les autres individus de l'espece humaine, le tout pourrait se resumer par une formule bateau du type : qu'on ne respecte pas le cadre privé dans lequel il souhaite parfois se retrancher... En effet, Franck aime parfois se retrouver livrer à lui-même, avoir des instants bien à lui où il n'est pas obligé d'expliquer ses agissements, et où tout simplement il n'est pas obliger de communiquer avec d'autres individus à qui 'il n'a finalement rien à dire... D'autre part, il deteste se sentir exploiter, en mettant dans cette notion tout travail inutile pour lui, que ce soit au profit de quelqu'un d'autre, ou même completement inutile à qui que ce soit. Toutefois, sa notion de l'utilitié semble legerement particulière, car passer un temps fou sur des jeux ne le dérange par contre générallement pas le moins du monde...