WebApp #1 : introduction

1. WebApp : une introduction

2. 1. Application web ?

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. 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. Web service ?
A software system designed to support interoperable
machine-to-machine interaction over a network.
Source : W3C

6. Le dilemme
Application native
et / ou
Application web

7. 2. WebApp or not WebApp ?

8. 2.1 Les avantages

9. Déploiement et maintenance

10. Ressources clients

11. Intégration de service tiers

12. faible dépendance du client

13. Multi device

14. 2.2 Les inconvénients

15. Difficulté de développement

16. Online / Offline

17. Maitrise des données

18. Choix des versions

19. 3. Web App & histoire du web

20. 1990 - 1992 : les débuts du web

21. 1993 - 1998 : tableaux & images
mrshowbiz.com - 1998

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. 2003 - 2005 : CSS devient le standard
myspace.com - 2003

24. 2006 - 2009 : Javascript s’impose
mail.google.com - 2005

25. 2010 - 2012 : responsive web design
mashable.com - 2012

26. 2013 - 2014 : web app
spotify.com - 2014

27. 4. WebApp et modèle économique

28. business model & open source

29. Software as a service

30. Freemium

31. in-app purchase

32. Publicité

33. 5. Application web & technologies

34. 5.1 Frontend

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. 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. Coté client : le css
Le Javascript est un langage de
programmation de scripts orienté
objet.
Source : OpenClassrooms

38. Préprocesseurs CSS

39. Frameworks web
Bootsrap
Foundation

40. Frameworks mobile

41. Frameworks Javascript

42. 5.2 Mobile

43. Plateformes
Cordova Phonegap

44. 5.3 Backend

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. Langage de programmation

47. Frameworks

48. 5.4 Stockage des données

49. Local storage & Base de données

50. 5.4 Infrastructure

51. Hébergement

52. 6. Mise en pratique

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. Merci pour votre attention.