SlideShare a Scribd company logo
1 of 29
Download to read offline
Mobile Apps
                               Cross Platform
                                enabling LBS
                                 Using HTML, CSS, JavaScript




                                    Wolfram Kriesing, uxebu
                                      @wolframkriesing



Dienstag, 22. September 2009
Dienstag, 22. September 2009
JavaScript                                     FrontEnd   AJAX
    Usability
                                                   UserExperience
       Browser                         CSS
        django                              dojo
                                                 mobile Web2.0
                               widgets               OpenSource



   Wolfram Kriesing, uxebu      @wolframkriesing

Dienstag, 22. September 2009
Stores




                               http://distimo.com/uploads/reports/mobile%20app%20store%20overview.pdf


   Wolfram Kriesing, uxebu      @wolframkriesing

Dienstag, 22. September 2009
Native Apps

                    • iPhone Objective-C
                    • Android, Blackberry Java
                    • Nokia Symbian C
                    • Sony Ericsson Java
                    • Window Mobile .NET
                                                Cross Platform
                               Expensive and          OUCH       anyway
   Wolfram Kriesing, uxebu       @wolframkriesing

Dienstag, 22. September 2009
Types of Mobile "Apps"



   Wolfram Kriesing, uxebu     @wolframkriesing

Dienstag, 22. September 2009
Types of Mobile "Apps"

                    • Preinstalled
                    • Native App (from "some" app store)
                    • Website  limited access to phone resources


                    • W3C Widget
                               access to what the widget runtime provides


                    • W3C Widget wrapped as native app
                               depends on it's runtime




   Wolfram Kriesing, uxebu            @wolframkriesing

Dienstag, 22. September 2009
Small apps.

                                    Very focused.

                               Many platforms.

   Wolfram Kriesing, uxebu     @wolframkriesing

Dienstag, 22. September 2009
Mobile Moment



   Wolfram Kriesing, uxebu     @wolframkriesing

Dienstag, 22. September 2009
we
                       le                              ll-
                      p                                    kn
               si   m                                        ow
                                                                n
                                            HTML
                               te st
            ea      sy to                    CSS             simp
                                                                    le te
                                                                         xt
                                          JavaScript
                                                   easy
                              velop                       to d
                    fast to de                                evel
                                                                  op

   Wolfram Kriesing, uxebu      @wolframkriesing

Dienstag, 22. September 2009
Website as "App"

                    • Native look ok
                    • Well-known technologies
                      (HTML, CSS, JavaScript)
                                                               super


                    • Access native functionality
                      e.g.: position, contacts, sensors, ...
                                                               no


                    • Offline        not really




   Wolfram Kriesing, uxebu     @wolframkriesing

Dienstag, 22. September 2009
W3C Widgets
                               http://www.quirksmode.org/blog/archives/2009/04/introduction_to.html




                    • Native look ok
                    • Well-known technologies
                      (HTML, CSS, JavaScript)
                                                                          super


                    • Access native functionality
                      e.g.: position, contacts, sensors, ...
                                                                            no yes


                    • Offline            not really really




   Wolfram Kriesing, uxebu        @wolframkriesing

Dienstag, 22. September 2009
What is a W3C Widget?


                    • Native app on the phone
                    • Not a website!
                    • Can do AJAX, SVG, CSS Transitions, etc.
                    • Has it's own runtime (mostly)


   Wolfram Kriesing, uxebu     @wolframkriesing

Dienstag, 22. September 2009
What is a W3C Widget?

                    • HTML
                    • CSS
                    • JavaScript
                    • config.xml
                    • zip it
                    • rename to *.wgt

   Wolfram Kriesing, uxebu     @wolframkriesing

Dienstag, 22. September 2009
Almost for free

                    • Facebook widget
                    • Dashboard widget
                    • Website widget
                    • TV Widget
                    • ...

   Wolfram Kriesing, uxebu     @wolframkriesing

Dienstag, 22. September 2009
Any Standards?



   Wolfram Kriesing, uxebu     @wolframkriesing

Dienstag, 22. September 2009
W3C Widget Spec


                    • specifies packaging




   Wolfram Kriesing, uxebu     @wolframkriesing

Dienstag, 22. September 2009
We want more!



   Wolfram Kriesing, uxebu     @wolframkriesing

Dienstag, 22. September 2009
Native Access

                    • Camera
                    • Telephony
                    • Geo location
                    • Accelerometer
                    • Compass
                    • Contacts
                    • ...
   Wolfram Kriesing, uxebu     @wolframkriesing

Dienstag, 22. September 2009
Multiple Ways


                    • JIL Spec        http://www.jil.org/



                    • BONDI Spec             http://bondi.omtp.org/



                    • W3C Spec           http://w3.org/2009/dap/




   Wolfram Kriesing, uxebu     @wolframkriesing

Dienstag, 22. September 2009
But they are just specs :-(




   Wolfram Kriesing, uxebu     @wolframkriesing

Dienstag, 22. September 2009
Multiple Ways

                    • JIL Spec        http://www.jil.org/



                    • BONDI Spec             http://bondi.omtp.org/



                    • W3C Spec           http://w3.org/2009/dap/



                    • PhoneGap           http://phonegap.pbworks.com/



                    • Nokia WRT            http://bit.ly/nokia-WRT-APIs



                    • Appcelerator            http://www.codestrong.com/timobile/api/



                    • Google Chrome OS???
   Wolfram Kriesing, uxebu     @wolframkriesing

Dienstag, 22. September 2009
Runtimes

                    • JIL Spec        http://www.jil.org/



                    • BONDI Spec             http://bondi.omtp.org/
                                                                                        Nokia S60

                    • W3C Spec           http://w3.org/2009/dap/                         iPhone
                    • PhoneGap           http://phonegap.pbworks.com/
                                                                                         Android
                    • Nokia WRT            http://bit.ly/nokia-WRT-APIs

                                                                                        Blackberry
                    • Appcelerator            http://www.codestrong.com/timobile/api/



                    • Google Chrome OS???                                               Windows
                                                                                         Mobile

   Wolfram Kriesing, uxebu     @wolframkriesing

Dienstag, 22. September 2009
PhoneGap
                               "An express goal of the PhoneGap project
                                      is for the project to not exist."




                                                     Open Source

   Wolfram Kriesing, uxebu        @wolframkriesing

Dienstag, 22. September 2009
Distribution?



   Wolfram Kriesing, uxebu     @wolframkriesing

Dienstag, 22. September 2009
Stores




                               http://distimo.com/uploads/reports/mobile%20app%20store%20overview.pdf


   Wolfram Kriesing, uxebu      @wolframkriesing

Dienstag, 22. September 2009
Stores




                               http://distimo.com/uploads/reports/mobile%20app%20store%20overview.pdf


   Wolfram Kriesing, uxebu      @wolframkriesing

Dienstag, 22. September 2009
Stores




                               http://distimo.com/uploads/reports/mobile%20app%20store%20overview.pdf


   Wolfram Kriesing, uxebu      @wolframkriesing

Dienstag, 22. September 2009
thx

                                      http://blog.uxebu.com

                                             Wolfram Kriesing, uxebu
                                                wolfram@uxebu.com
                                              http://twitter.com/uxebu
                                        http://twitter.com/wolframkriesing



   Wolfram Kriesing, uxebu     @wolframkriesing

Dienstag, 22. September 2009

More Related Content

Similar to Mobile Apps Cross Platform Mobile Monday Düsseldorf 2009

Mobile Apps Cross Platform - Droidcon 2009
Mobile Apps Cross Platform - Droidcon 2009Mobile Apps Cross Platform - Droidcon 2009
Mobile Apps Cross Platform - Droidcon 2009wolframkriesing
 
Css3: What is the fuss about
Css3: What is the fuss aboutCss3: What is the fuss about
Css3: What is the fuss aboutDavide Di Cillo
 
Jay Phillips's Presentation at Emerging Communication Conference & Awards 200...
Jay Phillips's Presentation at Emerging Communication Conference & Awards 200...Jay Phillips's Presentation at Emerging Communication Conference & Awards 200...
Jay Phillips's Presentation at Emerging Communication Conference & Awards 200...eCommConf
 
NoTube User Model slides
NoTube User Model slidesNoTube User Model slides
NoTube User Model slidesDan Brickley
 
HTML5 and Google Chrome - DevFest09
HTML5 and Google Chrome - DevFest09HTML5 and Google Chrome - DevFest09
HTML5 and Google Chrome - DevFest09mihaiionescu
 
Virtual Reality on the Web
Virtual Reality on the WebVirtual Reality on the Web
Virtual Reality on the WebTimmy Kokke
 
Nuxeo World Session: Mobile ECM Apps with Nuxeo EP
Nuxeo World Session: Mobile ECM Apps with Nuxeo EPNuxeo World Session: Mobile ECM Apps with Nuxeo EP
Nuxeo World Session: Mobile ECM Apps with Nuxeo EPNuxeo
 
eigr.io A Serverless Runtime on the BEAM V1.3
eigr.io A Serverless Runtime on the BEAM V1.3eigr.io A Serverless Runtime on the BEAM V1.3
eigr.io A Serverless Runtime on the BEAM V1.3MarcelLanz
 
Hybrid Cloud Enablement Technologies
Hybrid Cloud Enablement TechnologiesHybrid Cloud Enablement Technologies
Hybrid Cloud Enablement Technologieshybrid cloud
 
Workshop Fo Wa
Workshop Fo WaWorkshop Fo Wa
Workshop Fo WaJoschi -
 
An introduction to Node.js
An introduction to Node.jsAn introduction to Node.js
An introduction to Node.jsKasey McCurdy
 
Talk Paris Infovis 091207132953 Phpapp01(2)
Talk Paris Infovis 091207132953 Phpapp01(2)Talk Paris Infovis 091207132953 Phpapp01(2)
Talk Paris Infovis 091207132953 Phpapp01(2)johnnybiz
 
Using Web Standards to create Interactive Data Visualizations for the Web
Using Web Standards to create Interactive Data Visualizations for the WebUsing Web Standards to create Interactive Data Visualizations for the Web
Using Web Standards to create Interactive Data Visualizations for the Webphilogb
 
Rafal Wojtczuk - Endpoint security via Application sandboxing and virtualizat...
Rafal Wojtczuk - Endpoint security via Application sandboxing and virtualizat...Rafal Wojtczuk - Endpoint security via Application sandboxing and virtualizat...
Rafal Wojtczuk - Endpoint security via Application sandboxing and virtualizat...DefconRussia
 
NTNU Tech Talks : Smartening up a Pi Zero Security Camera with Amazon Web Ser...
NTNU Tech Talks : Smartening up a Pi Zero Security Camera with Amazon Web Ser...NTNU Tech Talks : Smartening up a Pi Zero Security Camera with Amazon Web Ser...
NTNU Tech Talks : Smartening up a Pi Zero Security Camera with Amazon Web Ser...Mark West
 
HH.JS - State of the Automation
HH.JS - State of the AutomationHH.JS - State of the Automation
HH.JS - State of the AutomationAdam Christian
 
Phonegap for Engineers
Phonegap for EngineersPhonegap for Engineers
Phonegap for EngineersBrian LeRoux
 

Similar to Mobile Apps Cross Platform Mobile Monday Düsseldorf 2009 (20)

Mobile Apps Cross Platform - Droidcon 2009
Mobile Apps Cross Platform - Droidcon 2009Mobile Apps Cross Platform - Droidcon 2009
Mobile Apps Cross Platform - Droidcon 2009
 
Css3: What is the fuss about
Css3: What is the fuss aboutCss3: What is the fuss about
Css3: What is the fuss about
 
the web is mobile
the web is mobilethe web is mobile
the web is mobile
 
Jay Phillips's Presentation at Emerging Communication Conference & Awards 200...
Jay Phillips's Presentation at Emerging Communication Conference & Awards 200...Jay Phillips's Presentation at Emerging Communication Conference & Awards 200...
Jay Phillips's Presentation at Emerging Communication Conference & Awards 200...
 
NoTube User Model slides
NoTube User Model slidesNoTube User Model slides
NoTube User Model slides
 
HTML5 and Google Chrome - DevFest09
HTML5 and Google Chrome - DevFest09HTML5 and Google Chrome - DevFest09
HTML5 and Google Chrome - DevFest09
 
The shift to the edge
The shift to the edgeThe shift to the edge
The shift to the edge
 
Virtual Reality on the Web
Virtual Reality on the WebVirtual Reality on the Web
Virtual Reality on the Web
 
Nuxeo World Session: Mobile ECM Apps with Nuxeo EP
Nuxeo World Session: Mobile ECM Apps with Nuxeo EPNuxeo World Session: Mobile ECM Apps with Nuxeo EP
Nuxeo World Session: Mobile ECM Apps with Nuxeo EP
 
eigr.io A Serverless Runtime on the BEAM V1.3
eigr.io A Serverless Runtime on the BEAM V1.3eigr.io A Serverless Runtime on the BEAM V1.3
eigr.io A Serverless Runtime on the BEAM V1.3
 
Mobile Web Design
Mobile Web DesignMobile Web Design
Mobile Web Design
 
Hybrid Cloud Enablement Technologies
Hybrid Cloud Enablement TechnologiesHybrid Cloud Enablement Technologies
Hybrid Cloud Enablement Technologies
 
Workshop Fo Wa
Workshop Fo WaWorkshop Fo Wa
Workshop Fo Wa
 
An introduction to Node.js
An introduction to Node.jsAn introduction to Node.js
An introduction to Node.js
 
Talk Paris Infovis 091207132953 Phpapp01(2)
Talk Paris Infovis 091207132953 Phpapp01(2)Talk Paris Infovis 091207132953 Phpapp01(2)
Talk Paris Infovis 091207132953 Phpapp01(2)
 
Using Web Standards to create Interactive Data Visualizations for the Web
Using Web Standards to create Interactive Data Visualizations for the WebUsing Web Standards to create Interactive Data Visualizations for the Web
Using Web Standards to create Interactive Data Visualizations for the Web
 
Rafal Wojtczuk - Endpoint security via Application sandboxing and virtualizat...
Rafal Wojtczuk - Endpoint security via Application sandboxing and virtualizat...Rafal Wojtczuk - Endpoint security via Application sandboxing and virtualizat...
Rafal Wojtczuk - Endpoint security via Application sandboxing and virtualizat...
 
NTNU Tech Talks : Smartening up a Pi Zero Security Camera with Amazon Web Ser...
NTNU Tech Talks : Smartening up a Pi Zero Security Camera with Amazon Web Ser...NTNU Tech Talks : Smartening up a Pi Zero Security Camera with Amazon Web Ser...
NTNU Tech Talks : Smartening up a Pi Zero Security Camera with Amazon Web Ser...
 
HH.JS - State of the Automation
HH.JS - State of the AutomationHH.JS - State of the Automation
HH.JS - State of the Automation
 
Phonegap for Engineers
Phonegap for EngineersPhonegap for Engineers
Phonegap for Engineers
 

More from 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
 
Webtestsuite black berrydevcon
Webtestsuite black berrydevconWebtestsuite black berrydevcon
Webtestsuite black berrydevconwolframkriesing
 
JavaScript Tools (PHPConference 2011, Berlin)
JavaScript Tools (PHPConference 2011, Berlin)JavaScript Tools (PHPConference 2011, Berlin)
JavaScript Tools (PHPConference 2011, Berlin)wolframkriesing
 

More from 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
 
Webtestsuite black berrydevcon
Webtestsuite black berrydevconWebtestsuite black berrydevcon
Webtestsuite black berrydevcon
 
EmbedJS
EmbedJSEmbedJS
EmbedJS
 
JavaScript Tools (PHPConference 2011, Berlin)
JavaScript Tools (PHPConference 2011, Berlin)JavaScript Tools (PHPConference 2011, Berlin)
JavaScript Tools (PHPConference 2011, Berlin)
 

Recently uploaded

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls
 
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...gurkirankumar98700
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Alan Dix
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxOnBoard
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 

Recently uploaded (20)

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 

Mobile Apps Cross Platform Mobile Monday Düsseldorf 2009

  • 1. Mobile Apps Cross Platform enabling LBS Using HTML, CSS, JavaScript Wolfram Kriesing, uxebu @wolframkriesing Dienstag, 22. September 2009
  • 3. JavaScript FrontEnd AJAX Usability UserExperience Browser CSS django dojo mobile Web2.0 widgets OpenSource Wolfram Kriesing, uxebu @wolframkriesing Dienstag, 22. September 2009
  • 4. Stores http://distimo.com/uploads/reports/mobile%20app%20store%20overview.pdf Wolfram Kriesing, uxebu @wolframkriesing Dienstag, 22. September 2009
  • 5. Native Apps • iPhone Objective-C • Android, Blackberry Java • Nokia Symbian C • Sony Ericsson Java • Window Mobile .NET Cross Platform Expensive and OUCH anyway Wolfram Kriesing, uxebu @wolframkriesing Dienstag, 22. September 2009
  • 6. Types of Mobile "Apps" Wolfram Kriesing, uxebu @wolframkriesing Dienstag, 22. September 2009
  • 7. Types of Mobile "Apps" • Preinstalled • Native App (from "some" app store) • Website limited access to phone resources • W3C Widget access to what the widget runtime provides • W3C Widget wrapped as native app depends on it's runtime Wolfram Kriesing, uxebu @wolframkriesing Dienstag, 22. September 2009
  • 8. Small apps. Very focused. Many platforms. Wolfram Kriesing, uxebu @wolframkriesing Dienstag, 22. September 2009
  • 9. Mobile Moment Wolfram Kriesing, uxebu @wolframkriesing Dienstag, 22. September 2009
  • 10. we le ll- p kn si m ow n HTML te st ea sy to CSS simp le te xt JavaScript easy velop to d fast to de evel op Wolfram Kriesing, uxebu @wolframkriesing Dienstag, 22. September 2009
  • 11. Website as "App" • Native look ok • Well-known technologies (HTML, CSS, JavaScript) super • Access native functionality e.g.: position, contacts, sensors, ... no • Offline not really Wolfram Kriesing, uxebu @wolframkriesing Dienstag, 22. September 2009
  • 12. W3C Widgets http://www.quirksmode.org/blog/archives/2009/04/introduction_to.html • Native look ok • Well-known technologies (HTML, CSS, JavaScript) super • Access native functionality e.g.: position, contacts, sensors, ... no yes • Offline not really really Wolfram Kriesing, uxebu @wolframkriesing Dienstag, 22. September 2009
  • 13. What is a W3C Widget? • Native app on the phone • Not a website! • Can do AJAX, SVG, CSS Transitions, etc. • Has it's own runtime (mostly) Wolfram Kriesing, uxebu @wolframkriesing Dienstag, 22. September 2009
  • 14. What is a W3C Widget? • HTML • CSS • JavaScript • config.xml • zip it • rename to *.wgt Wolfram Kriesing, uxebu @wolframkriesing Dienstag, 22. September 2009
  • 15. Almost for free • Facebook widget • Dashboard widget • Website widget • TV Widget • ... Wolfram Kriesing, uxebu @wolframkriesing Dienstag, 22. September 2009
  • 16. Any Standards? Wolfram Kriesing, uxebu @wolframkriesing Dienstag, 22. September 2009
  • 17. W3C Widget Spec • specifies packaging Wolfram Kriesing, uxebu @wolframkriesing Dienstag, 22. September 2009
  • 18. We want more! Wolfram Kriesing, uxebu @wolframkriesing Dienstag, 22. September 2009
  • 19. Native Access • Camera • Telephony • Geo location • Accelerometer • Compass • Contacts • ... Wolfram Kriesing, uxebu @wolframkriesing Dienstag, 22. September 2009
  • 20. Multiple Ways • JIL Spec http://www.jil.org/ • BONDI Spec http://bondi.omtp.org/ • W3C Spec http://w3.org/2009/dap/ Wolfram Kriesing, uxebu @wolframkriesing Dienstag, 22. September 2009
  • 21. But they are just specs :-( Wolfram Kriesing, uxebu @wolframkriesing Dienstag, 22. September 2009
  • 22. Multiple Ways • JIL Spec http://www.jil.org/ • BONDI Spec http://bondi.omtp.org/ • W3C Spec http://w3.org/2009/dap/ • PhoneGap http://phonegap.pbworks.com/ • Nokia WRT http://bit.ly/nokia-WRT-APIs • Appcelerator http://www.codestrong.com/timobile/api/ • Google Chrome OS??? Wolfram Kriesing, uxebu @wolframkriesing Dienstag, 22. September 2009
  • 23. Runtimes • JIL Spec http://www.jil.org/ • BONDI Spec http://bondi.omtp.org/ Nokia S60 • W3C Spec http://w3.org/2009/dap/ iPhone • PhoneGap http://phonegap.pbworks.com/ Android • Nokia WRT http://bit.ly/nokia-WRT-APIs Blackberry • Appcelerator http://www.codestrong.com/timobile/api/ • Google Chrome OS??? Windows Mobile Wolfram Kriesing, uxebu @wolframkriesing Dienstag, 22. September 2009
  • 24. PhoneGap "An express goal of the PhoneGap project is for the project to not exist." Open Source Wolfram Kriesing, uxebu @wolframkriesing Dienstag, 22. September 2009
  • 25. Distribution? Wolfram Kriesing, uxebu @wolframkriesing Dienstag, 22. September 2009
  • 26. Stores http://distimo.com/uploads/reports/mobile%20app%20store%20overview.pdf Wolfram Kriesing, uxebu @wolframkriesing Dienstag, 22. September 2009
  • 27. Stores http://distimo.com/uploads/reports/mobile%20app%20store%20overview.pdf Wolfram Kriesing, uxebu @wolframkriesing Dienstag, 22. September 2009
  • 28. Stores http://distimo.com/uploads/reports/mobile%20app%20store%20overview.pdf Wolfram Kriesing, uxebu @wolframkriesing Dienstag, 22. September 2009
  • 29. thx http://blog.uxebu.com Wolfram Kriesing, uxebu wolfram@uxebu.com http://twitter.com/uxebu http://twitter.com/wolframkriesing Wolfram Kriesing, uxebu @wolframkriesing Dienstag, 22. September 2009