SlideShare une entreprise Scribd logo
1  sur  32
Télécharger pour lire hors ligne
Mobile WebApps
                           matthias.luebken@it-agile.de
                                twitter: @luebken




Mittwoch, 30. März 2011
Mittwoch, 30. März 2011
Mittwoch, 30. März 2011
WebApp /
                               HTML5 App ?
                            Eine App auf Basis von
                               Webstandards wie
                          HTML5, CSS3 und JavaScript
                            mit guter Integration
                                 in das Gerät.



Mittwoch, 30. März 2011
HTML5 Spec

                                                     Audio
                          Canvas        New
                                       Markup
                             Video                   Drag&Drop
                                   Cache Manifest




                              http://dev.w3.org/html5/spec/

Mittwoch, 30. März 2011
Weitere Technologien

                                                              CSS3
                          Web Workers
                                                      Device API and File API
                                Microdata
                                                             Web SQL Database
                              Web Storage
                                                             Geolocation
                          Web Sockets

                                        http://www.sencha.com/blog/

Mittwoch, 30. März 2011
Die “IDE”




Mittwoch, 30. März 2011
Was macht
                           meine App aus?
                                    UI / UX
                          Kamera                 Offline

                                       Icon
                           Geo                   Appstore
                                   Performance

Mittwoch, 30. März 2011
UI / UX



Mittwoch, 30. März 2011
Mittwoch, 30. März 2011
CSS Animation




Mittwoch, 30. März 2011
•       Deklarativ

            •       Breite Platform-Unterstützung

            •       Progressive-Enhancement

            •       Große Nachfrage

            •       OpenSource, MIT / GPL V2

            •       Auf GitHub verfügbar



Mittwoch, 30. März 2011
Mittwoch, 30. März 2011
Mittwoch, 30. März 2011
Touch


           • Programmatisch
           • Gut für Smartphone
                   optimiert
           • Nur für Smartphones
           • Dual-Linzenz: GPL &
                   Kommerziell
           • Kostenlos
Mittwoch, 30. März 2011
Frameworks

                     Touch                WinkToolkit




                                   iUI


Mittwoch, 30. März 2011
Eigenes Icon




Mittwoch, 30. März 2011
Geolocation




Mittwoch, 30. März 2011
Offline

                          Cache Manifest                                            LocalStorage
     CACHE MANIFEST                                   if the file changes
     # Rev 2010-12-03                                  everything gets
                                                          revalidated
     /index.html
     /itagile_logo.png
     /jqtouch/jqtouch/jqtouch.min.css        resources that should
     /jqtouch/themes/jqt/img/toggleOn.png          be cached
     /jqtouch/themes/jqt/img/toolbar.png
     /jqtouch/themes/jqt/img/whiteButton.png

     NETWORK:
     /api/                              whitelist that shouldn’t
                                               be cached



         http://www.w3.org/TR/html5/offline.html                             http://dev.w3.org/html5/webstorage/
Mittwoch, 30. März 2011
Appstore
                          & Geräte


Mittwoch, 30. März 2011
• Minimale native Hülle
         • Entwicklung pur mit
                Webstandards
         • OpenSource
         • Akzeptiert
         • Iterative Entwicklung
Mittwoch, 30. März 2011
Mittwoch, 30. März 2011
Mittwoch, 30. März 2011
Automatische Builds




Mittwoch, 30. März 2011
Performance



Mittwoch, 30. März 2011
Mittwoch, 30. März 2011
Mittwoch, 30. März 2011
Mittwoch, 30. März 2011
Progressive
                          Enhancement?


Mittwoch, 30. März 2011
Zielplattform Webkit
                85% Smartphone
                                                        WebKit != WebKit
                  Market Share




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


Mittwoch, 30. März 2011
lanyrd.com/scmzz




Mittwoch, 30. März 2011
u rs
                          twitter: @luebken
                                                             s”-K
                                                          ill d
                                                        Sk an
                                                      er St €
                                                    op am 50
                                                  el g 19
                                                ev un n
                                              D s vo
                                          gile erlo ert
                                        “A V W
                                                 im
Mittwoch, 30. März 2011

Contenu connexe

En vedette

Heute, nicht morgen
Heute, nicht morgenHeute, nicht morgen
Heute, nicht morgenSven Raters
 
Presentación sobre la necesidad de formar profesores hoy
Presentación sobre la necesidad de formar profesores hoyPresentación sobre la necesidad de formar profesores hoy
Presentación sobre la necesidad de formar profesores hoyAbraham Pizarro Lòpez
 
Ezetz asmatu !
Ezetz asmatu !Ezetz asmatu !
Ezetz asmatu !nererekal
 
Finanzierung 2020
Finanzierung 2020Finanzierung 2020
Finanzierung 2020Clas Beese
 
IDEAS FOR SCULPTURES
IDEAS FOR SCULPTURESIDEAS FOR SCULPTURES
IDEAS FOR SCULPTURESsaujanya94
 
Manuskript zur Folge 4 von E-Commerce Total zum Gesetzt zur Umsetzung der neu...
Manuskript zur Folge 4 von E-Commerce Total zum Gesetzt zur Umsetzung der neu...Manuskript zur Folge 4 von E-Commerce Total zum Gesetzt zur Umsetzung der neu...
Manuskript zur Folge 4 von E-Commerce Total zum Gesetzt zur Umsetzung der neu...Henrik Steffen
 
Wechselpraepositionen mit Dativ
Wechselpraepositionen mit DativWechselpraepositionen mit Dativ
Wechselpraepositionen mit DativMargit Lanze
 
Seo Ladenzeile.de
Seo Ladenzeile.deSeo Ladenzeile.de
Seo Ladenzeile.deteena77
 
Netzwerk medienbildung ow
Netzwerk medienbildung owNetzwerk medienbildung ow
Netzwerk medienbildung owbeatkueng
 
SHS linking social media and revenue maangement
SHS  linking social media and revenue maangementSHS  linking social media and revenue maangement
SHS linking social media and revenue maangementWilko Weber
 

En vedette (20)

Heute, nicht morgen
Heute, nicht morgenHeute, nicht morgen
Heute, nicht morgen
 
F U N C I O N S
F U N C I O N SF U N C I O N S
F U N C I O N S
 
Mis apuntes
Mis apuntesMis apuntes
Mis apuntes
 
Presentación sobre la necesidad de formar profesores hoy
Presentación sobre la necesidad de formar profesores hoyPresentación sobre la necesidad de formar profesores hoy
Presentación sobre la necesidad de formar profesores hoy
 
imatics ProcessSuite
imatics ProcessSuiteimatics ProcessSuite
imatics ProcessSuite
 
Ezetz asmatu !
Ezetz asmatu !Ezetz asmatu !
Ezetz asmatu !
 
2014
20142014
2014
 
Finanzierung 2020
Finanzierung 2020Finanzierung 2020
Finanzierung 2020
 
Standard
StandardStandard
Standard
 
IDEAS FOR SCULPTURES
IDEAS FOR SCULPTURESIDEAS FOR SCULPTURES
IDEAS FOR SCULPTURES
 
Manuskript zur Folge 4 von E-Commerce Total zum Gesetzt zur Umsetzung der neu...
Manuskript zur Folge 4 von E-Commerce Total zum Gesetzt zur Umsetzung der neu...Manuskript zur Folge 4 von E-Commerce Total zum Gesetzt zur Umsetzung der neu...
Manuskript zur Folge 4 von E-Commerce Total zum Gesetzt zur Umsetzung der neu...
 
Wechselpraepositionen mit Dativ
Wechselpraepositionen mit DativWechselpraepositionen mit Dativ
Wechselpraepositionen mit Dativ
 
LOS ANTIVIRUS
LOS ANTIVIRUSLOS ANTIVIRUS
LOS ANTIVIRUS
 
Seo Ladenzeile.de
Seo Ladenzeile.deSeo Ladenzeile.de
Seo Ladenzeile.de
 
Netzwerk medienbildung ow
Netzwerk medienbildung owNetzwerk medienbildung ow
Netzwerk medienbildung ow
 
Mitgliederversammlungen
MitgliederversammlungenMitgliederversammlungen
Mitgliederversammlungen
 
Unternehmergeist und Gratuität
Unternehmergeist und GratuitätUnternehmergeist und Gratuität
Unternehmergeist und Gratuität
 
SHS linking social media and revenue maangement
SHS  linking social media and revenue maangementSHS  linking social media and revenue maangement
SHS linking social media and revenue maangement
 
AUTOCAD DRAWINGS
AUTOCAD DRAWINGSAUTOCAD DRAWINGS
AUTOCAD DRAWINGS
 
A1 04
A1 04A1 04
A1 04
 

Similaire à Mobile WebApps

Mobile Webapps Entwicklung
Mobile Webapps EntwicklungMobile Webapps Entwicklung
Mobile Webapps EntwicklungMatthias Luebken
 
international PHP2011_J.Hartmann_DevOps für PHP
international PHP2011_J.Hartmann_DevOps für PHPinternational PHP2011_J.Hartmann_DevOps für PHP
international PHP2011_J.Hartmann_DevOps für PHPsmueller_sandsmedia
 
Flash? Wer braucht das eigentlich noch
Flash? Wer braucht das eigentlich nochFlash? Wer braucht das eigentlich noch
Flash? Wer braucht das eigentlich nochFrank Leue
 
Modernes UI mit CSS 3
Modernes UI mit CSS 3Modernes UI mit CSS 3
Modernes UI mit CSS 3David Aurelio
 
L3T - Der Weg eines OER-Lehrbuches
L3T - Der Weg eines OER-LehrbuchesL3T - Der Weg eines OER-Lehrbuches
L3T - Der Weg eines OER-LehrbuchesMartin Ebner
 
iTunesU @ Technische Universität Graz
iTunesU @ Technische Universität GraziTunesU @ Technische Universität Graz
iTunesU @ Technische Universität GrazMartin Ebner
 
Emerging Technologies - Wandel von Multimedia in der Lehre
Emerging Technologies - Wandel von Multimedia in der LehreEmerging Technologies - Wandel von Multimedia in der Lehre
Emerging Technologies - Wandel von Multimedia in der LehreMartin Ebner
 
Welche Konsequenzen hat die Digitalisierung für Bildungsanbieter?
Welche Konsequenzen hat die Digitalisierung für Bildungsanbieter?Welche Konsequenzen hat die Digitalisierung für Bildungsanbieter?
Welche Konsequenzen hat die Digitalisierung für Bildungsanbieter?Johannes Moskaliuk
 
Content Management Systeme
Content Management SystemeContent Management Systeme
Content Management Systemesluckow
 

Similaire à Mobile WebApps (11)

Mobile Webapps Entwicklung
Mobile Webapps EntwicklungMobile Webapps Entwicklung
Mobile Webapps Entwicklung
 
international PHP2011_J.Hartmann_DevOps für PHP
international PHP2011_J.Hartmann_DevOps für PHPinternational PHP2011_J.Hartmann_DevOps für PHP
international PHP2011_J.Hartmann_DevOps für PHP
 
EmbedJS
EmbedJSEmbedJS
EmbedJS
 
Flash? Wer braucht das eigentlich noch
Flash? Wer braucht das eigentlich nochFlash? Wer braucht das eigentlich noch
Flash? Wer braucht das eigentlich noch
 
Modernes UI mit CSS 3
Modernes UI mit CSS 3Modernes UI mit CSS 3
Modernes UI mit CSS 3
 
L3T - Der Weg eines OER-Lehrbuches
L3T - Der Weg eines OER-LehrbuchesL3T - Der Weg eines OER-Lehrbuches
L3T - Der Weg eines OER-Lehrbuches
 
iTunesU @ Technische Universität Graz
iTunesU @ Technische Universität GraziTunesU @ Technische Universität Graz
iTunesU @ Technische Universität Graz
 
Emerging Technologies - Wandel von Multimedia in der Lehre
Emerging Technologies - Wandel von Multimedia in der LehreEmerging Technologies - Wandel von Multimedia in der Lehre
Emerging Technologies - Wandel von Multimedia in der Lehre
 
PhpStrom git phpunit_t3ak11
PhpStrom git phpunit_t3ak11PhpStrom git phpunit_t3ak11
PhpStrom git phpunit_t3ak11
 
Welche Konsequenzen hat die Digitalisierung für Bildungsanbieter?
Welche Konsequenzen hat die Digitalisierung für Bildungsanbieter?Welche Konsequenzen hat die Digitalisierung für Bildungsanbieter?
Welche Konsequenzen hat die Digitalisierung für Bildungsanbieter?
 
Content Management Systeme
Content Management SystemeContent Management Systeme
Content Management Systeme
 

Plus de Matthias Luebken

Who needs containers in a serverless world
Who needs containers in a serverless worldWho needs containers in a serverless world
Who needs containers in a serverless worldMatthias Luebken
 
Who needs containers in a serverless world
Who needs containers in a serverless worldWho needs containers in a serverless world
Who needs containers in a serverless worldMatthias Luebken
 
Eine Einführung in Docker
Eine Einführung in DockerEine Einführung in Docker
Eine Einführung in DockerMatthias Luebken
 
How to scale product development when you no longer fit in one room
How to scale product development when you no longer fit in one roomHow to scale product development when you no longer fit in one room
How to scale product development when you no longer fit in one roomMatthias Luebken
 
How to scale product development when you no longer fit in one room
How to scale product development when you no longer fit in one roomHow to scale product development when you no longer fit in one room
How to scale product development when you no longer fit in one roomMatthias Luebken
 
Docker Introduction – @ Agile Bonn
Docker Introduction – @ Agile BonnDocker Introduction – @ Agile Bonn
Docker Introduction – @ Agile BonnMatthias Luebken
 
“Und wie war ich so?”
Feedback in Unternehmen
“Und wie war ich so?”
Feedback in Unternehmen“Und wie war ich so?”
Feedback in Unternehmen
“Und wie war ich so?”
Feedback in UnternehmenMatthias Luebken
 
Talk: Staying Startup at Interactive-Cologne
Talk: Staying Startup at Interactive-CologneTalk: Staying Startup at Interactive-Cologne
Talk: Staying Startup at Interactive-CologneMatthias Luebken
 
Verbessertes Feedback durch Peerreview
Verbessertes Feedback durch PeerreviewVerbessertes Feedback durch Peerreview
Verbessertes Feedback durch PeerreviewMatthias Luebken
 

Plus de Matthias Luebken (13)

Who needs containers in a serverless world
Who needs containers in a serverless worldWho needs containers in a serverless world
Who needs containers in a serverless world
 
Who needs containers in a serverless world
Who needs containers in a serverless worldWho needs containers in a serverless world
Who needs containers in a serverless world
 
Container Patterns
Container PatternsContainer Patterns
Container Patterns
 
Eine Einführung in Docker
Eine Einführung in DockerEine Einführung in Docker
Eine Einführung in Docker
 
How to scale product development when you no longer fit in one room
How to scale product development when you no longer fit in one roomHow to scale product development when you no longer fit in one room
How to scale product development when you no longer fit in one room
 
How to scale product development when you no longer fit in one room
How to scale product development when you no longer fit in one roomHow to scale product development when you no longer fit in one room
How to scale product development when you no longer fit in one room
 
Docker Introduction – @ Agile Bonn
Docker Introduction – @ Agile BonnDocker Introduction – @ Agile Bonn
Docker Introduction – @ Agile Bonn
 
“Und wie war ich so?”
Feedback in Unternehmen
“Und wie war ich so?”
Feedback in Unternehmen“Und wie war ich so?”
Feedback in Unternehmen
“Und wie war ich so?”
Feedback in Unternehmen
 
Home- (office) ?
Home- (office) ?Home- (office) ?
Home- (office) ?
 
Staying Startup
Staying StartupStaying Startup
Staying Startup
 
Talk: Staying Startup at Interactive-Cologne
Talk: Staying Startup at Interactive-CologneTalk: Staying Startup at Interactive-Cologne
Talk: Staying Startup at Interactive-Cologne
 
Verbessertes Feedback durch Peerreview
Verbessertes Feedback durch PeerreviewVerbessertes Feedback durch Peerreview
Verbessertes Feedback durch Peerreview
 
Mobile Webapps Motivation
Mobile Webapps MotivationMobile Webapps Motivation
Mobile Webapps Motivation
 

Mobile WebApps