Your SlideShare is downloading. ×
EventNinja, Dojo and mobile
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

EventNinja, Dojo and mobile

5,517
views

Published on

These are the slides of the EventList talk I gave at IBM Research Labs during the dojo.workshop. The talk was covering possible architectures for cross device mobile solutions.

These are the slides of the EventList talk I gave at IBM Research Labs during the dojo.workshop. The talk was covering possible architectures for cross device mobile solutions.

Published in: Technology, Business

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
5,517
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
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. EventNinja Dojo and Mobile Building mobile applications with the Dojo Toolkit Nikolai Onken - @uxebu, @nonken
  • 2. What are we going to do next? • Mobile and Dojo? Where do we stand? • Lets dive in - EventNinja • Questions? Nikolai Onken - @uxebu, @nonken
  • 3. What are we going to do next? • Mobile and Dojo? Where do we stand? • Lets dive in - EventNinja • Questions? Nikolai Onken - @uxebu, @nonken
  • 4. Are we ready yet? YES :) NO =/ Nikolai Onken - @uxebu, @nonken
  • 5. Why choose Dojo? performance benchmarks (even though they don’t count) http://blog.stefankolb.de/2009/05/13/javascript- frameworks-within-mobile-widgets/ Nikolai Onken - @uxebu, @nonken
  • 6. Very flexible build system: e.g. webkit mobile http://alex.dojotoolkit.org/2009/01/webkit-mobile/ Nikolai Onken - @uxebu, @nonken
  • 7. Custom build Nikolai Onken - @uxebu, @nonken
  • 8. Custom build Nikolai Onken - @uxebu, @nonken
  • 9. What are we going to do next? • Dojo introduction • Mobile and Dojo? Where do we stand? • Lets dive in - EventNinja Nikolai Onken - @uxebu, @nonken
  • 10. EventNinja Nikolai Onken - @uxebu, @nonken
  • 11. The idea • upcoming, eventbrite, ... • finding all web dev events on one page? • YES: HTML, CSS, JS • NO: Objective C, Java, other proprietary stuff • AND: we are lazy ... fastest way from idea to result? mobile devices and normal websites??? Nikolai Onken - @uxebu, @nonken
  • 12. Nikolai Onken - @uxebu, @nonken
  • 13. Use the cloud when possible Nikolai Onken - @uxebu, @nonken
  • 14. for your DATA Nikolai Onken - @uxebu, @nonken
  • 15. Nikolai Onken - @uxebu, @nonken
  • 16. Nikolai Onken - @uxebu, @nonken
  • 17. Nikolai Onken - @uxebu, @nonken
  • 18. Use the cloud - again Nikolai Onken - @uxebu, @nonken
  • 19. for your JS/CSS/Images (CDN) Be careful though - mobile apps need custom builds for deploy Nikolai Onken - @uxebu, @nonken
  • 20. What could be a good architecture? • Something similar to the MVC pattern • Tiny base (especially for mobile) • Extra functionality through plugins • Styling via CSS • Platform specific design via templates (DTL) = Multiple Platforms Nikolai Onken - @uxebu, @nonken
  • 21. Nikolai Onken - @uxebu, @nonken
  • 22. See it in action Nikolai Onken - @uxebu, @nonken
  • 23. The source Nikolai Onken - @uxebu, @nonken
  • 24. Templating Nikolai Onken - @uxebu, @nonken
  • 25. Templating - source Nikolai Onken - @uxebu, @nonken
  • 26. Plugins Nikolai Onken - @uxebu, @nonken
  • 27. Plugin - Structure Nikolai Onken - @uxebu, @nonken
  • 28. Mobile Version, the goal • W3C Widgets • Nokia S60 (W3C) • Palm Pre (NEW) • iPhone (Phonegap) • Android (Phonegap) • Blackberry (Phonegap) Nikolai Onken - @uxebu, @nonken
  • 29. See it in action - more details Nikolai Onken - @uxebu, @nonken
  • 30. Mobile development tips Nikolai Onken - @uxebu, @nonken
  • 31. Build platform/device specific • CSS Transitions (Webkit) • Device API support (geolocation, etc.) • Custom builds (Deliver in chunks, small initial hit) Nikolai Onken - @uxebu, @nonken
  • 32. An example: iPhone Nikolai Onken - @uxebu, @nonken
  • 33. Extending objects / CSS transitions Nikolai Onken - @uxebu, @nonken
  • 34. Device API support OUPS, not there yet :( Nikolai Onken - @uxebu, @nonken
  • 35. Custom builds Nikolai Onken - @uxebu, @nonken
  • 36. Automate Set up deployment processes for all platforms you want to support (sh is your friend) Nikolai Onken - @uxebu, @nonken
  • 37. How do I test? • Debugging tools on mobile devices suck (most) • http://www.opera.com/dragonfly • Uhh, the screen is so tiny (firebug lite?) • phone specific deploy process takes ages (e.g. iPhone) Nikolai Onken - @uxebu, @nonken
  • 38. Some tips • Always test your app before you build the JS • Always test the built JS in a normal browser • e.g. iPhone: test in Webkit • e.g. iPhone, test on the iPhone browser before you compile your native app • e.g. S60: test in Opera • Always do this • Really! Nikolai Onken - @uxebu, @nonken
  • 39. Simulators are not devices, unfortunately Do you have a phone for me? ....Start collecting phones, optimize for the lowest common denominator Nikolai Onken - @uxebu, @nonken
  • 40. And once you have found the solution Share your knowledge Nikolai Onken - @uxebu, @nonken
  • 41. Questions? Nikolai Onken - @uxebu, @nonken
  • 42. thx http://blog.uxebu.com Nikolai Onken, uxebu nikolai@uxebu.com @uxebu, @nonken Nikolai Onken - @uxebu, @nonken