Une introduction détaillée aux tendances de développement à partir de l'état actuel des applications mobiles HTML5

Discuter de la tendance de développement à partir de la situation actuelle des applications mobiles HTML5

Le temps passe vite, cinq années se sont écoulées depuis la naissance du HTML5 en 2008. En tant que nouvelle génération de standards Web, il a été affecté par Depuis sa création, le système a attiré une grande attention sous tous ses aspects et a également suscité de nombreuses controverses. Ses partisans prônent ses perspectives brillantes en raison de ses caractéristiques ouvertes et puissantes, tandis que les sceptiques doutent de son rôle réel car il n'a pas été bien mis en œuvre. Nous partons maintenant de la situation actuelle et analysons la tendance de développement du HTML5 sur les plates-formes mobiles en posant des questions, afin que chacun puisse avoir une compréhension plus claire de l'avenir du HTML5 à partir d'informations complexes.

Quels sont les avantages d'utiliser HTML5 pour développer une application Web (ou application hybride) pour les plateformes mobiles ?

Les pages développées en HTML5 présentent davantage de caractéristiques que les pages Web modernes : une interface magnifique, une excellente interaction homme-machine et des fonctions puissantes. Il nous est désormais difficile d'utiliser simplement les pages Web traditionnelles. méthodes d'expression pour satisfaire Les utilisateurs ont des besoins divers et il est difficile de séparer HTML5 des versions précédentes lors de la mise en œuvre. On peut donc penser que la plupart des applications Web modernes (ou applications hybrides) sur les plateformes mobiles seront développées en utilisant HTML5. Alors, quels sont les avantages de faire cela ?

Multiplateforme : développez-le une fois et utilisez-le partout, pas besoin de considérer la compatibilité. Cela peut réduire considérablement le nombre et les coûts de développeurs multiplateformes. Si l’on considère les choses dans l’autre sens, les plates-formes mobiles évoluent chaque jour. En plus d’Android et d’iOS, il existe également plusieurs systèmes en concurrence tels que Windows Phone, Blackberry et Bada, chacun couvrant une partie des utilisateurs. une application veut couvrir autant de plates-formes qu'en dehors de l'utilisation de Web App, il est presque impossible de résoudre ce problème pratique.

    Mise à niveau vers le cloud : la chose la plus pénible dans le développement mobile est chaque version. Lors de la publication, vous devez impliquer plusieurs magasins d’applications et canaux, et vous devez être très prudent. S'il y a des bugs majeurs ou des problèmes de qualité, il est extrêmement difficile de les corriger via la nouvelle version. Dans ce processus, la période d'examen de l'App Store d'Apple donne également des maux de tête à de nombreux développeurs. La mise à niveau vers le cloud peut couvrir tous les utilisateurs à la fois, sans exiger que les utilisateurs effectuent une mise à niveau et une installation manuelles ; tout problème peut être résolu à tout moment sans avoir besoin de mises à jour manuelles de la part de l'App Store et des utilisateurs, ce qui réduit considérablement les risques et la charge de travail.

Combiné avec la plateforme de cloud computing pour résoudre le problème de la puissance de calcul limitée des appareils mobiles : si l'application Web est stockée sur un serveur cloud, elle peut faire bon usage des puissants serveurs et plate-forme de cloud computing Les ressources informatiques peuvent être utilisées pour effectuer de nombreuses tâches complexes difficiles à réaliser en raison des limitations des capacités matérielles des appareils mobiles.

peut être mieux indexé et récupéré par les moteurs de recherche, et former des mégadonnées quantifiables : la forme native elle-même est fermée, et les données fermées et désordonnées sont essentielles au flux d'informations. peut facilement créer des îlots d'informations ; l'esprit du Web lui-même est l'ouverture, et les balises sémantiques fournies par HTML5 peuvent être mieux identifiées et organisées. Si nous pouvons obtenir des informations et des structures de données plus ouvertes grâce à l'application Web, nous pourrons mieux répondre et adopter l'ère du Big Data.

Énorme vivier de talents : les ingénieurs Web traditionnels sont tous des ingénieurs HTML5 potentiels, et la transformation est relativement plus facile.

Contourner les magasins d'applications stricts : le contrôle strict des magasins d'applications sur les applications est une arme à double tranchant Pour de nombreux développeurs et développeurs d'applications, la forme d'application Web est le meilleur moyen de contourner le. modèle traditionnel de magasin d’applications mobiles.

Quel est l'état actuel du développement HTML5 ?

1. Progression de la norme HTML5

Les spécifications du W3C passent généralement par 5 étapes avant de devenir une norme formelle : projet de travail, révision finale (dernier appel), candidat. Recommandation, recommandation proposée et recommandation.

Le 17 décembre 2012, le W3C a annoncé que la spécification HTML5 était terminée et que la spécification HTML5 candidate recommandée avait été publiée. Cela signifie que la spécification HTML5 est stable et que seules les failles seront corrigées. à l'avenir, les entreprises et les développeurs ont des objectifs de mise en œuvre stables et peuvent lancer des implémentations expérimentales. Le W3C commencera à travailler sur les tests d'interopérabilité et l'optimisation des performances de la normalisation HTML5, et devrait publier les spécifications HTML5 recommandées d'ici la fin de 2014.

Le W3C prévoit d'intégrer des mises à niveau techniques ultérieures dans HTML 5.1 publié fin 2016, telles que des sous-titres vidéo améliorés, des images réactives et un meilleur formulaire. support, iFrame nouvelle génération, etc. Cette approche, qui s'apparente au développement itératif, permet d'implémenter HTML5 plus rapidement et mieux sans être reporté indéfiniment.

Pour résumer, les progrès de la norme HTML5 sont que la spécification a été complétée et est progressivement mûrie et mise en œuvre. <🎜> Les navigateurs grand public, notamment Safari, le navigateur Android, Opera Mobile et Chrome, prennent tous bien en charge HTML5 et leurs parts continuent de croître. La prise en charge des navigateurs mobiles grand public rend la plate-forme HTML5 plus populaire. Dans le même temps, une bonne prise en charge du HTML5 rend également ces navigateurs plus populaires auprès des utilisateurs.

La capacité du HTML5 à accéder au matériel système sur les appareils mobiles est toujours en cours de mise en œuvre. Dans le même temps, la prise en charge du navigateur mobile pour la norme HTML5 de base. ce n'est pas un gros problème, mais les performances et la vitesse pourraient être améliorées. Les mises à jour rapides des appareils mobiles des utilisateurs et du matériel de la plate-forme mobile résoudront certains des problèmes. Par exemple, de 2011 à 2013, j'ai utilisé un G8 monocœur à fréquence 528 M, un Nexus One monocœur 1G, un Galaxy 1,2G double cœur. SII, et maintenant NoteII 1,6G à 4 cœurs.

3. Divers frameworks, outils et plateformes open source ou payants voient le jour et s'améliorent

En plus de l'ancien Sencha Touch, In En plus de jQuery Mobile, PhoneGap et LungoJS, il existe également des moteurs ou des outils de développement de jeux tels que EaselJS, Construct2, GameMaker, limeJS, Impact, Crafty, Cocos2d-html5 et des frameworks de conception réactifs tels que GroundworkCSS, Skeleton, Gumby, Wirefy, et Base et une multitude de plates-formes d'outils. La demande est le catalyseur du progrès technologique, et l’émergence d’un grand nombre d’outils prouve qu’il existe une forte demande pour le développement HTML5.

Les grandes entreprises ont également lancé divers outils et plateformes HTML5, tels que la plateforme d'applications Web de Baidu Similu, le moteur de jeu d'Opera Sphinx, la plateforme racine HTML5 de Firefox Firefox OS, Intel L'outil de transplantation d'applications App Porter , le cadre de développement d'applications de Nintendo NintendoWeb Framework, etc. Alors qu'Adobe a abandonné le Flash mobile, il a rapidement publié une série d'outils de développement HTML5, notamment l'outil de production d'animation HTML5 Adobe Edge Animate et l'outil de conception visuelle réactive HTML5 Adobe Edge Reflow similaire à l'éditeur Flash.

Dans l'ensemble, les outils et frameworks HTML5 mûrissent et s'améliorent progressivement après avoir traversé la phase exploratoire, et devraient être davantage popularisés.

3. Les développeurs continuent de maintenir une forte volonté de développer

Selon une enquête du framework de développement HTML5 Kendo UI, 73 % des personnes interrogées ont toujours confiance en HTML5, et plus de 94 % des personnes interrogées utilisent ou utiliseront HTML5 pour le développement d'applications, Appcelerator Des enquêtes connexes ont également abouti à des conclusions similaires. Dans le même temps, la communauté HTML5 nationale conserve toujours une grande popularité et une grande attention, et les activités communautaires sont également très actives.

4. Développement d'applications

Inconsciemment, HTML5 entre en grande quantité dans notre vie réelle. L'une des méthodes d'application est la mobilisation des sites Web de bureau traditionnels. Par exemple, la version WAP de Baidu Maps utilise l'API de géolocalisation et un grand nombre de nouvelles fonctionnalités HTML5. D'autres applications représentatives incluent YouTube, Sina Weibo, Ctrip, Taobao, etc.

Le deuxième scénario d'application est une application Web purement mobile, comme l'application de comptabilité DailyCost, l'application météo Sun, l'application de lecture Meiyue, etc. Elles sont très similaires aux applications natives, en termes de performances Très bonne performance et expérience.

                                                                                                                                                                Version iPad de LinkedIn.

Quels sont les réels obstacles à la mise en œuvre du HTML5 sur les plateformes mobiles ?

1. Performances

Les performances du HTML5 sont déjà un problème de vieux discours. Plusieurs facteurs sont impliqués dans le problème, notamment le matériel, le navigateur et la mise en œuvre. Le matériel s'améliorera avec les mises à jour rapides des appareils mobiles, et même au niveau matériel, l'appareil peut bénéficier d'un support spécial pour HTML5. Les performances des navigateurs s'améliorent constamment et la mise en œuvre des applications dépend du modèle de programmation et des compétences du développeur. Cette partie peut être améliorée à mesure que les outils, les frameworks progressent et que les niveaux de développement s'améliorent.

2. Fragmentation des appareils mobiles et fragmentation des navigateurs

Différents appareils et différents navigateurs ont une prise en charge incohérente pour HTML5, De plus, différents mobiles Les résolutions téléphoniques posent également des défis au développement de WebApp.

La solution de l'industrie au premier problème est la dégradation gracieuse, tandis que le deuxième problème nécessite l'adoption d'un design réactif. La conception réactive nous offre un moyen plus flexible de gérer la fragmentation des appareils, et elle inclut non seulement l'application de la technologie CSS3 Media Queries, mais inclut également des images réactives (ResponsiveImages), des vidéos réactives et d'autres technologies que nous devrions également utiliser. un ensemble complet de méthodes de conception Web modernes.

                                                                                                                                               Le problème principal n'est pas qu'il existe peu de méthodes et de méthodes de mise en œuvre technique, ni que les performances sont médiocres, mais qu'elles sont trop fragmentées et manquent de normes de mise en œuvre unifiées. .

Par exemple, Sench Touch, jQuery Mobile, limeJS, Kendo UI, Impact, ainsi que Easeljs, GameMaker, Construct2, vous pouvez comprendre leurs caractéristiques, les différents scénarios applicables et quels sont les avantages et inconvénients de chacun ?

et, comme Google et Apple, ont fourni un ensemble d'outils et de frameworks de développement standard pour les plates-formes Android et iOS pour aider les développeurs à se concentrer uniquement sur la mise en œuvre et à développer le produit final rapidement et efficacement. Le résultat du fait que HTML5 est trop ouvert est qu'il n'existe pas de méthode et de norme de mise en œuvre unifiées. D'une part, les développeurs doivent passer par la difficulté de la sélection, d'autre part, l'exactitude et l'efficacité de sa mise en œuvre ne peuvent être garanties.

Le W3C se concentre davantage sur les normes, mais teste également les performances et les performances du HTML5. La distance entre les normes, la technologie et les applications est un réel problème. Ce processus prendra du temps. à affiner et à améliorer.

4. Habitude de l'utilisateur L'utilisateur actuel sur les appareils mobiles est principalement utilisé pour répondre aux besoins via une seule application, de sorte que l'application Web standard reconnaît les utilisateurs aux utilisateurs Non aussi connu sous le nom de Native App. Cependant, les habitudes des utilisateurs se développent progressivement. Lorsque les performances, les performances et la facilité d'utilisation de la Web App sont proches ou équivalentes à celles de la Native App, les utilisateurs reconnaîtront et migreront progressivement vers la Web App.

Quelles sont les meilleures pratiques de développement pour les plateformes mobiles HTML5 ?

1. Les développeurs doivent se rendre compte que sur le terminal mobile, l'application HTML5 a une expression particulière qui lui convient, et ne doit pas se concentrer sur une cohérence totale avec le application native. Ce n'est qu'ainsi que vous pourrez profiter du HTML5 et éviter des douleurs sans fin. En fait, si vous souhaitez développer des applications HTML5 avec des performances comparables à celles des applications natives, les efforts, les tests et les ressources investis dépasseront de loin ceux des applications natives.

À cet égard, elle est plus représentative. La version iPad de LINKEDIN est plus représentative. Elle est développée à plus de 95 % en HTML5. Nous avons intentionnellement supprimé de nombreux éléments de conception inutiles, comme tous. arrière-plans dégradés et coins arrondis, car cela ralentirait les performances de rendu.

2. Conception ciblée de l'application en fonction des caractéristiques du HTML5. HTML5 a ses scénarios applicables, et il n’est pas universel, même si ce scénario devient de plus en plus large et riche. Web App ne remplacera pas complètement Native App, et Native App ne vaincra pas Web App. Symbiotiques et gagnant-gagnant, chacun sait gagner. Ils ont leurs propres scénarios et usages adaptés, et coexisteront progressivement. Ce que nous devons donc faire n'est pas d'utiliser la réflexion sur les applications natives pour concevoir des applications Web, mais plutôt de nous concentrer sur l'exploitation des atouts du HTML5 et de le rendre unique.

En prenant la version iPad de Baidu Photo Album comme exemple, en plus d'assurer une bonne fluidité et interaction, nous avons également essayé de nombreuses fonctionnalités innovantes intéressantes et sympas via HTML5. Cela inclut :

1) Utilisez des capteurs pour afficher le mouvement et l'effet de dégradé de l'image : lorsque le niveau de l'iPad est incliné, l'image de couverture se déplacera lentement vers le même angle, montrant le via le spectacle décolleté Un bel effet.

2) Prise en charge du fonctionnement du geste d'image : les amis qui ont utilisé l'iPad louent le geste pratique et rapide de l'album. Étant donné que la prise en charge des gestes par HTML5 est relativement complète, nous avons cette fois essayé d'ajouter la prise en charge de la plupart des gestes dans la version iPad de Baidu Photo Album pour nous adapter aux habitudes des utilisateurs et faciliter les opérations de l'utilisateur, telles que l'agrandissement d'albums, la fermeture d'images individuelles, la rotation d'images et plus.

                    3. La meilleure pratique permettant aux développeurs de couvrir toutes les plateformes est OnePlatform HTML5, qui est adopté par les plateformes clés (peut être Android ou iOS) Natif App, tandis que toutes les plates-formes restantes utilisent HTML5 Web App pour s'adapter. Cette approche deviendra de plus en plus courante en raison de problèmes de coût et d’efficacité.

La tendance à l'industrialisation des applications mobiles devient de plus en plus évidente, alors quelles sont les tendances de développement du HTML5 et les opportunités qu'il apporte ?

1. L'IE du bureau est en déclin progressif. Il est évident qu'il est clair que le navigateur moderne HTML5 occupe progressivement le marché. La plate-forme mobile est encore plus optimiste : on estime que plus de 50 % des utilisateurs mettront à niveau leurs terminaux intelligents en 2013. Les mises à jour rapides des appareils permettront aux navigateurs modernes prenant en charge HTML5 de conquérir facilement plus de 80 % de part de marché.

2. HTML5 a été officiellement publié en 2012 et la norme est devenue stable. En 2013, la norme sera plus mature et plus facile à populariser et à appliquer. Les spécifications HTML5 seront progressivement mises en œuvre. À mesure que WebGL et l'API de périphérique mûriront, les effets d'interface et les fonctions que HTML5 peut réaliser seront plus larges. Lorsque les performances et les performances des applications mobiles basées sur HTML5 seront très proches des applications natives et qu'il existera des normes de développement matures, il y aura une vague de migration à grande échelle des applications vers HTML5. En conséquence, un grand nombre d'utilisateurs le feront. migrez également vers les applications HTML5.

Dans le même temps, le taux de pénétration des terminaux intelligents aux États-Unis et en Chine est supérieur à 50 %. À mesure qu'ils deviennent plus populaires, il y aura une vague de migration d'applications depuis du bureau au mobile Dans ce processus, HTML5 deviendra le choix technologique pour un grand nombre d’applications.

Une application HTML5 en grande quantité amènera le terminal mobile à produire Showcase, qui pourrait naître dans des applications HTML5, qui est susceptible de produire des applications de jeu à succès comme Anipang, en Corée du Sud.

3. Les jeux Web mobiles et les applications d'information et d'actualité basées sur HTML5 vont prospérer.

Maintenant, des jeux HTML5 de bureau sont apparus, tels que le jeu Oz de Disney "Find Your Way to OZ", "Command and Conquer" d'EA, "Warimals: Cats vs. Dogs" et autres excellents ouvrages, mais qu'en est-il sur les plateformes mobiles ?

Les plateformes coréennes Kakao Talk et japonaises Line ont connu un premier succès dans le domaine des jeux mobiles. La tendance de développement des jeux mobiles en Chine sera très similaire à celle de la Corée du Sud, et il y aura un. tendance à une croissance rapide. Le processus de développement des jeux sur ordinateur de bureau va des clients de bureau autonomes, des clients de bureau en réseau aux jeux Web, car les jeux Web répondent à la fragmentation du temps des utilisateurs d'aujourd'hui et à la recherche de besoins simples et faciles à utiliser, tandis que les plates-formes mobiles sont fragmenté à tout moment et en tout lieu. Le moment coïncide avec les caractéristiques des jeux Web, les jeux Web mobiles HTML5 sont donc susceptibles de connaître une croissance explosive, notamment sur la plateforme WeChat. Nous pouvons actuellement constater que de nombreuses grandes entreprises et startups font des efforts dans ce domaine.

Un autre type représentatif d'application d'information et d'actualité se concentre sur le contenu, et le traitement du contenu est la spécialité du Web, avec des formes de distribution plus libres, une récupération plus pratique par les moteurs de recherche, des exigences croisées plus larges sont la plus grande demande pour ce type d'application. Aujourd'hui, des médias traditionnels étrangers tels que le Financial Times et le New York Times tentent d'utiliser HTML5 pour distribuer des applications mobiles.

                     

4. Le manque de plates-formes et d'outils pertinents dans la chaîne écologique HTML5 est une opportunité potentielle, comme la sécurité, les tests, le développement, le système et d'autres aspects.

Les nécessités de la chaîne industrielle des applications mobiles HTML5 comprennent deux catégories : les produits de plate-forme, tels que les plates-formes statistiques, les plates-formes de paiement, les plates-formes publicitaires, les moteurs de jeux, etc., et essentiellement open source et ; produits gratuits Produits d'outils. À cet égard, les grandes entreprises, les startups et les développeurs individuels commencent à essayer.

5. L'orientation de la mobilité d'entreprise a également un grand potentiel pour HTML5. Pour les applications au niveau de l'entreprise, les exigences en matière d'expérience utilisateur et d'interface utilisateur ne sont pas aussi élevées que celles des applications grand public, telles que des interfaces de produits colorées, une expérience de glissement rapide et fluide et des opérations gestuelles en constante évolution. Par conséquent, il est plus approprié de prendre. profiter des avantages du HTML5 et éviter ses inconvénients.

Par exemple, les applications magnifiques et magnifiquement animées telles que PATH, Flipboard et iPhoto ne sont en fait pas aussi pratiques au niveau de l'entreprise, et elles ne nécessiteront pas de performances telles que couper des fruits, des fruits , fruits, fruits, fruits, fruits, fruits, fruits, fruits, fruits, fruits, fruits, fruits, fruits, fruits, fruits, fruits, fruits, fruits, fruits, fruits, fruits, fruits, fruits, fruits, fruits, fruits , des fruits, des fruits, des fruits, des fruits, des fruits, des fruits, des fruits Real Racing est aussi fluide et prend en charge le multi-touch. Du côté des ordinateurs de bureau, l'OA traditionnelle peut déjà très bien répondre aux besoins des entreprises, tandis que du côté mobile, les entreprises sont davantage préoccupées par la stabilité des services et la commodité de travailler à tout moment et en tout lieu.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!