Using HTML_ CSS_ JavaScript

Document Sample
Using HTML_ CSS_ JavaScript Powered By Docstoc
					                                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

				
DOCUMENT INFO
Shared By:
Tags:
Stats:
views:29
posted:6/2/2010
language:English
pages:29