Diese Arbeit behandelt die Thematik der plattformübergreifenden Softwareentwicklung in HTML5. Der Schwerpunkt wird hierbei auf die besonderen Anforderungen in der Entwicklung von Software für Smartphones wie das Apple iPhone, Google Android und Microsofts Windows 7 Phone gelegt. Durch das Konzept einer Web-Anwendung für Internetbrowser sind die in dieser Arbeit gewonnenen Erkenntnisse u.a. auch auf andere Plattformen wie Apples OS X, Microsoft Windows und Linux übertragbar. Mit einem Browser als Laufzeitumgebung wird der Ansatz plattformübergreifender Applikationen auf einer gemeinsamen Codebasis für jede Art von Betriebssystem verfolgt.
In 7 Kapiteln wird das nötige Grundwissen der Hardware, der Marktsituation mobiler Geräte, des Publishings über die einzelnen Storevarianten, bis hin zu praktischen Beispielen unter Verwendung einiger Frameworks wie z.B. JQuery-Mobile beleuchtet. Der wirtschaftliche Aspekt in Bezug auf den sinnvollen Einsatz in einem Softwareunternehmen wird ebenso erläutert wie ein Ausblick auf zukünftige Möglichkeiten, die sich durch HTML5 ergeben.
Der experimentelle Ansatz eines hybriden Frameworks ist ebenfalls Bestandteil dieser Arbeit. Dieses Werk bietet einen umfassenden Einblick in die Möglichkeiten von HTML5 für die plattformunabhängige Softwareentwicklung.
Inhaltsverzeichnis
1 Einleitung
1.1 Definition mobiler Geräte
1.2 Die zunehmende Bedeutung von Smartphones
2 Ist-Zustand von Smartphones
2.1 Übersicht der Betriebssysteme und Marktanteile
2.2 Funktionsumfang auf Software- und Hardwareebene
2.3 Vertriebswege (App Store, Android Market, Marketplace)
2.4 Vor- und Nachteile nativer App-Entwicklung
2.5 Native Entwicklungstools
2.5.1 iPhone
2.5.2 Android
2.5.3 Windows Phone 7
2.5.4 SDKs im Hinblick auf die Entwicklung für mehrere Plattformen
2.6 Motive, die gegen eine native Entwicklung sprechen
3 HTML5, CSS3, JavaScript
3.1 Der Weg geht Richtung HTML5
3.2 Neues in HTML5
3.2.1 Was macht ein HTML-Dokument zu einem HTML5-Dokument?
3.2.2 Semantische und strukturelle HTML5-Elemente
3.2.3 Multimediale HTML5-Elemente
3.2.4 Elemente für den Einsatz in mobilen Endgeräten
3.2.5 Ersetzte und weggefallene Elemente
3.2.6 Fazit - HTML5-Elemente
3.3 CSS3
3.3.1 Farbverläufe
3.3.2 Rundungen
3.3.3 Schatten-Effekte
3.3.4 Fazit - CSS3
3.4 JavaScript
3.4.1 Neues in JavaScript
3.4.2 Persistieren von Daten
3.4.3 Fazit – JavaScript in HMTL5
3.5 Manifest – Web App im Offline-Modus
3.6 HTML5 - Mobile Frameworks
3.7 Browserunterstützung
4 Entwicklerwerkzeuge für HTML5
4.1 Entwicklungsumgebungen (Editoren)
4.2 Prototyp-Entwicklung mit Photoshop Templates
4.3 Debuggen einer HTML5-App
4.4 Weitere Webentwickler Tools
4.4.1 FTP-Software
4.4.2 Bildbearbeitung
5 Programme für HTML5
5.1 Smartphone Beispielanwendung
5.1.1 HTML5-Teil
5.1.2 JavaScript-Teil
5.1.3 Datenbank erstellen
5.1.4 Datenbankzugriffe
5.2 HTML5 Benchmark
5.3 Deployment - Bereitstellen der Anwendung
5.3.1 Installation
5.3.2 Lizenzierung
5.4 Fazit der Smartphone HTML5-App Entwicklung
5.4.1 iPhone
5.4.2 Android
5.4.3 Windows 7 Phone Edition
5.4.4 Alle anderen Systeme
5.5 HTML5 in einer nativen Anwendung
6 Einsatz von HTML5 aus Sicht eines Softwareunternehmens
6.1 Kostenvergleich nativ gegenüber HTML5
7 Fazit - Zusammenfassung der Forschungsergebnisse
Zielsetzung & Themen
Ziel dieser Arbeit ist es, die Möglichkeiten und Anforderungen der plattformübergreifenden Softwareentwicklung für mobile Geräte auf Basis von HTML5 zu untersuchen und zu demonstrieren, wie Web-Anwendungen die Lücke zu nativen Applikationen schließen können.
- Grundlagen mobiler Geräte und Marktanalyse von Betriebssystemen
- Analyse der neuen HTML5-Standards, CSS3 und JavaScript für mobile Anwendungen
- Evaluierung von Entwicklerwerkzeugen und Workflows
- Praktische Umsetzung einer offline-fähigen Kontaktverwaltung als Beispielanwendung
- Kostenvergleich und strategische Bewertung aus Unternehmenssicht
Auszug aus dem Buch
3.1 Der Weg geht Richtung HTML5
Auf einem iPhone lassen sich keine Java-Anwendungen schreiben, Flash wird genauso wenig unterstützt. Windows kann beispielweise keine in Objective-C geschriebene Anwendung ausführen. Genauso wenig ist es möglich auf einem OS X-System (Apple) ein in C# kompiliertes Programm zu starten. Die einzige Komponente, die auf allen Plattformen die gleiche Syntax versteht, ist der Browser. Durch die Erweiterungen des Leistungsumfangs von HTML in Richtung nativer Konzepte und Funktionalität liegt es nahe, Anwendungen mit HTML5, CSS3 und JavaScript zu verwirklichen. Die befragten Entwickler der VisionMobile-Studie „Developer Economics“ sehen mobile Web-Applikationen als erste Wahl, wenn es darum geht, plattformübergreifende Programme zu entwickeln. Die ersten Entwicklungen in HTML5 haben bereits begonnen.
Im offiziellen Google Enterprise Blog verkündete der Produktmanager Benoît de Boursetty, dass Google Mail seit dem 31. August 2011 offlinefähig ist und Google Kalender und Google Text & Tabellen in der darauf folgenden Woche folgen werden.
Andrei Popescu und andere Google Entwickler arbeiten zurzeit an der Portierung der Chrome Engine mit dem Namen WebKit für den Android-Browser. Damit ist dann auch der Grundstein für die Integration der 3D-Engine WebGL in den mobilen Browser gelegt. Amazon hat in HTML5 eine Chance gesehen, die Apple App Store Geschäftsbedingungen zu umgehen und seine Kindle-App, zum Lesen und Kaufen von E-Books, in HTML5 programmiert. Zurzeit wird diese App vom Chrome- und Safari-Browser unterstützt. Eine speziell für das iPad optimierte Version der „kindle cloudreader“-App ist zusammen mit der Browser-Version unter https://read.amazon.com/?ref_=kcr_app_surl_cloudreader erhältlich.
Zusammenfassung der Kapitel
1 Einleitung: Erläuterung der Definition mobiler Geräte sowie der zunehmenden Relevanz von Smartphones im Alltag.
2 Ist-Zustand von Smartphones: Übersicht der Betriebssysteme, ihrer Marktanteile, Vertriebswege über App Stores sowie die Vor- und Nachteile nativer App-Entwicklung.
3 HTML5, CSS3, JavaScript: Detaillierte Untersuchung der neuen HTML5-Technologien, der Design-Möglichkeiten durch CSS3 und der Logik-Implementierung via JavaScript.
4 Entwicklerwerkzeuge für HTML5: Vorstellung der erforderlichen Werkzeuge wie Editoren, Prototyping-Tools und Debugging-Umgebungen für Webentwickler.
5 Programme für HTML5: Praktische Erprobung der Erkenntnisse an einer Beispielanwendung (Kontaktverwaltung) inkl. Benchmark-Vergleich der Frameworks JQuery Mobile und JQTouch.
6 Einsatz von HTML5 aus Sicht eines Softwareunternehmens: Strategische Analyse der Vorteile von HTML5, insbesondere der Kostenersparnis durch eine gemeinsame Codebasis.
7 Fazit - Zusammenfassung der Forschungsergebnisse: Abschluss der Arbeit mit einer kritischen Beurteilung der Forschungsergebnisse und des Ausblicks auf zukünftige Entwicklungen.
Schlüsselwörter
HTML5, Mobile Web-Apps, Cross-Application-Development, Smartphones, App Stores, Softwareentwicklung, Browser-Engines, JavaScript, CSS3, WebGL, JQuery Mobile, JQTouch, Datenbanken, Offline-Modus, Plattformunabhängigkeit
Häufig gestellte Fragen
Worum geht es in dieser Diplomarbeit primär?
Die Arbeit untersucht die plattformübergreifende Softwareentwicklung für Smartphones mittels HTML5, um eine Alternative zur aufwendigen nativen App-Entwicklung für jedes Betriebssystem aufzuzeigen.
Welche zentralen Themenfelder werden behandelt?
Neben der Marktsituation von Smartphones stehen die technologischen Aspekte von HTML5, CSS3 und JavaScript sowie Entwicklerwerkzeuge und deren praktische Anwendung im Mittelpunkt.
Was ist das primäre Ziel der Forschungsarbeit?
Ziel ist es zu belegen, dass mit dem aktuellen HTML5-Standard plattformunabhängige Anwendungen erstellt werden können, die in Funktionsumfang und Design mit nativen Apps vergleichbar sind.
Welche wissenschaftlichen Methoden kommen zum Einsatz?
Der Autor führt eine theoretische Analyse der Web-Standards durch, ergänzt durch eine praktische Erprobung (Prototyping) und eine empirische Benchmarking-Analyse zur Performance-Messung der App-Frameworks.
Welche Inhalte umfasst der Hauptteil der Arbeit?
Der Hauptteil gliedert sich in eine Analyse der bestehenden Smartphone-Landschaft, eine tiefgehende Untersuchung der neuen HTML5-Webtechnologien, die Vorstellung geeigneter Entwickler-Tools und die praktische Umsetzung einer Beispiel-App.
Was sind die charakteristischen Schlüsselwörter dieser Arbeit?
Wichtige Begriffe sind unter anderem HTML5, Cross-Application-Development, mobile Web-Apps, JQuery Mobile, JQTouch, Offline-Modus und plattformübergreifende Entwicklung.
Warum wird im praktischen Teil das JQTouch-Framework mit JQuery Mobile verglichen?
Der Vergleich dient dazu, die Leistungsfähigkeit und das Look & Feel der beiden populärsten mobilen Frameworks unter realen Bedingungen zu evaluieren, um zu prüfen, welches sich besser für die Beispielanwendung eignet.
Welche Schlussfolgerung zieht der Autor bezüglich der Kosten?
Die Analyse ergibt, dass durch die Nutzung einer gemeinsamen HTML5-Codebasis die Entwicklungskosten um ein Vielfaches gesenkt werden können, da der Aufwand für plattformspezifische Spezialisten entfällt.
Wie bewertet der Autor die Zukunft von HTML5-Anwendungen?
Der Autor ist überzeugt, dass die Bedeutung von HTML5 massiv zunehmen wird, da Browser-Engines immer leistungsfähiger werden und der Trend zu plattformunabhängigen Web-Technologien führt.
- Arbeit zitieren
- Patrick Dietrich (Autor:in), 2011, Cross-Application-Development (HTML5), München, GRIN Verlag, https://www.hausarbeiten.de/document/191150
