{"id":100,"date":"2025-09-07T14:16:01","date_gmt":"2025-09-07T12:16:01","guid":{"rendered":"https:\/\/sio.lycee-saint-john-perse.fr\/portfolio-lgarcia\/?page_id=100"},"modified":"2025-09-07T14:16:03","modified_gmt":"2025-09-07T12:16:03","slug":"mon-stage-2024-2025","status":"publish","type":"page","link":"https:\/\/sio.lycee-saint-john-perse.fr\/portfolio-lgarcia\/mon-stage-2024-2025\/","title":{"rendered":"Mon Stage 2024-2025"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Mon stage de premi\u00e8re ann\u00e9e \u2013 BTS SIO SLAM<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"561\" height=\"235\" src=\"https:\/\/sio.lycee-saint-john-perse.fr\/portfolio-lgarcia\/wp-content\/uploads\/sites\/83\/2025\/09\/Screenshot-2025-09-07-14.10.14.png\" alt=\"\" class=\"wp-image-101\" style=\"width:443px;height:auto\" srcset=\"https:\/\/sio.lycee-saint-john-perse.fr\/portfolio-lgarcia\/wp-content\/uploads\/sites\/83\/2025\/09\/Screenshot-2025-09-07-14.10.14.png 561w, https:\/\/sio.lycee-saint-john-perse.fr\/portfolio-lgarcia\/wp-content\/uploads\/sites\/83\/2025\/09\/Screenshot-2025-09-07-14.10.14-300x126.png 300w\" sizes=\"(max-width: 561px) 100vw, 561px\" \/><\/figure>\n\n\n\n<p>Mon stage de premi\u00e8re ann\u00e9e de BTS SIO (option SLAM) s\u2019est d\u00e9roul\u00e9 au <strong>Campus Connect\u00e9 de Saint-Gaudens<\/strong>, service public g\u00e9r\u00e9 par la mairie et labellis\u00e9 par le Minist\u00e8re de l\u2019Enseignement Sup\u00e9rieur et de la Recherche, du 26 mai au 27 juin 2025. Ce lieu accueille des jeunes qui suivent des formations \u00e0 distance en assurant un accompagnement p\u00e9dagogique, technique et humain. Dans le cadre de mes missions, j\u2019ai effectu\u00e9 la migration du site web du Campus vers WordPress, ainsi que le d\u00e9veloppement d\u2019un logiciel de gestion des \u00e9tudiants permettant de suivre l\u2019assiduit\u00e9, les absences et la programmation d\u2019\u00e9v\u00e9nements.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1009\" height=\"268\" src=\"https:\/\/sio.lycee-saint-john-perse.fr\/portfolio-lgarcia\/wp-content\/uploads\/sites\/83\/2025\/09\/Screenshot-2025-09-07-14.10.35.png\" alt=\"\" class=\"wp-image-102\" srcset=\"https:\/\/sio.lycee-saint-john-perse.fr\/portfolio-lgarcia\/wp-content\/uploads\/sites\/83\/2025\/09\/Screenshot-2025-09-07-14.10.35.png 1009w, https:\/\/sio.lycee-saint-john-perse.fr\/portfolio-lgarcia\/wp-content\/uploads\/sites\/83\/2025\/09\/Screenshot-2025-09-07-14.10.35-300x80.png 300w, https:\/\/sio.lycee-saint-john-perse.fr\/portfolio-lgarcia\/wp-content\/uploads\/sites\/83\/2025\/09\/Screenshot-2025-09-07-14.10.35-768x204.png 768w\" sizes=\"(max-width: 1009px) 100vw, 1009px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Semaine 1<\/h3>\n\n\n\n<p>En ce qui concerne le mini-site, j&rsquo;ai d&rsquo;abord travaill\u00e9 sur la g\u00e9n\u00e9ration de QR-code afin d&rsquo;assurer le suivi de la pr\u00e9sence des \u00e9tudiants. Cette technologie \u00e9tant, pour moi, totalement nouvelle, j&rsquo;ai utilis\u00e9 plusieurs tutoriels en ligne pour appr\u00e9hender son fonctionnement et parvenir \u00e0 r\u00e9aliser une premi\u00e8re page fonctionnelle. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"410\" height=\"333\" src=\"https:\/\/sio.lycee-saint-john-perse.fr\/portfolio-lgarcia\/wp-content\/uploads\/sites\/83\/2025\/09\/Screenshot-2025-09-07-14.11.22.png\" alt=\"\" class=\"wp-image-103\" srcset=\"https:\/\/sio.lycee-saint-john-perse.fr\/portfolio-lgarcia\/wp-content\/uploads\/sites\/83\/2025\/09\/Screenshot-2025-09-07-14.11.22.png 410w, https:\/\/sio.lycee-saint-john-perse.fr\/portfolio-lgarcia\/wp-content\/uploads\/sites\/83\/2025\/09\/Screenshot-2025-09-07-14.11.22-300x244.png 300w\" sizes=\"(max-width: 410px) 100vw, 410px\" \/><\/figure>\n\n\n\n<p>J&rsquo;ai ensuite mis au point la page \u00ab Liste \u00c9tudiant \u00bb d\u00e9velopp\u00e9e en PHP, laquelle permet d&rsquo;afficher l&rsquo;ensemble des \u00e9tudiants contenus dans la base de donn\u00e9es et constitue une premi\u00e8re brique indispensable du logiciel.<\/p>\n\n\n\n<p>La partie migration n\u2019a pas encore \u00e9t\u00e9 abord\u00e9e cette semaine, le projet \u00e9tant encore en pr\u00e9paration.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Semaine 2<\/h3>\n\n\n\n<p>Pour ce qui est du logiciel \u00e9tudiant, j\u2019ai \u00e9labor\u00e9 une page \u00ab Aujourd\u2019hui \u00bb servant \u00e0 g\u00e9rer la pr\u00e9sence des \u00e9l\u00e8ves au quotidien via les QR codes scann\u00e9s. Avant cela, une page \u00ab \u00c9v\u00e9nement \u00bb, pouvant organiser les activit\u00e9s du Campus mais suivant la disponibilit\u00e9 des \u00e9tudiants, a \u00e9t\u00e9 commenc\u00e9e. En parall\u00e8le, j\u2019accueille la migration du site internet du Campus vers WordPress. D\u00e9couverte pour moi du concept d\u2019\u00ab usine \u00e0 sites \u00bb. Toutefois, un probl\u00e8me de droits d\u2019acc\u00e8s a limit\u00e9 notre capacit\u00e9 d\u2019action et a emp\u00each\u00e9 une plus grande personnalisation et un transfert des contenus plus avanc\u00e9.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Semaine 3<\/h3>\n\n\n\n<p>En parall\u00e8le du mini-site, mes travaux se sont concentr\u00e9s sur la mise en place de la page \u00ab Rendez-vous \u00bb permettant aux encadrants de suivre les entretiens et les cr\u00e9neaux d\u2019\u00e9change avec les \u00e9tudiants. Du c\u00f4t\u00e9 \u00e9tudiant, j\u2019ai con\u00e7u \u00ab \u00c9v\u00e9nement \u00bb et \u00ab D\u00e9tail \u00c9v\u00e9nement \u00bb, qui permettent aux \u00e9tudiants de consulter les activit\u00e9s pr\u00e9vues au Campus. Pour ce faire, j\u2019ai rencontr\u00e9 d\u00e8s le d\u00e9part des probl\u00e8mes avec cette fonctionnalit\u00e9, qui s\u2019est r\u00e9v\u00e9l\u00e9e mal con\u00e7ue, ce qui m\u2019a fait perdre du temps, et avec la communication PHP \/ JavaScript, pour laquelle j\u2019ai d\u00fb faire l\u2019\u00e9conomie dans certaines parties du code de JavaScript en le rempla\u00e7ant uniquement par du PHP, ce qui a permis de disposer d\u2019un r\u00e9sultat fonctionnel. J\u2019ai effectu\u00e9 en parall\u00e8le la mise \u00e0 jour des mentions l\u00e9gales et r\u00e9dig\u00e9 une fiche DPO sur la RGPD du logiciel.<\/p>\n\n\n\n<p>Pour la migration, cette semaine a \u00e9t\u00e9 mise sur pause en raison de l\u2019absence de droits d\u2019acc\u00e8s, ce qui m\u2019a permis d\u2019avancer sur le d\u00e9veloppement du logiciel \u00e9tudiant.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Semaine 4<\/h3>\n\n\n\n<p>Le mini-site a \u00e9volu\u00e9 suite \u00e0 l\u2019ajout de la page \u00ab Assiduit\u00e9 \u00bb dont l\u2019objectif est de consulter les justificatifs d\u2019absence, et de la page \u00ab Motifs \u00bb o\u00f9 l\u2019on peut ajouter ou s\u00e9lectionner les justificatifs des absences. Un probl\u00e8me s\u2019est pos\u00e9 pour l\u2019affichage des absences injustifi\u00e9es, li\u00e9 \u00e0 la formulation de ma requ\u00eate SQL. Une fois analys\u00e9e, j\u2019ai pu corriger la clause WHERE pour avoir l\u2019affichage conforme attendu.<\/p>\n\n\n\n<p>Parall\u00e8lement, j\u2019ai particip\u00e9 indirectement \u00e0 la migration en recherchant des images libres de droits pour la future charte graphique du site WordPress, en majorit\u00e9 sur Freepik. Un travail de rigueur bien assur\u00e9 et une coh\u00e9rence visuelle doivent \u00eatre respect\u00e9es pour rester en accord avec l\u2019identit\u00e9 de l\u2019institution. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Semaine 5<\/h3>\n\n\n\n<p>La derni\u00e8re semaine a \u00e9t\u00e9 mise \u00e0 profit pour finaliser le logiciel \u00e9tudiant. Lors de son d\u00e9ploiement sur le serveur, un probl\u00e8me d\u2019affichage est survenu emp\u00eachant son bon fonctionnement. En attendant une solution technique durable, nous avons fait le choix de l\u2019installer directement sur chaque poste du Campus pour nous en servir.<\/p>\n\n\n\n<p>En ce qui concerne la migration WordPress, j\u2019ai contribu\u00e9 de mani\u00e8re active \u00e0 la cr\u00e9ation des pages en respectant la charte graphique du Campus (choix des couleurs, des typographies, visuels libres de droits). J\u2019ai aussi trouv\u00e9 d\u2019autres ressources notamment sur Pexels pour compl\u00e9ter la base d\u2019images disponible. Cependant, lors de la mise en ligne, un probl\u00e8me de r\u00e9solution est apparu diff\u00e9rant la mise en ligne du site nous obligeant \u00e0 le faire fonctionner temporairement en local.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"473\" height=\"500\" src=\"https:\/\/sio.lycee-saint-john-perse.fr\/portfolio-lgarcia\/wp-content\/uploads\/sites\/83\/2025\/09\/Screenshot-2025-09-07-14.11.29.png\" alt=\"\" class=\"wp-image-104\" srcset=\"https:\/\/sio.lycee-saint-john-perse.fr\/portfolio-lgarcia\/wp-content\/uploads\/sites\/83\/2025\/09\/Screenshot-2025-09-07-14.11.29.png 473w, https:\/\/sio.lycee-saint-john-perse.fr\/portfolio-lgarcia\/wp-content\/uploads\/sites\/83\/2025\/09\/Screenshot-2025-09-07-14.11.29-284x300.png 284w\" sizes=\"(max-width: 473px) 100vw, 473px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Bilan<\/h3>\n\n\n\n<p>Ce stage, effectu\u00e9 au sein du service DSI de l\u2019Acad\u00e9mie de Martinique, a \u00e9t\u00e9 conclu au terme de cinq semaines de travail contribuant \u00e0 des missions concr\u00e8tes et vari\u00e9es. En effet, j\u2019ai pris part au d\u00e9veloppement d\u2019un logiciel complet de gestion des \u00e9tudiants (ajout, modification, suppression des profils, suivi des pr\u00e9sences au moyen de QR codes, justification des absences, planification d\u2019\u00e9v\u00e9nements), mais \u00e9galement \u00e0 la migration d\u2019un site institutionnel sous WordPress. Ces exp\u00e9riences m\u2019ont permis d\u2019approfondir dans un r\u00f4le actif mes savoir-faire techniques en PHP, SQL, JavaScript, WordPress et aussi mes savoirs \u00eatre concernant l\u2019organisation, la communication ou la r\u00e9solution de probl\u00e8mes.<\/p>\n\n\n\n<p>Ce stage a ainsi renforc\u00e9 mon projet professionnel dans le domaine du d\u00e9veloppement web et ma motivation \u00e0 le soutenir dans cette voie en d\u00e9veloppant exigence, autonomie et cr\u00e9ativit\u00e9.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mon stage de premi\u00e8re ann\u00e9e \u2013 BTS SIO SLAM Mon stage de premi\u00e8re ann\u00e9e de BTS SIO (option SLAM) s\u2019est d\u00e9roul\u00e9 au Campus Connect\u00e9 de Saint-Gaudens, service public g\u00e9r\u00e9 par la mairie et labellis\u00e9 par le Minist\u00e8re de l\u2019Enseignement Sup\u00e9rieur et de la Recherche, du 26 mai au 27 juin 2025. Ce lieu accueille des [&hellip;]<\/p>\n","protected":false},"author":86,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-100","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sio.lycee-saint-john-perse.fr\/portfolio-lgarcia\/wp-json\/wp\/v2\/pages\/100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sio.lycee-saint-john-perse.fr\/portfolio-lgarcia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sio.lycee-saint-john-perse.fr\/portfolio-lgarcia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sio.lycee-saint-john-perse.fr\/portfolio-lgarcia\/wp-json\/wp\/v2\/users\/86"}],"replies":[{"embeddable":true,"href":"https:\/\/sio.lycee-saint-john-perse.fr\/portfolio-lgarcia\/wp-json\/wp\/v2\/comments?post=100"}],"version-history":[{"count":1,"href":"https:\/\/sio.lycee-saint-john-perse.fr\/portfolio-lgarcia\/wp-json\/wp\/v2\/pages\/100\/revisions"}],"predecessor-version":[{"id":105,"href":"https:\/\/sio.lycee-saint-john-perse.fr\/portfolio-lgarcia\/wp-json\/wp\/v2\/pages\/100\/revisions\/105"}],"wp:attachment":[{"href":"https:\/\/sio.lycee-saint-john-perse.fr\/portfolio-lgarcia\/wp-json\/wp\/v2\/media?parent=100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}