mobile webapps entwicklung

Mobile WebAppsEntwickung

Kurzer Überblick

Montag, 28. März 2011

Überblick

• Technologien

• HTML5 et al.

• CSS

• JavaScript

• Frameworks

• Tools

• Beispiel ausprobieren

Montag, 28. März 2011

WebApp aus Entwicklersicht

Eine auf HTML5 basierende Webseite, die für Smartphones optimiert ist.

Montag, 28. März 2011

85% Smartphone Market Share

http://radar.oreilly.com/2010/05

Zielplattform Webkit

Montag, 28. März 2011

85% Smartphone Market Share WebKit != WebKit

http://www.quirksmode.org/webkit.htmlhttp://radar.oreilly.com/2010/05

Zielplattform Webkit

Montag, 28. März 2011

Technologien

Montag, 28. März 2011

Montag, 28. März 2011

CSS

Montag, 28. März 2011

JavaScript

Montag, 28. März 2011

iUI

WinkToolkitTouch

Frameworks

Montag, 28. März 2011

• Deklarativ

• jQuery basiert

• Einfach

• Smartphone optimiert

• OpenSource: MIT Lizenz

Montag, 28. März 2011

• Deklarativ

• Breite Platform-Unterstützung

• Progressive-Enhancement

• Große Nachfrage

• OpenSource, MIT / GPL V2

• Auf GitHub verfügbar

Montag, 28. März 2011

Montag, 28. März 2011

• Programmatisch

• Gut für Smartphone optimiert

• Nur für Smartphones

• Dual-Linzenz: GPL & Kommerziell

• Kostenlos

Touch

Montag, 28. März 2011

Weitere Frameworks

Montag, 28. März 2011

Webinspector

http://developer.apple.com/library/safari/#documentation/AppleApplications/Conceptual/Safari_Developer_Guide/1Introduction/Introduction.html

http://trac.webkit.org/wiki/WebInspector

Montag, 28. März 2011

JSConsole.com

• Simple JavaScript command line tool

• Bridge across to other browser windows to remotely control and debug

• In another browser or device!

• By Remy Sharp

http://jsconsole.com/remote-debugging.html

Montag, 28. März 2011

Weinre

• Debug web pages on a mobile device

http://pmuellr.github.com/weinre/

Montag, 28. März 2011

Memorize it

Montag, 28. März 2011

TDD

• https://github.com/jquery/qunit

• http://pivotal.github.com/jasmine/

• http://dojotoolkit.org/reference-guide/util/doh.html

• http://code.google.com/p/phantomjs/

• http://code.google.com/p/js-test-driver/

• http://tddjs.com/

Montag, 28. März 2011

Fragen?

Montag, 28. März 2011