3. Why Hybrid Web App?
• Hand-held Device(smart phone, tablet pc)
• Web OS(Chrome OS, Palm Web OS)
• Home Device(Apple TV, Google TV)
• Browser(Chrome, Safari, Firefox extension)
• Social Network & Real Time
9. Architecture Desktop
Your Application
(html, css, javascript,php,python,ruby)
UI API Desktop API Optional Modules
Bridge to OS - JavaScript,Ruby,Python,PHP, C, C#
OS - Window, Mac, Linux
10. Architecture Mobile
Your Application
(html, css, javascript)
UI API Phone API Optional Modules
Bridge - JavaScript - Java, Objective-C
OS - Android, iOS
26. Carrier 12:34 PM
Optional instructions for this pane go here
Web Page Title
Cancel Button
Back
Back Pane Label
rhio.kim
WebDevMobile Button
Save
http://host.domain.tld
Item One
Tab 1
First Name Example Text here
ON
Tab Two Tab Three
HTML text field
Item 2 as a form label Text here
Last Name
Example
Example OFF
HTML <select>
Phone3 Confirmation Message
Item Number Example Text here
Optional Status
ui API
ItemOptional explanation of (off) is the
1 ON
HTML radio button what
Item 4 system is Optional Statushigh
asking
low 320 x 480
Item 2 Verticalradio button (on) OFF
HTML Resolution
Secondary Primary
1Item 3 3 HTML 5 6Optional8 9 ICN0
ICN 2 4 checkbox (off) Status
7
- Option HTML checkbox (on) & @ ”
/ : 1 ( ) $ Status
; Optional Status
Optional Titanium.UI.*
HTML Button
#+= Option 2,
. ? ! ’
Optional Status
Optional Status
Lorem ipsum dolor sit amet, consectetuer
ABC
adipiscing elit. space consectetuer.
Aenean return
27. Carrier 12:34 PM
Optional instructions for this pane go here
Web Page Title
Cancel Button
Back
Back Pane Label
rhio.kim
WebDevMobile Button
Save
http://host.domain.tld
Item One
Tab 1
First Name Example Text here
ON
Tab Two Tab Three
HTML text field
Item 2 as a form label Text here
Last Name
Example
Example OFF
HTML <select>
Phone3 Confirmation Message
Item Number Example Text here
Optional Status
ui API
ItemOptional explanation of (off) is the
1 ON
HTML radio button what
Item 4 system is Optional Statushigh
asking
low 320 x 480
Item 2 Verticalradio button (on) OFF
HTML Resolution
Secondary Primary
1Item 3 3 HTML 5 6Optional8 9 ICN0
ICN 2 4 checkbox (off) Status
7
- Option HTML checkbox (on) & @ ”
/ : 1 ( ) $ Status
; Optional Status
Optional Titanium.UI.*
HTML Button
#+= Option 2,
. ? ! ’
Optional Status
Optional Status
Lorem ipsum dolor sit amet, consectetuer
ABC
adipiscing elit. space consectetuer.
Aenean return
33. So what’s Titanium?
• Titanium is a rapid application development
platform(HTML, CSS and JavaScript)
• The framework also has support for Python, Ruby
and PHP
• Seamlessly create desktop web applications(your
favorites back-end and front-end web technologies)
• One source Multi platform(Window,MAC,Linux,iOS,Android)
34. Adobe Air Junior?
• free/open source Apache license, for ultimate
compatibility with your workflow, and infinite
extensibility
• Support Python, Ruby, and without needing to
learn Flash or ActionScript
• Cloud publishing features to compile and publish
your application for multiple platforms.
• And much more!!
35. How it all works
• Full filesystem access
• Internal SQLite database access
• AJAX is still avaiable, Network API allows to
interface with HTTP at a much lower level, open
socket connections to other service
• Wrapping Desktop features such as notifications,
tray icons, window menu
• HTML5, CSS3, Web APIs