Jérôme Cutrona

Version statique de l'intranet de Jérôme Cutrona - Rejoindre la version dynamique 🔒

Les exemples et corrections sont potentiellement non fonctionnels.

B.U.T. Informatique - IUT de Reims - Université de Reims

Développement d'une application Web de consultation et modification de morceaux de musique

Navigation

Objectifs des séances

  • Élaborer des conceptions simples
  • Concevoir une interface utilisateur
  • Développer une application Web
  • Faire des essais et évaluer leurs résultats en regard des spécifications
  • Mettre en place les outils de gestion de projet
  • Être sensibilisé à la production de tests unitaires

Introduction

Vous avez jusqu'à présent mis en forme et conçu des structures de pages Web en R2.02 et conçu des programmes PHP en mode Web en R2.03. Vous avez également produit une brique logicielle « WebPage » dans laquelle vous avez implanté et testé la construction de la structure d'une page Web. Toutes ces ressources s'appuient sur les échanges régis par le protocole HTTP vu en R2.05.

Ce TP aura lieu durant les séances de R2.02 et R2.03 et vous préparera à la SAÉ S2.01. Il va réunir les ressources précédemment citées ainsi que d'autres de ce semestre ou du précédent. Les thématiques abordées seront :

  • Algorithmique
  • Conception orientée objet
  • Programmation orientée objet
  • Développement d'interfaces Web
  • Développement orienté objet
  • Développement d’applications avec IHM
  • Qualité de développement
  • Exploitation d’une base de données
  • Anglais technique
  • Développement Web côté serveur

Aucune correction ne sera fournie.

Versionnage du projet

Pour ce sujet de TP, vous créerez un nouveau répertoire, vous initialiserez un dépôt Git dans ce répertoire et créerez un dépôt distant sur GitLab. Vous réaliserez une opération de validation avec git commit au moins une fois par question du sujet.

Initialisation du dépôt

  • Ouvrez un terminal puis utilisez la commande mkdir un_nom_de_répertoire pour créer un nouveau répertoire « php-crud-music » à l'endroit de votre choix suivie de la commande cd un_chemin_relatif_ou_absolu pour vous placer dans le répertoire
  • Initialisez le dépôt Git du projet
    git init
  • Effectuez une première validation
    git commit --allow-empty -m "Initial commit"
  • Éditez le fichier « .gitignore » pour exclure les fichiers binaires inutiles à votre projet (fichiers pptx du cours, …), les fichiers qui contiennent des mots de passe ou, dans le cas des projets collaboratifs, les fichiers créés par votre éditeur de texte (répertoire « .idea » pour PhpStorm)
  • Éditez un fichier « README.md » dans lequel doivent figurer :
    • un titre de niveau 1 contenant le titre explicite du projet
    • un titre de niveau 2 « Auteur(s) » vous permettant de préciser votre nom et votre prénom (ainsi que ceux de votre binôme, le cas échéant)
    • un titre de niveau 2 « Installation / Configuration » précisant les points essentiels permettant d'installer, de configurer et de lancer le projet
  • Ajoutez les fichiers au dépôt
    git add .
  • Effectuez une nouvelle validation
    git commit -m "Repository setup"
  • Si nécessaire, renommez la branche principale en « main » (une branche vide ne peut pas être renommée, c'est pourquoi ceci est fait après le premier commit)
    git branch -m main
    Notez que vous pouvez le faire de façon définitive avec la commande suivante, à condition d'utiliser git dans une version supérieure à 2.28
    git config --global init.defaultbranch main
  • Connectez-vous à l'application GitLab et créez un dépôt portant le même nom que votre nouveau répertoire en pensant à décocher la case « Initialize repository with a README »
  • Accordez la permission « Reporter » à votre enseignant de TP/TD
  • Associez le dépôt local et le dépôt distant
    git remote add origin https://iut-info.univ-reims.fr/gitlab/votre_login/php-crud-music.git
  • Poussez le dépôt local vers le dépôt distant
    git push -u origin main

Consignes

  • Vous effectuerez une validation après chaque question.
  • À la fin de chaque séance, vous effectuerez une validation. Si cette validation contient du code incomplet ou ne fonctionnant pas, mentionnez-le dans le message de validation. Vous pousserez ensuite votre travail vers le dépôt distant.
  • Ce dépôt sera utilisé par votre enseignant(e) de TP pour évaluer votre travail, que cela conduise à un note ou pas. Assurez-vous donc régulièrement que tous les fichiers que vous souhaitez lui rendre sont bien présents dans le dépôt. Respectez les noms des fichiers qui vous sont demandés si des consignes particulières vous sont données.
  • Le dépôt lui-même sera évalué, soignez l'écriture de vos messages : clarté, pertinence, orthographe.

L'aide-mémoire Git et l'aide-mémoire GitLab de Monsieur Nourrit pourront vous être utiles.

Découpage logique du projet

Le projet couvre de nombreux aspects du développement d'une application Web en interaction avec une base de données et sera donc découpé en plusieurs parties.

Mise en place du projet

Aucune correction
Semaines 18 et 19
TP 1 :

Entités d'accès aux données et tests

Aucune correction
Semaines 19 et 20
TP 2 :

Structure HTML, CSS et tests d'acceptation

Aucune correction
Semaines 21 et 22
TP 3 :

Création, édition et suppression d'entités

Aucune correction
Semaines 22 et 23
TP 4 :

Sujet complémentaire

0 correction sur 6
facultatif
TP 5 :