STAGE BTS SIO DEUXIEME ANNEE

Du 6 janvier au 14 février 2025, j’ai effectué mon stage de deuxième année de BTS chez Gecko Développement, une entreprise spécialisée dans le développement web, principalement avec PHP.

J’ai choisi cette entreprise afin de découvrir de nouvelles approches de PHP et d’améliorer mes compétences en design de site web.

Durant ces six semaines, j’ai travaillé sur deux projets distincts, intégrés à un projet plus vaste. Ces projets ont été entièrement conçus par mes soins, à partir d’un cahier des charges. J’ai pris en charge l’ensemble du développement, que ce soit :

  • La création du site,
  • Le design,
  • L’architecture des tables de la base de données.

InfoDocument

Ma première tâche à réaliser était de créer un gestionnaire de documents. Il comprend une partie « Admin » où l’on met en ligne les documents, accompagnés d’un titre, d’une description courte et d’une description longue, ainsi qu’une partie publique affichant la liste de tous les documents mis en ligne, permettant d’accéder aux pages correspondantes.

J’ai dû faire en sorte que la page vérifie quelle extension de fichier est utilisée afin de pouvoir l’afficher correctement.

L’éditeur de texte est un éditeur WYSIWYG, intégré grâce à QuillJS.

Interface d'ajout.
Interface d'ajout.
Document dans la liste des documents.
Document dans la liste des documents.
La page du document.
La page du document.
Organisation de la BDD.
Organisation de la BDD.
Editeur de Document partie 1
Editeur de Document partie 1
Editeur de Document partie 2
Editeur de Document partie 2
Système de mise en ligne.
Système de mise en ligne.
Listage des documents.
Listage des documents.
Choix de mise à jour ou suppression.
Choix de mise à jour ou suppression.
Le code qui gère l'affichage du document.
Le code qui gère l'affichage du document.

CREATEUR MINI SITE

Ma deuxième tâche a été la plus périlleuse, mais aussi la plus intéressante : concevoir un éditeur de mini-sites web.

Cet outil permet d’ajouter et d’organiser librement différentes rubriques, comme :

  • Champs textuels
  • Compte à rebours
  • Fichiers téléchargeables
  • Cartes interactives (similaires à Google Maps)

Pour assurer un fonctionnement dynamique et fluide, j’ai largement exploité JavaScript.

Deux tables ont été créées dans la base de données :

  1. Une première pour stocker les informations générales du site (titre, description…).
  2. Une seconde pour enregistrer chaque rubrique, son type et sa position dans le site.

J’ai intégré plusieurs bibliothèques externes pour enrichir les fonctionnalités :

  • QuillJS → Pour la gestion du texte enrichi
  • Leaflet → Pour l’affichage des cartes interactives
  • SortableJS → Pour le réarrangement dynamique des rubriques

L’ensemble repose principalement sur un script JavaScript, qui charge et manipule les rubriques dynamiquement. Chaque type de rubrique est stocké sous forme de template PHP séparé, permettant une meilleure modularité.

Création d'un site 1/2.
Création d'un site 2/2.

CONCLUSION

Ces six semaines de stage m’ont absolument satisfait !

C’était la première fois que l’on me confiait des projets conséquents à réaliser seul, une expérience bien différente de ce que l’on fait en cours.

Grâce à ce stage, je pense m’être beaucoup amélioré en développement web et, surtout, avoir gagné en confiance sur l’utilisation de l’AJAX et des interactions dynamiques côté client.

Un grand merci à Monsieur Tercelin pour tout ce qu’il m’as appris avec bon humeur et bienveillance!

Retour en haut