WebApp #1 : introduction
0 j'aime487 vues
Le document présente une introduction aux applications web, y compris leur définition, leurs avantages et inconvénients, ainsi qu'une vue d'ensemble de leur évolution historique. Il aborde également les aspects technologiques des applications web, comme le frontend, le backend et les solutions de stockage. Enfin, il mentionne les modèles économiques associés aux applications web et propose des ressources pour la mise en pratique.
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 ?
- 11. Intégration de service tiers
- 12. faible dépendance du client
- 13. Multi device
- 16. Online / Offline
- 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
- 39. Frameworks web Bootsrap Foundation
- 42. 5.2 Mobile
- 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
- 47. Frameworks
- 48. 5.4 Stockage des données
- 49. Local storage & Base de données
- 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.