Sujets de mini projets techno web 2013-2014

De $1

Version de 20:09, 18 Avr 2024

cette version.

Revenir à liste des archives.

Voir la version actuelle

Introduction

Plusieurs sujets vous sont proposés en fonctions de vos envies, de votre niveau en informatique, de votre future orientation.

 

 

 

Modalités de rendu

Le projet est à réaliser seul ou en binôme.

Date de rendu : à déterminer

Comme d'habitude vous avez le droit de réutiliser ce que vous voulez du net, de vos collègues, etc mais vous devez clairement l'indiquer. Pas d'appropriation du travail d'autrui mais de la réutilisation honnête.

Vous devrez rendre :

  • Une archive portant le nom de votre groupe, exemple : M1_Miage_nom1_nom2.zip ou .rar, vous rendrez cette archive soit le jour de la soutenance, soit vous la déposerez sur un site de partage simple à utiliser (dropbox, dl.free.fr etc.)
     
  • L'archive doit contenir :
    • un rapport de 2 à 10 pages détaillant votre travail, avec screenshots et explications, points forts, points faibles. 
       
    • Le projet lui-même (faites un clean avant, pas besoin d'avoir les .class), mais n'oubliez pas les jars si votre utilise des librairies  externes. Je conseille de les mettre dans un répertoire lib à côté de src.

       
    • Si vous considérez que votre projet est "super", une vidéo ou un lien vers la vidéo sur youtube. Cela permettra d'en faire de la pub !
       
    • Le powerpoint de votre présentation, mais vos responsables apprécient encore plus des présentations fun en HTML5 (voir Michel Buffa pour qu'il vous indique comment faire des transparents HTML5).

Sujets de mini projets au choix

1 - Un site "social" de gestion de photos

C'est un projet sympa pour ceux qui veulent jouer avec CSS3, jQuery etc. Plutot pour ceux qui se sentent à l'aise avec les technos web.

Sujet pour ceux qui veulent un peu plus s'amuser avec un site "fun" bourré d'animations, de popups, de slide shows, de jQuery effects etc. On se propose de refaire un site web "à la picasa / galerie facebook / flicker".

Remarque : il existe de nombreux plugins jquery pour afficher des albums photos, etc. Vous avez tout à fait le droit de les utiliser mais : citer les sources, indiquer ce que vous avez modifié, etc. !

  • Gestion d'albums photos, partage d'albums, commentaires, notifications,
     
  • En gros : on uploade des photos, elles arrivent sur le serveur (ce sera une tâche à faire marcher en priorité : l'upload), l'idéal est qu'on puisse envoyer plusieurs photos en multi-selection ou en drag'n'drop.  Voir le tutorial HTML5 de Michel Buffa, section "discovery path", il y a un exemple de selection de photos multiples avec possibilité de drag'n'drop. Il manque la partie "upload" en ajax, pour cela voir Michel Buffa ou chercher sur le web "html5 multipart iupload" pour la partie cliente et "Servlet multipart" pour la partie serveur (c'est aussi dans l'exemple à la fin du powerpoint sur les servlets 3.0). Voir par exemple : http://www.script-tutorials.com/html...file-uploader/, il reste à adapter en Java la partie PHP avec une méthode dans la servlet qui gère les fichiers multipart.
     
  • Gestion des albums : lors d'un upload, on choisit le nom de l'album où va la photo, on peut en créer un nouveau,
     
  • Affichage des photos dans l'album + affichage de la photo en grand. Là, jQuery/CSS3 sont vos amis : on trouve de nombreux widgets pour afficher de manière très sympa des photos !
     
  • Possibilité de partager des albums (en donnant la liste des utilisateurs avec qui ont veut partager : autocompletion attendue !)
     
  • Lors d'un partage les autres utilisateurs sont notifiés (par email ou bien lors de la prochaine connexion. Si par email, chercher java mail api sur google + utiliser un initParameter ou un contextParameter cf cours sur les servlets),
     
  • Lors d'un partage, les photos qui n'appartiennent pas à un utilisateur mais qui sont partagées avec lui doivent apparaitre dans la rubrique "albums partagés".
     
  • On peut commenter les photos mais aussi celles des albums partagés. Là aussi des notifications seront envoyées.
     
  • Des albums peuvent être publics ou privés. On peut partager des albums même publics ->  notifications en cas de commentaires.

Facultatif :

  • Réduire les photos pour en faire des imagettes une fois reçues sur le serveur,
     
  • Possibilité de "décorer les photos" en ajoutant des cadres, des effets (il y a des libs pour cela, chercher sur google), nombreux exemples HTML5 sur le web.
     
  • Utiliser plein de trucs sympas en jQuery pour des effets visuels, comme faire un slideshow à partir d'un album ou de photos sélectionnées,
     
  • Afficher la géolocalisation des photos  sur une google map (ou demander de cliquer dessus), voir exemples dans le cours HTML5 de M.Buffa (chercher sur google "html5 discovery buffa")
     
  • etc... allez voir sur picasa ou sur d'autres sites de photos...

2 - 

<canvas id="netbeans_glasspane" style="position: fixed; top: 0px; left: 0px; z-index: 50000; pointer-events: none;" width="1039" height="29852"/>

 

<canvas id="netbeans_glasspane" style="position: fixed; top: 0px; left: 0px; z-index: 50000; pointer-events: none;" width="1039" height="2158"/>