Portfolio | Jibril Khattaf Mendil (BTS SIO SLAM)

A propos

Actuellement en BTS SIO option SLAM, je developpe des applications web en HTML, CSS et JavaScript. Ce portfolio presente les projets realises dans le cadre de ma formation et en autonomie.

Objectif

Poursuivre mes etudes en alternance et evoluer vers un profil de developpeur polyvalent.

Methode

Projets concrets, bonne structuration technique, GitHub, documentation et progression continue.

BTS SIO

Option SLAM orientee developpement d'applications.

Web

Creation d'interfaces responsive et de fonctionnalites dynamiques.

Projet

Organisation, documentation et amelioration progressive du code.

Telecharger mon CV

Competences

Les competences que j'utilise principalement dans mes projets web.

Front-end

Web

HTML5

CSS3

JavaScript

Interfaces responsive.
Interactions JavaScript simples.
Organisation claire des pages.

Back-end

PHP

PHP CRUD Sessions

Traitement de formulaires.
Gestion de sessions et de roles.
Ajout, modification et suppression de donnees.

Base de donnees

SQL

MySQL SQL

Requetes SELECT, INSERT, UPDATE, DELETE.
Tables, relations et donnees metier.
Script SQL de creation de base.

Outils

Git

GitHub pour heberger les projets.
VS Code pour developper.
Tests et corrections progressives.

Methode

Projet

Comprendre un besoin utilisateur.
Structurer les fonctionnalites.
Presenter clairement le resultat.

Bonnes pratiques

Securite

Validation des formulaires.
Droits utilisateurs et sessions.
Protection des donnees sensibles.

Projets

Mes projets montrent ma progression en developpement web, depuis la creation d'interfaces jusqu'a la mise en place de fonctionnalites dynamiques et de traitements de donnees. Chaque projet est documente avec son contexte, ses objectifs, les competences travaillees et les pistes d'amelioration.

Travel Food

Site vitrine

Contexte : Site vitrine realise pour le snack familial afin de presenter l'activite, la carte, les horaires et les informations de contact.

Description : Interface responsive pour un snack a Carros avec menu filtre par categorie, mise en avant des burgers, tacos, tajines, couscous, desserts et boissons.

HTML5

CSS3

JavaScript

Fonctionnalites

Page d'accueil claire avec appels a l'action.
Carte du snack organisee par categories.
Filtrage dynamique du menu en JavaScript.
Sections horaires, adresse et contact.

Apports

Travail a partir d'un besoin reel.
Structuration d'un contenu commercial.
Responsive design pour mobile et ordinateur.
Integration d'images et amelioration de l'experience utilisateur.

Competences developpees : integration web, responsive design, JavaScript cote client, organisation d'un site vitrine et prise en compte d'un besoin utilisateur.

Ameliorations possibles : ajouter un vrai systeme de commande, une carte interactive et une gestion plus avancee des demandes client.

HTMLCSSJavaScriptSite vitrine

Voir la demo Voir le code

DKR Locations

Application metier

Contexte : Application de gestion de location de vehicules realisee dans le cadre d'un projet de developpement web.

Description : Application PHP/MySQL avec authentification, roles utilisateurs et gestion d'un parc de vehicules selon le profil connecte.

PHP

MySQL SQL MVC

Fonctionnalites

Connexion avec verification de session.
Gestion des roles admin et commercial.
Ajout, modification et suppression de vehicules.
Base de donnees avec utilisateurs et vehicules.

Organisation

Separation des dossiers config, models, controllers et views.
Routes gerees depuis le fichier principal.
Script SQL pour creer et remplir la base.
Cahier des charges associe au projet.

Interface administrateur avec liste des vehicules DKR Locations — Administration

Page de connexion DKR Locations — Connexion

Interface commercial avec liste des vehicules DKR Locations — Espace commercial

Competences developpees : PHP, MySQL, sessions, roles utilisateurs, architecture MVC simple, CRUD et organisation d'une application metier.

Ameliorations possibles : finaliser l'espace client, ajouter la reservation en ligne, renforcer le hashage des mots de passe et completer les tests.

PHPMySQLCRUDAuthentification

Voir le cahier des charges Voir le code

Portfolio personnel

Support BTS

Contexte : Site personnel permettant de presenter mon profil BTS SIO SLAM, mes projets, mes stages, ma veille, mon CV et ma grille E5.

Role : ce portfolio sert de support de presentation. Il n'est pas mon projet principal, mais il montre ma capacite a organiser et publier mon travail.

HTMLCSSJavaScriptGitHub Pages

Voir le code sur GitHub

Stages

Deux experiences chez Ciffreo Bona qui m'ont permis de decouvrir un service informatique et de mieux comprendre les besoins metier en entreprise.

Ciffreo Bona - Stage 2e annee

2026

12 janvier 2026 au 13 fevrier 2026

Analyse du besoin et des contraintes de l'entreprise.
Preparation d'une solution adaptee a un usage interne.
Documentation des choix et restitution a l'equipe informatique.

AnalyseConceptionDocumentation

Ciffreo Bona - Stage 1re annee

2025

Mai 2025 a Juin 2025

Decouverte du service informatique et des applications internes.
Observation de flux de donnees et d'outils professionnels.
Participation a la reflexion autour de la modernisation AS/400.

SIDonneesAS/400

Veille technologique

Sujet suivi : les systemes legacy, comme l'AS/400, et leur modernisation en entreprise.

AS/400 et modernisation

Oct. 2024 - Avr. 2026

Problematique : comment faire evoluer un ancien systeme informatique sans perturber l'activite de l'entreprise ?

J'ai choisi ce sujet car certaines entreprises utilisent encore des systemes anciens comme l'AS/400. Lors de mon stage chez Ciffreo Bona, j'ai pu comprendre que ces outils restent importants car ils sont stables, fiables et lies au fonctionnement quotidien de l'entreprise.

AS/400LegacyModernisationEntreprise

Ce que j'ai compris

Un systeme legacy est un ancien systeme encore utilise en entreprise.
L'AS/400 reste present car il est stable et fiable.
Le remplacer directement peut couter cher et prendre du temps.
La modernisation permet de le connecter a des outils plus recents.

Systemes encore presents

01

De nombreuses entreprises gardent des systemes anciens car ils gerent des donnees ou des processus essentiels.

Modernisation progressive

02

Les entreprises ajoutent des interfaces web, des API ou des passerelles sans tout remplacer d'un coup.

Connexion au moderne

03

Un systeme legacy peut etre relie a des applications web, au cloud ou a des bases de donnees plus recentes.

Recul personnel

Cette veille m'a permis de comprendre qu'une technologie ancienne n'est pas forcement depassee. Dans une entreprise, un systeme stable peut rester essentiel. L'enjeu est donc souvent de le faire evoluer progressivement plutot que de le remplacer brutalement.

IBM i IBM Docs IBM Redbooks

Grille E5

Cette section regroupe mon tableau de synthese E5 pour le BTS SIO. Il permet de presenter les situations professionnelles, les competences travaillees et les productions associees a mon parcours.

Tableau de synthese

Epreuve E5

Le tableau de synthese sert de support pour l'epreuve E5. Il met en relation les projets, les stages et les competences du referentiel BTS SIO option SLAM.

Situations professionnelles realisees en formation et en stage.
Competences mobilisees dans les projets.
Liens avec les productions et documents justificatifs.

Ouvrir le PDF Telecharger

Competences valorisees

BTS SIO

Gerer le patrimoine informatique.
Repondre aux incidents et aux demandes d'assistance.
Developper la presence en ligne de l'organisation.
Travailler en mode projet.
Mettre a disposition des utilisateurs un service informatique.
Organiser son developpement professionnel.

CV

Mon CV est disponible en PDF.

Telecharger le CV (PDF) Ouvrir le CV

Contact

Un echange, une opportunite ou une question ? Ecrivez-moi.

Coordonnees

Envoyer un email Telecharger le CV