Eine ausführliche Einführung in die Entwicklungstrends aus dem aktuellen Stand mobiler HTML5-Anwendungen

Diskussion des Entwicklungstrends aus der aktuellen Situation mobiler HTML5-Anwendungen

Die Zeit vergeht wie im Flug, seit der Geburt von HTML5 im Jahr 2008 sind fünf Jahre vergangen. Als neue Generation von Webstandards wurde es davon beeinflusst In allen Aspekten hat es seit seiner Einführung große Aufmerksamkeit erregt und viele Kontroversen hervorgerufen, weil es offene und kraftvolle Eigenschaften hat, während Skeptiker seine tatsächliche Rolle bezweifeln, weil es nicht gut umgesetzt wurde. Jetzt gehen wir von der aktuellen Situation aus und analysieren den Entwicklungstrend von HTML5 auf mobilen Plattformen, indem wir Fragen stellen, damit jeder anhand der komplizierten Informationen ein klareres Verständnis und Verständnis für die Zukunft von HTML5 erhalten kann.

Welche Vorteile bietet die Verwendung von HTML5 zur Entwicklung einer Web-App (oder Hybrid-App) für mobile Plattformen?

Mit HTML5 entwickelte Seiten weisen mehr Merkmale moderner Webseiten auf: eine wunderschöne Benutzeroberfläche, eine hervorragende Mensch-Computer-Interaktion und leistungsstarke Funktionen. Jetzt ist es für uns schwierig, einfach traditionelle zu verwenden Ausdrucksmethoden zur Befriedigung Benutzer haben unterschiedliche Bedürfnisse und es ist schwierig, HTML5 während der Implementierung von früheren Versionen zu trennen. Daher können wir davon ausgehen, dass die meisten modernen Web-Apps (oder Hybrid-Apps) auf mobilen Plattformen mit HTML5 entwickelt werden. Was sind also die Vorteile, dies zu tun?

Plattformübergreifend: Einmal entwickeln und überall verwenden, ohne auf Kompatibilität achten zu müssen. Dies kann die Anzahl der plattformübergreifenden Entwickler und die Kosten erheblich reduzieren. Wenn man es andersherum betrachtet, verändern sich mobile Plattformen von Tag zu Tag. Neben Android und iOS konkurrieren auch mehrere Systeme wie Windows Phone, Blackberry und Bada, die jeweils einen Teil der Benutzer abdecken Eine Anwendung möchte so viele Plattformen abdecken. Abgesehen von der Verwendung einer Web-App ist es fast unmöglich, dieses praktische Problem zu lösen.

Cloud-Upgrade: Das Schmerzlichste bei der mobilen Entwicklung ist jede Veröffentlichung. Bei der Veröffentlichung müssen Sie mehrere App Stores und Kanäle einbeziehen und sehr vorsichtig sein. Wenn es größere Fehler oder Qualitätsprobleme gibt, ist es äußerst mühsam, diese durch die neue Version zu beheben. Dabei bereitet der Überprüfungszeitraum von Apples App Store auch vielen Entwicklern Kopfzerbrechen. Das Cloud-Upgrade kann alle Benutzer gleichzeitig abdecken, ohne dass Benutzer ein manuelles Upgrade und eine Installation durchführen müssen. Probleme können jederzeit behoben werden, ohne dass manuelle Updates vom App Store und den Benutzern erforderlich sind, was Risiken und Arbeitsaufwand erheblich reduziert.

Kombiniert mit der Cloud-Computing-Plattform zur Lösung des Problems der begrenzten Rechenleistung mobiler Geräte: Wenn die Web-App auf einem Cloud-Server gespeichert ist, kann sie die leistungsstarken Server sinnvoll nutzen und Cloud-Computing-Plattform Computing-Ressourcen können zur Erledigung vieler komplexer Aufgaben verwendet werden, die aufgrund der Einschränkungen der Hardwarefunktionen mobiler Geräte nur schwer zu erledigen sind.

können von Suchmaschinen besser indiziert und abgerufen werden und bilden quantifizierbare Big Data: Die native Form selbst ist geschlossen, und geschlossene und ungeordnete Daten sind für den Informationsfluss von entscheidender Bedeutung kann leicht Informationsinseln erstellen; der Geist des Webs selbst ist Offenheit, und die von HTML5 bereitgestellten semantischen Tags können besser identifiziert und organisiert werden. Wenn wir über Web-Apps offenere Informationen und Datenstrukturen erhalten können, können wir das Zeitalter von Big Data besser meistern und annehmen.

Riesiger Talentpool: Traditionelle Webentwickler sind alle potenzielle HTML5-Ingenieure, und die Transformation ist relativ einfacher.

Umgehung strenger Anwendungsspeicher: Die strikte Kontrolle von Anwendungen durch App Stores ist für viele Entwickler und Anwendungsentwickler der beste Weg, dies zu umgehen traditionelles mobiles App-Store-Modell.

Wie ist der aktuelle Stand der HTML5-Entwicklung?

1. HTML5-Standardfortschritt

W3C-Spezifikationen durchlaufen normalerweise 5 Phasen, bevor sie zu einem formalen Standard werden: Arbeitsentwurf, endgültige Überarbeitung (letzter Aufruf), Kandidat Empfehlung, vorgeschlagene Empfehlung und Empfehlung.

Am 17. Dezember 2012 gab das W3C bekannt, dass die HTML5-Spezifikation fertiggestellt und die empfohlene HTML5-Kandidatenspezifikation veröffentlicht wurde. Dies bedeutet, dass die HTML5-Spezifikation stabil ist und nur Lücken behoben werden Unternehmen und Entwickler haben in Zukunft stabile Implementierungsziele und können experimentelle Implementierungen starten. W3C wird mit der Arbeit an Interoperabilitätstests und Leistungsoptimierung der HTML5-Standardisierung beginnen und wird voraussichtlich bis Ende 2014 empfohlene HTML5-Spezifikationen veröffentlichen.

W3C plant, nachfolgende technische Upgrades in HTML 5.1 zu integrieren, das Ende 2016 veröffentlicht wurde, wie etwa verbesserte Videountertitel, reaktionsfähige Bilder und eine bessere Form Unterstützung, iFrame der neuen Generation usw. Durch diesen Ansatz, der der iterativen Entwicklung ähnelt, kann HTML5 schneller und besser implementiert werden, ohne dass es auf unbestimmte Zeit verschoben wird.

Zusammenfassend lässt sich sagen, dass der Fortschritt des HTML5-Standards darin besteht, dass die Spezifikation fertiggestellt wurde und nach und nach ausgereift und implementiert wird. <🎜> Mainstream-Browser wie Safari, Android Browser, Opera Mobile und Chrome unterstützen alle gut HTML5 und ihr Anteil wächst immer noch. Die Unterstützung gängiger mobiler Browser macht die HTML5-Plattform beliebter. Gleichzeitig macht die gute Unterstützung von HTML5 diese Browser auch bei Benutzern beliebter.

Die Fähigkeit von HTML5, auf Systemhardware auf mobilen Geräten zuzugreifen, wird noch implementiert. Gleichzeitig wird die Unterstützung mobiler Browser für den grundlegenden HTML5-Standard implementiert Ist kein großes Problem, aber Leistung und Geschwindigkeit könnten verbessert werden. Schnelle Aktualisierungen der Mobilgeräte der Benutzer und der Hardware der mobilen Plattform werden einige der Probleme lösen. Von 2011 bis 2013 habe ich beispielsweise ein Single-Core-528M-Frequenz-G8, ein Single-Core-1G-Nexus-One und ein Dual-Core-1.2G-Galaxy verwendet SII und jetzt 4-Core 1.6G NoteII.

3. Verschiedene Open-Source- oder kostenpflichtige Frameworks, Tools und Plattformen entstehen und verbessern sich

Zusätzlich zum alten Sencha Touch, In Neben jQuery Mobile, PhoneGap und LungoJS gibt es auch Spieleentwicklungs-Engines oder -Tools wie EaselJS, Construct2, GameMaker, LimeJS, Impact, Crafty, Cocos2d-html5 und responsive Design-Frameworks wie GroundworkCSS, Skeleton, Gumby, Wirefy, und Base sowie eine Vielzahl von Tool-Plattformen. Die Nachfrage ist der Katalysator für den technologischen Fortschritt, und das Aufkommen einer großen Anzahl von Tools beweist, dass eine starke Nachfrage nach HTML5-Entwicklung besteht.

Große Unternehmen haben auch verschiedene HTML5-Tools und -Plattformen eingeführt, wie z. B. die Web-App-Plattform Similu von Baidu, die Spiele-Engine Sphinx von Opera, die HTML5-Root-Plattform Firefox OS von Firefox und das Anwendungstransplantationstool App Porter von Intel , Nintendos Anwendungsentwicklungs-Framework NintendoWeb Framework und so weiter. Während Adobe das mobile Flash aufgab, veröffentlichte es schnell eine Reihe von HTML5-Entwicklungstools, darunter das HTML5-Animationsproduktionstool Adobe Edge Animate und das visuelle HTML5-Responsive-Design-Tool Adobe Edge Reflow, das dem Flash-Editor ähnelt.

Insgesamt werden HTML5-Tools und -Frameworks nach dem Durchlaufen der Erkundungsphase allmählich ausgereift und verbessert, und es wird erwartet, dass sie weiter populär werden.

3. Die Entwicklungsbereitschaft der Entwickler bleibt weiterhin hoch

Laut einer Umfrage des HTML5-Entwicklungsframeworks Kendo UI sind 73 % der Befragten immer noch zuversichtlich in HTML5, und mehr als 94 % der Befragten verwenden HTML5 für die Anwendungsentwicklung oder werden es verwenden, Appcelerator Auch entsprechende Umfragen kamen zu ähnlichen Ergebnissen. Gleichzeitig erfreut sich die inländische HTML5-Community immer noch großer Beliebtheit und Aufmerksamkeit, und auch die Community-Aktivitäten sind sehr aktiv.

4. Anwendungsentwicklung

Unbewusst dringt HTML5 in großen Mengen in unser wirkliches Leben ein. Eine der Anwendungsmethoden ist die Mobilisierung herkömmlicher Desktop-Websites. Beispielsweise verwendet die WAP-Version von Baidu Maps die Geolocation-API und eine große Anzahl neuer HTML5-Funktionen. Weitere repräsentative Anwendungen sind YouTube, Sina Weibo, Ctrip, Taobao usw.

Das zweite Anwendungsszenario sind reine mobile Web-Apps, wie die Buchhaltungsanwendung DailyCost, die Wetteranwendung Sun, die Leseanwendung Meiyue usw. Sie sind der Native App hinsichtlich der Leistung sehr ähnlich Sehr gute Leistung und Erfahrung.

                                                                                                                                                               LinkedIniPad-Version.

Was sind die tatsächlichen Hindernisse für die Implementierung von HTML5 auf mobilen Plattformen?

1. Leistung

Die Leistung von HTML5 ist bereits ein altes Problem. An dem Problem sind mehrere Faktoren beteiligt, darunter Hardware, Browser und Implementierung. Die Hardware wird mit den schnellen Updates mobiler Geräte verbessert, und selbst auf Hardwareebene verfügt das Gerät möglicherweise über spezielle Unterstützung für HTML5. Die Leistung von Browsern verbessert sich ständig und die Implementierung von Anwendungen hängt vom Programmiermodell und den Fähigkeiten des Entwicklers ab. Dieser Teil kann verbessert werden, wenn Tools, Frameworks und Entwicklungsstufen verbessert werden.

2. Fragmentierung mobiler Geräte und Fragmentierung von Browsern

Unterschiedliche Geräte und unterschiedliche Browser unterstützen HTML5 inkonsistent. Darüber hinaus gibt es unterschiedliche mobile Geräte Telefonische Auflösungen bringen auch Herausforderungen für die Entwicklung von WebApps mit sich.

Die Branchenlösung für das erste Problem ist eine elegante Verschlechterung, während das zweite Problem die Einführung eines reaktionsfähigen Designs erfordert. Responsive Design bietet uns eine flexiblere Möglichkeit, mit der Gerätefragmentierung umzugehen, und umfasst nicht nur die Anwendung der CSS3 Media Queries-Technologie, sondern umfasst auch reaktionsfähige Bilder (ResponsiveImages), reaktionsfähige Videos und andere Technologien. Wir sollten es auch verwenden ein komplettes Set moderner Webdesign-Methoden.

                                                                                                                                         Das Hauptproblem besteht nicht darin, dass es nur wenige technische Implementierungsmethoden und -methoden gibt oder dass die Leistung schlecht ist, sondern dass es zu fragmentiert ist und einheitliche Implementierungsstandards fehlen .

Zum Beispiel Sench Touch, jQuery Mobile, LimeJS, Kendo UI, Impact sowie EaselJS, GameMaker, Construct2, Sie können deren Eigenschaften, verschiedene anwendbare Szenarien und was verstehen Vor- und Nachteile von jedem?

und wie Google und Apple eine Reihe von Standardentwicklungstools und Frameworks für Android- und iOS-Plattformen bereitgestellt, damit sich Entwickler nur auf die Implementierung konzentrieren müssen und das Endprodukt schnell und effizient entwickeln können. Das Ergebnis der Offenheit von HTML5 ist, dass es keine einheitliche Implementierungsmethode und keinen einheitlichen Standard gibt. Einerseits müssen Entwickler die Mühe der Auswahl auf sich nehmen, andererseits kann die Korrektheit und Effizienz der Implementierung nicht garantiert werden.

W3C konzentriert sich mehr auf Standards, testet aber auch die Leistung und Leistung von HTML5. Dieser Prozess wird einige Zeit dauern zu verfeinern und zu verbessern.

4. Benutzergewohnheiten Der aktuelle Benutzer auf mobilen Geräten wird hauptsächlich verwendet, um die Anforderungen über eine einzige App zu erfüllen, sodass die Standard-Web-App Benutzer gegenüber Benutzern nicht erkennt auch bekannt als Native App. Wenn die Leistung, Leistung und Benutzerfreundlichkeit der Web-App jedoch der nativen App nahe kommen oder gleichwertig sind, werden die Benutzer die Web-App nach und nach erkennen und darauf umsteigen.

Was sind die besten Entwicklungspraktiken für mobile HTML5-Plattformen?

1. Entwickler sollten sich darüber im Klaren sein, dass die HTML5-Anwendung auf dem mobilen Endgerät über einen speziellen Ausdruck verfügt, der dafür geeignet ist, und sich nicht darauf konzentrieren sollten, vollständig mit dem konsistent zu sein native Anwendung. Nur so können Sie die Vorteile von HTML5 nutzen und endlose Schmerzen vermeiden. Wenn Sie HTML5-Anwendungen mit einer Leistung entwickeln möchten, die mit nativen Anwendungen vergleichbar ist, werden der Aufwand, die Tests und die investierten Ressourcen die von nativen Anwendungen bei weitem übersteigen.

In dieser Hinsicht ist die LINKEDIN iPad-Version repräsentativer. Wir haben absichtlich viele unnötige Designelemente entfernt Hintergrund mit Farbverlauf und abgerundete Ecken, da diese die Renderleistung verlangsamen würden.

2. Gezielte Gestaltung der Anwendung basierend auf den Eigenschaften von HTML5. HTML5 hat seine anwendbaren Szenarien und es gibt keine Einheitslösung, obwohl dieses Szenario immer umfassender und umfangreicher wird. Web App wird Native App nicht vollständig ersetzen und Native App wird Web App nicht besiegen. Symbiotisch und Win-Win, jeder ist gut im Gewinnen. Sie haben ihre eigenen geeigneten Szenarien und Verwendungszwecke und werden nach und nach nebeneinander existieren. Was wir also tun müssen, ist, beim Entwerfen von Web-Apps nicht das native App-Denken zu verwenden, sondern uns darauf zu konzentrieren, die Stärken von HTML5 zu nutzen und es einzigartig zu machen.

Am Beispiel der iPad-Version des Baidu Photo Album haben wir nicht nur eine gute Sprachverständlichkeit und Interaktion sichergestellt, sondern auch viele interessante und coole innovative Funktionen durch HTML5 ausprobiert. Dazu gehört:

1) Verwenden Sie Sensoren, um die Bewegung und den Verlaufseffekt des Bildes anzuzeigen: Wenn die iPad-Ebene geneigt wird, bewegt sich das Titelbild langsam in den gleichen Winkel und scheint durch Die Differenzialdiskrepanation zeigt die Offenlegung der Differenzialoffenbarung und zeigt einen schönen Effekt.

2) Unterstützung der Bildgestenbedienung: Freunde, die das iPad verwendet haben, loben die praktische und schnelle Geste des Albums. Da die Gestenunterstützung von HTML5 relativ vollständig ist, haben wir dieses Mal versucht, die Unterstützung für die meisten Gesten in der iPad-Version von Baidu Photo Album hinzuzufügen, um sie an Benutzergewohnheiten anzupassen und Benutzervorgänge zu erleichtern, wie z. B. das Erweitern von Alben, das Schließen einzelner Bilder, das Drehen von Bildern usw mehr.

                    3. Die beste Vorgehensweise für Entwickler zur Abdeckung aller Plattformen ist OnePlatform+ HTML5, das von wichtigen Plattformen (kann Android oder iOS sein) nativ übernommen wird App, während alle übrigen Plattformen zur Anpassung HTML5-Web-Apps verwenden. Dieser Ansatz wird aufgrund von Kosten- und Effizienzproblemen immer häufiger eingesetzt.

Der Trend zur Industrialisierung mobiler Apps wird immer deutlicher. Was sind also die Entwicklungstrends von HTML5 und die damit verbundenen Chancen?

                       Die mobile Plattform ist noch optimistischer. Schätzungen zufolge werden 2013 mehr als 50 % der Nutzer ihre Smart-Terminals aktualisieren. Durch schnelle Geräteaktualisierungen können moderne Browser, die HTML5 unterstützen, problemlos mehr als 80 % des Marktanteils erobern.

                                                                                                                                                                                                                             . Mit zunehmender Reife von WebGL und Device API werden die Schnittstelleneffekte und Funktionen, die HTML5 erreichen kann, umfassender. Wenn die Leistung und Leistung mobiler Apps, die auf HTML5 basieren, den nativen Apps sehr nahe kommen und es ausgereifte Entwicklungsstandards gibt, wird es eine Welle groß angelegter Migration von Apps zu HTML5 geben. Infolgedessen wird es eine große Anzahl von Benutzern geben auch auf HTML5-Anwendungen migrieren.

Gleichzeitig beträgt die Penetrationsrate intelligenter Terminals in den USA und China mehr als 50 %. Da sie allmählich beliebter werden, wird es eine Welle der Anwendungsmigration geben Vom Desktop zum Mobilgerät wird HTML5 zur Technologiewahl für eine Vielzahl von Anwendungen.

HTML5-Anwendungen in großen Mengen führen dazu, dass das mobile Endgerät Showcase produziert, das möglicherweise in HTML5-Anwendungen geboren wird, was wahrscheinlich zu erfolgreichen Spieleanwendungen wie Anipang, Südkorea, führt.

3. Mobile Webspiele sowie Informations- und Nachrichtenanwendungen auf Basis von HTML5 werden florieren.

Jetzt sind Desktop-HTML5-Spiele erschienen, wie Disneys Oz-Spiel „Find Your Way to OZ“, EAs „Command and Conquer“, Rocket Packs „Warimals: Cats vs. Dogs“ und andere hervorragende Werke, aber wie sieht es auf mobilen Plattformen aus?

Koreas Plattformen Kakao Talk und Japans Line haben erste Erfolge bei Handyspielen erzielt. Der Entwicklungstrend von Handyspielen in China wird dem in Südkorea sehr ähnlich sein, und es wird einen geben rasanter Wachstumstrend. Der Entwicklungsprozess von Spielen auf der Desktop-Seite reicht von eigenständigen Desktop-Clients über vernetzte Desktop-Clients bis hin zu Web-Spielen, da Web-Spiele auf die Zeitfragmentierung der heutigen Benutzer und das Streben nach einfachen und benutzerfreundlichen Anforderungen eingehen, während dies bei mobilen Plattformen der Fall ist Die Fragmentierung ist jederzeit und überall gleichbedeutend mit den Eigenschaften von Web-Spielen, sodass mobile Web-Spiele im HTML5-Format voraussichtlich ein explosionsartiges Wachstum verzeichnen werden, insbesondere auf der WeChat-Plattform.

Eine weitere repräsentative Art von Informations- und Nachrichtenanwendungen konzentriert sich auf Inhalte, und die Verarbeitung von Inhalten ist die Spezialität des Webs, mit freieren Verteilungsformen, bequemerer Suchmaschinenabfrage und umfassenderen Cross-End-Anforderungen die größte Nachfrage nach dieser Art von Anwendung. Mittlerweile haben traditionelle ausländische Medien wie die Financial Times und die New York Times versucht, HTML5 für die Verbreitung mobiler Anwendungen zu nutzen.

                     

4. Der Mangel an relevanten Plattformen und Tools in der ökologischen HTML5-Kette ist eine potenzielle Chance, wie z. B. Sicherheit, Tests, Entwicklung, System und andere Aspekte.

Die Notwendigkeiten in der HTML5-Industriekette für mobile Anwendungen umfassen zwei Kategorien: Plattformprodukte wie Statistikplattformen, Zahlungsplattformen, Werbeplattformen, Spiele-Engines usw.; und grundsätzlich Open Source und kostenlose Produkte Werkzeugprodukte. Diesbezüglich beginnen große Unternehmen, Startups und einzelne Entwickler, es zu versuchen.

5 Auch die Richtung Enterprise Mobility birgt großes Potenzial für HTML5. Bei Anwendungen auf Unternehmensebene sind die Anforderungen an Benutzererfahrung und Benutzeroberfläche nicht so hoch wie bei Verbraucheranwendungen, z. B. farbenfrohe Produktoberflächen, schnelles und reibungsloses Gleiten und sich ständig ändernde Gestenoperationen Nutzen Sie die Vorteile von HTML5 und vermeiden Sie dessen Nachteile.

Beispielsweise sind die wunderschönen und wunderschön animierten Anwendungen wie PATH, Flipboard und iPhoto auf Unternehmensebene tatsächlich nicht so praktisch, da sie so flüssig sind und Multi-Touch unterstützen. Auf der Desktop-Seite kann herkömmliches OA die Anforderungen von Unternehmen bereits sehr gut erfüllen, während auf der mobilen Seite Unternehmen mehr Wert auf die Stabilität der Dienste und den Komfort legen, jederzeit und überall zu arbeiten.

Das obige ist der detaillierte Inhalt vonEine ausführliche Einführung in die Entwicklungstrends aus dem aktuellen Stand mobiler HTML5-Anwendungen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!