Bienvenue sur mon portfolio
Je m'appelle Jason VASSEUR et je suis actuellement en BTS SIO option SLAM au campus St Charles Ste croix dans la ville du Mans . J'effectue cette formation en alternance.
Vous trouverez sur ce site les projets auxquels j'ai participé lors de mes deux années de BTS ainsi que certains projets créés avant le BTS.
Vous y trouverez également mon CV.
Présentation de l'entreprise
Code Colliders est une entreprise spécialisée dans le développement de site et d’application web. L’entreprise est composée de 5 personnes (moi compris). Elle a été créée en 2017.
Les principaux clients sont des entreprises ou des clients voulant avoir un site ou une application sur mesure, ou une mise à jour de leurs solutions actuelles. Les clients proviennent principalement de France, mais aussi d’Espagne et d’Afrique.
Mon rôle dans l’entreprise est de participer au développement des sites et applications web en autonomie ou en équipe.
Organigramme
AniGest
Contexte
Développer une application web de gestion d’animaux pour une animalerie.
Temps de réalisation
Environ 10 heures sur 3 jours.
Situation effectuée
- En centre de formation
- A titre personnel
- Réalisé seul
Outils et langages
- PHP
- HTML / CSS
- MYSQL
- PHPSTORM
- GITHUB / GITKRAKEN
Description
Cette application a pour objectif de gérer le parc animalier d'un élevage. Elle a été créée dans le cadre du PPE2. L’application permet d’ajouter des animaux dans une base de données par le biais d’un formulaire à remplir. À partir de cela, nous pouvons avoir la date de naissance de l’animal, ses géniteurs s'ils appartiennent à l’élevage, les informations sur l’acheteur dans le cas où il aurait été vendu (l’adresse, le prix, date d’achat …).
Exemple
1/ Cette page permet d’ajouter un animal dans la base de données de l’application par le biais d’un formulaire à remplir.
2/ Quand un animal est ajouté dans l’application, on peut le retrouver sur la page “Liste des animaux”. Cette page recense tous les animaux enregistrés et la liste peut être triée par nom, type ou race de façon dynamique.
3/ Lorsque l’on clique sur la ligne d’un animal, son profil s’affiche avec tous les détails renseignés précédemment.
Réalisation
Pour réaliser cette application web, j’ai utilisé PHP avec un template HTML (AdminLTE) qui utilise Bootstrap 4 ainsi que diverses librairies JavaScript. Le fait d’utiliser un template comme base m’a permis d’avoir un design épuré et de gagner du temps sur le développement. J’ai utilisé l’extension PDO de PHP afin d’avoir accès à la base de données MySQL avec PHP.
Mots clés
- PDO : PDO (PHP Data Objects) est une extension de PHP qui permet d’accéder à une base de données depuis PHP.
- BootStrap : BootStrap est un ensemble de librairies javascript, html et css. Il permet de concevoir un design de site web rapidement avec peu de lignes de code.
- JQuery : JQuery est une librairie javascript permettant de faciliter l’écriture de scripts côté client.
- MySQL: MySQL est un système de gestion de base de données relationnelles.
Le bon éleveur
Contexte
Développer une copie du site LeBonCoin mais avec uniquement des animaux en vente.
Temps de réalisation
Temps indéfini sur 2 mois.
Situation effectuée
- A titre personnel
- Réalisé en équipe
Outils et langages
- PHP / SILEX
- HTML / CSS / BOOTSRAP
- MYSQL
- SUBLIME TEXT
- GITHUB / GITKRAKEN
Description
Ce projet est une copie du site "LeBonCoin". Ce projet a été créé à partir du constat que le site "LeBonCoin" ne vérifie pas si un éleveur déposant une annonce sur le site est vraiment agréé à vendre des animaux (numéro Siren dans la bonne profession).
Exemple
1/ Cette page permet d’ajouter une annonce sur le site. Plusieurs photos peuvent être jointes à l’annonce.
2/ Une fois l’annonce mise en ligne, l’annonce peut être retrouvée sur la catégorie Annonces. Cette page affiche les annonces disponibles sur le site et ressortent selon les filtres sélectionnés.
3/ Lorsque l’on clique sur une annonce, celle-ci s’affiche en plein écran afin d’avoir plus de détails.
Réalisation
Pour réaliser ce site, nous avons utilisé silex. Il s’agit d’un framework PHP basé sur l’architecture MVC. Nous avons aussi utilisé une API hébergé sur Opendatasoft afin de vérifier si le numéro Siren fourni lors de l’inscription correspond bien à la personne/entreprise qui s’inscrit et que cette personne/entreprise est bien un éleveur.
Mots clés
- MVC : MVC(Modèle Vue Contrôleur) est une architecture logicielle souvent utilisée dans les applications web. Le modèle contient les données à afficher, la vue contient la présentation de l’interface graphique et le contrôleur contient la logique concernant les actions effectuées par l’utilisateur.
- Composer : Composer est un gestionnaire de dépendances écrit en PHP. Il permet d’installer les bibliothèques dont le projet a besoin.
- Twig : Twig est un moteur de templates pour PHP, utilisé par défaut par Silex. Il correspond à la Vue de l’architecture MVC.
- Doctrine : Doctrine est un ORM (couche d’abstraction à la base de données) pour PHP, utilisé par défaut par Silex. Il correspond au Modèle de l’architecture MVC.
Gestion de véhicule d’occasion
Contexte
Développer une application de gestion de véhicule d’occasion.
Temps de réalisation
Environ 2 semaines.
Situation effectuée
- A titre personnel
Outils et langages
- PHP / SILEX
- HTML / CSS / BOOTSRAP
- JAVASCRIPT / JQUERY
- MYSQL
- SUBLIME TEXT
- GITHUB / GITKRAKEN
Description
Ce projet a été réalisé dans le cadre d’un stage effectué dans le garage LEGUAY situé à Préval. Le but était de gérer les entrées et sorties des véhicules d’occasion acheté par le garage et d’avoir une carte de la France avec des marqueurs représentant les lieux d’achats et de ventes.
Exemple
1/ Cette page permet d’ajouter un fournisseur sur l’application. Selon le type choisi, la couleur du marqueur sur la carte sera différente. L’adresse est auto-complétée par le biais de l’API Google.
2/ Une fois le fournisseur enregistré, un ou des véhicules peuvent être ajoutés et liés au fournisseur.
3/ La liste des véhicules et des fournisseurs sont affichés sur cette page. Un champ de recherches permet d’affiner les résultats voulut grâce à des mots-clefs.
4/ Lorsque le profil d’un fournisseur ou d’un véhicule est sélectionné, la carte zoom automatiquement sur le lieu où le fournisseur se situe.
Réalisation
Pour réaliser ce site, j’ai utilisé silex. J’ai aussi utilisé l’API Google afin d’auto-complété l’adresse lors de sa saisie et pour afficher la map.
Mots clés
- API : Une API (application programming interface), en français une interface de programmation d’application ou interface de programmation applicative est un ensemble normalisé de classes, de méthodes, de fonctions et de constantes qui sert de façade par laquelle un logiciel offre des services à d'autres logiciels.
Recherche entreprise / client
Contexte
Développer une application de gestion des prospects.
Temps de réalisation
Environ 2 semaines
Situation effectuée
- En entreprise
Outils et langages
- PHP / SYMFONY 4
- HTML / CSS
- JAVASCRIPT
- MYSQL
- PHPSTORM
- GITHUB / GITKRAKEN
Description
Ce projet a été réalisé dans le cadre du travail (Code Colliders). Le but est de pouvoir gérer les prospect démarché par l’entreprise.
Exemple
1/ Cette page permet d’ajouter un prospect sur la plateforme.
2/ Une fois le prospect enregistré, on peut ajouter des actions à faire prochainement.
3/ Cette page permet de voir les actions à l’ordre du jour. En rouge, les actions en retard, en jaune les actions à faire le jour même et en blanc les actions à faire le lendemain.
Réalisation
Pour réaliser ce site, j’ai utilisé Symfony avec divers bundle (Easy Admin, FOS- UserBundle).
Formateur à l'ENSSOP
Contexte
Former un groupe de personnes.
Temps de réalisation
2 jours
Situation effectuée
- En entreprise
Description
Suite à l’absence d’un des formateurs, j’ai eu à superviser une classe de 12 élèves effectuant une formation de développeur web sur un an.
Dev's Monster
Contexte
Développer un jeux de combat en tour par tour.
Temps de réalisation
Environ 4 mois
Situation effectuée
- En centre de formation
- A titre personnel
- Réalisé en groupe
Outils et langages
- JAVA
- MYSQL
- ECLIPSE
- GITHUB / GITKRAKEN
Description
Ce jeu a été créé dans le cadre du PPE4. Le jeu permet à deux joueurs de faire un combat de monstre en tour par tour. Divers formulaires permettent de rajouter à volonté du contenu au jeu. J’ai effectué la partie du combat joueur contre joueur. J’ai aussi réalisé la base de données.
Exemple
1/ Cette page représente l’IHM de combat du jeu. On peut :
- Attaquer en choisissant une des attaques
- Changer de monstre
- Quitter la partie
2/ Lorsque l’un des monstres prend des dégâts, ses points de vie diminuent. La barre des points de vie est animée, on peut voir les points de vie diminuer au fur et à mesure du combat
3/ Lorsque l’on clique sur le bouton “Changer monstre”, la liste des monstres disponible s’affiche.
4/ Après avoir cliqué sur un monstre, le changement est effectué.
5/ Une fois qu’un des joueurs n’a plus de monstres, la partie est terminée. Une fenêtre affichant le gagnant est alors affichée.
Réalisation
Pour réaliser cette application, nous avons utilisé java avec swing. Nous avons aussi utilisé MySQL pour la base de données.
GLPI / OCS
Contexte
Déployer GLPI et OCS sur un serveur.
Temps de réalisation
Environ 1 mois
Situation effectuée
- En centre de formation
- A titre personnel
- Réalisé en groupe
Outils et langages
- OCS
- MYSQL
- LINUX
- GLPI
- VirtualBox
Description
Dans le cadre du SI7, on a dù réaliser en binôme le déploiement d’OCS et de GLPI sur une machine virtuelle avec comme système d’exploitation Linux.
CV