story of a thousand birds

30
Story of A Thousand Birds Bits and bytes on developing rich desktop applications and deciphering bird languages from Twitter @cheeaun #geekcamp 30.5.2009

Upload: chee-aun-lim

Post on 09-May-2015

2.476 views

Category:

Technology


2 download

DESCRIPTION

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

TRANSCRIPT

Page 1: Story of A Thousand Birds

Story of A Thousand Birds

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

from Twitter

@cheeaun

#geekcamp 30.5.2009

Page 2: Story of A Thousand Birds

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.

Page 3: Story of A Thousand Birds

Why a “thousand birds”?

Photo from: http://flic.kr/p/5CDQEL

Page 4: Story of A Thousand Birds

So, what is“Rich Desktop Application”?

Something sexy.

Page 5: Story of A Thousand Birds

Adobe AIRhttp://www.adobe.com/products/air/

Appcelerator Titaniumhttp://titaniumapp.com/

Page 6: Story of A Thousand Birds

More Power for Web Developers

• Cross-platform (Windows, Mac, Linux)

• Offline database support• File system access• Clipboard access• Drag-and-drop API

Page 7: Story of A Thousand Birds

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/

Page 8: Story of A Thousand Birds

Because I hit a road block with WYSIWYG editors.

That’s when another story chips in.

Page 9: Story of A Thousand Birds

MooEditablehttp://cheeaun.github.com/mooeditable/

Page 10: Story of A Thousand Birds

I lost interest in developing the app, and

no more AIR for me.Things gotten quiet as I focus on other stuff.

Page 11: Story of A Thousand Birds

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

Page 12: Story of A Thousand Birds

One day, I found Titanium.

Photo from: http://flic.kr/p/5rcxS7

Page 13: Story of A Thousand Birds

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

Page 14: Story of A Thousand Birds

Yahoo Sideline port uses ¼ memory of AIR apphttp://www.slideshare.net/jhaynie/desktop-applications-using-html-and-javascript

Page 15: Story of A Thousand Birds

Titanium Developer

Page 16: Story of A Thousand Birds

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.

Page 17: Story of A Thousand Birds

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

Page 18: Story of A Thousand Birds

Don’t worry.Beta is coming on June 9th 2009.

http://www.appcelerant.com/titanium-beta-launch-party-wwdc-june-9th-6-9pm.html

Page 19: Story of A Thousand Birds

Now, let’s talk about WebKit.

It’s everywhere. AIR. Titanium. Safari. Chrome. Adium. Palm Web OS. Even your backyard.

Page 20: Story of A Thousand Birds

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/

Page 21: Story of A Thousand Birds

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.

Page 22: Story of A Thousand Birds

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/

Page 23: Story of A Thousand Birds

To learn Titanium, I try to create a Twitter desktop

client. Photo from: http://flic.kr/p/66zSwM

Page 24: Story of A Thousand Birds

Oh wait, before that, there’s this Twitter clone...

Another abandoned project of mine, sadly speaking.

Page 25: Story of A Thousand Birds

Twig http://twig.appspot.com/Open-sourced http://twig.googlecode.com/

Page 26: Story of A Thousand Birds

It was fun. And now, back to the Twitter client.

Google App Engine rocks, by the way.

Page 27: Story of A Thousand Birds

Introducing Chidori.

Photo from Naruto animation episodes,basically found from Google Image Search.

Page 28: Story of A Thousand Birds

Chidori on Windows Vista and Mac OSX(The app is still alpha at this point and the UI might change)

Page 29: Story of A Thousand Birds

Stay tuned.

Follow @chidoriapp or watch http://github.com/cheeaun/chidori for updates.

Page 30: Story of A Thousand Birds

Thank you.

Hope you enjoy the story.