Bienvenue sur mon portefolio, je m’appelle Simon, j’ai 23 ans, je suis passionné par la programmation et le web. Je suis un développeur « full stack », je suis à l’aise sur du développement front-end avec des librairies Javascript pour ajouter de l’animation, de l’interactivité. Je code en respectant les standards du web (W3C) avec HTML5, CSS3 ainsi que les média queries pour un site web adapté à tout type de support et de navigateur. Grâce à de solides connaissances en ergonomie, et web design j’apporte une expérience simple et agréable aux internautes. Je maitrise également le développement back-end avec PHP et SQL pour intégrer des fonctionnalités essentielles au site.

Éducation

2010 – 2011

Baccalauréat – Économie et social

2013 – 2014

BTS – Services informatiques aux organisations

2014 – 2015

Licence professionnelle Communications numériques et e-activités

Expériences

AFA-multimédia

Développement de plugins WordPress, et d’un thème responsive design. Étude de progiciels pour une agence immobilière. Référencement SEO.

Réalisation Mars 2015 – 5 mois de stage

EPP

Concevoir et créer un site e-commerce pour vendre en ligne du matériel de restauration.

Réalisation Février 2014 – 1 mois de stage

Boutique artisanale

Concevoir et réaliser un site e-commerce sous prestashop.

Réalisation Février 2013 – 1 mois de stage

AGT Groupe

Créer un module d’exportation de données vers un fichier CSV en PHP.

Réalisation Juin 2013 – 1 mois de stage

Compétences

palette5
Design

Je réalise des interfaces uniques et simples. J’ai appris à mettre en place une identité visuelle claire et représentative d’une entreprise ou d’une personne, au travers de logos, de polices de caractères, de l’exploitation des éléments graphiques, de différents jeux de couleurs, de mots, de slogans.

3d
Interactivité

L’interactivité est essentielle pour guider et apporter une expérience agréable aux utilisateurs à chaque situation.

wacomtablet
Adaptabilité

Je crée des sites web qui respectent les standards d’accessibilité, ils s’adaptent à tout type de supports, ordinateurs, mobiles et tablettes.

Réalisations / Projets

Projets professionnels

Captain Spoc

Réaliser un site e-commerce proposant de commander des formations pour particuliers et professionnels.

Captain Spoc

spoc-preview
Accéder au site

Réaliser un site e-commerce proposant de commander des formations pour particuliers et professionnelles

Missions
  • Étudier le fonctionnement de Woocommerce et la création de plugin ‘enfant’.
  • Créer plusieurs plugins WordPress pour permettre à l’administrateur de remplir et configurer chaque ‘SPOC’ c’est à dire la page qui présente la formation.
  • Créer des customs post types et des champs personnalisés pour les formations.
Technologies / Tags
  • WordPress
  • Woocommerce
  • Advanced Custom Fields
  • Plugins
  • Responsive

Gestion de jeux concours

Créer un plugin de jeux concours administrables facilement dans le back-office de wordpress.

Jeux concours

renoverplus-preview
Accéder au site

Pour ce projet j’ai du créer un plugin de jeux concours administrables facilement dans le back-office de wordpress, le plugin fonctionnement de manière asynchrone (Ajax) pour éviter un chargement de la page à chaque modification c’est beaucoup moins contraignant pour l’utilisateur.

Missions
  • Pouvoir ajouter des lots au concours, les supprimer, les modifier
  • Coder les vérifications pour qu’un concours soit valide
  • Créer un système de tirage au sort du gagnant
  • L’utilisateur peut créer un jeu concours et le valider plus tard
  • L’administrateur peut envoyer un ou plusieurs mails aux gagnants sélectionnés avec un message automatique selon leurs informations, le lot et sa valeur
  • Mettre en forme les informations du jeu concours en CSS sur la partie front-office
Technologies / Tags
  • WordPress
  • jQuery, jQuery UI
  • Ajax
Annexes
jeux-concours-en-cours-lots-et-gagnants2

Voici l’interface des lots et gagnants pour le plugin de jeux concours, en rouge une liste déroulante avec les informations du jeu en cours et ses lots. En jaune les concours finis mais dont le tirage est à effectuer. En vert les concours dont le tirage est terminé, il ne reste qu’au client (administrateur) de sélectionner les gagnants pour leur envoyer un email.

jeux-concours-front-office

Voici la page dédié au jeu concours pour que les utilisateurs puissent participer. En haut à droite apparait l’onglet ‘Jeux concours’ seulement quand un jeu est disponible. Si l’utilisation s’engage il est renvoyé vers la page où il peut choisir son engagement et participer au concours via un formulaire.

Thème wordpress

L’objectif de ce projet fut de créer un thème WordPress ‘responsive’ et respectant les standards du web en reprenant très précisément une maquette HTML.

Thème wordpress

etes-desktop Accéder au site

L’objectif de ce projet fut de créer un thème WordPress ‘responsive’ en reprenant très précisément une maquette HTML

Missions
  • Créer un thème responsive, respectant les standards du web, du développement sous WordPress (Utilisation des boucles, des fonctions de WordPress, la création de widgets, menus…)
Technologies / Tags
  • WordPress
  • jQuery
  • Masonry
  • Masonry
  • HTML5 & CSS3
  • Responsive
Annexes
etes-mobile

Voici le menu en version mobile

etes-mobile_masonry

La librairie javascript Masonry ajuste automatiquement les articles selon l’espace disponible

Plugin d’exportation de données

Créer un plugin d’exportation de données depuis WordPress vers une fichier CSV pour ensuite l’importer dans une base de données Mircrosoft Access

Plugin d’exportation de données

Pour ce projet, l’association Marvejols-Mende s’occupe d’organiser le semi-marathon, ils utilisent le logiciel Microsoft Access pour la gestion des inscriptions, ils ont donc une base en locale et ajoutent les personnes qui s’inscrivent à la course par courrier manuellement dans le logiciel. La problématique de ce projet était d’avoir toutes les personnes participants à la course qu’ils soient inscrits par courrier ou par internet via un formulaire sur le site dans leur logiciel de gestion. Car ils disposent en fait de deux bases de données différentes, celle du site contenant que les coureurs inscrits en ligne et celle du logiciel contenant que les inscrits par courrier. Il leur fallait un système permettant d’ajouter de manière simple et automatique les coureurs du site internet dans leur base Access.

Missions
  • Créer un système d’exportation de données vers un fichier CSV.
  • Stocker les certificats médicaux de chaque coureur automatiquement sur le serveur sous forme d’archive zip.
  • Gérer l’exportation des données en deux partie, l’une pour exporter les nouveaux coureurs, c’est-à-dire les personnes n’ayant jamais participé à la course. Et les anciens coureurs, les personnes qui ont déjà participé, qui sont donc enregistrées en base mais qui se sont inscrites cette fois-ci via le site.
Technologies / Tags
  • WordPress
  • Plugins
  • Parseur PHP / CSV
  • Visual Basic for Applications
  • Microsoft Access
Annexes
schema_inscription_course

Exemple type d’un utilisateur souhaitant participer à la course N°1 en s’inscrivant par le site. L’ajout ne se fait pas en parallèle dans la base Access s’est pourquoi il fallait développer le système d’exportation et d’importation des données.

schema_export_import_anciens

Paul est un coureur déjà existant dans les deux bases en ayant le même ID car elles sont à jours, seulement il s’est inscrit par internet, ce script est simple et permet de gagner du temps puisque suffit d’importer le fichier plus que saisir manuelles toute les coureurs qui s’inscrivent via le site.

schema_export_import_nouveaux

Voici ci-dessus un résumé de la situation avec les nouveaux coureurs

Étude de progiciels de gestion

Mener une expertise et une analyse détaillée de progiciels pour une agence immobilière, pour remplacer leur système devenu obsolète.

Étude de progiciels de gestion

Missions
  • Découvrir leurs objectifs, leur système de fonctionnement actuel, leurs critères de sélection et les éventuelles possibilités d’évolution.
  • Leur apporter un point de vue objectif et technique sur les solutions disponibles sur le marché
  • Créé des grilles d’analyses comprenant les critères d’évaluations du logiciel et ses fonctionnalités définies avec l’agence.
  • Échanger nos informations via un partage de documents sur Google drive.

Assistance au tournage d’un film promotionnel

J’ai participé au tournage d’un film promotionnel de l’entreprise Environnement Massif Central. La société AFA-Multimédia était partenaire et fournisseur de matériel sur ce projet piloté par l’association SaveProject.

Assistance au tournage d’un film promotionnel

Missions
  • Photographie pour réaliser plus tard une séquence en stop motion.
  • Aider l’équipe pour la logistique, gestion du clap et lumières.

Audit de référencement

Rédiger un rapport concernant le référencement d’un site web.

Audit de référencement

Missions
  • Créer un document texte soulevant les points faibles mais aussi les points fort du site.
  • Analyse de la concurrence pour essayer de repérer leur stratégie de positionnement.

Second site e-commerce

Création d’un site e-commerce sous Prestashop pour vendre en ligne du matériel de restauration

Second site e-commerce

epp-preview
Accéder au site
Missions
  • Modifier le thème de base de prestashop
  • Intégration de produits
  • Former l’utilisateur à l’administration de son site via Prestashop.
Technologies / Tags
  • Prestashop
  • HTML5 & CSS3
  • E-commerce

Premier site e-commerce

Création d’un site e-commerce sous Prestashop pour vendre en ligne divers objets tels que des vêtements, des bijoux, des produits artisanaux, de la décoration, des jouets.

Premier site e-commerce

idyllic-preview
Accéder au site
Missions
  • Modifier le thème de base de prestashop
  • Intégration de produits
  • Former l’utilisateur à l’administration de son site via Prestashop.
Technologies / Tags
  • Prestashop
  • HTML5 & CSS3
  • E-commerce

Projet personnel (Autodidacte)

Création d’un moteur de jeu vidéo en Javascript

Je voulais créer un jeu de stratégie tour par tour, un x4 classique en somme, en utilisant les technologies du web. J’ai découvert le templating, une nouvelle manière de structurer mon code, et NWJS qui permet de développer des applications web sous forme d’exécutable.

Création d’un moteur de jeu vidéo en Javascript

Le moteur est séparer en deux parties qui communiquent ensemble, une pour gérer toute l’interface du jeu en HTML / CSS avec jquery pour manipuler le DOM, une autre partie pour traiter les données, effectuer les calculs et envoyer les résultats.

Missions
  • Utiliser le pattern ‘Objet literal’ en Javascript pour mieux structurer le code.
  • Utiliser un système de templating en javascript pour insérer les données dans la page. (Pure.js ou mustache, underscore.js)
  • Créer un carte en images vectorielles. (Fichier svg crée sous Inkscape puis converti en Javascript)
  • Utiliser l’algorithme de compression Javascript (lz-string) pour sauvegarder les données dans le local storage.
  • Créer un système de sauvegarde, de chargement des données avec la possibilité donc de commencer une nouvelle partie ou de continuer
  • Créer tout le système d’interface en une seule page HTMl donc avec des fenêtres qui sont active ou non.
  • Ajouter dans les options la possibilité de passer en plein écran et de changer la langue (Anglais et français).
  • Ajouter de la musique au menu principale.
  • Système de gestion et calcul des ressources du joueur (achat d’un bâtiment, d’une unité, gain de ressources par tour).
Technologies / Tags
  • Webkit-NodeJS (Désormais NWJS)
  • jQuery
  • Raphael.js
  • Images vectoriel
  • Photoshop
  • Raphael.js
  • Pure.js (Template Javascript)
  • Sweet Alert 2
  • JSON
  • Sound.js (Librairie creative.js)

Contact