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

Like this? Share it with your network

Share

EventNinja, Dojo and mobile

  • 8,336 views
Uploaded 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.

More 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
8,336
On Slideshare
8,148
From Embeds
188
Number of Embeds
8

Actions

Shares
Downloads
0
Comments
0
Likes
2

Embeds 188

http://uxebu.com 120
http://blog.uxebu.com 33
http://www.slideshare.net 24
http://hub.uxebu.com 5
http://is.eng.it:8082 2
http://www.uxebu.com 2
http://uxebu.webfactional.com 1
https://www.linkedin.com 1

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