A Propos

A Propos

Développeur diplomé du cycle webacadémie d'EPITECH Paris, j'ai étudié divers langages de programmation web comme le PHP ou le Javascript et ai profité de cette occasion pour parfaire mes connaissances en intégration. J'ai également appris à m'adapter à toutes les situations qui se présentent à moi, peu importe la demande. Par la suite, je me suis pris au jeu de la découverte et apprends le Python ainsi que le framework Django pour les performances que celui-ci apporte. Je suis également Graphiste, autodidacte pendant une dizaine d'années, assorti d'un passage à l'école LISAA Paris où j'ai pu étudier la photographie. J'ai, entre autres, pu obtenir une certaine maîtrise des outils de création Adobe comme Photoshop ou Illustrator. Quand je ne travaille pas, j'apprécie de jouer à des VS Fighting comme Street Fighter 4, des jeux de cartes tel Magic, et me plait à ajouter à mes compétences le montage vidéo en travaillant sur des vidéos destinées à Youtube.

Mes compétences

Projets

Mes projets

Cette section est consacrée aux projets auxquels j'ai participé, qu'ils soient des sites web, des images, des jeux, ou quoi que ce soit d'autre.

Blog

Mes articles

Ces conflits de Zone DNS... Mais le site est là !

Je m'étais dis en été 2013, "Hey, mon site perso est pas terrible, ça serait pas mal de le refaire, allez, je me fais une maquette et go". Ouais, non, ça ne se passe jamais comme ça ! Démotivation, emploi, étude, tout ça en même temps, et le projet de portfolio NEW GEN tombe dans l'oubli total jusqu'à la fin de tout ceci. Avec le temps libre de retour, des nouvelles conaissances et un meilleure maîtrise de l'environnement web, me voila aux commandes d'une toute nouvelle config', un domaine transféré et hebergé chez Gandi, un VPS OVH, le Python et ...

Ces conflits de Zone DNS... Mais le site est là !

Je m'étais dis en été 2013, "Hey, mon site perso est pas terrible, ça serait pas mal de le refaire, allez, je me fais une maquette et go". Ouais, non, ça ne se passe jamais comme ça ! Démotivation, emploi, étude, tout ça en même temps, et le projet de portfolio NEW GEN tombe dans l'oubli total jusqu'à la fin de tout ceci. Avec le temps libre de retour, des nouvelles conaissances et un meilleure maîtrise de l'environnement web, me voila aux commandes d'une toute nouvelle config', un domaine transféré et hebergé chez Gandi, un VPS OVH, le Python et framework Django ainsi que son allié PostGreSQL, et un petit Git pour le versioning, et zou, nous voila parti.

En 5 ou 6 soirées étalées sur 2 semaines, j'ai quelque chose de fonctionnel, le rendu étant correct, je me lance, grâce à l'aide de ce cher Emmanuel Valette, développeur de son état, et d'un tuto Gunicorn/Nginx, dans les méandres de l'install' de mon nouveau serveur. L'installation et le déploiement se font sur 2 petits jours à comprendre le fonctionnements des outils dont j'ai besoin, et tout se passe à merveille, et il ne me reste plus qu'a modifier les zone DNS de mon domaine pour pointer sur mon ip. Et là, c'est le drâme.

Mon ancien hébergeur, dont je tairais le nom pour vous éviter d'avoir à les huer, s'est éfforcé d'entrer en conflit avec ma configuration Gandi (qui fonctionnait après la première propagation), ce qui me donne un résultat d'alternance entre mon site, un message d'erreur et mon site, avec quelques static-files non chargés. Je vais devenir fou, mais mon site est quand même en ligne, alors, bienvenue à vous, visiteurs, bienvenue à toi, nouveau portfolio, et à la prochaine.

Voir plus

Contact

Me contacter

Un mot doux à me communiquer ? Une information à partager ? Un évènement à me signaler ? Vous pouvez me retrouver sur les divers réseaux sociaux listés ci-dessous. Vous pouvez également utiliser le formulaire à votre disposition pour m'envoyer un email. Je vous répondrai dans les plus brefs délais.

chargement...
Mail envoyé avec succés.
Une erreur est survenue, réessayez plus tard.

ESFL, projet de fin d'année

Ce projet, réalisé dans le cadre du cursus Webacadémie d'Epitech, était un sujet libre. Le choix de l'équipe s'est porté sur un site qui aurait pour but centraliser les communautés eSport et d'informer le visiteur par de la nouvelle communautaire. Pour effectuer cette tâche, il fallait donc envisager de créer un site contenant beaucoup d'aspects sociaux, et très axé sur ses fonctionnalités.

Les objectifs

Notre vision du sport électronique devait se dérouler de manière à ce que n'importe quel individu faisant partie d'une communauté associée à un jeu à caractère compétitif puisse participer au contenu principal du site afin de partager sa passion et son engouement. Chaque utilisateur devenait alors un relayeur d'information par rapport à ses centres d'intérêt. Il devait également être possible à ces utilisateurs d'obtenir un espace personnel pour leur activité de joueur. Le site devait également proposer un calendrier des événements eSportifs à venir, voir d'en afficher le déroulement, sous forme d'arbres de tournois, et de diffusions live.

La solution apportée

Comme à l'habitude pour un projet "Epitech", le groupe était de mise, j'ai, pour ne pas manquer aux habitudes, travaillé avec mon collègue Emmanuel Valette. Outre les brainstormings et autres réunions d'idées pour aboutir à un résultat concret, j'ai, de nouveau, pris en charge le design, l'intégration de celui-ci et le javascript (animations, choix des librairies, explications de celles-ci, mise en place). Afin de participer activement au projet, j'ai également fait en sorte d'apprendre à me servir du langage Python, et plus principalement du framework Django, la technologie employée étant libre ici.

Le site devait s'inspirer de ce qui se fait dans la diffusion d'actualité, on retrouve donc ici un schéma à deux colonnes classique, une série de news écrites ou non par la communauté, un slider pour le plus important, et les diverses informations supplémentaires à droite. Le tout surplombé d'un header principal, laissant apparaitre un sous menu pour la navigation, ce même header faisant place à une nav-bar après quelques défilements de souris.

Voici donc ce qui se passe après navigation ou défilement souris :

Afin de rendre possible la partie concernant les pages personnelles des utilisateurs ainsi que celles attribuées aux équipes, il fallait consacrer au site un panel utilisateur et de la gestion de compte, visuellement parlant, la connexion devait être efficace sans pour autant entraver le design général, ainsi, de l'apparition de contenu était, je pense, judicieuse. Ensuite, pour égayer un peu ce concept, et pour rester dans le thème du jeu-vidéo, chaque utilisateur se voyait attribuer un panel de succès, comme les consoles de nouvelles générations le propose (ou même toute plateforme moderne), l'incitant alors à s'investir un minimum dans la communauté pour acquérir ses trophées et se pavanner avec sur sa page personnelle.

Enfin, pour finir de parler du design, le logo devait être passe-partout, je voulais en faire un écusson de prime-abord, il s'est avéré qu'un jeu sortant à ce moment (Wildstar en l'occurence, cherchez la race robotique du jeu, vous comprendrez sûrement) me donna envie de lui donner la forme qu'il a pris, la bannière arborant le nom du site en supplément.

Pour résumer, le site était donc fait en Python 2.7, s'aidant du framework Django et diverses librairies. La gestion des données pouvant vite s'avérer conséquente, le système de base de données choisi était PostGreSQL. Le javascript avait une place d'ordre visuel dans ce projet, il n'était pas prévu d'utiliser de l'AJAX, bien qu'un peu d'asynchrones ai été utilisé. Le site fonctionnant grâce à sa communauté, chaque utilisateur devait avoir accès au panel administration, il était alors très important de restreindre toutes les actions et les éléments visibles à ceux-ci, rédaction de contenu, édition de sa page, rien d'autre. En plus du côté utilisateur et communautaire, le site devait fournir une base commune à de nombreux titres, relayer de l'information, informer des événements eSportifs, tout en restant neutre par rapport à des équipes professionnelles.

--- Noté 14.5 par le jury.

Techweb, projet d'école

Ce projet, réalisé dans le cadre du cursus Webacadémie d'Epitech, avait pour but de créer un site qui copierait les fonctionnalités d'un Microsoft Project. De la gestion de projet en groupe, ainsi qu'un calendrier de tâches.

La demande

Le site devait permettre à n'importe quel utilisateur de créer un compte, de modifier ses informations personnelles, créer un projet et y inviter ses collaborateurs, et planifier des tâches pour chacun des participants. Entre autre, il devait également être possible d'organiser les tâches, réunions ou autres travaux par l'utilisation d'un calendrier.

La solution apportée

Chaque projet se déroulant à l'école "Epitech" se faisant en groupe, j'ai, encore une fois, travaillé avec mon collégue Emmanuel Valette. J'ai pris en charge le design (optionnel dans ce projet), l'intégration de celui-ci et le javascript (animations, choix des librairies, explications de celles-ci, mise en place). Afin de participer activement, j'ai également fait en sorte de travailler sur le framework CakePHP qui était demandé comme condition pour ce projet.

La partie design étant optionnelle, et le délai proposé étant très court, j'ai pris la liberté de créer une interface facile à intégrer en CSS, responsive et rapide à prendre en main. Celui-ci comporte un menu gauche ainsi qu'un content "fullscreen" contenant les diverses informations nécessaires (tableaux de data, formulaires, calendrier).

Dans le cadre d'un site de gestion avec un délai de rendu très court, j'ai tout de même choisi de faire un logo simple rapidement. Pour caractériser la gestion dans le temps d'un projet, et le site comportant un calendrier j'ai donc choisi de représenter un calendrier de forme basique.

Les technologies utilisées pour ce site sont des plus standards, en effet, celui-ci est réalisé en PHP objet via le framework CakePHP. Rien de particulier à signaler si ce n'est que la librairie full-calendar a été utilisée pour mettre en place le calendrier, couplé à PHP, il permet de gérer à la volée n'importe quel rendez-vous. Etant un point important du projet, la fléxibilité de la librairie s'est avérée être un vrai plus pour l'utilisateur final. Tout le reste fonctionne par échange de données Formulaires <-> MySQL.

Enfin, et dans un soucis de facilité, quelques fonctionnalités standards ont été incorporées, notamment un drag'n'drop pour le calendrier et des notifications JS pour confirmer chaque ajout de projet/tache.

--- Noté 17 par le correcteur.

My Deez, projet d'école

Ce projet, réalisé dans le cadre du cursus Webacadémie d'Epitech, avait pour but de recréer un site type Deezer ou Grooveshark. De l'écoute de musique en ligne, alimenté par sa communauté.

La demande

Le site devait permettre à n'importe quel utilisateur de créer un compte, de modifier ses informations personnelles, et, bien sûr, ajouter de la musique au catalogue disponible. Entre autre, il devait également être possible de naviguer tout en écoutant ses morceaux préférés, sans pour autant perturber la lecture à chaque changement de page.

La solution apportée

Chaque projet utilisant "la méthode Epitech" se faisant en groupe, j'ai donc travaillé avec mon habituel collégue Emmanuel Valette. J'ai pris en charge le design (souvent optionnel dans les projet d'école), l'intégration de celui-ci et le javascript (animations, lecteur, compatibilité navigateur). Je me suis également occupé de quelques tables SQL ainsi que de quelques objets PHP, afin de participer activement au développement global.

La partie design étant optionnelle, mais tout de même importante. J'ai choisi de travailler une interface facile à mettre en place en full CSS3, comportant une navbar simple, un content affichant les diverses informations d'album et morceaux, et un footer faisant office de lecteur musical permanent.

Dans le cadre d'un site musical comme celui-ci et ayant carte-blanche, la conception d'un logo rapide était également de la partie, un instrument, sans pour autant être commun : le Saxophone Alto, fut mon choix pour représenter le projet. La création découle de ce choix, l'instrument sous forme vectorielle, accompagné du nom de projet.

Couplé à ceci, le site devait être entièrement fait en AJAX. En effet, le lecteur devant continuer de fonctionner en continu, il était impensable qu'un changement de page ou un rafraichissement puisse arréter l'écoute. Il fallait également prendre en compte le navigateur de l'utilisateur, en effet, selon les formats musicaux pris en charge par notre application, certains navigateurs (Firefox à cette époque, par exemple) n'acceptaient pas tous les formats, dont les plus courants. Dans un soucis de temps, lié principalement aux délais fournis par l'école, le choix de n'utiliser que le format mp3 s'est rapidement fait. Dans ce cas de figure, il fallait vérifier les format de fichier ajouté à notre musicothèque et armé d'une librairie permettant de vérifier les entêtes de fichiers, ainsi que d'un script de vérification de navigateur, il était plus aisé d'informer une non-prise-en-charge de la configuration utilisateur et/ou des fichiers uploadés.

Enfin, et dans un soucis de facilité, quelques fonctionnalités standards ont été incorporées, notamment une recherche multi-critère et un upload multiple. Le site est également responsive design pour ajouter un côté pratique à son utilisation.

--- Noté 23.5/20 par le correcteur.