WebApp : une introduction
1. Application web ?
Web app ? 
A web application or web app is any application 
software that runs in a web browser. It is created in a 
brows...
Rich Internet application ? 
Rich Internet application (RIA) is a Web application 
that has many of the characteristics of...
Web service ? 
A software system designed to support interoperable 
machine-to-machine interaction over a network. 
Source...
Le dilemme 
Application native 
et / ou 
Application web
2. WebApp or not WebApp ?
2.1 Les avantages
Déploiement et maintenance
Ressources clients
Intégration de service tiers
faible dépendance du client
Multi device
2.2 Les inconvénients
Difficulté de développement
Online / Offline
Maitrise des données
Choix des versions
3. Web App & histoire du web
1990 - 1992 : les débuts du web
1993 - 1998 : tableaux & images 
mrshowbiz.com - 1998
1998 - 2002 : Flash is king 
http://free-flash-website.com/login/mm/flash/ 
fla_4_5_6/applications/CD_roms/res_cd_rom/ 
BU...
2003 - 2005 : CSS devient le standard 
myspace.com - 2003
2006 - 2009 : Javascript s’impose 
mail.google.com - 2005
2010 - 2012 : responsive web design 
mashable.com - 2012
2013 - 2014 : web app 
spotify.com - 2014
4. WebApp et modèle économique
business model & open source
Software as a service
Freemium
in-app purchase
Publicité
5. Application web & technologies
5.1 Frontend
HTML, la structure 
L’Hypertext Markup Language, 
généralement abrégé HTML, est 
le format de données conçu 
pour représen...
CSS, le design 
Les feuilles de style en cascade, 
généralement appelées CSS, 
forment un langage informatique 
qui décrit...
Coté client : le css 
Le Javascript est un langage de 
programmation de scripts orienté 
objet. 
Source : OpenClassrooms
Préprocesseurs CSS
Frameworks web 
Bootsrap 
Foundation
Frameworks mobile
Frameworks Javascript
5.2 Mobile
Plateformes 
Cordova Phonegap
5.3 Backend
API ? 
En informatique, une interface de programmation 
(souvent désignée par le terme API pour Application 
Programming I...
Langage de programmation
Frameworks
5.4 Stockage des données
Local storage & Base de données
5.4 Infrastructure
Hébergement
6. Mise en pratique
TP1 
Récupérer le template : 
http://graphicburger.com/time-zone-app-ui/ 
Intégrer le template pour une utilisation 
multi...
Merci pour votre attention.
Prochain SlideShare
Chargement dans…5
×

WebApp #1 : introduction

361 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
361
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.

×