Projet CFA : Plateforme d’enseignement

Site d’apprentissage Dev & MySQL (HTML/CSS)

Description du projet

Ce projet est un projet de ma première année de BTS SIO réalisé au CFA INSTA.
Il s'agit d'un site web pédagogique permettant aux étudiants d’accéder à des ressources de cours, des exercices corrigés et des outils pratiques pour apprendre le développement (HTML, CSS, PHP, C, MySQL...).

Le site propose plusieurs rubriques : présentation du groupe et de l’école, fiches de cours, exercices interactifs, espace pour compiler du C en ligne (grâce à un lien externe) et de la documentation pour chaque matière.

Objectifs : faciliter l’apprentissage en centralisant les supports de cours et permettre aux étudiants de progresser à leur rythme.
Technologies : HTML et CSS uniquement.

Rubriques réalisées

Présentation du groupe

Section dédiée à l’équipe, avec photo et mini CV de chaque membre.

Description de l’école

Infos pratiques, historique, et présentation de l’établissement.

Fiches de cours & Exercices

Ressources sur l’algorithmique, C, PHP, HTML/CSS, Merise, MySQL.

Compilateur C en ligne

Accès direct à un compilateur web pour tester ses programmes en C.

Organisation & Travail en équipe

Répartition des tâches

Chacun a géré une partie (page accueil, cours, exercices, design…)

Suivi de projet

Utilisation de Trello pour organiser les tâches et assurer l’avancement.

Maquettes & Captures du site

Page d’accueil
Page d’accueil
Accueil du site avec présentation générale et accès rapide à toutes les rubriques pédagogiques.
Présentation du CFA
Présentation du CFA
Cette page présente le centre de formation, ses valeurs et ses infrastructures à travers un contenu clair et accessible à tous.
Présentation du CFA
Informations pratiques sur le CFA
Un aperçu détaillé de l’environnement, de l’équipe pédagogique et des outils mis à disposition des étudiants.
Présentation Groupe
Présentation du groupe projet
Découverte des membres du groupe, leurs parcours, leurs compétences et leur implication dans la réalisation du site.
Présentation Groupe
Membres du projet
Mise en avant du travail collaboratif et des rôles attribués à chacun pour garantir la réussite du projet.
Présentation Groupe onglet CV
Section CV - Groupe projet
Espace où chaque étudiant peut mettre en avant ses expériences, ses qualités et télécharger son CV.
Présentation cours
Page Cours
Liste des différents cours accessibles, organisés par matières avec navigation intuitive et liens directs.
Présentation cours C
Cours de langage C
Contenus pédagogiques sur le langage C, incluant cours, exemples et exercices pour faciliter l’apprentissage.
Présentation compilateur C
Intégration d’un compilateur C en ligne
Un accès rapide à un compilateur en ligne, permettant aux étudiants de tester et valider leurs programmes sans installation.
Présentation cours MySQL et PHP
Cours MySQL et PHP
Ressources détaillées pour l’apprentissage du langage SQL et du PHP, avec exercices pratiques et corrigés.
Schéma du site code
Schéma du site et architecture du code
Représentation graphique de la structure du site, des liens entre pages et de l’organisation des fichiers HTML/CSS.

Compétences développées ✔️