• Réalisations
  • Projets libres
  • Publications
  • Conférences
  • Billets
  • xavier(alias)dascritch.net

    m'écrire cv github twitter blog

    Hello ! Je suis Xavier Mouton-Dubosc

    Je suis lead developer d'applications web. J'ai aidé à la conception de Simtie pour la société Notalus. J'ai auparavant conçu dAgence.pro, une solution hébergée pour le e-commerce à destination des agences web.

    J'aime avoir une vision objective de l'existant pour concevoir des sites qui dureront. J'aime donc défricher les standards qui évoluent et déterminer des solutions pérennes. Je suis sensibilisé aux problèmes de sécurité et de vie privée et je partage mes connaissances lors de conférences.

    Mes compétences font la part belle à la modernité, la solidité, l'accessibilité et surtout à l'expérience. Je travaille sur les langages serveurs (PHP, NodeJS, Python, SQL, Bash), le front (HTML5, Javascript, CSS) et les Single Page Application. Je peux vous conseiller, soutenir votre équipe et vous aider à faire le meilleur choix possible pour le futur de votre activité.

    Ce site n'a intentionnellement aucun style : mon métier est derrière la présentation.

    Je suis disponible

    Quelques réalisations récentes :

    Simtie

    Simtie

    Simtie est un service hébergé de Gestion Électronique de Documents destiné aux TPE/PME. Il est conçu dans les principes flexibles testées pour dAgence.

    Afin de construire le projet commandé Simtie.

    En tant que Lead-developer de Janvier 2013 à Février 2014 avec deux co-développeurs, le responsable IT et le Product Owner.

    Nous avons développé en TDD et avec Git le serveur sur le framework CakePHP et une base PostGreSQL, avec des webservices backend d'indexation/OCR (Atalasoft Imaging sous Windows) et le code Javascript front-end sur des bases jQuery et PDF.js. L'interface en responsive web-design était prévue pour devenir une Single Page Application. Le projet était en planification Scrum.

    Touchalize

    Touchalize

    Touchalize est une application mobile de personnalisation de vidéos publicitaires virales. Le back-office permet aux annonceurs de consultater de statistiques de vues.

    Afin de construire le mock-up fonctionnel d'une interface de consultation de statistiques et un player vidéo HTML5 avec fallback vers l'application mobile, pour des démonstrations aux salons LeWeb 12 et Mobile World Congress 2013.

    En tant que développeur freelance, sur commande de Phonitive en Novembre et Décembre 2013.

    J'ai développé sur un serveur NodeJS et des bases NoSQL CouchDB/MongoDB, hébergées par AWS (EC2 et S3). L'interface HTML5 était orientée pour des démonstrations fluides sur surfaces tactiles, avec des animations SVG (bibliothèques Ext.js et Sencha graphs). J'ai géré en régie les priorités en Kanban, le code versionné avec Git.

    dAgencePro

    Dagence

    Dagence est une solution d'hébergement/cocooning pour les agences web. Elles peuvent ainsi proposer des services d'e-commerce sans le tracas de la maintenance.

    Afin de commercialiser nos services et présenter les avancées en développement web via un back-office multi-applications. Dans une optique d'un applicatif multi-boutiques SaaS en marque blanche, avec des plugins réalisés sur demande.

    En tant que développeur freelance et avec Nicolas Guilhou en tant que webdesigner UX, sur nos propre initiatives et selon les demandes clients, de 2008 à 2011.

    Nous avons créé et maintenu un service d'e-commerce, avec un back-office en single application page, responsive web-design et progressive enhancement. Le code serveur était écrit en PHP from scratch, pattern MVC, avec des bases MySQL et MongoDB, complété de scripts Bash. Le Javascript client du backoffice était sur jQuery, jQueryUI et tinyMCE, complété de bibliothèques maisons pour la manipulation SVG, l'envoi progressif de documents et les workflows dynamiques. Le projet était sous Git, en Kanban et planifié par l'outil interne de workflow.

    Supplément Week-End

    Supplément Week-End

    Site web d'une émission radio, le Supplément Week-End, support à la diffusion podcast. Site hébergé sur la plateforme dAgence avec agrégation de flux et service d'e-mailing.

    Afin de proposer du contenu rédactionnel et un support web à l'émission de radio, dans le cadre de mon activité bénévole.

    En tant que co-producteur, réalisateur et développeur web, de 2004 à 2014, et en collaboration avec les deux autres co-producteurs animateurs.

    J'étais en charge de la réalisation en direct, de l'habillage sonore (avec Protools puis Audacity), de la programmation musicale, de régir les différentes rubriques en plus de celles que j'écrivais. Je traduits et double aussi les interviewes en Anglais, et plannifie les opérations de direct en extérieur.
    dAgence héberge le site de l'émission, aggrégant les blogs des animateurs et différents réseaux sociaux. La conformations des podcasts est faite avec Bash, Sox, Oggenc et LibLame.

    Projets libres :

    Je m'implique dans l'univers open-source, ou je fais des expériences sous licence libre.

    Timecodehash

    Bibliothèque permettant les liens externes vers une ressource média à un moment arbitraire.

    Webperf book

    Chapitre sur l'astuce des polices ligaturées dans le livre Performance Web initié par Éric Daspet.

    Anchors Reveal

    Utilitaire navigateur pour afficher les ancres d'un document html.

    BaseRef

    Implémentation d'un concept simple dans différents langages en TDD avec fichier comportemental unique.

    RamRod's lost memories

    Jeu en single application page, à visée éducatif. Sur une idée et avec Fabien Tregan.

    TestCard.html

    Adaptation d'une mire TV de Ryan Gilmore en document html statique pour vérifier les problèmes d'implémentations par navigateurs.

    Simtie Password Strength

    Vérificateur de niveau de solidité de mot de passe.

    Je m'implique pour populariser

    Publications :

    Histoires en <img />

    Connaissez-vous vraiment de cette balise ? Je ne vais pas vous faire un dessin, mais ne soyez pas si sûr que ça…

    Concevoir un service de rapport de bugs

    Le bug report s’inscrit dans une démarche qualitative pour aider à résoudre un problème.

    Dirty Hacky : je parse en HTML .357 S&W

    Dans la vie, y'a les bons hacks, et les mauvais hacks.

    2012, fin d'un monde du web ?

    Netscape l'avait dit : « Le navigateur va devenir le nouveau système d'exploitation »

    SSL est-elle ?

    HTTPS, PGP, SSL, pour une poignée de certificats : Du chiffre, du code, du pognon, de la révocation…

    Conférences :

    Pourquoi la Cryptoparty

    Cryptoparty, Avril 2014, IUT Blagnac
    Cryptoparty, Avril 2014, Epitech Toulouse

    Recouper, partager, apprendre, faire progresser. Petit guide historique de la protestation technologique à la surveillance de masse.

    JSON ou l'histoire d'une licence presque libre

    Capitole du Libre 2013, Toulouse
    Avril 2014, Mozilla Paris

    En 20 minutes, je vais vous parler du JSON, de sa licence, de politique étrangère, d'activisme, d'humour, du Bien et du Mal.

    Vers une nouvelle éthique

    Paris Web 2013

    Au-delà du métier, de notre rôle de conseil, nous devons nous imposer pour que les lois ne s'écrivent plus contre nous. Expliquer la neutralité des réseaux, et en quoi notre vie privée n'est pas pas négociable.

    Testez vos recruteurs

    Sud Web 2012, Toulouse

    J'ai mis mon plus beau costard à Sud Web pour en tailler un beau.

    Des emoji dans l'Unicode

    Apero Web, Septembre 2012, Toulouse

    En Mars 2009, une drôle de proposition a été faite au Consortium Unicode par Apple et Google. Les ennemis du smartphone s'étaient unis dans une cause pour ajouter des entrées au lexique des caractères universels.

    I'm a bagger

    Je peux aussi vous proposer de faire un brown-bag avec votre équipe.

    Retours d'expériences :

    Je rapporte des bugs aux navigateurs, je signale et corrige des problèmes sur des bibliothèques, j'écris parfois dans la presse spécialisée et je donne épisodiquement des conférences. Et il m'arrive d'aborder des sujets techniques sur mon blog :

    Un Sud Web en hauteur

    Si vous ne le saviez pas, ceux qui y vont font partie d'une caste de privilégiés car construisent le web. Nous sommes les fameux 1%.

    Pourquoi je porte un treillis customisé

    Quel sens a ce costume que j'arbore aux conférences sur le web, ce que signifient les badges et décorations et surtout… est-ce ridicule ou aide-t-il à porter un message ?

    Pourquoi nous collons des stickers sur nos portables

    Nos machines valent un certain prix, elles sont nos outils de travail et de communication, et pourtant, nous les bariolons de gomettes et d'images Panini™. Quel est la raison de ce comportement chez les professionnels du web ?

    Bricolages en ‹img /›

    Où l'on apprendra comment les images sont gérées par les serveur web, et comment les navigateurs utilisent le document et ses méta-données header http. Avec une très belle astuce pour les CMS.

    Après la Crypto Party d'Avril

    Debrief d'une soirée qui a très bien marché, leçons et suggestions de vous tous, et tout plein d'échanges lors de cette chiffrofête. Ma contribution à la Journée Internationale contre les DRM.

    Ressources en ‹img /›

    Bon, coco, ton logo, je te l'exporte en quel format ? en bitmap ? dégradé ? paletté ? avec alpha-transparence ? sans animation ? ni support MSIE 7 ?

    Pourquoi la Cryptoparty

    Recouper, partager, apprendre, faire progresser. Petit guide historique de la protestation technologique à la surveillance de masse.

    J'ai marché sur la queue du Renard de Feu

    Exceptionnellement, je refais la conférence sur la licence JSON pour les non-chocolatinistes. Jeudi 17 à 19h30 chez Mozilla Paris (16 bis Boulevard Montmartre).

    Bientôt la Cryptoparty 3

    Mardi 29 Avril 2014, de 19h à 22h, venez à Epitech Toulouse pour poser vos questions, pour comprendre comment remettre du personnel dans l'informatique personnelle. Et surtout pour célébrer le prix Pulitzer aux journalistes qui ont travaillé sur les documents Snowden.

    Manuel en ‹img /›

    Comment est appelé, paramétré, configuré la balise <img /> dans le source html. Milles et une petites plaisanteries, hacks malheureux ou astuces qui furent standards à un moment.

    Da Scritch

    … hors code

    Ma prose est publiée et archivée sur mon blog personnel. Vous serez intéressé soit sur le domaine du développement web, soit sur mes activités professionnelles.