%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
% 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}}