forked from viennet/Referentiels
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.\\[3pt]}
|
|
|
|
\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 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}[topsep=5pt]
|
|
\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 \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~: ré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~: pré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).\\
|
|
Les transformations attendues chez l'étudiant sont~:
|
|
\begin{itemize}[topsep=5pt]
|
|
\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\\[3pt]}
|
|
|
|
|
|
|
|
\ajoutESmodalite{\vspace{-10pt}
|
|
\begin{itemize}[topsep=5pt]
|
|
\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}} |