CFP Arts - ID4 : programmation front / back end
Aperçu des sections
-
ID4 : programmation front / back end [ABAD]
-
Les nouveautés du site
Date mise à jour : 2026-03-13
- Cours 21 - Projet : ISAI 2026 - International Symposium
ANNONCES :
Prochain cours :
-
- Date : vendredi 20 février 2026
Prochaine évaluation :
-
- !Date : vendredi - - 2026
-
-
ve 13.20 février 2026
Accès au site du symposium : https://www.isai2026.org/home
Projet : application de récolte d'impressions émotionnels
Contexte et objectif
- Dans le cadre du Salon IA & ISAI AI 2026, concevoir et développer une application web mobile dont l'objectif est de :
- Recueillir les impressions émotionnelles en temps réel des participants lors des conférences et des tables rondes ;
- Associer ces impressions à des événements spécifiques et à des étiquettes émotionnelles ;
- Produire des données structurées qui pourront être analysées à la fin de la journée lors d'une table ronde d'experts dédiée ;
- Explorer la construction d'un indicateur émotionnel à travers des domaines thématiques hétérogènes (IA, éducation, gouvernance, etc.).
- L'application est à la fois :
- Un instrument de collecte éthique de données ;
- Un projet pédagogique combinant le développement full-stack et l'intégration de l'IA.
.
Test: 1 Devoirs: 2-
Ouvert le : vendredi 13 février 2026, 08:00À rendre : vendredi 13 février 2026, 13:30
-
Ouvert le : vendredi 13 février 2026, 08:00À rendre : vendredi 13 février 2026, 13:30
- Dans le cadre du Salon IA & ISAI AI 2026, concevoir et développer une application web mobile dont l'objectif est de :
-
ve 6 février 2026
Projet préparation à l'évaluation
- QUIZ 1 à 7
- Mini projet
- Dossier ;
- Description du projet ;
- Fonctionnalités (avec copie écran) ;
- Code Html-Css-JavaScript.
- Code.
- Dossier ;
.
Tests: 2 Devoir: 1 -
ve 16.23.30 janvier 2026
- Révision de l'architecture générale des technologies du web ;
- Revoir toutes les notions du cours d'informatique par une série de QCM
-
- Histoire et technologies ;
- Réseau informatique ;
- Client / serveur ;
- Introduction algorithmique et à la gestion de projet informatique ;
- Maîtrise de HTML5 – CSS – DOM ;
- Programmation côté client : JavaScript avec calculs, traitements, formulaires, multimédia, canvas - animation ;
- Utilisation des techniques de programmation événementielle et initiation à la programmation orientée objet ;
- Programmation côté serveur : PHP, gestion de données avec le SGBD MySQL ;
- Introduction aux structures de données telles Xml, Json et à initiation à l’utilisation d’Ajax ;
- Mise en application des connaissances dans une application Web complète.
- Chaque QCM donnera lieu à des discussions et des compléments.
Zone texte et média: 1 Dossiers: 3 Fichier: 1 Tests: 5 -
lu 5 janvier 2026
Bon travail !
-
-
lu 1er décembre 2025
lu 8 décembre 2025
lu 15 décembre 2025
Le projet a déjà été analysé (cahier des charges, fonctionnalités, parcours utilisateur, etc.).
Il s’agit maintenant de:
1. Réaliser l’application de bout en bout (front-end + back-end + base de données) ;
2. Produire une présentation orale de 5 minutes avec support visuel ;
3. Rédiger un dossier de mise en service avec un mode d’emploi exécutif.
RENDUS (voir également le document de projet) :
(Tous les fichiers comprendront votre nom et prénom):-
- 01 Fichier compressé de tout le projet (html, css, JavaScript, PHP, images, autres ressources) ;
- 02 Fichier *.sql permettant de recréer la base de données ;
- 03 Fichier présentation diapositive individuelle de 5 minutes
- Contexte, démonstration, choix UX/UI, technique (front/back/bd).
- 04 Fichier de mise en service et mode d'emploi
- Résumé sur l'application ;
- Guide de mise en service ;
- Mode d'emploi de l'application diagramme de Gantt ;
- Usage de l'IA dans le développement de l'application ;
- Les prompts les plus pertinents.
Dossier: 1 Devoir: 1 -
-
lu 17 novembre 2025
- Formulaire projet Diagramme de Gantt
- Sur la base du cours de PHP
- Mettre en pratique les formulaires ;
- Création d'une petite base de données.
- Création d'un formulaire Gantt
- Nom de la tâche ;
- Date de début ;
- Durée ;
- Dessiner des barres de Gantt simulées avec des caractères ASCII.
- Sur la base du cours de PHP
Dossier: 1 Fichier: 1 - Formulaire projet Diagramme de Gantt
-
lu 10 novembre 2025
- Workshop VR
- Théorie
- Pratique
- Workshop VR
-
lu 3 novembre 2025
- Sur la base de la théorie PHP du dernier cours (08)
- Théorie PHP 08
- N'oubliez pas les recherches web.
- Faire en autonomie les exercices de consolidations
- Théorie ;
- Opérateurs ;
- Variables ;
- Structure séquentielle ;
- Structures alternatives ;
- Strutcures itératives.
Dossier: 1 - Sur la base de la théorie PHP du dernier cours (08)
-
lu 27 octobre 2025
- Théorie et pratique sur les éléments PHP :
- Théorie langage ;
- Instruction ;
- Entrée / sortie ;
- Commentaires ;
- Opérateurs ;
- Variables ;
- Structure séquentielle ;
- Structures alternatives ;
- Strutcures itératives.
Dossier: 1 - Théorie et pratique sur les éléments PHP :
-
lu 20 octobre 2025
-
lu 10 octobre 2025
- Introduction architecture client-serveur :
- Fonctionnement d'un réseau informatque ;
- Notion de client - serveur ;
- Présentation XAMPP ;
- Démarrage XAMPP ;
- Root : htdocs ;
- Fonctionnement du serveur HTTPd ;
- Cheminement des fichiers autres que PHP ;
- Cheminement des fichiers PHP ;
- Test avec echo pour les démonstrations ;
- Exercices :
- Text pur ;
- PHP pur ;
- Mixte texte et PHP.
Dossier: 1 - Introduction architecture client-serveur :
-
lu 29 septembre 2025
lu 6 octobre 2025
- Prototypage UX/UI du projet « diagramme de Gantt »
- Sur les bases des analyses :
- de l'outil de planification Gantt ;
- de l'architecture de l'outil.
- Développer un premier prototype :
- UX (Expérience Utilisateur) :
- ensemble des principes et méthodes visant à optimiser la compréhension, l’efficacité et la fluidité de l’interaction d’un utilisateur avec l’application Gantt.
- UI (Interface Utilisateur) :
- ensemble des composants visuels et interactifs (grilles, barres, boutons, menus) qui constituent la couche graphique de l’application Gantt.
- UX (Expérience Utilisateur) :
- Sur les bases des analyses :
- Travail individuel : « réalisation d'un prototype »
- Réaliser un dossier :
- Présentant une analyse UX ;
- Présentant une analyse UI ;
- Liste des prompts principaux ayant permis d'élaborer les analyses
- Technique RCT-FTC.
- Proposition des interfaces de l'application ;
- Votre travail contribuera à élaborer l'application finale que nous développerons en commun dans la classe ID4.
- Réaliser un dossier :
- Ressources
- Figma AI : https://www.figma.com/ai/
- IA ChatGPT (OpenAI) : https://chatgpt.com/
- Claude IA :https://claude.ai/
- Gemini : https://gemini.google.com/
- Perplexity : https://www.perplexity.ai/
- Copilot : https://copilot.microsoft.com/
- Autres...
Dossiers: 2 Devoir: 1 - Prototypage UX/UI du projet « diagramme de Gantt »
-
lu 22 septembre 2025
- Architecture pour le projet « diagramme de Gantt »
- Client serveur ;
- Partie client (frontend) ;
- Partie serveur (backend) ;
- Données à mémoriser, base de données ;
- Techniques pour l'affichage et la gestion de l'application ;
- Full stack : HTML5, CSS, JavaScript, PHP, SQL, MariaDB.
- Travail individuel : « prompter pour l'architecture du projet Gantt »
-
- Objectif : créer une application de planification visuelle (diagramme de Gantt) ;
- Approche : utilisation de la technique RTC-FTC ;
- Utilité : se mettre d'accord sur l'architecture que nous allons utiliser pour le projet concret ;
- Étapes : prompts généraux, prompts sur chaque composant, prompts sur l'architecture finale.
- IA ChatGPT (OpenAI)
Dossier: 1 Devoir: 1 - Architecture pour le projet « diagramme de Gantt »
-
lu 15 septembre 2025
- Travail individuel : « outil de planification »
-
- Objectif : créer une application de planification visuelle (diagramme de Gantt) ;
- Approche : analyse orientée objet (classes Tâche, Projet, Catégorie, Diagramme) ;
- Utilité : visualiser, organiser, suivre et marquer l’avancement des tâches ;
- Étapes : compréhension, analyse POO, logigramme, diagramme de classes, dossier PDF.
- Logiciel pour élaborer des logigrammes, des classes et beaucoup plus ...
Dossier: 1 Devoir: 1 -
lu 8 septembre 2025
- Révision notions générales d'algorithmique
- Révision et exercices : 3 structures et logigrammes ;
- Questions / réponses
- PROJET : outil de planification
- Compréhension de la description d'une application ;
- Analyse d'une application et modélisation UML (diagramme de classes) ;
- Elaboration de logigrammes pour modéliser les actions principales de l'application ;
- Rédaction d'un dossier PDF regroupant la description du projet, le diagramme de classes et les logigrammes.
- Logiciel pour élaborer des logigrammes, des classes et beaucoup plus ...
Dossier: 1 URLs: 2 -
lu 1er septembre 2025
- L'objectif est d'introduire la logique interactive au moyen de l'analyse d'un jeu ;
- Première étape de sensibilisation :
- Introduction des éléments de base de l’analyse d'une application (un jeu) :
- Présentation du jeu :
- Voir et tester le jeu : Mario 2D ;
- Identification des objets :
- Etre attentif à tous les éléments du jeu ;
- Dresser une liste des objets ;
- Regrouper les objets en catégories.
- Analyse des propriétés des objets :
- Réfléchir sur les caractéristiques de chaque objet.
- Analyse des actions et des interactions des objets :
- Observer les actions et les états possibles de chaque objet.
- Présentation du jeu :
- Discussion sur le projet de gestion du temps :
- Exploration des techniques de gestion du temps ;
- Présentation du diagramme de Gantt ;
- Analyse du projet : diagramme de Gantt.
- Lien pour tester le jeu en ligne :
Dossier: 1