![]() |
![]() |
Accueil > Intranet Michel Buffa > Cours Web 2.0 Casablanca 2013 > Projet Miage Casablanca 2013
Projet Miage Casablanca 2013De $1
IntroductionLe mini projet que vous devez me rendre se compose de trois parties distinctes. Les deux premières parties sont individuelles, la troisième pourra être faite en binôme ou trinôme (vous indiquerez les personnes concernées). Les modalités de rendu sont indiqués dans une section de cette page, vous devrez vous y conformer.
Partie I: Faire un CV dans une page HTML5Partie individuelle Ce premier travail vous demande de réaliser une page pour présenter votre CV en utilisant au maximum les éléments vus pendant le cours ou figurant dansla page des exemples HTML5, ou encore des choses que vous pourrez trouver sur le web, mais attention, on ne veut pas ici utiliser une librairie JavaScript ou des widgets ou autres frameworks. Que du pur HTML5 / JavaScript / CSS. Contraintes:
Bonus: Faire en sorte que la page soit lisible et adaptés aux écrans des Smartphones (avec CSS3 Media Queries) La page doit être adaptées c’est-à-dire que je ne dois pas devoir défiler de droite à gauche pour accéder aux informations. Le défilement doit être uniquement verticale => exemple http://www.html5rocks.com Si vous n’avez pas de smartphones vous pouvez tester le rendu ici : Screenfly
Partie II: Terminer le formulaire commencé en TP1Partie individuelle En TP vous avez fait un formulaire utilisant les nouveaux éléments, attributs, APis de HTML5. Vous avez aussi, normalement, intégré la géolocalisation pour pré-remplir des éléments d'adresse du formulaire, etc. Vous deviez ajouter un Canvas pour y intégrer votre signature. Vous deviez aussi intégrer la possibilité de prendre une photo avec la WebCam (attention, ça ne marche pas si on ouvre le fichier avec file:, il faut impérativement, avec Chrome que ce soit envoyé par un serveur. Avec Opera ça marche avec file:) Travail à fournir:
Bonus:
Partie III: mini jeuPartie en binôme ou trinôme Le squellette du jeu sous forme d'archive avec nowjs: ICI Le squellete du jeu en ligne pour faire des tests : http://jsbin.com/acohiv/8/edit Regardez ce code. Il contient des fonctions de detection de collision entre rectangles, et entre un rectangle et un cercle, qui sont utilisées pour tester si un joueur a buté sur un obstacle ou s'il a atteint la cible. Bougez le joueur a la souris et regardez les couleurs qui changent en fonction des collisions. Travail à fournir:
Illustration : Quand un joueur se connecte, il choisit son nom et sa couleur. Le chat permet aux joueurs de communiquer. Chaque carré represente un joueur, si un joueur bouge les autres le voit bougé !
Bonus: Ajouter des fonctionnalités pour rendre le jeu plus sympa ! Vous etez libre de faire tout ce qui vous plait pour l'améliorer ! Exemples : On aimerait ne pas avoir les obstacles codés en dur, mais une liste d'obstacles. On voudrait tester les collisions non pas avec un mais avec plusieurs obstacles, et aussi tester pour tous plusieurs joueurs (donc, gérer les joueurs dans un tableau ou une liste). On voudrait avoir plusieurs niveaux, soit aléatoires (plus dur) soit prédéfinis. On voudrait un score, un timer 1-2-3 partez, etc. Ou Faire un puzzle multi joueur, ou un puissance 4, ou ce que vous voulez ...
Modalités de renduDate limite : le 21 Mars 2013, je ne corrige pas ensuite, la note sera égale à zéro. Vous devrez individuellement préparer:
Mots clés:
|
Powered by MindTouch Deki Open Source Edition v.8.08 |