Arthur Mougin

Développeur web, webvr et plus...

c

Presentation

Moi c’est Arthur, Jeune étudiant en Master de Management des Technologies Interactives et 3D à Laval. Je suis passionné par les nouvelles technologies du web, je fait d’ailleurs beaucoup de veille sur ce domaine via Feedly, Stumbleupon ou encore Codepen. Le web idéal pour moi est un web beau, fluide, accessible et comme le disent […]

Moi c’est Arthur,


Jeune étudiant en Master de Management des Technologies Interactives et 3D à Laval.

Je suis passionné par les nouvelles technologies du web, je fait d’ailleurs beaucoup de veille sur ce domaine via Feedly, Stumbleupon ou encore Codepen.

Le web idéal pour moi est un web beau, fluide, accessible et comme le disent si bien les québécois : Convivial ! parce qu’il ne peut en être autrement.

Amoureux des défis technologiques


Il n’y a rien de mieux que de relever des défis, esthétique ou technique. J’adore me surpasser et apprendre de nouvelles choses par la même occasion.

^^ Visite VR ^^

vv Ou 2D vv

Presentation

Moi c’est Arthur, Jeune étudiant en Master de Management des Technologies Interactives et 3D à Laval. Je suis passionné par les nouvelles technologies du web, je fait d’ailleurs beaucoup de veille sur ce domaine via Feedly, Stumbleupon ou encore Codepen. Le web idéal pour moi est un web beau, fluide, accessible et comme le disent […]

Moi c’est Arthur,


Jeune étudiant en Master de Management des Technologies Interactives et 3D à Laval.

Je suis passionné par les nouvelles technologies du web, je fait d’ailleurs beaucoup de veille sur ce domaine via Feedly, Stumbleupon ou encore Codepen.

Le web idéal pour moi est un web beau, fluide, accessible et comme le disent si bien les québécois : Convivial ! parce qu’il ne peut en être autrement.

Amoureux des défis technologiques


Il n’y a rien de mieux que de relever des défis, esthétique ou technique. J’adore me surpasser et apprendre de nouvelles choses par la même occasion.

Mes projets

Kwaibu

thumbnail de Kwaibu

Créer un site selon un thème donné en équipe. Cela a été le premier gros projet en équipe de Arthur Mougin. Nous avons créé une application sur le thème des assistants à l’entretien des plantes.

L’idée Kwaibu


Kwaibu était au départ une simple idée : un site qui aiderais ses utilisateurs dans l’entretien de leurs plantes domestiques. La cible principale était les étudiants qui n’avaient pas forcement le temps de s’occuper de leurs plantes.

Campus Sport à Belfort et Montbéliard

thumbnail de Campus Sport à Belfort et Montbéliard

Ce projet commandité par l’université de Franche-Comté consiste en un site informant les étudiants sur les activités et événements sportifs proposés sur les pôles de Belfort et Montbéliard. En plus d’informer, ce site doit également permettre une inscription à ces événements.

Un projet avec Commanditaire : Campus Sport


 

Ce projet universitaire sur 6 mois est commandité par une professeure de sport de l’iut. Le but étant de réaliser la version Belfort-montbéliard de Campus Sport. Cela consistait en un site présentant les activités et événements sportifs proposés dans le cadre de l’iut. L’objectif final étant d’inciter plus de monde à pratiquer du sport régulièrement, à venir aux événements donc le succès est variable.  Pour mener à bien ce projet, nous avons pris régulièrement contact avec notre commanditaire. La première séance a consisté à définir plus en détail son besoin avec des questions préparées à l’avance.

Mon rôle était celui de développeur et chef de projet. Mon équipe était constituée d’un communicant, Roman Misslin, et d’un designer, Marius Brucker. Ici j’ai put me concentrer sur la réalisation technique du site ainsi que de certains aspects légaux de Campus Sport.

Sur la page des sports de Campus Sport, les différents sports sont classés selon leur catégorie, avec une illustration ainsi qu'une citation motivante.

La page des sports de Campus-sport.


Un Campus Sport dopé au CMS


Les contraintes d’évolution du contenu imposaient une interface de gestion. Dans la cas plus spécifique des événements sportifs, notre commanditaire avait fait l’expérience d’EventBrite et l’avait trouvé trop complexe. Cela nous a donné un cadre pour le choix de solution. De par notre connaissance du CMS, de ses avantages et inconvénients, nous avons choisi WordPress combiné à un plugin consacré à la gestion événementielle. Ce dernier était choisi pour sa lisibilité d’interface administrateur.

back-office du site Campus Sport

espace administrateur de wordpress avec le plugin Kikfyre traduit via JS.



La contraintes additionnelle était que le plugin tourne en anglais et il n’y avait alors pas de traduction intégrée, j’en ai fait la demande. Il a fallut trouver et appliquer une méthode de traduction correcte en attendant une traduction officielle. Ainsi j’ai intégré en html, css, js et php avec Marius un thème WordPress pour Campus Sport. J’ai aussi déployé et migré Campus Sport du serveur de développement au site final Campus-sport.pu-pm.univ-fcomte.fr.

Stanley Kubrick

thumbnail de Stanley Kubrick

Ce Boss est un examen en 2 jour durant lesquels Arthur a dut réaliser un site avec Angular sur le thème du fameux réalisateur Stanley Kubrick. Des points supplémentaire étaient attribués si des Open data étaient utilisé, de même que la librairie D3js.

Le sujet : Stanley Kubrick







À 8h les sujets tombent : Réaliser un site d’un minimum de 5 pages avec angular JS sur Stanley Kubrick. Cela tombe bien, Stanley a de nombreux bon films à son actifs (2001 l’odyssée de l’espace, Shinning et j’en passe). Mon plan est de découper le site ainsi : Une page filmographie avec une requête à la base de donnée mondiale des films (IMDB pour Internationnal Movie Data-Base), Une page présentant ses thématiques, une page sur son histoire, une petite infographie avec D3js et une page d’accueil pour lier le tout. Une harmonie colorée idéale pour un réalisateur aussi minutieux de la couleur serait celle venant de l’un de ses films.





Salon incliné dans 2001 l’Odyssée de l’espace




Site filtré en blanc avec les onglets en colonne bien espacé au milieu du site.
Menu ouvert sur mobile du site Stanley Kubrick.




C’est Pour cela que je me suis inspiré des couleurs de 2001 comme sur la photo si dessous, en changeant quelque peut les proportions :





Pour l’introduction du site, il fallait rester dans la même colorimétrie. Pour cela, J’ai choisit de travailler avec une Photo de Stanley Kubrick mise en Noir et blanc. Jouer avec les contraste et la propriété background-clip était aussi une idée intéressante.





Développement





Le site tourne principalement avec angular.js 1.6.6. Cette technologie est très intéressante pour la gestion de Templates rapides à charger. Le mauvais côté non pris en compte dans cet exercice est le référencement. N’ayant pas de back-office à gérer cela a été assez rapide. J’ai obtenu une clé gratuite de l’api TMDB (The Movie Data Base) qui me permet d’accéder à un équivalent d’IMDB sans avoir besoin de passer par Amazon (qui possède IMDB). Ensuite j’ai traité leurs données pour afficher tout les films présenté sur la page Film.





Capture du site sur Stanley Kubrick dans la section films.




Cependant certains films n’avaient pas de revue disponible en Français. j’ai donc dut détecter s’ils en avaient, et sinon je rappelle la revue anglaise qui existe dans tout les cas.

Contact