Première année BTS SIO

2023-2024

Présentation Spécialité SIO SLAM

Le BTS Services Informatiques aux Organisations option Solutions Logicielles et Applications Métiers est une formation de BAC+2 pour former des techniciens supérieurs dans la conception de le développement d'applications métiers.

Le premier semestre consiste à une formation générale regroupant les 2 options : SISR (administration réseau) & SLAM (Développement Applications).

Le deuxième semestre nous suivons le programme de notre option choisis, apprentissage de différents langages de programmation dont différents modèles comme la Programmation Orienté Objet.

Contexte

Mission : Développer la présence en ligne de la section Segpa du collège Emile Combes de Pons sur le WEB.

Le collège Emile Combes de Pons veulent lancer un site Vitrine dédiés aux créations de bois réalisées par les élèves de la SEGPA. Ce projet à pour but :

Le site WEB devra être fluide et agréable pour l'utilisateur et en mettant en valeur les produits artisanaux tout en étant administrable, gérer le contenu du site web en ligne.

Ressources Numériques

Pour produire ce site nous allons utiliser Visual Studio Code qui est un IDE qui est une plateforme ou l'on peut écrire du code sous plusieurs langages différents et nous offres différentes fonctionnalités pour nous accompagner.

Les langages utilisés sont des langages appris en cours dans le bloc 2 SLAM. De l'HTML,CSS pour tout ce qui est mise en forme et vue de l'utilisateur (FRONT-END), PHP et Javascript pour la partie serveur et fonctionnalités (BACK-END).

Wamp pour la création d'un serveur local pour les fonctionnalités PHP. Un serveur LAMP pour faire tourner une base de donnée sur MariaDB. Le serveur LAMP est une machine Virtuel sous VirtualBox. Pour intéragir avec le base de donnée on utilisera Dbeaver (utilisé en cours).

Pour mettre en commun nos fichiers, nous allons créer un dépôt EssenceBois sur github, qui est une plateforme pour développeur qui permet d'héberger des projets, faciliter la collaboration et de posséder des sauvegardes dans le cloud. Et enfin l'utilisation de discord pour discuter du projet entre stagiaires.

Résumés Activités Profesionnels

Début du stage

Début du projet du site vitrine de la section SEGPA du collège Emile Combes de Pons.

Commencement du développement des pages web et des fonctionalités selon la demande du client. Récupération des données depuis la base de données puis les afficher pour l'utilisateur et de pouvoir y intéragir. La conception du site est basé sur l'architecture MVC. MVC pour Modèle-Vue-Contrôleur qui est très répandu pour les applications WEB et vise à organiser le code en 3 catégories

L'architecture MVC n'était pas assez complète selon notre tuteur pour que le projet soit fonctionnels alors en fin de première semaines nous sommes passés sur un autre framework plus utilisés par des profesionnels mais simplifiés par un de nos professeurs, M. Ornech, ici pour visualiser.

Création du dépôt sur GitHub et formation.

Milieu du stage

Après avoir terminer une grande partie du BACK-END du site, il nous faut créer le design du site en fonction de la maquette données.

Maquette

Version Finale

Pour effectuer le design du site, nous allons utiliser un framework CSS open-source appellé Bootstrap. Il fournit des outils css pour créer un site web personnalisés et responsive selon la tailel de l'écran. Bootstrap nous permet de faciliter le design du site et de le rendre responsive au lieu de créer nous même nos classes CSS, ce qui aurait pris bien plus de temps et ne nous aurait pas permis d'avancer sur le projet.

Après avoir rattraper le design du site nous pouvons continuer sur les fonctionnalités du site dont la création de compte et l'authentification de session client/administrateur. Les clients pourront modifier leurs profils en ajoutant des informations tels que leur téléphone, prénom, nom et adresse pour pouvoir ajouter des produits dans leurs paniers pour passer commandes. Tandis que l'administrateur pourra accéder à son dashboard pour voir les messages de contact des utilisateurs, voir les commandes passées et pourra ajouter, modifier, supprimer des produits ou l'offre du jour.

Fin du stage

Nous avons finis le système d'authenfication, créer un compte et de rentrer le mail et le mot de passe hashé et de s'y connecter et de garder la session à travers les différentes pages. Tout cela se passe dans un seul fichier dans un dossier config qui est auth.php. L'administrateur peut désormais accéder à son dashboard avec toutes les fonctionnalités pour gérer les produits et son site.

Après avoir fait une bonne partie du site, nous sommes allés voir la classe SEGPA au collège pour nous faire un petit debrief avec le professeur des détails à ajouter ou modifier. On finalise notre mission en terminant ce qu'on pouvait faire en 6 semaines de stage sur le projet. Notre tuteur à mis en ligne notre version du site télécharger sur GitHub.

Bilan

Le stage que j'ai effectué pendant 6 semaines majoritairement en télé-travail, j'ai été en plein expérience profesionnel en tant que développeur Full Stack. J'y ai pu améliorer mes compétences appris dans le bloc 2 du BTS SIO SLAM. J'était en vrai situation pour un vrai projet qui va être utilisé régulièrement.

Tableau de Synthèse

>> Téléchagez ici <<