• Like
  • Save
EventNinja, Dojo and mobile
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

EventNinja, Dojo and mobile

  • 5,505 views
Published

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
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
5,505
On SlideShare
0
From Embeds
0
Number of Embeds
4

Actions

Shares
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