Your SlideShare is downloading. ×
0
Desktop Applications
Using HTML and JavaScript (and Python and Ruby)



Jeff Haynie
@jhaynie
JEFF HAYNIE

CEO, Appcelerator
Open Source Developer




Twitter: jhaynie
Blog: blog.jeffhaynie.us
Why?

Why would I want to build a desktop application
instead of a web application?
The experience

For the same reasons you’re building a mobile
application instead of running it in the browser
on the devi...
The user experience
The experience is richer

             Drag and Drop                         Filesystem


            ...
The interaction

Desktop applications typically have deeper
interaction and user affinity
Desktop Development
Windows: Win32 API, MFC, AFC, .NET
Macintosh: Cocoa, Carbon
Linux: GTK+

Cross-platform toolkits:
Java...
Why web technologies?
Speed (and thus, cost) of development
Lots of people know them                      Why not?

Great ...
Appcelerator Titanium
• Open source SDK, Tools (Apache)
• Cross-platform (Win32, OSX, Linux)
• Based on WebKit
• Modular a...
What about AIR?
• Adobe AIR is a great product
• Different architecture
• Not open source
• Very strong (and rigid) securi...
Desktop API
• Filesystem - read, write
• Process - start/stop/control
• UI - menus, trays, drag-drop, etc
• Media - sound,...
Titanium Architecture
                                          X495)
                                          *22#quot;1...
Kroll microkernel
• Cross-platform C++
• Small boot kernel which dynamically loads
  modules
• Cross-language, in-process ...
You focus on app
• We’ll focus on complexities of packaging,
  installation, updating, analytics, etc
• Apps are packaging...
Your happy place
• You can use your-favorite-javascript-
  framework
  • JQuery, Dojo, Mootools, Prototype, etc.
  • Capuc...
HTML 5 ++
• Database support (we also have Sync DB
  API)
• CSS animation, transitions, gradients
• Custom CSS scrollbars
...
Titanium Apps
• Focus on writing HTML/JavaScript etc
  which runs natively on the desktop
  machine
• Resources are bundle...
Performance
• Titanium runs on various architectures
  (Intel, PPC, 32-bit, 64-bit)
• Running on EFIKA 5200 B (PPC 128MB)
...
Demo


• It’s usually easier to demonstrate
Where to get it?

• Download:
 • http://titaniumapp.com/download
• Currently Preview Release 3
• Beta coming very soon
Please talk to me

• Looking for feedback, input and help
• jeff@appcelerator.com
• @jhaynie
• #titanium_app on irc.freeno...
Big Thanks!

• Thanks to Jonathan Snook for demo code
  and inspiration
• http://snook.ca
• @snookca
Upcoming SlideShare
Loading in...5
×

Developing Desktop Applications using HTML and Javascript

31,848

Published on

Presentation given by Jeff Haynie, CEO of Appcelerator on building Desktop Applications using Appcelerator Titanium. http://titaniumapp.com

This presentation was given at the JSConf 2009 in Washington, DC.

Published in: Technology, Education
3 Comments
17 Likes
Statistics
Notes
No Downloads
Views
Total Views
31,848
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
333
Comments
3
Likes
17
Embeds 0
No embeds

No notes for slide

Transcript of "Developing Desktop Applications using HTML and Javascript"

  1. 1. Desktop Applications Using HTML and JavaScript (and Python and Ruby) Jeff Haynie @jhaynie
  2. 2. JEFF HAYNIE CEO, Appcelerator Open Source Developer Twitter: jhaynie Blog: blog.jeffhaynie.us
  3. 3. Why? Why would I want to build a desktop application instead of a web application?
  4. 4. The experience For the same reasons you’re building a mobile application instead of running it in the browser on the device
  5. 5. The user experience The experience is richer Drag and Drop Filesystem Notifications True offline Backgrounding App-to-app interaction
  6. 6. The interaction Desktop applications typically have deeper interaction and user affinity
  7. 7. Desktop Development Windows: Win32 API, MFC, AFC, .NET Macintosh: Cocoa, Carbon Linux: GTK+ Cross-platform toolkits: Java Swing, Eclipse SWT, Mono, GTK+ Adobe AIR *
  8. 8. Why web technologies? Speed (and thus, cost) of development Lots of people know them Why not? Great tooling Lots of libraries HTML/CSS are good enough for UI Plenty of online resources, training Mix of great languages: JavaScript, Python, Ruby
  9. 9. Appcelerator Titanium • Open source SDK, Tools (Apache) • Cross-platform (Win32, OSX, Linux) • Based on WebKit • Modular and extensible • Supports JavaScript, Python, Ruby (more coming) • http://github.com/marshall/titanium
  10. 10. What about AIR? • Adobe AIR is a great product • Different architecture • Not open source • Very strong (and rigid) security model • Mature • Requires Flash • Requires pre-installed Runtime
  11. 11. Desktop API • Filesystem - read, write • Process - start/stop/control • UI - menus, trays, drag-drop, etc • Media - sound, video, camera, mic • Database - online, offline • Notifications - user notifications • Network - robust access and protocols
  12. 12. Titanium Architecture X495) *22#quot;1/04.) Gquot;/22) T<F) >$'B45A)#4/=)89.0($) /.=)<4=9#$%)quot;S).4')#41/#) UG<F) >$') W44') 6V) ,.%'/##$5) CVV) <4=9#$) </.quot;S$%') V'/5')*22#quot;1/04.)4.1$)89.0($) F$K$.=) /.=)<4=9#$%)25$%$.') 5$Y9quot;5$=) 4204./#) *11$%%)(4=9#$%)7quot;/)6VL)89:&)/.=)+&';4.) Gquot;'/.quot;9()89.0($)/.=)<4=9#$%) 6/7/%15quot;2') +#/345() -,) <$=quot;/) +541$%%) C9%'4()P) 89:&) !quot;#$%&%'$() *22) >40?1/04.) >$'B45A) C9%'4()Q) +&';4.) *+,) *./#&01%) @$%A'42) <4.A$&) C9%'4()R) C4((4.)D:E$1')F/&$5) G;quot;5=H2/5'&)Fquot;:5/5quot;$%))I$JKJL)M$:Nquot;'O)
  13. 13. Kroll microkernel • Cross-platform C++ • Small boot kernel which dynamically loads modules • Cross-language, in-process binding technology (C++, JS, Ruby, Python) • All APIs in Titanium are kroll modules • Separate Github open source project: • http://github.com/jhaynie/kroll
  14. 14. You focus on app • We’ll focus on complexities of packaging, installation, updating, analytics, etc • Apps are packaging in a cross-platform specific manner • Developers control their packaging • Apps look and feel “native”
  15. 15. Your happy place • You can use your-favorite-javascript- framework • JQuery, Dojo, Mootools, Prototype, etc. • Capuccino, ExtJS, Entourage, etc. • Import existing modules/gems (Py/Ruby) • Even Flash/Flex, Silverlight (and maybe Java/ Java FX)
  16. 16. HTML 5 ++ • Database support (we also have Sync DB API) • CSS animation, transitions, gradients • Custom CSS scrollbars • Web workers • Custom Fonts (@font-face) • SVG
  17. 17. Titanium Apps • Focus on writing HTML/JavaScript etc which runs natively on the desktop machine • Resources are bundled with application and are local (but can remotely use resources) • No cross-domain restrictions (except remote resources origin touching Titanium) • Benefit from shared runtime Supports Flash, Silverlight and other plugins
  18. 18. Performance • Titanium runs on various architectures (Intel, PPC, 32-bit, 64-bit) • Running on EFIKA 5200 B (PPC 128MB) • http://www.genesi-usa.com/efika • Yahoo Sideline port uses 1/4 memory of AIR app • Pandora AIR app pegs CPU at 100%, Titanium 8-10%
  19. 19. Demo • It’s usually easier to demonstrate
  20. 20. Where to get it? • Download: • http://titaniumapp.com/download • Currently Preview Release 3 • Beta coming very soon
  21. 21. Please talk to me • Looking for feedback, input and help • jeff@appcelerator.com • @jhaynie • #titanium_app on irc.freenode.net
  22. 22. Big Thanks! • Thanks to Jonathan Snook for demo code and inspiration • http://snook.ca • @snookca
  1. A particular slide catching your eye?

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

×