Story of A Thousand Birds
Upcoming SlideShare
Loading in...5
×
 

Story of A Thousand Birds

on

  • 3,625 views

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

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

Statistics

Views

Total Views
3,625
Views on SlideShare
3,582
Embed Views
43

Actions

Likes
3
Downloads
60
Comments
2

5 Embeds 43

http://www.slideshare.net 15
http://www.linkedin.com 11
http://atrainacademy.com 9
https://www.linkedin.com 7
http://coderwall.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Story of A Thousand Birds Story of A Thousand Birds Presentation Transcript

  • Story of A Thousand Birds Bits and bytes on developing rich desktop applications and deciphering bird languages from Twitter @cheeaun #geekcamp 30.5.2009
  • 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.
  • 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
    • Cross-platform (Windows, Mac, Linux)
    • Offline database support
    • File system access
    • Clipboard access
    • Drag-and-drop API
  • 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/
  • 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.google.com/p/fx-windowbounds/ which is now outdated and preceded by @kassens ’s MooTools Fire http://github.com/kassens/fire
  • One day, I found Titanium. Photo from: http://flic.kr/p/5rcxS7
  • Why Titanium?
    • Current build: Preview Release 3 (PR 3)
    • Open-sourced http://github.com/marshall/titanium
    • Supports JavaScript, Python, Ruby
    • Also supports Flash, Silverlight
    • Resources bundled
    • Better performance
  • Yahoo Sideline port uses ¼ memory of AIR app http://www.slideshare.net/jhaynie/desktop-applications-using-html-and-javascript
  • Titanium Developer
  • What’s missing in Titanium?
    • No stable release yet. Still beta.
    • Lack of documentation. http://titanium-js.appspot.com/
    • Debugging is slightly challenging.
    • So, it’s all trial and error.
  • How to get help?
    • IRC chatroom #titanium_app on irc.freenode.net
    • Forum http://community.appcelerator.org/groups/titanium
    • Stalk these guys: @jhaynie , @marshall_law , @keeto
  • 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
  • Now, let’s talk about WebKit. It’s everywhere. AIR. Titanium. Safari. Chrome. Adium. Palm Web OS. Even your backyard.
  • Enjoy the WebKit magic
    • HTML5 goodness
    • CSS3 goodness
    • WebKit CSS extensions
      • -webkit-gradient
      • -webkit-animation-*
      • -webkit-transform
      • ::-webkit-scrollbar
      • … and more from http://webkit.org/blog/
  • 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.
  • What’s missing in WebKit then?
    • -webkit-appearance VS -moz-appearance – lack of platform-native styling, eg. ‘button’, ‘progressbar’, ‘tab’, ‘toolbar’
    • -moz-border-*-colors – multiple colors for borders http://css3.info/preview/colored-border/
  • 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.