WebApp #1 : introduction

387 vues

Publié le

WebApp #1 : introduction

Publié dans : Logiciels
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
387
Sur SlideShare
0
Issues des intégrations
0
Intégrations
32
Actions
Partages
0
Téléchargements
7
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

WebApp #1 : introduction

  1. 1. WebApp : une introduction
  2. 2. 1. Application web ?
  3. 3. Web app ? A web application or web app is any application software that runs in a web browser. It is created in a browser-supported programming language and relies on a web browser to render the application. Source : http://en.wikipedia.org
  4. 4. Rich Internet application ? Rich Internet application (RIA) is a Web application that has many of the characteristics of desktop application software, typically delivered by way of a site-specific browser, a browser plug-in, an independent sandbox, extensive use of JavaScript, or a virtual machine. Source : http://en.wikipedia.org
  5. 5. Web service ? A software system designed to support interoperable machine-to-machine interaction over a network. Source : W3C
  6. 6. Le dilemme Application native et / ou Application web
  7. 7. 2. WebApp or not WebApp ?
  8. 8. 2.1 Les avantages
  9. 9. Déploiement et maintenance
  10. 10. Ressources clients
  11. 11. Intégration de service tiers
  12. 12. faible dépendance du client
  13. 13. Multi device
  14. 14. 2.2 Les inconvénients
  15. 15. Difficulté de développement
  16. 16. Online / Offline
  17. 17. Maitrise des données
  18. 18. Choix des versions
  19. 19. 3. Web App & histoire du web
  20. 20. 1990 - 1992 : les débuts du web
  21. 21. 1993 - 1998 : tableaux & images mrshowbiz.com - 1998
  22. 22. 1998 - 2002 : Flash is king http://free-flash-website.com/login/mm/flash/ fla_4_5_6/applications/CD_roms/res_cd_rom/ BU/free4u_vCS5.html
  23. 23. 2003 - 2005 : CSS devient le standard myspace.com - 2003
  24. 24. 2006 - 2009 : Javascript s’impose mail.google.com - 2005
  25. 25. 2010 - 2012 : responsive web design mashable.com - 2012
  26. 26. 2013 - 2014 : web app spotify.com - 2014
  27. 27. 4. WebApp et modèle économique
  28. 28. business model & open source
  29. 29. Software as a service
  30. 30. Freemium
  31. 31. in-app purchase
  32. 32. Publicité
  33. 33. 5. Application web & technologies
  34. 34. 5.1 Frontend
  35. 35. HTML, la structure L’Hypertext Markup Language, généralement abrégé HTML, est le format de données conçu pour représenter les pages web. Source : wikipedia.org
  36. 36. CSS, le design Les feuilles de style en cascade, généralement appelées CSS, forment un langage informatique qui décrit la présentation des documents HTML Source : wikipedia.org
  37. 37. Coté client : le css Le Javascript est un langage de programmation de scripts orienté objet. Source : OpenClassrooms
  38. 38. Préprocesseurs CSS
  39. 39. Frameworks web Bootsrap Foundation
  40. 40. Frameworks mobile
  41. 41. Frameworks Javascript
  42. 42. 5.2 Mobile
  43. 43. Plateformes Cordova Phonegap
  44. 44. 5.3 Backend
  45. 45. API ? En informatique, une interface de programmation (souvent désignée par le terme API pour Application Programming Interface) est un ensemble normalisé de classes, de méthodes ou de fonctions qui sert de façade par laquelle un logiciel offre des services à d'autres logiciels. Source : http://en.wikipedia.org
  46. 46. Langage de programmation
  47. 47. Frameworks
  48. 48. 5.4 Stockage des données
  49. 49. Local storage & Base de données
  50. 50. 5.4 Infrastructure
  51. 51. Hébergement
  52. 52. 6. Mise en pratique
  53. 53. TP1 Récupérer le template : http://graphicburger.com/time-zone-app-ui/ Intégrer le template pour une utilisation multi supports / multi navigateurs Technologies libres
  54. 54. Merci pour votre attention.

×