Dojo 1.7 mobile overview dojo conf 2011


Published on

Here's a high level overview of the mobile features in the upcoming Dojo 1.7 release, as presented at DojoConf 2011.

Published in: Technology, Business
1 Comment
  • thank you
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Dojo 1.7 mobile overview dojo conf 2011

  1. 1. Dojo 1.7 Mobile Overview<br /><br />1<br />
  2. 2. Dojo Mobile<br />A Dojo-based widget set for creating mobile web applications<br />Provides lightweight UI widgets for mobile scenarios<br />Native device access or coding is not in the scope of Dojo Mobile<br />Develop device-specific or device-neutral look & feel<br />Reuse application code across devices<br />Server technology agnostic<br />Fully AMD compliant with minimal base dependencies<br />Works well with PhoneGap<br />2<br />
  3. 3. Themes: iPhone, iPad, Android 2.x, Blackberry 6Dojo 1.7<br />Manual or Automatic device detection to apply themes<br />
  4. 4. Optional compatibility support for desktop browsers<br />CSS3 compatibility module ( is provided to support non-CSS3 desktop browsers, such IE8+ and Firefox5+ at time of Dojo 1.7.<br />Compatis not necessary for webkit-based browsers. Typical usage would be to do conditional loading with require() as follows.<br />Compatdirectly replaces some of the methods instead of subclassing.<br />Compatuses:<br />images for buttons, gradient colors, etc.<br />dojo.fx for animations.<br />require([“dojox/mobile/compat”]);<br />
  5. 5. View Navigation & Transition Effects<br /><body><br /><View id=ViewA><br /><Heading>ViewA</Heading><br /><RoundRectList><br /><ListItem moveTo=ViewB>Item 1</ListItem><br /><ListItem moveTo=ViewB>Item 2</ListItem><br /><ListItem moveTo=ViewB>Item 3</ListItem><br />Slide<br /><View id=ViewB><br /><Heading moveTo="ViewA">ViewB</Heading><br /><RoundRectList><br /><ListItem>Video</ListItem><br /><ListItem>Maps</ListItem><br /><ListItem>Phone</ListItem><br />Integrated with (new Application Contoller package)<br />
  6. 6. Transition EffectsDojo 1.7<br /><ul><li>4 standard effects
  7. 7. 16 new transition effects</li></li></ul><li>Side-by-Side Layout for Tablets (iPad Theme)Dojo 1.6<br />Independently scrollable content<br />Fixed<br />position<br />header<br />
  8. 8. Side-by-Side Auto-Detect Layout for Tablets/Phones Dojo 1.6<br />Single application can automatically adjust to side-by-side layout based on detection of screen dimensions<br />Phone screen dimensions<br />Tablet/Desktop screen dimensions<br />This example shows the same app when run on phone vs. tablet/desktop<br />
  9. 9. OpenerDojo 1.7<br />9<br />1<br />Opens secondary views/dialogs in different ways based on screen dimensions<br />Automatic, code once<br />Touching date input, <br />slides in dialog view with calendar from bottom<br />2<br />Phone screen dimensions<br />Touching date input<br />opens secondary view <br />with calendar in tooltip dialog<br />Tablet/desktop screen dimensions<br />
  10. 10. Fixed bars and touch scroll Dojo-1.6<br />Toolbar<br />with buttons<br />Fixed<br />Scrolls<br />Fixed<br />UITabBar<br />
  11. 11. Business Charting EnhancementsDojo 1.7<br />11<br />Mobile enablement and optimizations for all existing Dojo chart types! (Webkit mobile)<br />Provides themes adapted to small screen sizes<br />Touch support for scrolling and panning<br />Interactive Legends<br />Smart label layouts<br />Chart Titles<br />
  12. 12. Gauge EnhancementsDojo 1.7<br />12<br />Mobile enablement and optimization of Dojo gauges! (Webkit mobile)<br />Several new high-quality gauge styles<br />Touch support for changing gauge values<br />
  13. 13. CarouselDojo 1.7<br />13<br />Swipe to browse<br />or change views<br />
  14. 14. Geo ChartingDojo 1.7<br />14<br />A vector map component<br />Desktop and Mobile enable with touch support for zoom<br />Ability to connect to a Dojo data store for coloring map elements<br />Tool tips on Map elements<br />Legend<br />
  15. 15. OpenLayers MapsDojo 1.7 <br />15<br />OpenLayers Map Integration for Dojo<br />Geo-referenced positioning of Dojo GFX Shapes and Widgets<br />
  16. 16. Dojo Foundation Mobile Projects<br />Wink Toolkit –<br />- Wink Toolkit team and Dojo Mobile team have<br /> had multiple convergence work sessions<br />- Wink 1.4 (alpha) – Demonstrated running on Dojo 1.7 core<br />- Now working on API mapping/convergence plan<br />Embed JS –<br />- Now that 1.7 is fully AMD, begin investigating <br /> merge/alignment opportunities with Dojo Mobile<br />
  17. 17. Dojo Mobile (dojox/mobile)<br />Reference Guide <br />(Complete for 1.7 features)<br /><br />Demos<br />Try demos svn @ demos/mobile*<br />Also see dojox/mobile/tests<br />Contribute!<br />Contact ykamior chrism on<br />or send a note to the contributor mailing list<br />Issues, Feature Requests<br /><br />