Technopedia Center
PMB University Brochure
Faculty of Engineering and Computer Science
S1 Informatics S1 Information Systems S1 Information Technology S1 Computer Engineering S1 Electrical Engineering S1 Civil Engineering

faculty of Economics and Business
S1 Management S1 Accountancy

Faculty of Letters and Educational Sciences
S1 English literature S1 English language education S1 Mathematics education S1 Sports Education
  • Registerasi
  • Brosur UTI
  • Kip Scholarship Information
  • Performance
  1. WeltenzyklopÀdie
  2. Progressive web app
Progressive web app 👆 Click Here! Read More..
Un article de Wikipédia, l'encyclopédie libre.

Cet article est une Ă©bauche concernant l’informatique.

Vous pouvez partager vos connaissances en l’amĂ©liorant (comment ?) selon les recommandations des projets correspondants.
Si ce bandeau n'est plus pertinent, retirez-le. Cliquez ici pour en savoir plus.
Si ce bandeau n'est plus pertinent, retirez-le. Cliquez ici pour en savoir plus.

Cet article ne s'appuie pas, ou pas assez, sur des sources secondaires ou tertiaires (juin 2019).

L'article peut contenir des analyses et interprĂ©tations inexactes ou inĂ©dites de sources primaires. Pour amĂ©liorer la vĂ©rifiabilitĂ© de l'article ainsi que son intĂ©rĂȘt encyclopĂ©dique, il est nĂ©cessaire, quand des sources primaires sont citĂ©es, de les associer Ă  des analyses faites par des sources secondaires.
Progressive web app
Description de l'image PWA color logo.svg.

Informations
Développé par Google
PremiĂšre version ~2015
Écrit en JavaScript, JSON
Environnement Android, IOS, Windows

modifier - modifier le code - voir Wikidata (aide)

Une progressive web app (PWA, application web progressive en français[1]) est une application web qui consiste en des pages ou des sites web, et qui peuvent apparaĂźtre Ă  l'utilisateur de la mĂȘme maniĂšre que les applications natives ou les applications mobiles. Ce type d'applications tente de combiner les fonctionnalitĂ©s offertes par la plupart des navigateurs modernes avec les avantages de l'expĂ©rience offerte par les appareils mobiles[2],[3].

Une PWA se consulte comme un site web classique, depuis une URL sécurisée mais permet une expérience utilisateur similaire à celle d'une application mobile, sans les contraintes de cette derniÚre (soumission aux App-Stores, utilisation importante de la mémoire de l'appareil
).

Elles proposent de conjuguer rapiditĂ©, fluiditĂ© et lĂ©gĂšretĂ© tout en permettant de limiter considĂ©rablement les coĂ»ts de dĂ©veloppement[4] : plus besoin de faire des dĂ©veloppements spĂ©cifiques pour les applications en fonction de chacune des plateformes : iOS, Android


Historique

[modifier | modifier le code]

Durant les annĂ©es 2000, les technologies du web sont progressivement passĂ©es de documents statiques (HTML) Ă  des solutions dynamiques exĂ©cutĂ©es cĂŽtĂ© serveur avec des langages tels que PHP. Lors de l’arrivĂ©e des smartphones en 2007, les technologies du web ne sont plus adaptĂ©es face Ă  l'augmentation de l'utilisation des applications mobiles. Ces derniĂšres offrent une bien meilleure expĂ©rience utilisateur. Les ressources empaquetĂ©es et l'accĂšs direct aux fonctions du tĂ©lĂ©phone ont permis aux applications natives d’ĂȘtre plus utilisĂ©es que les technologies web mobiles.

Au milieu des années 2010, cependant, les améliorations continues en HTML5, CSS3 et JavaScript ainsi que des navigateurs web plus performants et conformes aux normes, ont fait des applications hybrides performantes une alternative viable.

En 2015, Frances Berriman et l’ingĂ©nieur de Google Alex Russell proposent le terme de  "progressive web apps"  pour dĂ©crire les sites Internet profitant des nouveaux avantages donnĂ©s par les navigateurs web notamment avec l’arrivĂ©e des Service workers (en) et des fichiers manifestes (en).

Caractéristiques des PWA

[modifier | modifier le code]
Cette section ne cite pas suffisamment ses sources (juin 2019). 
Pour l'amĂ©liorer, ajoutez des rĂ©fĂ©rences de qualitĂ© et vĂ©rifiables (comment faire ?) ou le modĂšle {{RĂ©fĂ©rence nĂ©cessaire}} sur les passages nĂ©cessitant une source.

Google a mis en place une liste de contrĂŽles Ă©tablissant une note via l’outil Lighthouse intĂ©grĂ© dans le navigateur chrome qui permet de vĂ©rifier automatiquement le respect des caractĂ©ristiques suivantes :

Progressive
les applications web progressives fonctionnent sur n'importe quel périphérique en intégrant les fonctionnalités disponibles du navigateur et de l'appareil utilisé.
Sécurisée
Afin de rĂ©pondre aux problĂ©matiques de sĂ©curitĂ© des Ă©changes entre les utilisateurs et les sites, les PWA doivent ĂȘtre fiables et sĂ»res par la mise en place d’un protocole HTTPS.
Engageante
elles proposent une expérience utilisateur immersive en plein écran et un réengagement facilité grùce à l'envoi de notifications push web.
Installable
l'utilisation d'un fichier manifest permet aux PWA de proposer, à l'instar d'une application mobile native, l'installation d'un raccourci sur l'écran d'accueil du terminal mobile.
Rapidité
d'aprĂšs Google, 53 % des internautes abandonnent un site si le chargement prend plus de trois secondes. Une fois le site chargĂ©, la navigation doit se faire de maniĂšre rapide et fluide.
Optimisation pour le référencement
utilisant les technologies du web, les progressive web app peuvent ĂȘtre rĂ©fĂ©rencĂ©es sur les moteurs de recherche de la mĂȘme maniĂšre que n'importe quel site web classique.
Indépendante de la connexion
GrĂące Ă  la gestion du cache via l’utilisation d’un Service Worker, une fois le contenu chargĂ© une premiĂšre fois, il est possible de le consulter mĂȘme dans les zones de faible connexion rĂ©seau.

Références

[modifier | modifier le code]
  1. ↑ « Applications web progressives Â», sur Mozilla Developer Network (consultĂ© le 15 janvier 2018)
  2. ↑ Illustration par l'exemple de la diffĂ©rence entre site web, Progressive Web App et application native : https://www.powertrafic.fr/progressive-web-app-lequipe/
  3. ↑ « Pourquoi les Progressive Web Apps sont la seule alternative viable aux applications natives Â», sur FredCavazza.net, 11 fĂ©vrier 2018 (consultĂ© le 28 juillet 2020).
  4. ↑ « Progressive Web Apps : 5 raisons de s'y intĂ©resser - Infographie Â», progressive-web-apps,‎ 4 avril 2017 (lire en ligne, consultĂ© le 27 fĂ©vrier 2018)
  • icĂŽne dĂ©corative Portail de l’informatique
  • icĂŽne dĂ©corative Portail d’Internet
  • icĂŽne dĂ©corative Portail des tĂ©lĂ©communications
Ce document provient de « https://fr.wikipedia.org/w/index.php?title=Progressive_web_app&oldid=229597057 Â».
CatĂ©gorie :
  • Application web
CatĂ©gories cachĂ©es :
  • WikipĂ©dia:Ă©bauche informatique
  • Article manquant de rĂ©fĂ©rences depuis juin 2019
  • Article manquant de rĂ©fĂ©rences/Liste complĂšte
  • Article utilisant une Infobox
  • Article contenant un appel Ă  traduction en anglais
  • Portail:Informatique/Articles liĂ©s
  • Portail:Technologies/Articles liĂ©s
  • Portail:Internet/Articles liĂ©s
  • Portail:MĂ©dias/Articles liĂ©s
  • Portail:SociĂ©tĂ©/Articles liĂ©s
  • Portail:TĂ©lĂ©communications/Articles liĂ©s

  • indonesia
  • Polski
  • Ű§Ù„Ű±ÙŠŰ©
  • Deutsch
  • English
  • Español
  • Français
  • Italiano
  • Ù…Ű”Ű±
  • Nederlands
  • æœŹèȘž
  • PortuguĂȘs
  • Sinugboanong Binisaya
  • Svenska
  • ĐŁĐșŃ€Đ°Ń—ĐœŃĐșа
  • Tiáșżng Việt
  • Winaray
  • äž­æ–‡
  • РуссĐșĐž
Sunting pranala
Pusat Layanan

UNIVERSITAS TEKNOKRAT INDONESIA | ASEAN's Best Private University
Jl. ZA. Pagar Alam No.9 -11, Labuhan Ratu, Kec. Kedaton, Kota Bandar Lampung, Lampung 35132
Phone: (0721) 702022
Email: pmb@teknokrat.ac.id