Qu'est-ce qu'une application html5 et est-ce que j'en veux une?

As-tu entendu? Les applications HTML5 vont tout changer, probablement l' année prochaine. C'est du moins ce que dit un côté du débat sur HTML5 par rapport aux applications natives depuis un moment. C'est un message qui fait son chemin sous les feux de la rampe de temps en temps, et il en sera ainsi pour toujours. Ou du moins jusqu'à ce que cela se produise et que toutes les meilleures applications soient des applications HTML5. Il n’est pas inhabituel de voir les développeurs avoir ce genre de débats et les partisans de chaque côté expliquer en quoi leur version est la meilleure, mais lorsque les choses dépassent les discussions des développeurs, elles peuvent nous rendre insensibles. Devrions-nous vraiment nous soucier de ce que nous entendons?

Dans ce cas, oui. Bien que l'utopie dans laquelle chaque application est écrite en HTML5 et que tous les utilisateurs aient la même expérience reste une bonne solution, si cela se produit, HTML5 sous une forme hybride est déjà un gros problème. Nous devrions savoir et comprendre tout ce qui est une très grosse affaire.

Qu'est-ce qu'une application HTML5?

La première fois que la plupart des gens ont entendu parler de HTML5, c'est quand Steve Jobs nous a dit que tout serait l'avenir du Web et que Flash ne le ferait pas. Sa déclaration a été faite en partie parce qu'Apple a bloqué l'accès à tout type de lecteur Flash sur iOS, mais il n'a pas fallu de visionnaire pour le savoir, car HTML5 a bien plus à offrir que Flash. Et il se trouve que l'avenir du Web est également un très bon moyen de coder des applications.

HTML signifie HyperText Markup Language, et nous en sommes à la cinquième révision de la norme. Mais lorsque vous entendez le terme application HTML5, qu'il s'agisse d'une application Web ou d'une application que vous pouvez installer sur votre téléphone, vous avez en réalité trois types de code.

• Le HTML fournit un cadre dans lequel les développeurs peuvent mettre leur code et une application peut le transformer en quelque chose que nous pouvons voir et avec qui interagir.
• CSS fournit un moyen de définir l’aspect de chaque élément de code une fois qu’il est rendu et affiché à l’écran.
• JavaScript est ce qui rend tout interactif et pouvoir "faire" n'importe quoi.

Ce qui rend HTML5 génial, c’est que toute application est comprise par une application qu’un développeur d’application n’a pas besoin de gérer et que tout fonctionne sur tout appareil doté d’un écran doté de sa propre version de cette application. Nous parlons d'un navigateur Web, mais pas de l'application de navigateur Web elle-même. Le composant d'un navigateur Web capable de convertir tout ce code en quelque chose que nous pouvons utiliser à la volée est assez portable et fait partie de nombreuses applications que vous utilisez déjà comme affichage Web.

Un ingénieur de Mozilla a déjà déclaré: "Le code utilisé une seule fois n’importe où ne veut pas fuir. L’optimisation est la clé." Les gars intelligents, ces ingénieurs de Mozilla.

Cela signifie qu'un développeur peut écrire son code et le peaufiner, puis le déployer partout. Cela diffère beaucoup de l'écriture de code séparé pour Android, iOS, macOS, Windows et HTML pour webOS et BlackBerry 10. Un développeur peut écrire du code en utilisant l'environnement de développement de son choix, qu'il s'agisse du Bloc-notes ou de quelque chose de complexe comme Visual Studio ou Adobe Dreamweaver., déboguez et réglez-le dans le navigateur de votre choix, et cela fonctionne toujours partout.

Cela inclut votre téléphone aussi. Nous avons tous vu des applications HTML5 utilisées comme page Web. Des endroits tels que Twitter ou la version mobile de Gmail sont d’excellents exemples de HTML5 au travail. Mais comme HTML5 peut être rendu par un composant de vue Web, il est simple et rapide de déposer une fenêtre dans un cadre d'application de base pour créer une application que vous installez réellement sur votre téléphone. Il existe même des outils tiers qui font tout le travail pour vous, comme Apache Cordova. Cela aide les nouveaux développeurs à partager leurs idées avec tout le monde, ainsi que les développeurs chevronnés qui ont maintenant le temps d'imaginer des choses que nous n'avions jamais vues auparavant. HTML5 intégré dans une application native peut exécuter le code et utiliser les ressources obtenues sur Internet, mais un développeur peut également les installer localement et pointer le code à cet endroit pour des applications natives hors connexion honnêtes à tout faire.

Mais tout n’est pas génial avec HTML5.

La réalité des applications HTML5

Voici où les choses peuvent devenir confuses. Lorsque nous pensons à une page Web, nous oublions souvent qu’une page Web n’envoie son code qu’à un moteur de navigateur et que c’est notre appareil qui fait le travail. Cela signifie que des éléments tels que la géolocalisation, les discussions audio et vidéo en temps réel, les graphismes accélérés 3D, etc., sont non seulement possibles mais simples à implémenter à l’aide d’un développeur. En effet, un organisme de normalisation a déclaré: "Hé les gars, nous devons tous procéder de la sorte, et un développeur peut nous demander de le faire comme ceci."

C'est le but, de toute façon. La réalité peut être un peu différente, et nous n'avons qu'à regarder en lecture vidéo un bon exemple de la raison. Tous les navigateurs que vous souhaitez utiliser prennent en charge HTML5: Chrome, Opera, Internet Explorer, Edge, Firefox et Safari sont des navigateurs HTML5 et prennent en charge la lecture vidéo dès qu'un développeur tape en quelques mots qui pointent vers une vidéo. Tout type de composant d'affichage Web portable de ces applications fera la même chose car elles utilisent le même moteur de rendu.

Lorsque vous n'appliquez pas de règles, elles deviennent des suggestions. ceux que personne ne veut suivre.

Mais ils ne prennent pas tous en charge le même type de vidéo car HTML5 est une plate-forme ouverte, ouverte et non exclusive, de sorte que personne ne les oblige à prendre en charge tous les formats. Ogg Theora est un format vidéo populaire pris en charge par tous les navigateurs, à l'exception d'Internet Explorer, qui est le navigateur par défaut de nombreux ordinateurs. H.264 est encore plus populaire, mais son utilisation n’est ni ouverte ni gratuite, donc Firefox ne la prend pas en charge. VP8 et WebM sont gratuits à utiliser et à ouvrir et chaque moteur de navigateur les prend en charge, mais Internet Explorer et Safari imposent à l'utilisateur de rechercher et d'installer le support. Techniquement, HTML5 prend en charge la lecture de vidéos HD et est très facile à implémenter pour les développeurs. Dans le monde réel, seul le bon type de vidéo est pris en charge.

YouTube lit toutes les vidéos au format HTML5, car Google dispose des fonds nécessaires pour convertir les vidéos que vous téléchargez.

HTML5 dépend également du matériel utilisé et de la compétence du développeur pour l'écriture du code. Choisir la mauvaise bibliothèque JavaScript peut toujours produire le même résultat, mais cela peut également entraîner des fuites de mémoire et le traitement de la manipulation DOM (Document Object Model), créé lors du chargement d'une page ou d'une application, et inclut chaque élément de la page ou de l'application en tant que un "document" séparé) peut difficilement ralentir de manière frustrante une application HTML5, même sur le meilleur matériel. Sur les téléphones qui ne sont pas aussi performants, cela conduit rapidement les utilisateurs à désinstaller votre application.

Ce n'est pas le seul problème. Lorsque vous créez une application HTML5 qui tire tout sur Internet, vous devez gérer les temps de chargement. Cela ajoute la vitesse de connexion de l'utilisateur à la liste des éléments pouvant ralentir l'exécution de votre application, ainsi que les capacités physiques du matériel (de nombreux téléphones utilisent des processeurs pas tout à fait rapides) et l'optimisation du code. S'il faut une seconde pour afficher votre code sur le terminal d'un utilisateur et 10 secondes pour le récupérer sur Internet, vous aurez beaucoup d'utilisateurs mécontents.

L'application Facebook est un exemple de ce qui ne va pas avec HTML5, tout comme Instagram, c'est un exemple de ce qui est juste.

Il existe un excellent exemple de ce type disponible et celui-ci nous a presque tous déplu, quel que soit le type de téléphone que nous utilisons: l'application Facebook. L'application Facebook est fondamentalement une vue Web intégrée dans un cadre contenant les boutons et permettant de gérer les informations d'identification de votre compte ou les messages push de la manière approuvée par le système d'exploitation. Tout ce qui se passe à l'intérieur de l'application est réalisé avec HTML5, et c'est trop difficile à gérer une fois que vous tenez compte de l'extraction de toutes ses données sur Internet. Les développeurs continuent d'ajouter de plus en plus à Facebook, les utilisateurs postant de gros fichiers hébergés sur en dehors de Facebook, et des millions et des millions de personnes frappent les serveurs de Facebook en même temps, 24 heures sur 24, 7 jours sur 7. Cela rend les applications lentes à actualiser, très gourmandes en énergie et fait l'objet de nombreuses plaintes.

Le site Web mobile de Facebook est également écrit en HTML5, mais il est conçu pour être limité en ressources, car il est destiné à une utilisation mobile. Cela accélère le chargement du contenu que vous souhaitez voir même si tout ce contenu ne s'affiche pas aussi bien que sur la vue complète. C'est aussi pourquoi le site mobile et les applications "allégées" de Facebook qui le référencent fonctionnent tellement mieux que l'application officielle de Facebook. Et ce n’est pas seulement un problème de Facebook: de nombreuses applications prennent en charge toutes leurs fonctionnalités avec HTML5, mais sont tout aussi complexes (comme bon mot parce qu’elles existent depuis longtemps et qu’elles changent constamment), comme Facebook et Windows. agirait de la même manière.

Alors, est-ce que je veux voir plus d'applications HTML5 ou non?

Oui! Mais pas toutes les applications.

HTML5 est vraiment bon pour beaucoup de choses et est un excellent moyen pour un développeur d'utiliser son temps pour penser à des idées créatives au lieu de se baser sur un manuel de référence Objective-C ou C ++. Mais parfois, la structure rigide des langages de développement qui obligent un développeur à faire les choses d’une certaine manière rend le résultat final plus performant sur nos téléphones.

Les applications HTML5 peuvent être un cauchemar comme nous le voyons depuis l'application Facebook ou elles peuvent être assez impressionnantes comme nous le voyons depuis le site Gmail pour mobiles. Ou Uber. Ou Instagram. Ou l'une des centaines d'applications HTML5 que nous utilisons tous les jours. Nous ne devrions pas nous inquiéter de cela, mais les développeurs doivent en débattre sans cesse. Et maintenant, alors qu’ils discutent et essaient de vous convaincre de ce qui est meilleur, vous savez un peu pourquoi ils disent ce qu’ils disent.

Nous pouvons gagner une commission pour les achats en utilisant nos liens. Apprendre encore plus.