Your SlideShare is downloading. ×
0
Dojo 1.7 mobile overview  dojo conf 2011
Dojo 1.7 mobile overview  dojo conf 2011
Dojo 1.7 mobile overview  dojo conf 2011
Dojo 1.7 mobile overview  dojo conf 2011
Dojo 1.7 mobile overview  dojo conf 2011
Dojo 1.7 mobile overview  dojo conf 2011
Dojo 1.7 mobile overview  dojo conf 2011
Dojo 1.7 mobile overview  dojo conf 2011
Dojo 1.7 mobile overview  dojo conf 2011
Dojo 1.7 mobile overview  dojo conf 2011
Dojo 1.7 mobile overview  dojo conf 2011
Dojo 1.7 mobile overview  dojo conf 2011
Dojo 1.7 mobile overview  dojo conf 2011
Dojo 1.7 mobile overview  dojo conf 2011
Dojo 1.7 mobile overview  dojo conf 2011
Dojo 1.7 mobile overview  dojo conf 2011
Dojo 1.7 mobile overview  dojo conf 2011
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Dojo 1.7 mobile overview dojo conf 2011

2,826

Published on

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

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
3 Likes
Statistics
Notes
  • thank you
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
2,826
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
1
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Dojo 1.7 Mobile Overview<br />http://www.dojotoolkit.org/<br />1<br />
  • 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. Themes: iPhone, iPad, Android 2.x, Blackberry 6Dojo 1.7<br />Manual or Automatic device detection to apply themes<br />
  • 4. Optional compatibility support for desktop browsers<br />CSS3 compatibility module (dojox.mobile.compat) 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. 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 dojox.app (new Application Contoller package)<br />
  • 6. Transition EffectsDojo 1.7<br /><ul><li>4 standard effects
  • 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. 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. 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. Fixed bars and touch scroll Dojo-1.6<br />Toolbar<br />with buttons<br />Fixed<br />Scrolls<br />Fixed<br />UITabBar<br />
  • 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. 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. CarouselDojo 1.7<br />13<br />Swipe to browse<br />or change views<br />
  • 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. OpenLayers MapsDojo 1.7 <br />15<br />OpenLayers Map Integration for Dojo<br />Geo-referenced positioning of Dojo GFX Shapes and Widgets<br />
  • 16. Dojo Foundation Mobile Projects<br />Wink Toolkit – http://winktoolkit.org<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 – http://embedjs.org<br />- Now that 1.7 is fully AMD, begin investigating <br /> merge/alignment opportunities with Dojo Mobile<br />
  • 17. Dojo Mobile (dojox/mobile)<br />Reference Guide <br />(Complete for 1.7 features)<br />http://docs.dojocampus.org/dojox/mobile<br />Demos<br />Try demos svn @ demos/mobile*<br />Also see dojox/mobile/tests<br />Contribute!<br />Contact ykamior chrism on irc.freenode.net/dojo<br />or send a note to the contributor mailing list<br />Issues, Feature Requests<br />http://bugs.dojotoolkit.org<br />

×