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