--- title: Partiel n°2 B2 AEP 2020 tags: evaluation, wordpress robots: noindex, nofollow author: Julien Noyer --- # ECV Digital Aix-en-Provence __B2 - Partiel Semestre 2__ _30 Mars 2020_ ## Matière Développement Web - Bachelor 2 #AEP (Julien NOYER) __Sujet : Présenter son travail__ Dans le cadre de votre cursus en processus créatif avec _Diego Ortiz_, vous avez-eu à effectuer un travail de recherche pour proposer la création d'une œuvrer d'art numérique. Le principe de création dans ce types de réalisations lie souvent les outils numériques à une approche tangible en essayant de répondre à la question : comment éveiller les sens en manipulant des machines. Pour la plupart des œuvres que vous avez imaginez, des techniques de développement sont nécessaires pour __créer des interactions__ entre l'œuvre et le spectateur mais d'autres sont plus basées sur l'utilisation de montage vidéo ou de modélisation 3D, il va de soit que la production digital pour les œuvres ne peut pas être prit comme base de valider le cursus en développement Web. C'est pourquoi il vous est demandé de __réaliser une page Web de présentation__ de votre œuvre dans laquelle vous devez être capable de **mettre en avant les compétences** techniques que vous avez acquis pendant les session de cours en développement web. Pour ce faire, vous devez présenter votre travail au **format HTML** en y intégrant un **design CSS qui doit correspondre à votre œuvre**. Il faut que vous soyez en mesure de respecter un principe de charte graphique dont votre œuvre est la base. Au delà du HTML et du CSS, il vous est également demandé de réaliser **au moins une interaction Javascript**. Le code Javascript étant central dans la gestion d'événements, il est tout naturellement utilisé pour réaliser une œuvre d'art numérique et c'est pourquoi la fonction **addEventListener()** doit être comprise pour pouvoir gérer des interactions avec un utilisateur. **Définition du travail à fournir** La page que vous allez réaliser doit **contenir toutes les informations** que vous avez déjà regrouper sur l'application **Notion** mais vous devez veiller à faire en sorte de **découper ce texte en 2 parties distincts** car vous devez ensuite créer sur votre page HTML une navigation que reprend ces 2 parties (par ex. Note d'intention | Fiche technique ). > Vous pouvez rédiger un texte différents si vous le souhaitez. **Vous êtes libre d'ajouter d'autres contenu** sur votre page comme par exemple un lien vers votre œuvre ou afficher des écrans pour la présenter, il est attendu pour ce travail que vous **soyez créatifs** dans la réalisation de votre page **et ingénieux** dans votre capacité à présenter vos connaissances techniques. > Considérez cette exercice comme faisant parti de votre démarche créative. Comme dit plus haut, **les différentes parties** de votre page devrons être référencer **dans une navigation** car vous devrez gérer l'**affichage de ces parties en Javascript**. Pour ce faire, vous devez être capable de **capter le clique** sur les liens de la navigation pour **afficher ou masquer** les éléments de la page HTML. Par exemple un clique sur le lien "Fiche technique" affiche une balise HTML dans laquelle ce trouve votre fiche technique. > Vous pouvez utiliser les ressources sur https://bit.ly/2UtAZ3D __Critères d’évaluation :__ La notation de votre travail sera sur **20 points** avec un **bonus de 5 points** possible. Il va de soit que la **note maximale est 20/20**. Les autres critères d'évaluation sont les même que pour le précédentes évaluation car **la notation de ce partiel prendra en compte votre évolution** en techniques de développement. - __5 points__ : Sémantique HTML - __5 points__ : Organisation du CSS - __5 points__ : Gestion des événements Javascript - __5 points__ : Qualité général du rendu - __Bonus 5 points__ : hébergement de la page via GitHubPage __Rendu :__ Une fois votre travail réalisé vous devez **créer un ZIP** et le déposer dans le dossier Gogle Drive suivant : - https://bit.ly/3aucwAX > Même si vous décider d'utiliser GitHubPage vous **devez déposer votre ZIP**.