ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
Dojo Mobile

       Dylan Schiemann (@dylans)
       SitePen, Inc.
       JavaScript MiniConf, September, 2010


       © SitePen, Inc. All Rights Reserved

Sunday, October 17, 2010
dylan

         ajax bsd ceo                        comet cometdaily conferences
         cynic          dojo dylan @dylans hiring html5
         javascript london ajax open source
         persevere                             schiemann sitepen
         toolkits travel web www
       © SitePen, Inc. All Rights Reserved

Sunday, October 17, 2010
© SitePen, Inc. All Rights Reserved

Sunday, October 17, 2010
Dojo Toolkit: Project Goals

                   Fill the Browser Gaps
                   Fast & Efficient
                                          Modular, Small Base, Extensible

                   Professional & Sophisticated
                   Powerful
                   Developer productivity and tools
                   Push the limits (vector graphics, offline, html5, etc.)
                   Open, free, & liberally licensed




    © SitePen, Inc. All Rights Reserved
Sunday, October 17, 2010
Toolkit Features

                   Packages, Builds, Timing
                   DOM Manipulation/Querying/Behavior
                   Events (DOM, function to function, pubsub)
                   Ajax (XHR, iframe, x-domain, form submits, polling, long-polling, and more) and
                   Effects
                   DnD & a11y/i18n
                   Dijit (widget system, Layout, Form, WYSIWYG editor, Tree, Grid, many more)
                   Vector Graphics (gfx, charting, drawing, SVG/Canvas/VML/Flash/Silverlight/SVGWeb)
                   Data/JSON/REST/RPC
                   Offline, Local Storage (Gears, HTML5, Flash, Cookies, etc.)
                   Comet, XMPP, WebSocket
                   Developer Utilities (build, test, documentation)
                   Mobile

    © SitePen, Inc. All Rights Reserved
Sunday, October 17, 2010
Standards




                          Dirty Hacks                    Innovation




           Inspired by Andy Hume
       © SitePen, Inc. All Rights Reserved

Sunday, October 17, 2010
<font>




                                     <div>            CSS




       © SitePen, Inc. All Rights Reserved

Sunday, October 17, 2010
getElementsByTagName




                  querySelectorAll                             dojo.query




       © SitePen, Inc. All Rights Reserved

Sunday, October 17, 2010
Dojo 0.1




                        netWindows                      Dojo 0.4




       © SitePen, Inc. All Rights Reserved

Sunday, October 17, 2010
Dojo 1.0




                               Dojo 0.4                 Dojo 1.4




       © SitePen, Inc. All Rights Reserved

Sunday, October 17, 2010
Dojo 1.5 & 1.6
                                                HTML5




                               Dojo 1.4                       Dojo 2.0




       © SitePen, Inc. All Rights Reserved

Sunday, October 17, 2010
Teaching an Old Dog New Tricks

                   API Stability
                   Remove cruft
                   Add features
                   Experiment off the main line




    © SitePen, Inc. All Rights Reserved
Sunday, October 17, 2010
3 Dojo Foundation
                                   Mobile Projects

       © SitePen, Inc. All Rights Reserved

Sunday, October 17, 2010
WINK Toolkit
                 Completely separate code
                 base
                 Innovative UI elements (3D
                 useful for tight screen
                 space
                 Started by Orange Labs
                 iPhone and Android apps,
                 consistent look and feel,
                 other platforms coming




                                             Most Experimental & Lean
        http://winktoolkit.org/


       © SitePen, Inc. All Rights Reserved

Sunday, October 17, 2010
EmbedJS
                 Dojo APIs, stripped down
                 for mobile and embedded
                 Started by Uxebu
                 Target each platform with
                 its native look & feel
                 TouchScroll, geolocation,
                 etc.




                                             Most Complete
        http://github.com/uxebu/embedjs/


       © SitePen, Inc. All Rights Reserved

Sunday, October 17, 2010
DojoX Mobile
                 Started in Dojo 1.5
                 Fix things in Dojo that
                 break for mobile, API stable
                 Merge features from
                 EmbedJS, WINK Toolkit
                 Feature Detection
                 Support for many HTML5
                 features and beyond




                                             Most Stable for Dojo users


       © SitePen, Inc. All Rights Reserved

Sunday, October 17, 2010
© SitePen, Inc. All Rights Reserved

Sunday, October 17, 2010
Contributors

                   Uxebu
                   Orange Labs
                   IBM
                   Research in Motion
                   SitePen
                   Google Summer of Code
                   Many individuals




    © SitePen, Inc. All Rights Reserved
Sunday, October 17, 2010

More Related Content

Dojo Mobile

  • 1. Dojo Mobile Dylan Schiemann (@dylans) SitePen, Inc. JavaScript MiniConf, September, 2010 © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 2. dylan ajax bsd ceo comet cometdaily conferences cynic dojo dylan @dylans hiring html5 javascript london ajax open source persevere schiemann sitepen toolkits travel web www © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 3. © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 4. Dojo Toolkit: Project Goals Fill the Browser Gaps Fast & Efficient Modular, Small Base, Extensible Professional & Sophisticated Powerful Developer productivity and tools Push the limits (vector graphics, offline, html5, etc.) Open, free, & liberally licensed © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 5. Toolkit Features Packages, Builds, Timing DOM Manipulation/Querying/Behavior Events (DOM, function to function, pubsub) Ajax (XHR, iframe, x-domain, form submits, polling, long-polling, and more) and Effects DnD & a11y/i18n Dijit (widget system, Layout, Form, WYSIWYG editor, Tree, Grid, many more) Vector Graphics (gfx, charting, drawing, SVG/Canvas/VML/Flash/Silverlight/SVGWeb) Data/JSON/REST/RPC Offline, Local Storage (Gears, HTML5, Flash, Cookies, etc.) Comet, XMPP, WebSocket Developer Utilities (build, test, documentation) Mobile © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 6. Standards Dirty Hacks Innovation Inspired by Andy Hume © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 7. <font> <div> CSS © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 8. getElementsByTagName querySelectorAll dojo.query © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 9. Dojo 0.1 netWindows Dojo 0.4 © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 10. Dojo 1.0 Dojo 0.4 Dojo 1.4 © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 11. Dojo 1.5 & 1.6 HTML5 Dojo 1.4 Dojo 2.0 © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 12. Teaching an Old Dog New Tricks API Stability Remove cruft Add features Experiment off the main line © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 13. 3 Dojo Foundation Mobile Projects © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 14. WINK Toolkit Completely separate code base Innovative UI elements (3D useful for tight screen space Started by Orange Labs iPhone and Android apps, consistent look and feel, other platforms coming Most Experimental & Lean http://winktoolkit.org/ © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 15. EmbedJS Dojo APIs, stripped down for mobile and embedded Started by Uxebu Target each platform with its native look & feel TouchScroll, geolocation, etc. Most Complete http://github.com/uxebu/embedjs/ © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 16. DojoX Mobile Started in Dojo 1.5 Fix things in Dojo that break for mobile, API stable Merge features from EmbedJS, WINK Toolkit Feature Detection Support for many HTML5 features and beyond Most Stable for Dojo users © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 17. © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010
  • 18. Contributors Uxebu Orange Labs IBM Research in Motion SitePen Google Summer of Code Many individuals © SitePen, Inc. All Rights Reserved Sunday, October 17, 2010