Logo d'un V et A

Victor AGNEZ : Développeur Web

Fraîchement arrivé à Nantes, j'ai été diplomé de la formation Développeur Web d'OpenClassrooms le 22 mai dernier. Génération Internet m'a donné ma chance et je travaille donc principalement sur Symfony (1 à 4) depuis début septembre.

J'ai longuement préparé cette reconversion en travaillant sur différents projets que je vous propose de découvrir ci-dessous. Ceux-ci m'ont permis d'acquérir (et souvent de consolider) des compétences que je souhaite desormais utiliser dans le cadre professionnel. Vous pourrez aussi retrouver des détails sur mes précédentes expériences et mes centres d'intérêts.

Je suis bien sur disponible si vous souhaitez avoir plus de précisions. (Bien sur depuis j'ai travaillé sur bien d'autres projets mais que je ne peux pas exposer ici)

Projet Libre

J'ai créé une solution de gestion de classe pour les enseignants. Celle-ci consiste à pouvoir créer ses classes, ses élèves, son emploi du temps annuel et ainsi pouvoir enregistrer les oublis des élèves chaque cours de l'année.

Technos utilisées : Symfony 3.4, FOSUserBundle, GitHub, Trello, jQuery, Bootstrap…

image du projet 5
Cliquez sur l'image pour voir les contraintes

Cahier des charges

Le projet libre comme son nom l'indique avait peu de contraintes. l'objectif était de montrer un certain nombre de connaissances acquises durant la formation.

J'ai fait le choix de faire mon projet avec Symfony afin de profiter de ce temps pour apprendre un nouveau framework. Ce choix me permettait aussi de pouvoir continuer ce projet après la formation car il a de nombreuses possibilités d'évolutions.

Vous pouvez tester le projet en vous mettant à la place d'un prof : http://p5.agnezweb.fr

image du projet 4
Cliquez sur l'image pour voir les contraintes

Blog d'un écrivain

Blog CRUD réalisé en PHP pur.

Technos utilisées : PHP7, MySQL, WAMP, GitHub, TinyMCE…

Cahier des charges

L'objectif est de developper un blog pour Jean Forteroche écrivain. Celui-ci souhaite publier les chapitres de son livre en ligne chaque semaine mais n'aime pas Wordpress et souhaite donc avoir son propre CMS simplifié.

Ce CMS doit fournir une interface frontend (lecture des billets) et une interface backend (administration des billets pour l'écriture). On doit y retrouver tous les éléments d'un CRUD :

  • Create : création de billets
  • Read : lecture de billets
  • Update : mise à jour de billets
  • Delete : suppression de billets

Chaque billet doit permettre l'ajout de commentaires, qui pourront être modérés dans l'interface d'administration au besoin.

Les lecteurs doivent pouvoir "signaler" les commentaires pour que ceux-ci remontent plus facilement dans l'interface d'administration pour être modérés.

L'interface d'administration sera protégée par mot de passe. La rédaction de billets se fera dans une interface WYSIWYG basée sur TinyMCE, pour que Jean n'ait pas besoin de rédiger son histoire en HTML.

Il faut développer en PHP sans utiliser de framework pour se familiariser avec les concepts de base de la programmation. Le code sera construit sur une architecture MVC. Il faut développer autant que possible en orienté objet (au minimum, le modèle doit être construit sous forme d'objet).

Découvrez le blog ici : http://p4.agnezweb.fr

Site réservation Vélib

Solution de réservation de Vélib (fictive) avec slider, timer …

Technos utilisées : API JCDecaux, requêtes AJAX, page JS pur en POO

image du projet 3
Cliquez sur l'image pour voir les contraintes

Cahier des charges

L'objectif de ce projet était de développer un eapplication simulant la réservation de Vélib. L'utilisateur doit pouvoir regarder le nombre de vélos et de places dan les différentes staitons et réserver un vélo dans une staiton si celle-ci n'est pas vide.

L'application était à développer entierement en Javascript en utilisant l'API Google Maps

l'application devait etre composé de :

  • Un diaporama affichant des photos et des textes expliquant le fonctionnement de l'appli. Il devait réagir aux flèches de clavier.
  • Une carte des vélos sur laquelle se trouve toutes les stations Vélib. Lorsqu'on clique sur une station, les infos de la station s'affiche à coté de la carte. les infos sont récupérées grâce à l'API JCDecaux (à l'époque Paris mais desormais Nantes)
  • Un dispositif de réservation. Il doit être possible de réserver un vélo disponible à la station sélectionnée en signant dans un champ libre implémenté à l’aide de l’API HTML5 Canvas.Une fois la signature validée, un vélo est marqué comme réservé à cette station.

La réservation n'a en réalité aucun effet mais sera enregistrée pour 20 min dans le navigateur. Après expiration ou fermeture du navigateur, elle sera supprimée. Les infos de réservation sont stockées avec l’API HTML5 Web Storage.

Découvrez le projet ici : http://p3.agnezweb.fr

Maquette de la page
image du projet 2
Cliquez sur l'image pour voir les contraintes

Site ville de Strasbourg

Réalisation d'un site vitrine pour l'office du tourisme de Strasbourg.

Technos utilisées : Création d'un thème from scratch pour Wordpress, contraintes d'accessibilité.

Cahier des charges

L'objectif de ce projet était de créer un site vitrine pour l'office de tourisme de la ville de Strasbourg.

Le site devait être créé sous Wordpress avec un thème personnalisé qu'il fallait adapter à l'image de la ville (un thème existant pouvait être utilisé).

Voici les fonctionnalités qui étaient attendues :

  • Le site possèdera une page d’accueil, essentiellement graphique, avec un peu de texte, qui souhaite la bienvenue au visiteur et lui indique ce que l’on peut trouver sur le site. Des liens sont prévus pour accéder aux autres pages dans le corps de l’accueil. Un encart affichera un aperçu de la dernière actualité postée par la ville.
  • Un menu de navigation en haut de la page doit suivre le visiteur lorsqu’on va plus bas dans la page. Ce menu doit contenir les éléments suivants dans l’ordre : Accueil (avec une icône de maison à gauche du texte), Actualités, Plus d’infos, Activités du mois, Contact
  • Un Champ de recherche doit aussi être présent pour faciliter l’accès au contenu. Il n'est pas nécessaire que celui-ci fonctionne pour cet exercice.
  • Les pages doivent être conçues en responsive, de telle sorte à ce que le site s’affiche correctement sur toutes les résolutions. La navigation sur mobile et tablettes doit être naturelle et ne doit pas nécessiter de zoomer.

Voici les différentes pages que devait proposer le site:

  • La page « Actualités » affiche la liste des billets d’actualité. Les billets ne seront pas signés par un auteur : ils seront tous postés au nom de la ville.
  • La page « Plus d’infos » présente différents types d’activités sportives et culturelles organisées (musée de la ville, marathon… affichez-en au départ au moins 6 différentes). L'administrateur du site doit pouvoir indiquer le nom de l’activité, une description et une image.
  • La page « Activités du mois » liste au moins 10 activités à venir dans le mois sous forme de tableau (avec date, titre et court descriptif). Les lignes doivent se colorer au survol de la souris pour qu’on puisse se repérer. Un bouton « Inscription » à droite de chaque ligne du tableau ouvre un formulaire permettant de saisir son nom. L'envoi du formulaire n'a pas d'effet pour cet exercice.
  • La page « Contact » affiche un formulaire de contact structuré avec les champs « Titre du message », « Votre nom », « Votre date de naissance », « Votre e-mail », une case à cocher « Résident de la ville », un menu déroulant « Nationalité « et un champ « Message » où on peut rédiger son message. Un petit texte d’aide s’affiche sous le champ date de naissance pour dire que le format JJ/MM/AAAA est attendu. Le formulaire doit générer l'envoi d'un e-mail.

Le site devait être optimisé pour le référencement naturel et doit suivre les bonnes pratiques d'accessibilité (WCAG 2.0 niveau A).

Découvrez le projet ici : http://p2.agnezweb.fr

Site WebAgency

Intégration d'une maquette en HTML et CSS pur. Technos utilisées : HTML5, CSS3, ancres, réalisation d'un slider …

image du projet 1
Cliquez sur l'image pour voir les contraintes

Cahier des charges

L'objectif du projet était d'intégrer une maquette en HTML et CSS (sans framework).

Le site devait tenir sur une page avec un menu. Les différentes sections attendues étaient :

  • Un premier écran d'accueil de bienvenue, très visuel
  • La liste des services offerts par l'agence
  • Des exemples de projets déjà réalisés
  • Une carte avec un formulaire de contact (on ne vous demande pas de faire marcher le formulaire, juste de l'afficher).

Il fallait intégrer au moins un effet d'animation CSS sur le site.

Le graphiste avait déjà fait la maquette ci-dessous et fourni les différentes images utilisées.

Découvrez le projet ici : http://p1.agnezweb.fr

maquette du site maquette du site maquette du site maquette du site

Compétences

HTML 5
CSS 3
Bootstrap
JavaScript
jQuery
PHP 7
MySQL
Symfony 3.4
Git & Github
Trello
Wamp
Brackets
StarUML

Expériences

Professionnelles

Professeur de maths 2010-2018

Enseignant certifié en lycée puis collège dans le Val de Marne (94). Responsable logiciel de notes (4 ans), animation de formations aux enseignants (Google Drive, PRONOTE, Office…), Responsable site WP.

Divers 2008

Projet C++ sur l'évolution de la pollution dans le lac Leman en utilisant la méthode des éléments finis

Création de la base de données Excel des archives du service juridique d’Allianz Banque (VBA)

Formation

Développeur 2017-2018

Formation Openclassrooms : Développeur Web

Université 2006-2010

Licence, Master 1 de Maths Fondamentales et préparation au CAPES (Paris VI)

Prépa 2004-2006

Classes préparatoires MPSI puis MP (Lycée Pothier - Orléans)

Vie Associative

Association locale 2011-2016

Membre actif : organisations de campagnes, gestion d’équipes, responsable numérique…

Engagement professionnel 2011-2018

Elu du conseil d’administration du collège

Centres d'intérêts

Bricolage

Rénovation d'une maison de 50m² en Vendée (circuit d’eau, électricité, plancher, salle de bain déjà réalisés)

Jeux-vidéo

Grand fan de Civilization ("No more turns !"), The Witcher, Borderlands, Zelda…

Autres

Guitare, Voyages, Sciences sociales...