ALBUM Y REALISE PAR DAGHOUI AZZEDDINE NAJMI HAFIDA ABDALLAH MAISSA

ALBUM Y REALISE PAR DAGHOUI AZZEDDINE NAJMI HAFIDA ABDALLAH MAISSA

Sommaire INTRODUCTION... 3 SYNOPSIS... 4 TITRE DU PROJET... 4 CONCEPT DU PROJET... 4 PUBLIC VISE... 4 OBJECTIFS... 4 CAHIER DES CHARGES... 5 RESSOURCES MEDIAS... 5 PHOTOGRAPHIE... 5 BUDGET... 5 STRUCTURE ET NAVIGATION... 6 STRUCTURE DE NOTRE APPLICATION... 6 NAVIGATION... 7 FORMES ET DEGRES D INTERACTIVITE... 7 CHOIX TECHNIQUES... 7 SCENARIO... 8 LOGO... 8 STORY BOARD... 8 LE MODE BASIC VIEW... 9 LE MODE COVERFLOW...10 LE MODE CAROUSEL...12 LE MODE VERTICALFLOW...13 DIFFICULTES RENCONTREES...14 PROJET «PERSONNALISEZ VOTRE INTERIEUR»...14 PROJET «ALBUM Y»...14 CONCLUSION...15

INTRODUCTION Dans le cadre de l UV SI28, il nous est demandé de réaliser un projet multimédia par groupe de 3 à 5 étudiants. C est dans ce cadre que notre équipe composée de 3 étudiants dans la branche Génie Informatique, DAGHOUI Azzeddine, NAJMI Hafida et ABDALLAH Maissa, avons décidé de réaliser le projet «Personnalisez votre intérieur» dans un premier temps. Mais, nous avons été contraints de changer de projet au cours du semestre, à cause des difficultés de la 3D en flash. Le projet «ALBUM Y» est une application que l on va intégrer sur Facebook. Ce projet vise à repenser le mode de visualisations des photos sur ce service de réseaux sociaux.

SYNOPSIS TITRE DU PROJET Notre application se nomme ALBUM Y. CONCEPT DU PROJET Notre projet consiste en l élaboration d une application Facebook pour visualiser ses albums photos. L idée est de rendre les albums photos qu on possède sur Facebook plus attrayant, c'est-à-dire faire des montages animés de présentations de photos. Comment le côté interactif sera-t-il développé? L internaute se connectera sur son compte Facebook pour accéder à l application L utilisateur pourra choisir le montage qu il souhaite parmi les trois proposés L utilisateur qui possède plusieurs albums photos, pourra choisir l album auquel il souhaite appliquer le montage L utilisateur pourra visualiser ses photos une par une et les manipuler facilement comme il le souhaite. PUBLIC VISE Notre application sera destinée à tous les internautes qui possèdent un compte sur Facebook. Bien évidemment, l utilisateur devra posséder des photos sur son compte s il souhaite utiliser notre application. OBJECTIFS Le plus important dans ce projet est de donner un aspect interactif et pratique à l application. En effet, le mode de visualisation de ses albums photos sur Facebook n est pas très pratique et l ergonomie laisse à désirer. Il en découle les objectifs suivants : La possibilité de choisir entre quatre montages de visualisation de photos différents. La possibilité de choisir l album auquel on souhaite appliquer le montage (si on a plusieurs albums photos sur Facebook). La possibilité de manipuler ses photos comme on le souhaite.

CAHIER DES CHARGES RESSOURCES MEDIAS Notre projet consiste en la création d une application pour un service de réseaux sociaux, Facebook. Cette application utilise un type de ressources qui est la photographie. L application développée propose plusieurs modes de visualisations de photos. Il y aura quatre montages différents PHOTOGRAPHIE Les ressources médias que l on utilisera seront des images et des photos qui seront chargés directement depuis un compte Facebook. Si l internaute possède plusieurs albums photos sur son compte Facebook, notre application respectera le nombre d albums existants sur son compte Facebook, ainsi que l emplacement des photos dans les différents albums. BUDGET Le projet ALBUM Y, étant entièrement réalisé dans le cadre de SI28, aucun budget n'est attribué.

STRUCTURE ET NAVIGATION STRUCTURE DE NOTRE APPLICATION Lien sur Facebook permettant d accéder à l application Onglet Application Cliquer sur ALBUM Y Choisir un album Différents modes de visualisations BasicView CoverView Carousel VerticalFlow Visualisation des photos des albums selon le montage choisi

NAVIGATION Un internaute se connecte sur son compte Facebook. Il ouvre le lien de l application, nommé ALBUM I. Ce dernier lui donne accès à notre application. Evidemment, l utilisateur possède des photos sur son compte Facebook. Quand l application est lancée, l utilisateur devra cliquer sur le bouton load qui lui permettra de charger et d afficher les différents albums photos de l utilisateur dans le cadre de gauche, nommé Albums. Ensuite, plusieurs onglets lui sont proposés : BasicView CoverView Carousel VerticalFlow Ces quatre onglets donnent accès à différents modes de visualisations ; le mode par défaut sera BasicView. (Explications détaillées dans la partie Interface). L utilisateur a choisi son mode de visualisation. Il sélectionne ensuite l album auquel il veut appliquer le montage, et il visualise ses photos dans un cadre sympa et convivial. FORMES ET DEGRES D INTERACTIVITE C est une interactivité de manipulation : l utilisateur est le créateur de l animation car il choisit lui-même l album qu il souhaite regarder ainsi que le mode de visualisation. Les quatre modes de visualisations proposés par l interface donnent une nouvelle dimension à la photographie. Il faut savoir que les albums affichés dans notre application proviennent directement des photos stockées dans la base de données de Facebook pour un utilisateur donné. CHOIX TECHNIQUES La technologie utilisée pour notre projet est FLEX. Adobe et Facebook ont coopéré pour permettre aux développeurs Web de créer plus facilement des applications en utilisant Flash / Flex (la "Adobe Flash Platform") avec la Facebook Platform. Cette association se traduit par la création d'une librairie officielle ActionScript 3 pour la Facebook Platform. Cette librairie est gratuite et Open Source et supporte toutes les API (Application Programming Interfaces) de Facebook comme Facebook Connect.

SCENARIO Il n y a pas réellement de scénario dans notre projet. Il s agit simplement d une application qui propose plusieurs modes de visualisations de photos pour un compte Facebook. LOGO Pourquoi ALBUMY? Les albums que l on visualise nous appartiennent. Donc nous avons pensé que «MY Album» pourrait l exprimer. STORY BOARD Les différents montages que propose notre application sont listés ci-dessous :

LE MODE BASIC VIEW Ce mode est le mode par défaut. Après avoir sélectionné l album «villes», les photos apparaissent dans l onglet Photos. L internaute n a plus qu à choisir la photo qu il souhaite observer dans l onglet Selected.

LE MODE COVERFLOW ALBUM VILLES Ce mode donne une représentation plus sophistiquée. De plus la légende de la photo, précisée sur nos albums Facebook, apparait en titre pour chaque photo. Une barre défilante horizontale permet de visualiser les photos. On peut aussi cliquer directement sur la photo qu on souhaite voir.

ALBUM NATURE L internaute peut bien évidemment regarder les photos d un autre album photos. (S il possède plusieurs albums sur son compte Facebook).

LE MODE CAROUSEL Ici, un autre mode de visualisation est proposé. Le principe reprend les fonctionnalités du mode Coverflow.

LE MODE VERTICALFLOW Ici, le défilement des photos est vertical.

DIFFICULTES RENCONTREES PROJET «PERSONNALISEZ VOTRE INTERIEUR» Au début du semestre, nous avons choisi de faire un projet totalement orienté 3D. Sachant que nous étions débutants en flash, nous ne mesurions pas les difficultés auxquelles ont a été confronté pour mener à bien ce projet. Cependant, nous avons fait plusieurs recherches sur internet pour nous documenter sur la 3D en flash. Nous avons découvert une librairie proposée par flash : PaperVision 3D. Nous l avons étudiée longuement, et avons même réussi à créer une chambre en 3D, que l on pouvait voir sous plusieurs angles. Mais malgré tout, la partie majeure du projet, qui consistait en la manipulation de meubles 3D dans cet espace 3D, était inachevable par manque de ressources et par l absence d une personne compétente dans ce domaine pour nous aider. Nous avons essayé à plusieurs reprises de contacter Rohmer Antonin, conseillé par notre enseignant, pour obtenir une aide, mais nous n avons pas eu de réponses. Bien que les recherches et les nombreux tests effectués nous aient été bénéfiques, étant donné qu on avait appris beaucoup de choses sur la technologie Flash, nous avons préféré nous tourner vers un autre projet. En effet, malgré notre motivation pour arriver au bout de notre première idée, nous sentions que le projet n avançait pas comme on le souhaitait. De plus on devait respecter un deadline, et présenter un projet fini à la fin du semestre. Mais ça n a en rien était une perte de temps vu que nous avons vraiment appris beaucoup de choses intéressantes. En effet, les quantités de recherches que nous avons effectuées et les tests que nous avons visualisés, ont fait de cette UV une expérience enrichissante et fructueuse. Nous avons acquis de nouvelles connaissances importantes qui nous suivront tout le long de notre vie professionnelle. PROJET «ALBUM Y» La principale contrainte rencontrée pour réaliser ce projet est le manque de temps. En effet, n étant pas notre idée de départ, nous n avons eu qu un mois pour le concrétiser. De plus, ce projet n ayant rien en commun avec le projet de départ, il a fallu tout recommencer de zéro.

CONCLUSION Malgré les soucis qu on a eus au début du semestre vis-à-vis du projet choisi, nous avions quand même pu résoudre notre problème en changeant le projet et donc en réalisant un projet dans les délais. Cette UV nous a permis de découvrir le monde du multimédia sous différentes formes et nous a permis d exploiter différents logiciels que nous ne connaissions pas avant. Nous avons acquis de nouvelles connaissances importantes qui nous suivront tout le long de notre vie. Ça a vraiment été une expérience enrichissante et fructueuse.