SlideShare ist ein Scribd-Unternehmen logo
1 von 43
Downloaden Sie, um offline zu lesen
App vs. Widget
                              The mobile web taking over?



                                        @uxebu
                                    @wolframkriesing


Mittwoch, 13. Oktober 2010
App vs. Widget
                              The mobile web taking over!




                                    @wolframkriesing


Mittwoch, 13. Oktober 2010
HTML5 Apps
                             The mobile web taking over!




                                   @wolframkriesing


Mittwoch, 13. Oktober 2010
http://www.flickr.com/photos/cmoi/760513848/
Mittwoch, 13. Oktober 2010
http://www.flickr.com/photos/cmoi/760513848/
Mittwoch, 13. Oktober 2010
We open the mobile web.



                                 @wolframkriesing

Mittwoch, 13. Oktober 2010
JavaScript                                AJAX
                                    FrontEnd
       Usability                    UserExperience

                             CSS     mobile
        Browser                                Web2.0
                             dojo
                  TouchScroll       OpenSource
Mittwoch, 13. Oktober 2010
Mittwoch, 13. Oktober 2010
Cross Platform         WebWorks
            Mobile Apps
                                                    anyware

            W3C Widgets         Hybrid Apps

                Mobile Web Apps                      360 Apps


                                   universal apps


                             HTML5 Apps
               Opera Widgets


Mittwoch, 13. Oktober 2010
Objective-C          Symbian C   Java

                     Java     .NET       ...

Mittwoch, 13. Oktober 2010
€
                                 €     €

                             €   €   €€€...




Mittwoch, 13. Oktober 2010
€




Mittwoch, 13. Oktober 2010
€
                             Web Technologies




Mittwoch, 13. Oktober 2010
Engine of the web

                             http://www.flickr.com/photos/robadob/88901885/




Mittwoch, 13. Oktober 2010
App Store
                             without Apple!


Mittwoch, 13. Oktober 2010
Mittwoch, 13. Oktober 2010
Mittwoch, 13. Oktober 2010
Mittwoch, 13. Oktober 2010
Mittwoch, 13. Oktober 2010
Real Use Case:
                               EventNinja


Mittwoch, 13. Oktober 2010
Mittwoch, 13. Oktober 2010
Mittwoch, 13. Oktober 2010
http://bit.ly/webdev-events

Mittwoch, 13. Oktober 2010
iPhone vs. WebOS


                               •CSS
                               •Help Button
                               •Back Button
                               •Next Page Arrow
                               •Scrolling Area




Mittwoch, 13. Oktober 2010
Facts

                     • 3 Months Investigation
                     • 6 SDKs (10GB?, VMs, ...)
                     • 6 ways to find bugs
                     • 6 App Stores (Account, Submit, Review, ...)


Mittwoch, 13. Oktober 2010
Mittwoch, 13. Oktober 2010
EmbedJS



Mittwoch, 13. Oktober 2010
The Supported Devices

                             ... and there will be more
                              to embed JavaScript on




Mittwoch, 13. Oktober 2010
http://www.flickr.com/photos/tacoekkel/25538919/




Mittwoch, 13. Oktober 2010
http://www.flickr.com/photos/hugo90/3916794427/




Mittwoch, 13. Oktober 2010
Shrink Your API




                             20kB         8kB


Mittwoch, 13. Oktober 2010
Simple queries > simple library function
                                Only ".class" and "#id" queries




                                           vs.

       Full fledged queries > Full blown library function



Mittwoch, 13. Oktober 2010
13 LOC
                     Simple queries > simple library function
                                Only ".class" and "#id" queries




                                           vs.

       Full fledged queries > Full blown library function
                           ~200 LOC


Mittwoch, 13. Oktober 2010
At Runtime
                             At Build Time



Mittwoch, 13. Oktober 2010
dojo-blackberry.js

                             dojo-blackberry46.js

                             dojo-nokia-wrt.js

                             dojo-opera.js

                             dojo-webkit-mobile.js

                             dojo-windows-mobile.js


Mittwoch, 13. Oktober 2010
Mittwoch, 13. Oktober 2010
Mittwoch, 13. Oktober 2010
Mittwoch, 13. Oktober 2010
Mittwoch, 13. Oktober 2010
Mittwoch, 13. Oktober 2010
Mittwoch, 13. Oktober 2010
Mittwoch, 13. Oktober 2010
Thank you



                              Wolfram Kriesing

                               http://apparat.io
                              http://embedjs.org


Mittwoch, 13. Oktober 2010

Weitere ähnliche Inhalte

Ähnlich wie App vs. Widget (HTML5 Apps) - WebTechCon 2010

Cross platform development - by Uxebu
Cross platform development - by UxebuCross platform development - by Uxebu
Cross platform development - by UxebuVodafone developer
 
Mobile Commerce (Meet-Magento 04.10)
Mobile Commerce (Meet-Magento 04.10)Mobile Commerce (Meet-Magento 04.10)
Mobile Commerce (Meet-Magento 04.10)Roman Zenner
 
Mobile-Times 2010: Cross Platform Apps
Mobile-Times 2010: Cross Platform AppsMobile-Times 2010: Cross Platform Apps
Mobile-Times 2010: Cross Platform Appswolframkriesing
 
Open Source Hardware - Of makers and tinkerers
Open Source Hardware - Of makers and tinkerersOpen Source Hardware - Of makers and tinkerers
Open Source Hardware - Of makers and tinkerersjan_mindmatters
 
Die fabelhafte Welt Java(Script)-getriebener Enterprise-WebApps (mit Ext JS)
Die fabelhafte Welt Java(Script)-getriebener Enterprise-WebApps (mit Ext JS)Die fabelhafte Welt Java(Script)-getriebener Enterprise-WebApps (mit Ext JS)
Die fabelhafte Welt Java(Script)-getriebener Enterprise-WebApps (mit Ext JS)Java Usergroup Berlin-Brandenburg
 
Introduction Desktop Virtualization
Introduction Desktop VirtualizationIntroduction Desktop Virtualization
Introduction Desktop Virtualizationpottasson
 
Webtestsuite black berrydevcon
Webtestsuite black berrydevconWebtestsuite black berrydevcon
Webtestsuite black berrydevconwolframkriesing
 
Responsive Webdesign Process
Responsive Webdesign ProcessResponsive Webdesign Process
Responsive Webdesign ProcessSven Wolfermann
 
Webseiten für mobile Geräte - M-Days - Frankfurt 27.01.2011
Webseiten für mobile Geräte - M-Days - Frankfurt 27.01.2011Webseiten für mobile Geräte - M-Days - Frankfurt 27.01.2011
Webseiten für mobile Geräte - M-Days - Frankfurt 27.01.2011Patrick Lauke
 
WebGL - An Overview
WebGL - An OverviewWebGL - An Overview
WebGL - An OverviewJens Arps
 
Flash? Wer braucht das eigentlich noch
Flash? Wer braucht das eigentlich nochFlash? Wer braucht das eigentlich noch
Flash? Wer braucht das eigentlich nochFrank Leue
 
Browserbasiertes computing, RIA
Browserbasiertes computing, RIABrowserbasiertes computing, RIA
Browserbasiertes computing, RIAThomas Christinck
 
Top 10 Internet Trends 2008
Top 10 Internet Trends 2008Top 10 Internet Trends 2008
Top 10 Internet Trends 2008Jürg Stuker
 

Ähnlich wie App vs. Widget (HTML5 Apps) - WebTechCon 2010 (15)

Cross platform development - by Uxebu
Cross platform development - by UxebuCross platform development - by Uxebu
Cross platform development - by Uxebu
 
Mobile Commerce (Meet-Magento 04.10)
Mobile Commerce (Meet-Magento 04.10)Mobile Commerce (Meet-Magento 04.10)
Mobile Commerce (Meet-Magento 04.10)
 
Mobile-Times 2010: Cross Platform Apps
Mobile-Times 2010: Cross Platform AppsMobile-Times 2010: Cross Platform Apps
Mobile-Times 2010: Cross Platform Apps
 
Open Source Hardware - Of makers and tinkerers
Open Source Hardware - Of makers and tinkerersOpen Source Hardware - Of makers and tinkerers
Open Source Hardware - Of makers and tinkerers
 
Die fabelhafte Welt Java(Script)-getriebener Enterprise-WebApps (mit Ext JS)
Die fabelhafte Welt Java(Script)-getriebener Enterprise-WebApps (mit Ext JS)Die fabelhafte Welt Java(Script)-getriebener Enterprise-WebApps (mit Ext JS)
Die fabelhafte Welt Java(Script)-getriebener Enterprise-WebApps (mit Ext JS)
 
Introduction Desktop Virtualization
Introduction Desktop VirtualizationIntroduction Desktop Virtualization
Introduction Desktop Virtualization
 
Webtestsuite black berrydevcon
Webtestsuite black berrydevconWebtestsuite black berrydevcon
Webtestsuite black berrydevcon
 
Responsive Webdesign Process
Responsive Webdesign ProcessResponsive Webdesign Process
Responsive Webdesign Process
 
Android top10 florian_mueller
Android top10 florian_muellerAndroid top10 florian_mueller
Android top10 florian_mueller
 
Webseiten für mobile Geräte - M-Days - Frankfurt 27.01.2011
Webseiten für mobile Geräte - M-Days - Frankfurt 27.01.2011Webseiten für mobile Geräte - M-Days - Frankfurt 27.01.2011
Webseiten für mobile Geräte - M-Days - Frankfurt 27.01.2011
 
WebGL - An Overview
WebGL - An OverviewWebGL - An Overview
WebGL - An Overview
 
Flash? Wer braucht das eigentlich noch
Flash? Wer braucht das eigentlich nochFlash? Wer braucht das eigentlich noch
Flash? Wer braucht das eigentlich noch
 
Browserbasiertes computing, RIA
Browserbasiertes computing, RIABrowserbasiertes computing, RIA
Browserbasiertes computing, RIA
 
Top 10 Internet Trends 2008
Top 10 Internet Trends 2008Top 10 Internet Trends 2008
Top 10 Internet Trends 2008
 
jQuery für Anfänger
jQuery für AnfängerjQuery für Anfänger
jQuery für Anfänger
 

Mehr von wolframkriesing

JavaScript The Language Meetup - Async functions
JavaScript The Language Meetup - Async functionsJavaScript The Language Meetup - Async functions
JavaScript The Language Meetup - Async functionswolframkriesing
 
Our react-native experiences at crewmeister
Our react-native experiences at crewmeisterOur react-native experiences at crewmeister
Our react-native experiences at crewmeisterwolframkriesing
 
ES6 katas - talk given at enterjs
ES6 katas - talk given at enterjsES6 katas - talk given at enterjs
ES6 katas - talk given at enterjswolframkriesing
 
TDD for Kids - VLCjs (Valencia Spain, July 2015)
TDD for Kids - VLCjs (Valencia Spain, July 2015)TDD for Kids - VLCjs (Valencia Spain, July 2015)
TDD for Kids - VLCjs (Valencia Spain, July 2015)wolframkriesing
 
ES6Katas.org - an introduction and the story behind
ES6Katas.org - an introduction and the story behindES6Katas.org - an introduction and the story behind
ES6Katas.org - an introduction and the story behindwolframkriesing
 
TDD with Google Spreadsheets #enterjs 2015
TDD with Google Spreadsheets #enterjs 2015TDD with Google Spreadsheets #enterjs 2015
TDD with Google Spreadsheets #enterjs 2015wolframkriesing
 
TDD with Google Spreadsheets
TDD with Google SpreadsheetsTDD with Google Spreadsheets
TDD with Google Spreadsheetswolframkriesing
 
Refactoring out of the mess
Refactoring out of the messRefactoring out of the mess
Refactoring out of the messwolframkriesing
 
Day2 - Refactoring (Lecture SS 2015)
Day2 - Refactoring (Lecture SS 2015)Day2 - Refactoring (Lecture SS 2015)
Day2 - Refactoring (Lecture SS 2015)wolframkriesing
 
Day1 - TDD (Lecture SS 2015)
Day1 - TDD (Lecture SS 2015)Day1 - TDD (Lecture SS 2015)
Day1 - TDD (Lecture SS 2015)wolframkriesing
 
react.js - DOM as it was meant
react.js - DOM as it was meantreact.js - DOM as it was meant
react.js - DOM as it was meantwolframkriesing
 
Pixelplant - WebDev Meetup Salzburg
Pixelplant - WebDev Meetup SalzburgPixelplant - WebDev Meetup Salzburg
Pixelplant - WebDev Meetup Salzburgwolframkriesing
 
Presentation Mobile Monday Munich, March 2012
Presentation Mobile Monday Munich, March 2012Presentation Mobile Monday Munich, March 2012
Presentation Mobile Monday Munich, March 2012wolframkriesing
 
JavaScript Tools (PHPConference 2011, Berlin)
JavaScript Tools (PHPConference 2011, Berlin)JavaScript Tools (PHPConference 2011, Berlin)
JavaScript Tools (PHPConference 2011, Berlin)wolframkriesing
 

Mehr von wolframkriesing (20)

JavaScript The Language Meetup - Async functions
JavaScript The Language Meetup - Async functionsJavaScript The Language Meetup - Async functions
JavaScript The Language Meetup - Async functions
 
Our react-native experiences at crewmeister
Our react-native experiences at crewmeisterOur react-native experiences at crewmeister
Our react-native experiences at crewmeister
 
ES6 katas - talk given at enterjs
ES6 katas - talk given at enterjsES6 katas - talk given at enterjs
ES6 katas - talk given at enterjs
 
TDD for Kids - VLCjs (Valencia Spain, July 2015)
TDD for Kids - VLCjs (Valencia Spain, July 2015)TDD for Kids - VLCjs (Valencia Spain, July 2015)
TDD for Kids - VLCjs (Valencia Spain, July 2015)
 
ES6Katas.org - an introduction and the story behind
ES6Katas.org - an introduction and the story behindES6Katas.org - an introduction and the story behind
ES6Katas.org - an introduction and the story behind
 
TDD with Google Spreadsheets #enterjs 2015
TDD with Google Spreadsheets #enterjs 2015TDD with Google Spreadsheets #enterjs 2015
TDD with Google Spreadsheets #enterjs 2015
 
Baby steps
Baby stepsBaby steps
Baby steps
 
TDD with Google Spreadsheets
TDD with Google SpreadsheetsTDD with Google Spreadsheets
TDD with Google Spreadsheets
 
ECMAScript 6 for real
ECMAScript 6 for realECMAScript 6 for real
ECMAScript 6 for real
 
Refactoring out of the mess
Refactoring out of the messRefactoring out of the mess
Refactoring out of the mess
 
Day2 - Refactoring (Lecture SS 2015)
Day2 - Refactoring (Lecture SS 2015)Day2 - Refactoring (Lecture SS 2015)
Day2 - Refactoring (Lecture SS 2015)
 
Day1 - TDD (Lecture SS 2015)
Day1 - TDD (Lecture SS 2015)Day1 - TDD (Lecture SS 2015)
Day1 - TDD (Lecture SS 2015)
 
react.js - DOM as it was meant
react.js - DOM as it was meantreact.js - DOM as it was meant
react.js - DOM as it was meant
 
Pixelplant - WebDev Meetup Salzburg
Pixelplant - WebDev Meetup SalzburgPixelplant - WebDev Meetup Salzburg
Pixelplant - WebDev Meetup Salzburg
 
Better Code through TDD
Better Code through TDDBetter Code through TDD
Better Code through TDD
 
April JavaScript Tools
April JavaScript ToolsApril JavaScript Tools
April JavaScript Tools
 
Presentation Mobile Monday Munich, March 2012
Presentation Mobile Monday Munich, March 2012Presentation Mobile Monday Munich, March 2012
Presentation Mobile Monday Munich, March 2012
 
EmbedJS
EmbedJSEmbedJS
EmbedJS
 
JavaScript Tools (PHPConference 2011, Berlin)
JavaScript Tools (PHPConference 2011, Berlin)JavaScript Tools (PHPConference 2011, Berlin)
JavaScript Tools (PHPConference 2011, Berlin)
 
WAC
WACWAC
WAC
 

App vs. Widget (HTML5 Apps) - WebTechCon 2010