0
Story of A Thousand Birds Bits and bytes on developing rich desktop applications and deciphering bird languages from Twitt...
Why a “story”? Noun (pl. stories) 1 an account of imaginary or real people and events told for entertainment. 2 an account...
Why a “thousand birds”? Photo from:  http://flic.kr/p/5CDQEL
So, what is “Rich Desktop Application”? Something sexy.
Adobe AIR http://www.adobe.com/products/air/ Appcelerator Titanium http://titaniumapp.com/
More Power for Web Developers <ul><li>Cross-platform (Windows, Mac, Linux) </li></ul><ul><li>Offline database support </li...
To learn Adobe AIR, I’ve tried to create a Tumblr desktop client. …  and it went into flames. In case you don’t know what ...
Because I hit a road block with WYSIWYG editors. That’s when another story chips in.
MooEditable http://cheeaun.github.com/mooeditable/
I lost interest in developing the app, and no more AIR for me. Things gotten quiet as I focus on other stuff.
Oh well, at least, I did something and created Fx.WindowBounds A MooTools class for animating AIR windows. http://code.goo...
One day, I found Titanium. Photo from:  http://flic.kr/p/5rcxS7
Why Titanium? <ul><li>Current build: Preview Release 3 (PR 3) </li></ul><ul><li>Open-sourced  http://github.com/marshall/t...
Yahoo Sideline port uses ¼ memory of AIR app http://www.slideshare.net/jhaynie/desktop-applications-using-html-and-javascr...
Titanium Developer
What’s missing in Titanium? <ul><li>No stable release yet. Still beta. </li></ul><ul><li>Lack of documentation. http://tit...
How to get help? <ul><li>IRC chatroom #titanium_app on irc.freenode.net </li></ul><ul><li>Forum  http://community.appceler...
Don’t worry. Beta is coming on June 9 th  2009. http://www.appcelerant.com/titanium-beta-launch-party-wwdc-june-9th-6-9pm....
Now, let’s talk about WebKit. It’s everywhere. AIR. Titanium. Safari. Chrome. Adium. Palm Web OS. Even your backyard.
Enjoy the WebKit magic <ul><li>HTML5 goodness </li></ul><ul><li>CSS3 goodness </li></ul><ul><li>WebKit CSS extensions </li...
This is cool, but something’s missing. I’ve already started enjoying some of these CSS3 goodness when developing Firefox t...
What’s missing in WebKit then? <ul><li>-webkit-appearance VS -moz-appearance – lack of platform-native styling, eg. ‘butto...
To learn Titanium, I try to create a Twitter desktop client.  Photo from:  http://flic.kr/p/66zSwM
Oh wait, before that, there’s this Twitter clone... Another abandoned project of mine, sadly speaking.
Twig  http://twig.appspot.com/ Open-sourced  http://twig.googlecode.com/
It was fun. And now, back to the Twitter client. Google App Engine rocks, by the way.
Introducing Chidori. Photo from Naruto animation episodes, basically found from Google Image Search.
Chidori on Windows Vista and Mac OSX (The app is still alpha at this point and the UI might change)
Stay tuned. Follow  @chidoriapp  or watch  http://github.com/cheeaun/chidori  for updates.
Thank you. Hope you enjoy the story.
Upcoming SlideShare
Loading in...5
×

Story of A Thousand Birds

2,503

Published on

Bits and bytes on developing rich desktop applications and deciphering bird languages from Twitter

Published in: Technology
2 Comments
3 Likes
Statistics
Notes
No Downloads
Views
Total Views
2,503
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
61
Comments
2
Likes
3
Embeds 0
No embeds

No notes for slide

Transcript of "Story of A Thousand Birds"

  1. 1. Story of A Thousand Birds Bits and bytes on developing rich desktop applications and deciphering bird languages from Twitter @cheeaun #geekcamp 30.5.2009
  2. 2. Why a “story”? Noun (pl. stories) 1 an account of imaginary or real people and events told for entertainment. 2 an account of past events, experiences, etc.
  3. 3. Why a “thousand birds”? Photo from: http://flic.kr/p/5CDQEL
  4. 4. So, what is “Rich Desktop Application”? Something sexy.
  5. 5. Adobe AIR http://www.adobe.com/products/air/ Appcelerator Titanium http://titaniumapp.com/
  6. 6. More Power for Web Developers <ul><li>Cross-platform (Windows, Mac, Linux) </li></ul><ul><li>Offline database support </li></ul><ul><li>File system access </li></ul><ul><li>Clipboard access </li></ul><ul><li>Drag-and-drop API </li></ul>
  7. 7. To learn Adobe AIR, I’ve tried to create a Tumblr desktop client. … and it went into flames. In case you don’t know what is Tumblr, go to http://tumblr.com/
  8. 8. Because I hit a road block with WYSIWYG editors. That’s when another story chips in.
  9. 9. MooEditable http://cheeaun.github.com/mooeditable/
  10. 10. I lost interest in developing the app, and no more AIR for me. Things gotten quiet as I focus on other stuff.
  11. 11. Oh well, at least, I did something and created Fx.WindowBounds A MooTools class for animating AIR windows. http://code.google.com/p/fx-windowbounds/ which is now outdated and preceded by @kassens ’s MooTools Fire http://github.com/kassens/fire
  12. 12. One day, I found Titanium. Photo from: http://flic.kr/p/5rcxS7
  13. 13. Why Titanium? <ul><li>Current build: Preview Release 3 (PR 3) </li></ul><ul><li>Open-sourced http://github.com/marshall/titanium </li></ul><ul><li>Supports JavaScript, Python, Ruby </li></ul><ul><li>Also supports Flash, Silverlight </li></ul><ul><li>Resources bundled </li></ul><ul><li>Better performance </li></ul>
  14. 14. Yahoo Sideline port uses ¼ memory of AIR app http://www.slideshare.net/jhaynie/desktop-applications-using-html-and-javascript
  15. 15. Titanium Developer
  16. 16. What’s missing in Titanium? <ul><li>No stable release yet. Still beta. </li></ul><ul><li>Lack of documentation. http://titanium-js.appspot.com/ </li></ul><ul><li>Debugging is slightly challenging. </li></ul><ul><li>So, it’s all trial and error. </li></ul>
  17. 17. How to get help? <ul><li>IRC chatroom #titanium_app on irc.freenode.net </li></ul><ul><li>Forum http://community.appcelerator.org/groups/titanium </li></ul><ul><li>Stalk these guys: @jhaynie , @marshall_law , @keeto </li></ul>
  18. 18. Don’t worry. Beta is coming on June 9 th 2009. http://www.appcelerant.com/titanium-beta-launch-party-wwdc-june-9th-6-9pm.html
  19. 19. Now, let’s talk about WebKit. It’s everywhere. AIR. Titanium. Safari. Chrome. Adium. Palm Web OS. Even your backyard.
  20. 20. Enjoy the WebKit magic <ul><li>HTML5 goodness </li></ul><ul><li>CSS3 goodness </li></ul><ul><li>WebKit CSS extensions </li></ul><ul><ul><li>-webkit-gradient </li></ul></ul><ul><ul><li>-webkit-animation-* </li></ul></ul><ul><ul><li>-webkit-transform </li></ul></ul><ul><ul><li>::-webkit-scrollbar </li></ul></ul><ul><ul><li>… and more from http://webkit.org/blog/ </li></ul></ul>
  21. 21. This is cool, but something’s missing. I’ve already started enjoying some of these CSS3 goodness when developing Firefox theme(s) – Gecko rendering engine.
  22. 22. What’s missing in WebKit then? <ul><li>-webkit-appearance VS -moz-appearance – lack of platform-native styling, eg. ‘button’, ‘progressbar’, ‘tab’, ‘toolbar’ </li></ul><ul><li>-moz-border-*-colors – multiple colors for borders http://css3.info/preview/colored-border/ </li></ul>
  23. 23. To learn Titanium, I try to create a Twitter desktop client. Photo from: http://flic.kr/p/66zSwM
  24. 24. Oh wait, before that, there’s this Twitter clone... Another abandoned project of mine, sadly speaking.
  25. 25. Twig http://twig.appspot.com/ Open-sourced http://twig.googlecode.com/
  26. 26. It was fun. And now, back to the Twitter client. Google App Engine rocks, by the way.
  27. 27. Introducing Chidori. Photo from Naruto animation episodes, basically found from Google Image Search.
  28. 28. Chidori on Windows Vista and Mac OSX (The app is still alpha at this point and the UI might change)
  29. 29. Stay tuned. Follow @chidoriapp or watch http://github.com/cheeaun/chidori for updates.
  30. 30. Thank you. Hope you enjoy the story.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×