Réalisation d'un service de partage de tâches et de souhaits, exploitant le réseau social de l'utilisateur Quentin MOURARE...
Sommaire <ul><li>Présentation du contexte </li></ul><ul><li>Le Web 2.0 </li></ul><ul><li>AJAX et Ruby on Rails </li></ul><...
Sommaire <ul><li>Présentation du contexte </li></ul><ul><li>Le Web 2.0 </li></ul><ul><li>AJAX et Ruby on Rails </li></ul><...
Contexte <ul><li>France Télécom R&D </li></ul><ul><ul><li>Division Recherche  & Développement de France Télécom </li></ul>...
Contexte <ul><li>Sharezone   </li></ul><ul><ul><li>Réalisation d'un moteur de lien sociaux </li></ul></ul><ul><ul><li>Gest...
Sommaire <ul><li>Présentation du contexte </li></ul><ul><li>Le Web 2.0 </li></ul><ul><li>AJAX et Ruby on Rails </li></ul><...
Le Web 2.0 <ul><li>Une transition importante du Web </li></ul><ul><li>Un regroupement des concepts et technologies déjà en...
Le Web 2.0 <ul><li>Les réseaux sociaux </li></ul><ul><ul><li>Liens entres amis </li></ul></ul><ul><ul><li>Partage de point...
Le Web 2.0 <ul><li>Les technologies </li></ul><ul><ul><li>HTML </li></ul></ul><ul><ul><li>CSS 2.0 </li></ul></ul><ul><ul><...
Le Web 2.0 <ul><li>Les services </li></ul><ul><ul><li>Intègre la notion de réseaux sociaux </li></ul></ul><ul><ul><li>Part...
Sommaire <ul><li>Présentation du contexte </li></ul><ul><li>Le Web 2.0 </li></ul><ul><li>AJAX et Ruby on Rails </li></ul><...
AJAX <ul><li>Asynchronous JavaScript And XML  </li></ul><ul><li>Mise à jour d'une portion de page uniquement  </li></ul>We...
AJAX : exemples de site Web <ul><li>http://www.flickr.com/ </li></ul><ul><ul><li>Modification à la volée  </li></ul></ul><...
Ruby on rails <ul><li>Un Framework pour les applications Web. </li></ul><ul><li>Extrait de Basecamp (outil de gestion de p...
Ruby on rails <ul><li>Ruby </li></ul><ul><ul><li>Langage de programmation interprété entièrement orienté objet. </li></ul>...
Ruby on rails <ul><li>(Ruby) on rails : </li></ul><ul><ul><li>Un framework pour les applications Web. </li></ul></ul><ul><...
Ruby on rails <ul><li>Utilisation du modèle MVC </li></ul><ul><ul><li>Modèle: Représente les données de l'application. </l...
Ruby on rails <ul><li>Mappage objet-relationnel </li></ul><ul><ul><li>Faire étroitement correspondre les tables de la base...
Ruby on rails <ul><li>Outils 1/2 </li></ul><ul><ul><li>Scripts de génération de structure  </li></ul></ul><ul><ul><ul><li>...
Exemple d'arborescence des fichiers d'une application Web permettant de gérer une bibliothèque. Partie généré par RoR lors...
Ruby on rails <ul><li>Outils 2/2 </li></ul><ul><ul><li>Helpers : méthodes aidant à générer les vues </li></ul></ul><%= img...
Ruby on rails <ul><li>Serveur </li></ul><ul><ul><li>En développement : WEBrick </li></ul></ul><ul><ul><li>En production : ...
Ruby on rails : exemple <ul><li>http://www.37signals.com </li></ul><ul><ul><li>Management de projet </li></ul></ul><ul><ul...
AJAX et Ruby on Rails <ul><li>Conclusion </li></ul><ul><ul><li>Interface plus interactive (AJAX) </li></ul></ul><ul><ul><l...
Sommaire <ul><li>Présentation du contexte </li></ul><ul><li>Le Web 2.0 </li></ul><ul><li>AJAX et Ruby on Rails </li></ul><...
Le projet Daruma <ul><li>Définition </li></ul><ul><li>Sources d'inspirations </li></ul><ul><li>Les objets </li></ul><ul><l...
<ul><li>Daruma : un service de partage de taches, de souhait( Wish list ) exploitant le réseau social de l'utilisateur. </...
Le projet : définition <ul><li>Quentin souhaite apprendre le Japonais </li></ul>
Les sources d'inspirations <ul><li>http://36trucs.com/ </li></ul><ul><li>http://www.millemercis.com/ </li></ul><ul><li>htt...
Les objets <ul><li>Les utilisateurs </li></ul><ul><li>Les fiches </li></ul><ul><li>Les tags </li></ul><ul><li>Les commenta...
Les cas d'utilisations 1/3 <ul><li>Visuel d'un blog  </li></ul><ul><li>Voir les fiches </li></ul><ul><li>Effectuer des rec...
Les cas d'utilisations 2/3 <ul><li>Actions possibles au sein d'une  </li></ul><ul><li>fiche: </li></ul><ul><li>Ecrire des ...
Les cas d'utilisations 3/3 <ul><li>Actions sur le compte d’une </li></ul><ul><li>personne ou sur son compte: </li></ul><ul...
Sommaire <ul><li>Présentation du contexte </li></ul><ul><li>Le Web 2.0 </li></ul><ul><li>AJAX et Ruby on Rails </li></ul><...
Développement <ul><li>Outils utilisés </li></ul><ul><li>La structure du projet Daruma </li></ul><ul><li>Les effets et obje...
Développement <ul><li>Outils utilisés </li></ul><ul><li>La structure du projet Daruma </li></ul><ul><li>Les effets et obje...
Développement <ul><li>Outils utilisés </li></ul><ul><ul><li>Développement sous RadRails (environnement basé sur Eclipse) <...
Développement <ul><li>La structure du projet Daruma </li></ul><ul><ul><li>Modèles </li></ul></ul><ul><ul><ul><li>Définir l...
Développement <ul><li>Diagramme : </li></ul>
Développement <ul><li>La structure du projet Daruma </li></ul><ul><ul><li>Contrôleurs (1/2)  </li></ul></ul>http://daruma-...
Développement <ul><li>La structure du projet Daruma </li></ul><ul><ul><li>Contrôleurs (2/2) </li></ul></ul><ul><ul><ul><li...
Développement <ul><li>Les effets et objets AJAX </li></ul><ul><ul><li>Les nuages de mots (tags) </li></ul></ul><ul><ul><li...
Développement <ul><li>Ajout/suppression de tags </li></ul>Serveur Réception des tags Mise à jour de la liste des tags Renv...
Développement <ul><li>Edition à la volée </li></ul>Mise a jour du champ dans la BDD Renvoi de la réponse Réception des don...
Développement <ul><li>L'aspect social </li></ul><ul><ul><li>Utilisation du réseau social Flickr, Sharezone </li></ul></ul>...
Développement <ul><li>Les flux Rss </li></ul><ul><ul><li>Contenu sous la forme d'un flux de données normalisées et diffusé...
Développement <ul><li>Interconnexion avec les moteurs sociaux </li></ul><ul><ul><li>Principe </li></ul></ul>Brique Web uti...
Développement <ul><li>Interconnexion avec les moteurs sociaux </li></ul><ul><ul><li>Flickr </li></ul></ul><ul><ul><ul><li>...
Développement <ul><li>Interconnexion avec les moteurs sociaux </li></ul><ul><ul><li>Sharezone </li></ul></ul><ul><ul><ul><...
Développement <ul><li>Interconnexion avec les moteurs sociaux </li></ul><ul><ul><li>Intégration dans l’application </li></...
Développement <ul><li>Interconnexion avec les moteurs sociaux </li></ul><ul><ul><li>Synthèse </li></ul></ul><ul><ul><ul><l...
Sommaire <ul><li>Présentation du contexte </li></ul><ul><li>Le Web 2.0 </li></ul><ul><li>AJAX et Ruby on Rails </li></ul><...
Conclusion  <ul><li>Mon travail consistait à  analyser les technologies existantes  et à  développer un prototype  de serv...
Démonstration Daruma
Upcoming SlideShare
Loading in...5
×

Présentation de stage

1,106

Published on

Published in: Health & Medicine, Sports
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,106
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Présentation de stage"

  1. 1. Réalisation d'un service de partage de tâches et de souhaits, exploitant le réseau social de l'utilisateur Quentin MOURARET Tuteurs : Sébastien BERTRAND Yann MATHET
  2. 2. Sommaire <ul><li>Présentation du contexte </li></ul><ul><li>Le Web 2.0 </li></ul><ul><li>AJAX et Ruby on Rails </li></ul><ul><li>Le projet Daruma </li></ul><ul><li>Développement d'un prototype </li></ul><ul><li>Conclusion </li></ul>
  3. 3. Sommaire <ul><li>Présentation du contexte </li></ul><ul><li>Le Web 2.0 </li></ul><ul><li>AJAX et Ruby on Rails </li></ul><ul><li>Le projet Daruma </li></ul><ul><li>Développement d'un prototype </li></ul><ul><li>Conclusion </li></ul>
  4. 4. Contexte <ul><li>France Télécom R&D </li></ul><ul><ul><li>Division Recherche & Développement de France Télécom </li></ul></ul><ul><ul><li>6 centres de R&D (les CRD) </li></ul></ul><ul><ul><li>Direction des laboratoires internationaux </li></ul></ul><ul><ul><li>Fonctions de support de pilotage </li></ul></ul><ul><li>URD SWING : Social Web Innovation New Generation </li></ul><ul><ul><li>Investigation sur les nouvelles technologies de communication et d'accès au contenus </li></ul></ul><ul><li>SNI : Social Networking Innovation </li></ul><ul><ul><li>Projet d'anticipation qui propose des services mettant en avant les réseaux sociaux </li></ul></ul>
  5. 5. Contexte <ul><li>Sharezone </li></ul><ul><ul><li>Réalisation d'un moteur de lien sociaux </li></ul></ul><ul><ul><li>Gestion des relations entres utilisateurs </li></ul></ul><ul><li>Place du projet </li></ul><ul><ul><li>Nouveau service (Web 2.0) </li></ul></ul><ul><ul><li>Utilisation de Sharezone </li></ul></ul>
  6. 6. Sommaire <ul><li>Présentation du contexte </li></ul><ul><li>Le Web 2.0 </li></ul><ul><li>AJAX et Ruby on Rails </li></ul><ul><li>Le projet Daruma </li></ul><ul><li>Développement d'un prototype </li></ul><ul><li>Conclusion </li></ul>
  7. 7. Le Web 2.0 <ul><li>Une transition importante du Web </li></ul><ul><li>Un regroupement des concepts et technologies déjà en place </li></ul><ul><li>3 points </li></ul><ul><ul><li>Les réseaux sociaux </li></ul></ul><ul><ul><li>Les technologies (HTML, XML, CSS, etc.) </li></ul></ul><ul><ul><li>Les services </li></ul></ul>
  8. 8. Le Web 2.0 <ul><li>Les réseaux sociaux </li></ul><ul><ul><li>Liens entres amis </li></ul></ul><ul><ul><li>Partage de points communs </li></ul></ul><ul><ul><li>Apparition de communautés </li></ul></ul><ul><ul><li>Distribution de contenu </li></ul></ul><ul><ul><li>Exemple : Myspace </li></ul></ul>
  9. 9. Le Web 2.0 <ul><li>Les technologies </li></ul><ul><ul><li>HTML </li></ul></ul><ul><ul><li>CSS 2.0 </li></ul></ul><ul><ul><li>Javascript </li></ul></ul><ul><ul><li>XML </li></ul></ul><ul><ul><li>Le protocole HTTP </li></ul></ul><ul><ul><li>REST (architecture de services Web ) </li></ul></ul><ul><ul><li> Nouvelle ergonomie des sites Web </li></ul></ul>
  10. 10. Le Web 2.0 <ul><li>Les services </li></ul><ul><ul><li>Intègre la notion de réseaux sociaux </li></ul></ul><ul><ul><li>Partage et collaboration </li></ul></ul><ul><ul><li>API ouverte </li></ul></ul><ul><ul><li>Exemple : Flickr </li></ul></ul>
  11. 11. Sommaire <ul><li>Présentation du contexte </li></ul><ul><li>Le Web 2.0 </li></ul><ul><li>AJAX et Ruby on Rails </li></ul><ul><li>Le projet Daruma </li></ul><ul><li>Développement d'un prototype </li></ul><ul><li>Conclusion </li></ul>
  12. 12. AJAX <ul><li>Asynchronous JavaScript And XML </li></ul><ul><li>Mise à jour d'une portion de page uniquement </li></ul>Web classique Modèle AJAX
  13. 13. AJAX : exemples de site Web <ul><li>http://www.flickr.com/ </li></ul><ul><ul><li>Modification à la volée </li></ul></ul><ul><ul><ul><li>(titre, description, tags des photos) </li></ul></ul></ul><ul><li>http://maps.google.com/ </li></ul><ul><ul><li>Pré-chargement des portions </li></ul></ul><ul><ul><li>de carte à afficher. </li></ul></ul>
  14. 14. Ruby on rails <ul><li>Un Framework pour les applications Web. </li></ul><ul><li>Extrait de Basecamp (outil de gestion de projet), développé par David Heinemeier Hansson (Danois). </li></ul><ul><li>La première version de Ruby on Rails date de 2004 et la première version stable juillet 2005 (Ruby 1995). </li></ul><ul><li>Ecrit avec et grâce à Ruby. </li></ul>
  15. 15. Ruby on rails <ul><li>Ruby </li></ul><ul><ul><li>Langage de programmation interprété entièrement orienté objet. </li></ul></ul><ul><ul><li>Crée par Yukihiro &quot;Matz&quot; Matsumoto (Japonais). </li></ul></ul><ul><ul><li>Ruby n'est pas un acronyme, mais un jeu de mot sur Perl. </li></ul></ul><ul><ul><li>Première version sortie en 1995. </li></ul></ul><ul><ul><li>La syntaxe de Ruby est inspirée par Eiffel et Ada. </li></ul></ul>
  16. 16. Ruby on rails <ul><li>(Ruby) on rails : </li></ul><ul><ul><li>Un framework pour les applications Web. </li></ul></ul><ul><ul><li>Les principes principaux sous-jacents au framework sont : </li></ul></ul><ul><ul><ul><li>&quot;Ne pas se répéter&quot; </li></ul></ul></ul><ul><ul><ul><li>&quot;Convention plutôt que Configuration&quot;. </li></ul></ul></ul><ul><ul><li>Modèles de conception (design pattern) : </li></ul></ul><ul><ul><ul><li>Mappage Objet-Relationnel ( Object-Relational mapping , ORM). </li></ul></ul></ul><ul><ul><ul><li>MVC (Modèle Vue contrôleur) </li></ul></ul></ul>
  17. 17. Ruby on rails <ul><li>Utilisation du modèle MVC </li></ul><ul><ul><li>Modèle: Représente les données de l'application. </li></ul></ul><ul><ul><li>Vue: Permet d'élaborer des modèles de pages. </li></ul></ul><ul><ul><li>Contrôleur: Gère la logique de la navigation. </li></ul></ul>
  18. 18. Ruby on rails <ul><li>Mappage objet-relationnel </li></ul><ul><ul><li>Faire étroitement correspondre les tables de la base de données avec les classes utilisées au sein de Ruby. </li></ul></ul>
  19. 19. Ruby on rails <ul><li>Outils 1/2 </li></ul><ul><ul><li>Scripts de génération de structure </li></ul></ul><ul><ul><ul><li>Structure du projet </li></ul></ul></ul><ul><ul><ul><li>Contrôleur + vue </li></ul></ul></ul><ul><ul><ul><li>Modèle </li></ul></ul></ul><ul><ul><ul><li>Scaffold (modèle, contrôleur, vue) </li></ul></ul></ul>
  20. 20. Exemple d'arborescence des fichiers d'une application Web permettant de gérer une bibliothèque. Partie généré par RoR lors de la création de l'application Fichiers crées au cours de l'évolution de l'application
  21. 21. Ruby on rails <ul><li>Outils 2/2 </li></ul><ul><ul><li>Helpers : méthodes aidant à générer les vues </li></ul></ul><%= img_link (&quot;www.daruma-project.com&quot;, { :class => &quot;link&quot; }, &quot;/images/daruma.jpg&quot;, { :class => &quot;image&quot;} ) %> <a href=&quot;www.daruma-projet.com&quot; class=&quot;link&quot;> <img src=&quot;/images/daruma.jpg&quot; class=&quot;image&quot; /> </a> HTML Génération Ruby
  22. 22. Ruby on rails <ul><li>Serveur </li></ul><ul><ul><li>En développement : WEBrick </li></ul></ul><ul><ul><li>En production : Apache ou Lighttpd avec FastCGI. </li></ul></ul>
  23. 23. Ruby on rails : exemple <ul><li>http://www.37signals.com </li></ul><ul><ul><li>Management de projet </li></ul></ul><ul><ul><li>Gestion des taches </li></ul></ul><ul><li>http://www.43things.com </li></ul><ul><ul><li>Partager les 43 choses </li></ul></ul><ul><ul><li>les plus importantes pour vous. </li></ul></ul>
  24. 24. AJAX et Ruby on Rails <ul><li>Conclusion </li></ul><ul><ul><li>Interface plus interactive (AJAX) </li></ul></ul><ul><ul><li>Développement simple et rapide (RoR) </li></ul></ul><ul><ul><li> Outils adaptés aux besoins pour le développement de l’application Daruma </li></ul></ul>
  25. 25. Sommaire <ul><li>Présentation du contexte </li></ul><ul><li>Le Web 2.0 </li></ul><ul><li>AJAX et Ruby on Rails </li></ul><ul><li>Le projet Daruma </li></ul><ul><li>Développement d'un prototype </li></ul><ul><li>Conclusion </li></ul>
  26. 26. Le projet Daruma <ul><li>Définition </li></ul><ul><li>Sources d'inspirations </li></ul><ul><li>Les objets </li></ul><ul><li>Les cas d'utilisations </li></ul><ul><li>Le schéma de la BDD </li></ul>
  27. 27. <ul><li>Daruma : un service de partage de taches, de souhait( Wish list ) exploitant le réseau social de l'utilisateur. </li></ul><ul><li>Daruma : désigne dans la culture Japonaise une figurine à vœux. </li></ul><ul><li>Utilisation des technologies émergentes : AJAX et Ruby on rails </li></ul>Le projet : définition
  28. 28. Le projet : définition <ul><li>Quentin souhaite apprendre le Japonais </li></ul>
  29. 29. Les sources d'inspirations <ul><li>http://36trucs.com/ </li></ul><ul><li>http://www.millemercis.com/ </li></ul><ul><li>http://www.backpackit.com/ </li></ul><ul><li>http://www.tadalist.com/ </li></ul><ul><li>http://www.flickr.com </li></ul><ul><li> Diffusion et Partage d'informations </li></ul><ul><li> Communauté virtuelle </li></ul>
  30. 30. Les objets <ul><li>Les utilisateurs </li></ul><ul><li>Les fiches </li></ul><ul><li>Les tags </li></ul><ul><li>Les commentaires </li></ul><ul><li>Les suivis et aides </li></ul>
  31. 31. Les cas d'utilisations 1/3 <ul><li>Visuel d'un blog </li></ul><ul><li>Voir les fiches </li></ul><ul><li>Effectuer des recherches </li></ul><ul><li>Poster des fiches </li></ul>
  32. 32. Les cas d'utilisations 2/3 <ul><li>Actions possibles au sein d'une </li></ul><ul><li>fiche: </li></ul><ul><li>Ecrire des commentaires </li></ul><ul><li>Suivre la fiche </li></ul><ul><li>Proposer son aide </li></ul><ul><li>Flux Rss </li></ul><ul><li>Pour ses propres fiches </li></ul><ul><ul><li>Modifier le contenu </li></ul></ul><ul><ul><li>ajouter/supprimer des tags </li></ul></ul><ul><ul><li>ajouter/supprimer des </li></ul></ul><ul><ul><li>commentaires </li></ul></ul>
  33. 33. Les cas d'utilisations 3/3 <ul><li>Actions sur le compte d’une </li></ul><ul><li>personne ou sur son compte: </li></ul><ul><li>Voir les fiches </li></ul><ul><li>Voir les amis </li></ul><ul><li>Voir le profil </li></ul><ul><li>Voir l’activité récente </li></ul><ul><li>Voir les fiches suivies </li></ul><ul><li>Voir les fiches aidées </li></ul>
  34. 34. Sommaire <ul><li>Présentation du contexte </li></ul><ul><li>Le Web 2.0 </li></ul><ul><li>AJAX et Ruby on Rails </li></ul><ul><li>Le projet Daruma </li></ul><ul><li>Développement d'un prototype </li></ul><ul><li>Conclusion </li></ul>
  35. 35. Développement <ul><li>Outils utilisés </li></ul><ul><li>La structure du projet Daruma </li></ul><ul><li>Les effets et objets AJAX </li></ul><ul><li>L'aspect social </li></ul><ul><li>Les flux RSS </li></ul><ul><li>Interconnexion avec les moteurs sociaux </li></ul>
  36. 36. Développement <ul><li>Outils utilisés </li></ul><ul><li>La structure du projet Daruma </li></ul><ul><li>Les effets et objets AJAX </li></ul><ul><li>L'aspect social </li></ul><ul><li>Les flux RSS </li></ul><ul><li>Interconnexion avec les moteurs sociaux </li></ul>
  37. 37. Développement <ul><li>Outils utilisés </li></ul><ul><ul><li>Développement sous RadRails (environnement basé sur Eclipse) </li></ul></ul><ul><ul><li>BDD: Mysql </li></ul></ul><ul><ul><li>Serveur WEBrick (développement) </li></ul></ul>
  38. 38. Développement <ul><li>La structure du projet Daruma </li></ul><ul><ul><li>Modèles </li></ul></ul><ul><ul><ul><li>Définir les objets (tag, card, user, etc.) </li></ul></ul></ul><ul><ul><ul><li>Définir les relations </li></ul></ul></ul><ul><ul><ul><ul><li>Has_many </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Has_one </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Belongs_to </li></ul></ul></ul></ul>
  39. 39. Développement <ul><li>Diagramme : </li></ul>
  40. 40. Développement <ul><li>La structure du projet Daruma </li></ul><ul><ul><li>Contrôleurs (1/2) </li></ul></ul>http://daruma-project.com/card/show/ 9 1. La première partie de l'URL identifie l'application 2. La suivant sélectionne le contrôleur 3. La dernière identifie l'action à invoquer (Optionnel) on peut rajouter des variables qui passeront directement dans l'url
  41. 41. Développement <ul><li>La structure du projet Daruma </li></ul><ul><ul><li>Contrôleurs (2/2) </li></ul></ul><ul><ul><ul><li>User_controller </li></ul></ul></ul><ul><ul><ul><ul><li>profile </li></ul></ul></ul></ul><ul><ul><ul><ul><li>cards </li></ul></ul></ul></ul><ul><ul><ul><li>Card_controller </li></ul></ul></ul><ul><ul><ul><ul><li>cards </li></ul></ul></ul></ul><ul><ul><ul><li>Tag_controller </li></ul></ul></ul><ul><ul><ul><li>Rss_controller </li></ul></ul></ul>
  42. 42. Développement <ul><li>Les effets et objets AJAX </li></ul><ul><ul><li>Les nuages de mots (tags) </li></ul></ul><ul><ul><li>Les recherches </li></ul></ul><ul><ul><li>Ajout/suppression de tag </li></ul></ul><ul><ul><li>Edition à la volée </li></ul></ul>
  43. 43. Développement <ul><li>Ajout/suppression de tags </li></ul>Serveur Réception des tags Mise à jour de la liste des tags Renvoie de la nouvelle liste
  44. 44. Développement <ul><li>Edition à la volée </li></ul>Mise a jour du champ dans la BDD Renvoi de la réponse Réception des données Serveur
  45. 45. Développement <ul><li>L'aspect social </li></ul><ul><ul><li>Utilisation du réseau social Flickr, Sharezone </li></ul></ul><ul><ul><li>Chargement de la liste d’amis </li></ul></ul><ul><ul><li>Possibilité de voir qui est mon ami directement à différent endroit de l'application. </li></ul></ul>Indique que c'est un ami
  46. 46. Développement <ul><li>Les flux Rss </li></ul><ul><ul><li>Contenu sous la forme d'un flux de données normalisées et diffusé sur le Web. </li></ul></ul><ul><ul><li>Proposer des flux par fiche, par utilisateur, par tag, etc. </li></ul></ul>
  47. 47. Développement <ul><li>Interconnexion avec les moteurs sociaux </li></ul><ul><ul><li>Principe </li></ul></ul>Brique Web utilisateur Navigation sur Le site Daruma Authentification et profil Application Daruma
  48. 48. Développement <ul><li>Interconnexion avec les moteurs sociaux </li></ul><ul><ul><li>Flickr </li></ul></ul><ul><ul><ul><li>Présent depuis 2 ans sur Internet (mature) </li></ul></ul></ul><ul><ul><ul><li>API fonctionnelle (documentée) </li></ul></ul></ul><ul><ul><ul><li>Clé publique et clé secrète </li></ul></ul></ul><ul><ul><ul><li>Exemple de méthodes utilisées : </li></ul></ul></ul><ul><ul><ul><ul><li>flickr.contacts.getList </li></ul></ul></ul></ul><ul><ul><ul><ul><li>flickr.people.getInfo </li></ul></ul></ul></ul>
  49. 49. Développement <ul><li>Interconnexion avec les moteurs sociaux </li></ul><ul><ul><li>Sharezone </li></ul></ul><ul><ul><ul><li>Tester les fonctionnalités </li></ul></ul></ul><ul><ul><ul><li>Proposer des améliorations </li></ul></ul></ul><ul><ul><ul><li>Identifiant de session (http) </li></ul></ul></ul><ul><ul><ul><li>Exemple de méthodes utilisées : </li></ul></ul></ul><ul><ul><ul><ul><li>SNEGetProfile </li></ul></ul></ul></ul><ul><ul><ul><ul><li>SNELogin </li></ul></ul></ul></ul>
  50. 50. Développement <ul><li>Interconnexion avec les moteurs sociaux </li></ul><ul><ul><li>Intégration dans l’application </li></ul></ul>Flickr flickr.people.getInfo Etc. Méthode : getProfile Service : flickr Plus paramètres contrôleur Requête Transmission des paramètres Sharezone SNEGetProfile Etc.
  51. 51. Développement <ul><li>Interconnexion avec les moteurs sociaux </li></ul><ul><ul><li>Synthèse </li></ul></ul><ul><ul><ul><li>Utilisation de Flickr facile et bien documenté. </li></ul></ul></ul><ul><ul><ul><li>Utilisation de Sharezone mal documenté et plus contraignante. </li></ul></ul></ul><ul><ul><ul><li>Les résultat obtenus sont les mêmes sur les deux API </li></ul></ul></ul>
  52. 52. Sommaire <ul><li>Présentation du contexte </li></ul><ul><li>Le Web 2.0 </li></ul><ul><li>AJAX et Ruby on Rails </li></ul><ul><li>Le projet Daruma </li></ul><ul><li>Développement d'un prototype </li></ul><ul><li>Conclusion </li></ul>
  53. 53. Conclusion <ul><li>Mon travail consistait à analyser les technologies existantes et à développer un prototype de service de gestion de souhaits utilisant le réseau social de l'utilisateur. </li></ul><ul><li>Ruby on Rails offre d'excellents avantage en terme de productivité, mais souffre de sa jeunesse. </li></ul><ul><li>Le prototype est développé correctement et montre la possibilité de s'interconnecter avec différentes API. </li></ul><ul><li>Potentiel des APIs ouverte </li></ul><ul><li>Sharezone doit être amélioré pour être vraiment considéré comme une API ouverte. </li></ul>
  54. 54. Démonstration Daruma

×