Referentiels/latex/saes/SAE23_exemple1.tex

106 lines
3.6 KiB
TeX

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
% Exemple de SAE
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\nouvelexemple{Application Web pour un prestataire}
\ajoutESproblematique{Le professionnel R\&T peut être amené à développer des applications Web,
sous forme de sites Web manipulables grâce à un navigateur Web : elles
peuvent être destinées à ses collaborateurs pour mettre facilement à
leur disposition un outil informatique ; elles peuvent aussi être le
cœur de métier de son entreprise avec des applications destinées à des
clients/commanditaires.\\
Cette SAÉ propose à l'étudiant de s'initier au développement d'une
application Web en le plaçant dans un contexte de réponse à un appel
d'offres : un client cherche un prestataire pour développer une
application remplissant un cahier des charges précis : par exemple, une
solution pour cartographier son matériel de réseau local sous la forme
d'un site web.}
\ajoutESdescription{
Partant des spécifications fournies par le client, l'étudiant devra
proposer, développer un prototype de l'application puis présenter le
travail réalisé devant le jury de sélection du prestataire.\\
L'étudiant devra mettre en place de son environnement de travail
(ressource R108), choisir et utiliser les technologies Web adéquates
pour produire son site Web (ressource R109 et R209), mettre en place la
gestion des données du site (ressource R207) et programmer leur
traitement (ressource R107 et R208).\\
La SAÉ pourra être réalisée par un groupe de 2 étudiants.\\
Partant d'un cahier des charges fourni, et pour un binôme d'étudiants,
la SAé pourra être mise en oeuvre avec différentes étapes :
\begin{itemize}
\item
Phase 1 : mMise en place de l'environnement de développement
\begin{itemize}
\item
Utilisation d'une machine virtuelle ou accès à distance aux
ressources (par exemple : ferme ESX,
proxmox, guacamole, docker, \ldots), partage par clés \textabbrv{USB}
\item
Installation ou utilisation d'un serveur web non chiffré (type Nginx
ou Apache)
\item
Utilisation possible d'un framework python (Django, Flask) ou
JavaScript (jQuery), java (play), etc\ldots{}
\end{itemize}
\item
Phase 2 : rRéalisation documentée incluant :
\begin{itemize}
\item
Algorithmique (script serveur, dépôt de codes)
\item
Technologie Web (\textabbrv{HTML}, css)
\item
Base de données avec manipulation de données (ajout, suppression,
modification)
\end{itemize}
\item
Phase 3 : pPrésentation du prototype devant le jury de sélection avec
rédaction d'un rapport
\end{itemize}
Le travail demandé pourra inclure a minima un livrable en anglais
(commentaires des codes, vidéo, présentation ou documentation).\\
Il pourra également mobiliser l'étudiant sur des activités de :
\begin{itemize}
\item
Communication : présentation orale, rédaction d'un rapport, conduite
de réunion
\item
Anglais : lecture de documentation technique, rédaction, présentation
orale
\end{itemize}
Transformations attendues chez l'étudiant :
\begin{itemize}
\item
Apprendre en autonomie
\item
Apprendre à apprendre
\item
Initiation et découverte des architectures applicatives
\item
Apprendre à valoriser son travail
\end{itemize}
}
\ajoutESformes{TP, Projet, serious game}
\ajoutESmodalite{\vspace{-5pt}
\begin{itemize}
\item
Site fonctionnel et dynamique
\item
Documentation technique, informative
\item
Tutoriel d'installation, d'utilisation
\item
Dépôt du code
\item
Démonstration
\item
Présentation de l'outil utilisé pour le développement
\item
Méthode de validation (exemple : cahier de tests, tests unitaires)
\end{itemize}}