96 lines
3.3 KiB
TeX
96 lines
3.3 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, choisir et
|
||
|
|
utiliser les technologies Web adéquates pour produire son site Web,
|
||
|
|
mettre en place la gestion des données du site et programmer leur
|
||
|
|
traitement.\\
|
||
|
|
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 : mise en place de l'environnement de développement
|
||
|
|
\begin{itemize}
|
||
|
|
\item
|
||
|
|
Utilisation d'une machine virtuelle ou accès à distance aux
|
||
|
|
ressources (par ex : ferme ESX,
|
||
|
|
Proxmox, Guacamole, Docker, \ldots), partage par clés \texttt{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 : réalisation documentée incluant :
|
||
|
|
\begin{itemize}
|
||
|
|
\item
|
||
|
|
Algorithmique (script serveur, dépôt de codes)
|
||
|
|
\item
|
||
|
|
Technologie Web (\texttt{HTML}, \texttt{CSS})
|
||
|
|
\item
|
||
|
|
Base de données avec manipulation de données (ajout, suppression,
|
||
|
|
modification)
|
||
|
|
\end{itemize}
|
||
|
|
\item
|
||
|
|
Phase 3 : présentation du prototype devant le jury de sélection avec
|
||
|
|
rédaction d'un rapport
|
||
|
|
\end{itemize}
|
||
|
|
Le travail demandé pourra inclure \emph{a minima} un livrable en anglais
|
||
|
|
(commentaires des codes, vidéo, présentation ou documentation).\\
|
||
|
|
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}}
|