Alexis Croutelle

Développeur web

A PROPOS


Passionné par les nouvelles technologies et le monde du web depuis de longues années, j'ai saisi l'occasion, à l'issue de l'obtention de mon baccalauréat STI génie électrotechnique, d'intégrer une formation qui me permettrait de me former dans ce domaine passionnant.

De ce fait j'ai choisi la voie du DUT services et réseaux de communication à Troyes (aujourd'hui appelé MMI). Ce DUT est composé de trois grands axes de formation qui sont le web, le graphisme et l'audiovisuel, ce qui m'a permis de découvrir le monde des nouvelles technologies et d'acquérir des bases solides dans les langages d'intégration et de développement web (HTML5, CSS3, PHP5, etc.) mais aussi en webdesign, print, communication puis enfin en production audiovisuelle avec la réalisation de plusieurs court-métrages, exercices vidéos et avec mon rôle d'assistant réalisateur en 1ère année puis de réalisateur en 2ème année pour la WebTV de l'IUT.

A la suite de mon DUT, j’ai intégré la licence professionnelle CNDAI afin de me spécialiser dans le domaine du développement web. J’ai effectué cette année en alternance, entre cours et entreprise et ai ainsi été baigné quotidiennement dans les problématiques et la rigueur du monde de l’entreprise.

Actuellement diplômé d’un bac+3, je suis en poste en tant que développeur web et acheteur industriel chez AVELEC.

Alexis Croutelle

Mon parcours


Mes compétences


HTML/CSS
90%
Bootstrap/Font Awesome
90%
CMS (SPIP, Joomla, Prestashop, Wordpress)
80%
PHP/SQL
80%
CakePHP
50%
jQuery/JavaScript
70%
Graphisme/Print (Adobe Photoshop, Illustrator, InDesign)
70%
Audiovisuel (Adobe Premiere Pro, After Effect)
70%

PORTFOLIO


Gestion de la licence CNDAI

Type de projet : Application web

Au cours du semestre 2 de la licence professionnelle CNDAI, il nous a été donné un projet tuteuré individuel. Chaque option avait un projet différent. Pour mon option : RCI, le but était de réaliser un site contenant un ensemble d’application qui devait permettre au personnel de l’administration de l’IFTS ainsi qu’aux enseignants, de gérer l’ensemble de la licence CNDAI.

Les consignes de ce projet ont été, tout d’abord, de réaliser complètement le site à la main, c’est-à-dire sans l’aide d’un Framework ni d’un CMS. Ensuite ce site devait obligatoirement avoir une partie administration dans laquelle il devait être possible, de gérer individuellement des applications spécifiques à la licence ainsi que l’ensemble des étudiants de celle-ci, comme, une gestion (inscription, ajout, modification, suppression) d’étudiants, de notes (ajout, modification, suppression), d’absences, de matières, de salles, mais aussi, une gestion des examens avec un plan de salle contenant une position aléatoire pour tous les étudiants, un système d’envoie de mail automatique avec un contenu prédéfini.

L’étudiant devait être le centre des applications, c’est-à-dire que l’utilisateur devait pouvoir avoir accès aux différentes informations pour chaque étudiant comme, nom prénom, diplôme précédant, option, groupe, mais aussi la liste de ses absences et de ses notes.

Puis enfin, le site dans sa partie front-end devait afficher le plus ergonomiquement possible l’ensemble des informations.
L’ensemble de ce projet à été réalisé sous le langage PHP. Pour le design du site, j’ai utilisé le Framework css Bootstrap.

Technologie(s)
  • HTML5
  • CSS3
  • Framework
  • PHP5
  • AJAX
Outil(s)
  • BBEdit
  • Bootstrap 3

Bibliothèque intercommunale

Type de projet : Application web

Ce projet a été réalisé au cours du deuxième semestre de la licence professionnelle CNDAI, le but était de rendre une application pour la gestion d'une bibliothèque en utilisant le Framework CakePHP.

Ce projet devait comporter, pour la partie back-end : une gestion des ouvrages, des exemplaires, des emprunts, des abonnés et des différentes bibliothèques, puis pour la partie front-end : un affichage de tous les ouvrages avec leur disponibilité et un affichage des ouvrages appartenant à chaque auteur (lorsque l'on clique sur un auteur on obtient la liste de tous ses ouvrages)

Technologie(s)
  • HTML5
  • CSS3
  • Framework
Outil(s)
  • BBEdit
  • Bootstrap 3
  • CakePHP

Hotel Le Renard

Type de projet : Site web

Site vitrine réalisé pour l'hotel-restaurant Le Renard. Mission effectuée dans le cadre de mon CDD chez EBC.

La maquette graphique m'a été donnée par le service communication de la société. Site adapté sur tout support (tablette, smartphone).

Technologie(s)
  • HTML5
  • CSS3
  • jQuery
  • PHP
  • CMS Joomla
Outil(s)
  • Sublime Text 3

Coopérative de Trigny et Prouilly

Type de projet : Site web

Site vitrine réalisé pour la Coopérative de TRIGNY-PROUILLY. Mission effectuée dans le cadre de mon CDD chez EBC.

La maquette graphique m'a été donnée par le service communication de la société. Site adapté sur tout support (tablette, smartphone).

Technologie(s)
  • HTML5
  • CSS3
  • jQuery
  • PHP
  • CMS Joomla
Outil(s)
  • Sublime Text 3

Divalto Vins

Type de projet : Site web

Site vitrine réalisé pour la présentation d'un ERP métier dédié au monde viti-vinicole. Mission effectuée dans le cadre de mon CDD chez EBC.

La maquette graphique m'a été donnée par le service communication de la société. Site adapté sur tout support (tablette, smartphone).

Technologie(s)
  • HTML5
  • CSS3
  • jQuery
  • PHP
  • CMS Joomla
Outil(s)
  • Sublime Text 3

Alterego Interim

Type de projet : Site web

Site vitrine réalisé pour l'agence Alterego Interim. Mission effectuée dans le cadre de mon CDD chez EBC.

La maquette graphique m'a été donnée par le service communication de la société. Site adapté sur tout support (tablette, smartphone).

Technologie(s)
  • HTML5
  • CSS3
  • jQuery
  • PHP
  • CMS Joomla
Outil(s)
  • Sublime Text 3

Champagne Laurent Charlier

Type de projet : Site web

Site vitrine réalisé pour la maison de Champagne Laurent Charlier. Mission effectuée dans le cadre de mon CDD chez EBC.

La maquette graphique m'a été donnée par le service communication de la société. Site adapté sur tout support (tablette, smartphone).

Technologie(s)
  • HTML5
  • CSS3
  • jQuery
  • PHP
  • CMS Joomla
Outil(s)
  • Sublime Text 3

ebp.vins

Type de projet : Site web

Site vitrine réalisé pour la présentation d'un logiciel de gestion commerciale destiné aux producteurs et négociants en vins. Mission effectuée dans le cadre de mon CDD chez EBC.

La partie graphique a été réfléchis en collaboration avec le service communication de la société. Site adapté sur tout support (tablette, smartphone).

Technologie(s)
  • HTML5
  • CSS3
  • jQuery
  • PHP
  • CMS Joomla
Outil(s)
  • Sublime Text 3

EBC

Type de projet : Site web

Site vitrine réalisé pour la société EBC à Reims. Mission effectuée dans le cadre de mon CDD dans leurs locaux.

Il m'a été demandé de faire une refonte moderne de l'ancien site web. Seule exigeance : présenter un site web reponsive.

La partie graphique a été réfléchis en collaboration avec le service communication de la société.

Technologie(s)
  • HTML5
  • CSS3
  • jQuery
  • PHP
  • CMS Joomla
Outil(s)
  • Sublime Text 3

AVELEC Group

Type de projet : Site web

Site AVELEC Group (Version 1), mis en place sous le CMS Joomla. Site vitrine comportant : une présentation des différents services proposés par la société, les différentes entités du groupe AVELEC, un lien vers la boutique en ligne ainsi qu'une page contact avec formulaire et informations.

Ce site a été développé pour améliorer la communication de la société AVELEC sur Internet.

Technologie(s)
  • HTML5
  • CSS3
  • jQuery
  • PHP
  • CMS Joomla
  • Framework Bootstrap 3
Outil(s)
  • Sublime Text 3

Stock composants - AVELEC

Type de projet : Application web

Dans un premier temps, application (interne) développée pour la gestion du stock de composants des techniciens chez AVELEC

Cette application est en perpétuelle évolution. Actuellement elle permet :

  • Gestion de tickets via l'API du logiciel Trello
  • Gestion du stock composants (ajout, modification, suppression, barre de recherche, détail des composants)
  • Gestion d'une base documentation sur les réparation (ajout, modification, suppression, barre de recherche, bouton d'emprunt
  • Gestion du stock des systèmes à vendre (ajout, modification, suppression, barre de recherche, détail des systèmes)
  • Technologie(s)
    • HTML5
    • CSS3
    • jQuery
    • PHP
    • Framework Bootstrap 3
    • API Trello
    Outil(s)
    • Sublime Text 3

FC Haraucourt

Type de projet : Logo

Logo réalisé pour le club de football du FC Haraucourt.

Sur la base de l'ancien logo, je devais proposer une refonte reprenant les couleurs du FC Haraucourt. Ce logo a été validé par le club et sera floqué sur les joggings de l'équipe sénior pour la saison 2017-2018.

Outil(s)
  • Adobe Photoshop

Beer Collection

Type de projet : Application web

Développement d'une application pour la gestion de ma collection de verres à bière.

Fonctionnalités actuelles de l'application :

  • Total de marques, Total de verres
  • Liste des verres (avec marque, quantité et contenance)
  • Administration (accès privé) : connexion, ajout, modification, suppression et également ajout par upload de fichiers excel.

Fonctionnalités en cours de développement :

  • Barre de recherche par marque
  • Possibilité d'ajouts de photos pour illustrer les verres
  • Page liste de souhaits

Technologie(s)
  • HTML5
  • CSS3
  • jQuery
  • PHP
  • Framework Bootstrap 3
Outil(s)
  • Sublime Text 3

Marine Antoine Esthéticienne

Type de projet : Supports de communication

Différents supports de communication pour Marine Antoine Esthéticienne.

Sur la base de l'ancienne campagne de communication, je devais proposer une refonte reprenant les éléments et couleurs existantes. Ces maquettes ont été validées et lancées en impression.

Outil(s)
  • Adobe Photoshop

Marine Antoine Esthéticienne

Supports de communication

Beer Collection

Application web

FC Haraucourt

Logo

Stock composants

Société AVELEC

Application web

AVELEC Group

Site web

EBC

Site web

ebp.vins

Site web

Champagne Laurent Charlier

Site web

Alterego Interim

Site web

Divalto Vins

Site web

Coopérative vinicole de Trigny et Prouilly

Site web

Hotel Le Renard

Site web

Bibliotheque intercommunale

Application web

Gestion de la licence CNDAI

Application web