HTML5 und das Framework jquery Mobile

Größe: px

Ab Seite anzeigen:

Download "HTML5 und das Framework jquery Mobile"

David Heinrich
vor 9 Jahren
Abrufe

1 HTML5 und das Framework jquery Mobile Seminarvortrag Naeema Anees Betreuer: Prof. Ulrich Stegelmann Dipl.-Inform. Axel Blum

2 Einleitung Vielfalt an mobilen Geräten Verschiedene Betriebssysteme Verschiedene Architekturen für native Apps HTML Native App vs. Webapp 2

3 GRUNDLAGEN DER WEBPROGRAMMIERUNG 3

4 Webserver Bereitstellung von Webanwendungen Webseiten Grafiken Abruf über HTTP-Protokoll durch Browser 4

5 HTTP-Protokoll HyperText Transfer Protocol 5

6 HTML HyperText Markup Language HTML-Dokumente Inhalt (WAS) Struktur des Inhaltes (WO) Darstellung durch Browser Versionen 6

7 JavaScript Skriptsprache Einsatz: vorwiegend clientseitig plattformunabhängig Einbindung in HTML-Dokument Sandbox 7

8 CSS Cascading Style Sheets Design der Inhalte (WIE) Erstellung von Vorlagen 8

9 Softwareentwicklung für mobile Endgeräte Merkmal Desktop PC Mobiles Endgerät Konsequenzen Displayauflösung Standard: 1280x1024 Pixel zwischen 240x400 & 800x400 Pixel Übersichtlichkeit Erkennbarkeit Orientierung Bedienung Netzwerkverbind ung Rechenleistung Querformat Meist LAN Größenordnung GFLOPS Portrait & Landscape WLAN oder UMTS Lokaler Puffer Begrenzung Größenordnung MFLOPS Anpassung Maus & Tastatur Touchscreen Bedienbarkeit Größe der Buttons Einfachheit 9

10 HTML5, CSS3 und JavaScript-APIs World Wide Web Consortium (W3C) W3C Recommendations HTML Aktueller Standard: HTML 4 (seit 1999) Neueste Version: HTML5 (seit 2009) 10

11 Offline-Speicherung von Webapplikationen Cache und Cache Manifest JavaScript-API Web Storage (clientseitiges Speichern) sessionstorage localstorage exklusiver Speicherbereich pro Webseitendomäne 11

12 Das JavaScript Framework jquery Mobile Basiert auf jquery Ziel: Breite Unterstützung auch älterer Browser Definierung weiterer Attribute Kleine Dateigröße 12

13 Das JavaScript Framework jquery Mobile CSS-Datei Vorgegebene Designs Auswahl aus mehreren Themes 13

14 APPENTWICKLUNG FÜR DAS APPLE-BETRIEBSSYSTEM ios 14

15 Native Apps Programmiersprache Objective-C Entwicklungsumgebung XCode Cocoa Touch API Vertrieb über App Store kostenpflichtig 15

16 Vergleich von Webapps mit nativen Apps Kriterium/Merkmal Webapp Native App Offline - Fähigkeit Hardware - Zugriff Entwicklungsumgebung gegeben( ca. 5MB Web Storage) eingeschränkt voll gegeben möglich Editoren XCode (nur mit Mac OS X) nötiges Know - How Wiederverwendbarkeit (Code, Logik) Zugriff plattform - und geräteunabhängig Vertrieb JavaScript, HTML5, CSS3 möglich Webbrowser ( Lesezeichen ) ja Entwickler zuständig Objective -C, Cocoa Touch API eingeschränkt möglich automatisch auf Homescreen sichtbar nein App Store 16

17 Fazit Pro Webapp: Plattform- und Geräteunabhängigkeit Pro native App: Hardwarenähe, Vermarktungsmöglichkeit Hybridlösungen HTML5 alleine statisch 17

18 Ausblick Bachelorarbeit: Entwicklung eines mobilen Softwaresystems Verarbeitung von Barcodes Erfassung weiterer Daten Senden an Server (wenn online) Weiterverarbeitung auf Server 18

19 Quellen HTML5 Logos, Matthew David: HTML5 MobileWebsites - Turbocharging HTML5 with jquery Mobile, Sencha Touch, and Other Frameworks, Focal Press, 2012 ios - Cocoa Touch, W3C: Web Storage, Florian Oelmaier, Jochen Hörtreiter, Andreas Seitz: Apple's ipad im Enterprise-Einsatz: Einsatzmöglichkeiten, Programmierung, Betrieb und Sicherheit im Unternehmen, 1.Auflage Springer Berlin Heidelberg, 16. Dezember

20 Vielen Dank für Ihre Aufmerksamkeit! Haben Sie noch Fragen? 20

Ähnliche Dokumente

Web Apps. Offlinefähige mobile Webapplikationen mit XPages als Alternative zu nativen Apps Thomas Brandstätter /

Web Apps. Offlinefähige mobile Webapplikationen mit XPages als Alternative zu nativen Apps Thomas Brandstätter / Web Apps Offlinefähige mobile Webapplikationen mit XPages als Alternative zu nativen Apps Thomas Brandstätter / 07.06.2013 Vielleicht kennen Sie das auch? Sie haben in Ihrem Unternehmen eine Web- oder