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.

Le code étant destiné à des utilisations commerciales, je ne le partagerai donc pas.

InfoDocument

Ma premiere tache à realiser etait de faire un gestionnaire de document. On a une partie dite « Admin » ou l’on met en ligne notre document, acompagné d’un titre, une description courte et une description longue, et une partie publique qui a une liste de tout les documents mis en ligne et qui pemret d’acceder aux pages des documents.

J’ai dut faire en sorte que la page check quelle extension de fichier est utilisée afin de pouvoir l’afficher proprement!

L’éditeur de texte est un éditeur WYSIWYG, il est incorporé avec 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.
Le code qui gère l'affichage du fichier.
Le code qui gère l'affichage du fichier.

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