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 :
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)
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.
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.
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 <font> 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 <i> et <b> sont utilisées, en les remplacant au cas par cas par des <em> / <strong> si les balises sont utilisés pour fournir un sens, des <span> dans le cas contraire. Dernière chasse de cette étape, rechercher les <br> 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.
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é.
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><br>
<a href='bar'>bar</a><br>
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]>.
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.
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.
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)
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 ^^;
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 ^^;
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...
Geekness n'était pas updaté depuis un bon bout de temps, la section va donc laisser sa place à quelques choses qui devrait à priori être
beaucoup plus utile, puisque je compte laisser des archives accessibles ^^; Eventuellement, des petits bonus pourrait atterir dans cette section,
comme une liste des posts jugés les plus dignes d'interet, ou un truc de ce genre. En tout cas, pour le moment, le voici, contenant la liste des
archives pour le moment disponible :
Archives :
Voici la liste des 5 derniers commentaires fait sur ce blog, tous posts confondus. Ca devrait permettre à tout le monde ( et notamment à moi-même ) de repérer les nouveaux commentaires qui arrivent, même s'ils le sont sur des posts vieux de 6 mois ^^
Commentaire de Franck sur le post Tout marche encore ?
A priori, cette fois, c'est la bonne ; clé akismet re-activé, configuration modifié pour l'interroger en HTTPS, on devrait être pas mal.
Commentaire de Franck Deroche (DeFr) sur le post Automgen ou le cauchemard de l'ergonome
Recadrons les choses, très cher Guillaume:
1- On parle ici d'un post de mai 2005
2- La version utilisée à l'époque était déja obsolète, et utiliser dans une configuration non optimale - comme le fil de commentaires, faisant intervenir entre autre Stéphane MASSART, auteur d'AUTOMGEM le fait clairement ressortir.
3- Les collégiens utilisent très probablement AUTOMGEN Junior, édition spécialisé pour le collège.
4- Je ne fais heureusement/malheureusement plus partie des étudiants de l'ECN, j'ai été diplômé en 2007…
5- Ce post continuant de recevoir des commentaires 7 ans après son écriture, je me permets d'émettre quelques réserves sur le petit blog.
Commentaire de Guillaume sur le post Automgen ou le cauchemard de l'ergonome
Ce petit blog d'un petit étudiant de l'ECN qui utilise des mots savants (mais qui n'est pas foutu de se servir d'un logiciel tellement ergonomique que des collégiens arrivent à s'en servir) me fait doucement rigoler.
Commentaire de Nicolas sur le post Automgen ou le cauchemard de l'ergonome
Alograf Studio est aussi un logiciel français !
Et il est aussi dans l'éducation ! et depuis 25 ans dans l'industrie de grand groupe en France !
Commentaire de Philippe sur le post Automgen ou le cauchemard de l'ergonome
Pour moi le plus important c'est que c'est un logiciel FRANCAIS ...
L'éducation Nationale tente de nous imposer des logiciels Américains tels que MATLAB et autre pour la réforme du BAC STI2D !!!!
Je veux croire qu'il est possible en France de faire des choses si on nous en donne les moyens et d'obtenir pour les entreprises Française au moins le reconnaissance de l'existant.. (AUTOMGEN, SCILAB etc ..)
Cordialement
Commentaire de LA mm personne sur le post The Curious Incident of the Dog in the Night Time, de Mark Haddon
De préférence avan Lundi 3 mai !!! :s
Commentaire de Warda sur le post The Curious Incident of the Dog in the Night Time, de Mark Haddon
Jai besoin absolumen dun resumé de 20 ligne sur la page 45 a 150 !!! jten supli aide moi, envoi moi ce ke tu as fai sur mon e-mail !!! MERCI
Commentaire de martial tchouapé sur le post Automgen ou le cauchemard de l'ergonome
J'utilise automgen depuis 1 mois environ, je voudrais qu'on puidde l'utiliser dans mon école , mais je ne maitrise pas l'utilisation , surtout pour les animations, si vous avez de bon tutorial dessus merci de les faire parvenir.(je suis étudiant à l'ist afrique centrale)
Commentaire de shadow sur le post Status update
OMG aussi... ;-)
Comme quoi j'ai bien fait de garder ce flux rss, je me disais bien que ça finirait par payer !
Mes plus que probables félicitations pour ton officialisation plus que probable !
Commentaire de DeFr sur le post Status update
C'est le grand problème, à chaque fois j'hésite parce que je sais que je risque de provoquer des crises cardiaques ;-) Plus sérieusement, je commence à avoir un rythme bien rodé, donc, je devrais pouvoir y intégrer (/me croise les doigts et touche du bois) les posts sur Dual Blog. Le pire, c'est que ça me fait réellement plaisir d'y écrire, de même que de remplir mon wiki, mais je suis en chronique manque de temps en fait.
Commentaire de Morgan sur le post Status update
OMG, un post !
Content de savoir que tu as trouvé un job conforme à tes attentes !
Commentaire de DeFr sur le post Dual Blog libéré
Jusqu'à il y a en gros un an, il n'y avait littérallement aucune protection contre le spam, et ce n'était pas un problème parce que je n'étais pas réellement une cible, j'avais réussi à échapper aux mailles du filet pour une raison mystérieuse mais dont je ne me plaignais pas ;-) Malheureusement depuis, j'ai été repéré, et j'ai par conséquent testé plusieurs dispositifs possibles, sans vouloir utiliser de captcha pour deux raisons: ils ont des problèmes non négligeables en terme d'accessibilité d'une part, et ils sont cassables informatiquement d'autre part. La solution sur laquelle je suis arrivé en ce moment, c'est l'utilisation d'Akismet, un service visant à lutter contre le spam au niveau mondial, et assez spécialisé dans la lutte du spam provenant des commentaires sur les blogs.
Très concrètement, pour chacun des commentaires qui sont postés, on vérifie (ligne 25) auprès du serveur d'Akismet la probabilité que le message soit ou non du spam, en fonction du contenu du message, de l'auteur, de l'ip, ... Si Akismet pense que ce n'est pas du spam, je l'affiche directement (et m'envoie un mail m'informant de la publication du commentaire), sinon, ca passe en modération, et je recois quotidiennement un mail me lisant les commentaires qui ont été placés dans cette file de modération.
Je n'ai pour le moment pas eu un seul faux positif, et les commentaires qui passent au travers des mailles d'Akismet sont relativement rares, donc je reste là dessus pour le moment. En toute objectivité, il y a quand même deux problèmes avec Akismet: d'une part, il s'agit d'une boite noire sur laquelle on n'a pas réellement de controle, et d'autre part il est necessaire de créer un compte WordPress (gratuitement) pour pouvoir accéder au service. Le deuxième problème part toutefois d'un bon sentiment: en obligeant les gens à avoir un compte, on évite qu'un grand nombre de spammeurs utilise le service en prétendant que leur spam a été considéré comme tel par erreur, faussant l'algorithme bayesien qui se trouve probablement derrière.
Commentaire de Shadow sur le post Dual Blog libéré
Petite question concernant Dual-Blog : il n'y a apparemment aucun test anti robot spammeur, est-ce que ce n'est pas un souci potentiel ?
Commentaire de DeFr sur le post Annonce de service
P'tit test, j'ai encore une fois changé légèrement la configuration de l'antispam qui laissait passer encore un peu trop de commentaires étranges à mon gout :-)
Commentaire de shadow sur le post Annonce de service
Tu as failli me provoquer une crise aussi, en fait... Au début de la lecture du billet précédent, j'avais cru que tu avais eu le vrai diplôme... Et que je ne l'avais pas reçu. ;-)
Content que tu te remettes à poster sur le blog, comme quoi j'ai bien fait de ne pas supprimer le flux rss !
Commentaire de DeFr sur le post Diplômé
Merci beaucoup pour les félicitations Morgan :-) Et je m'avoue plus qu'impressioné sur ses délais pour imprimer les diplômes de doctorat Oo; Je suppose que l'objectif doit être de grouper les différentes impressions pour arriver à un certain volume au niveau de l'imprimerie, et ne pas faire façe à des coûts prohibitifs ?
Je compte bien rester sur Nantes, donc, il ne semble pas impossible de nous re-croiser dans un futur plus ou moins proche. Et pour les mises à jours, j'essaie :-) Je viens de faire quelques nouvelles modifications à mon interface de gestion, dans l'espoir que plus je la trouverais attractive, plus mon envie de poster sera grande, je ne sais pas encore si ce sera une technique payante mais ca ne coûte pas grand chose de tester :-)
Commentaire de Morgan sur le post Diplômé
Mon Dieu, j'ai failli prendre une crise cardiaque en voyant ce flux mis à jour dans mon agrégateur ! Diantre, le Dual Blog mis à jour !
Félicitations à toi, Franck, et bravo pour la mention ! Je comprends tout à fait ce que peut représenter le fait d'être arrivé au bout d'un chemin académique, après pas mal d'efforts (pour te rassurer sur le délai d'obtention du diplôme définitif : les diplômes de doctorat mettent entre 18 et 24 mois à être édités ! C'est fou, quand on y pense).
Bon, maintenant, j'espère que tu mettras à jour plus souvent ton blog et/ou que nous aurons l'occasion de nous recroiser prochainement pour papoter sur tes projets, tout ça. Bon courage pour la suite !
Commentaire de Kévin sur le post Diplômé
Félicitations mon Ami :) !
Commentaire de lalie sur le post Les flux de syndication sur ce blog
Hum je pensais que t'avais réparé pour te motiver à poster ... Ta motivation elle est passée où encore??? Allez allez t'a pleins de choses intéressantes en plus à nous expliquer au boulot :D