SlideShare a Scribd company logo
1 of 52
Download to read offline
Hybrid Web Application Platform
               Appcelerator Titanium
Web Evolution


               •                   .

               •                       .

               •   3.0     4.0
                      .

               •   HTML5
Printer                           Fax
                                                                                   set-top box
                        Door lock
                                                    Desktop

                                                                           TV             Display ui
                Light
                                 Home Device

                Ice box                                                                          iPhone




     Chrome OS
                              Notebook              Web                     Smart Phone
                                                                                                   Game


                                                                                            Andorid

                          iPad                                    Display Screen
                                        Tablet
                                                                                          Advertisement
                                                    ATM, Kiosk
                          Galaxy Tab
                                                                       Sub train
                                       Display ui

                                                              Gov2.0
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)
Index


               • Introduce
               • Development
               • Demo
               • Appendix
Introduction
Architecture


                                      Your Application
                              (html, css, javascript,php,python,ruby)




               UI API            Desktop API                      Optional Modules


                        Bridge to OS - JavaScript,Ruby,Python,PHP


                                OS - Window, Mac, Linux
Architecture


                                     Your Application
                             (html, css, javascript,php,python,ruby)




               UI API            Phone API                       Optional Modules


                         Bridge - JavaScript - Java, Objective-C


                                    OS - Android, iOS
Tablet

          Desktop   Mobile




                             resource : http://www.deshow.net/animal/2008/rabbit_small_animals.html#pic
JavaScript
                        CSS
               Webkit



                                    HTML
                        Kroll
Bridge = Kroll
Kroll Process    is
               a pyrometallurgical industrial process
               used to produce metallic titanium
Titanium APIs
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
Desktop API, Phone API
                                             Titanium.Platform
                     Titanium.Codec
                                            Titanium.FileSystem
                    Titanium.Desktop
                                           Titanium.Geolocation
                      Titanium.JSON
                                              Titanium.Gesture
                  Titanium.Notification
                                              Titanium.Contact
                     Titanium.Process
                                          Titanium.Accelerometer
                    Titanium.Worker
                                               Titanium.Media
                Titanium.UpdaterManager
                                             Titanium.Network
Optional Modules
                   Titanium.Analytics
                      Titanium.Map
                    Titanium.Yahoo
                   Titanium.Facebook
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)
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!!
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
Development
System Spec
Desktop



               •   Window

               •   Mac

               •   Linux
Mobile


               •   iPhone
                   Lastest iPhone SDK 3.2 for iPhone/iPad

               •   Android
                   Android SDK - http://developer.android.com/sdk/index.html
                   SDK platform Android 1.6 API 4(recommand)
                   Google APIs package for KitchenSink
                   Java Development Kit 6(java 1.6)
Introduce Interface
Usage
New Project
Launch & Testing
Package
Distribution
Run Emulator
Run Emulator
Online platform
Show Case
resource : http://www.appcelerator.com/showcase/applications-showcase/
Demo
•   Usage Demo

               •   Desktop uTube Deck Demo

               •   iPhone/iPad KitchenSink Demo
Appendix
PhoneGap




               •   http://www.phonegap.com/
Corona




               •   http://www.anscamobile.com/
QuickConnect




               •   http://quickconnect.pbworks.com/
Reference

               •   Appcelerator Titanium
                   http://www.appcelerator.com


               •   Wikipedia
                   http://en.wikipedia.org/wiki/Appcelerator_Titanium


               •   Titanium tutorial
                   http://www.sergemeunier.com/blog/tutorials/titanium-tutorials/


               •   Compare with others
                   http://stackoverflow.com/questions/1482586/comparison-between-corona-
                   phonegap-titanium
ending
                   Author : rhio.kim
                       @rhiokim
                http://rhio.tistory.com
                 rhio.kim@gmail.com
               NHN/Ajax UI Developer
                      FRENDS.kr
Thanks ; )

More Related Content

Similar to Mobile appcelerator titanium

Mobile appcelerator titanium
Mobile appcelerator titaniumMobile appcelerator titanium
Mobile appcelerator titaniumRhio Kim
 
2011 JavaScript Developer Generation
2011 JavaScript Developer Generation2011 JavaScript Developer Generation
2011 JavaScript Developer GenerationRhio Kim
 
Open Source World : Using Web Technologies to build native iPhone and Android...
Open Source World : Using Web Technologies to build native iPhone and Android...Open Source World : Using Web Technologies to build native iPhone and Android...
Open Source World : Using Web Technologies to build native iPhone and Android...Jeff Haynie
 
Using Web Technologies to Build Native iPhone & Android Applications
Using Web Technologies to Build Native iPhone & Android ApplicationsUsing Web Technologies to Build Native iPhone & Android Applications
Using Web Technologies to Build Native iPhone & Android ApplicationsAxway Appcelerator
 
Building Rich Mobile Apps with HTML5, CSS3 and JavaScript
Building Rich Mobile Apps with HTML5, CSS3 and JavaScriptBuilding Rich Mobile Apps with HTML5, CSS3 and JavaScript
Building Rich Mobile Apps with HTML5, CSS3 and JavaScriptSencha
 
Appcelerator Overview
Appcelerator OverviewAppcelerator Overview
Appcelerator OverviewJeff Haynie
 
An introduction to Titanium
An introduction to TitaniumAn introduction to Titanium
An introduction to TitaniumGraham Weldon
 
HTML5 and the dawn of rich mobile web applications
HTML5 and the dawn of rich mobile web applicationsHTML5 and the dawn of rich mobile web applications
HTML5 and the dawn of rich mobile web applicationsJames Pearce
 
Building Cross Platform Mobile Web Apps
Building Cross Platform Mobile Web AppsBuilding Cross Platform Mobile Web Apps
Building Cross Platform Mobile Web AppsJames Pearce
 
CommNexus San Diego Presentation
CommNexus San Diego PresentationCommNexus San Diego Presentation
CommNexus San Diego PresentationJeff Haynie
 
iEnterprise - Mit HTML5 zum Unternehmens-Dashboard für Tablets
iEnterprise - Mit HTML5 zum Unternehmens-Dashboard für TabletsiEnterprise - Mit HTML5 zum Unternehmens-Dashboard für Tablets
iEnterprise - Mit HTML5 zum Unternehmens-Dashboard für TabletsStefan Kolb
 
Mobile 2.0 Event: Mobile for the rest of us using Appcelerator Titanium
Mobile 2.0 Event: Mobile for the rest of us using Appcelerator TitaniumMobile 2.0 Event: Mobile for the rest of us using Appcelerator Titanium
Mobile 2.0 Event: Mobile for the rest of us using Appcelerator TitaniumJeff Haynie
 
Appcelerator Titanium at Mobile 2.0
Appcelerator Titanium at Mobile 2.0Appcelerator Titanium at Mobile 2.0
Appcelerator Titanium at Mobile 2.0Jeff Haynie
 
iEnterprise - Mit HTML-5 zum Unternehmens-Dashboard für Tablets
iEnterprise - Mit HTML-5 zum Unternehmens-Dashboard für TabletsiEnterprise - Mit HTML-5 zum Unternehmens-Dashboard für Tablets
iEnterprise - Mit HTML-5 zum Unternehmens-Dashboard für TabletsIndiginox
 
Html 5 in a big nutshell
Html 5 in a big nutshellHtml 5 in a big nutshell
Html 5 in a big nutshellLennart Schoors
 
Keynote: Techday7 appcelerator titanium
Keynote: Techday7 appcelerator titaniumKeynote: Techday7 appcelerator titanium
Keynote: Techday7 appcelerator titaniumTechday7
 

Similar to Mobile appcelerator titanium (20)

Mobile appcelerator titanium
Mobile appcelerator titaniumMobile appcelerator titanium
Mobile appcelerator titanium
 
2011 JavaScript Developer Generation
2011 JavaScript Developer Generation2011 JavaScript Developer Generation
2011 JavaScript Developer Generation
 
Open Source World : Using Web Technologies to build native iPhone and Android...
Open Source World : Using Web Technologies to build native iPhone and Android...Open Source World : Using Web Technologies to build native iPhone and Android...
Open Source World : Using Web Technologies to build native iPhone and Android...
 
Using Web Technologies to Build Native iPhone & Android Applications
Using Web Technologies to Build Native iPhone & Android ApplicationsUsing Web Technologies to Build Native iPhone & Android Applications
Using Web Technologies to Build Native iPhone & Android Applications
 
Building Rich Mobile Apps with HTML5, CSS3 and JavaScript
Building Rich Mobile Apps with HTML5, CSS3 and JavaScriptBuilding Rich Mobile Apps with HTML5, CSS3 and JavaScript
Building Rich Mobile Apps with HTML5, CSS3 and JavaScript
 
Appcelerator Overview
Appcelerator OverviewAppcelerator Overview
Appcelerator Overview
 
An introduction to Titanium
An introduction to TitaniumAn introduction to Titanium
An introduction to Titanium
 
HTML5 and the dawn of rich mobile web applications
HTML5 and the dawn of rich mobile web applicationsHTML5 and the dawn of rich mobile web applications
HTML5 and the dawn of rich mobile web applications
 
Building Cross Platform Mobile Web Apps
Building Cross Platform Mobile Web AppsBuilding Cross Platform Mobile Web Apps
Building Cross Platform Mobile Web Apps
 
Introducing Titanium
Introducing TitaniumIntroducing Titanium
Introducing Titanium
 
CommNexus San Diego Presentation
CommNexus San Diego PresentationCommNexus San Diego Presentation
CommNexus San Diego Presentation
 
iEnterprise - Mit HTML5 zum Unternehmens-Dashboard für Tablets
iEnterprise - Mit HTML5 zum Unternehmens-Dashboard für TabletsiEnterprise - Mit HTML5 zum Unternehmens-Dashboard für Tablets
iEnterprise - Mit HTML5 zum Unternehmens-Dashboard für Tablets
 
Mobile for the rest of us
Mobile for the rest of usMobile for the rest of us
Mobile for the rest of us
 
Mobile 2.0 Event: Mobile for the rest of us using Appcelerator Titanium
Mobile 2.0 Event: Mobile for the rest of us using Appcelerator TitaniumMobile 2.0 Event: Mobile for the rest of us using Appcelerator Titanium
Mobile 2.0 Event: Mobile for the rest of us using Appcelerator Titanium
 
Appcelerator Titanium at Mobile 2.0
Appcelerator Titanium at Mobile 2.0Appcelerator Titanium at Mobile 2.0
Appcelerator Titanium at Mobile 2.0
 
iEnterprise - Mit HTML-5 zum Unternehmens-Dashboard für Tablets
iEnterprise - Mit HTML-5 zum Unternehmens-Dashboard für TabletsiEnterprise - Mit HTML-5 zum Unternehmens-Dashboard für Tablets
iEnterprise - Mit HTML-5 zum Unternehmens-Dashboard für Tablets
 
Html 5 in a big nutshell
Html 5 in a big nutshellHtml 5 in a big nutshell
Html 5 in a big nutshell
 
Droidcon - Unify Insights
Droidcon - Unify InsightsDroidcon - Unify Insights
Droidcon - Unify Insights
 
Keynote: Techday7 appcelerator titanium
Keynote: Techday7 appcelerator titaniumKeynote: Techday7 appcelerator titanium
Keynote: Techday7 appcelerator titanium
 
Eco system apps
Eco system appsEco system apps
Eco system apps
 

More from Rhio Kim

Javascript fatigue, 자바스크립트 피로
Javascript fatigue, 자바스크립트 피로Javascript fatigue, 자바스크립트 피로
Javascript fatigue, 자바스크립트 피로Rhio Kim
 
문서화에 날개를 달아주는 Flybook CLI
문서화에 날개를 달아주는 Flybook CLI문서화에 날개를 달아주는 Flybook CLI
문서화에 날개를 달아주는 Flybook CLIRhio Kim
 
나는 오픈소스로 화가가 되었다
나는 오픈소스로 화가가 되었다나는 오픈소스로 화가가 되었다
나는 오픈소스로 화가가 되었다Rhio Kim
 
Node.js 기반 정적 페이지 블로그 엔진, 하루프레스
Node.js 기반 정적 페이지 블로그 엔진, 하루프레스Node.js 기반 정적 페이지 블로그 엔진, 하루프레스
Node.js 기반 정적 페이지 블로그 엔진, 하루프레스Rhio Kim
 
우리가 모르는 노드로 할 수 있는 몇가지
우리가 모르는 노드로 할 수 있는 몇가지우리가 모르는 노드로 할 수 있는 몇가지
우리가 모르는 노드로 할 수 있는 몇가지Rhio Kim
 
Git Flow tutorial
Git Flow tutorialGit Flow tutorial
Git Flow tutorialRhio Kim
 
하루프레스
하루프레스하루프레스
하루프레스Rhio Kim
 
웹 소프트웨어 시대의 새로운 롤(role) 모델, 자바스크립트
웹 소프트웨어 시대의 새로운 롤(role) 모델, 자바스크립트웹 소프트웨어 시대의 새로운 롤(role) 모델, 자바스크립트
웹 소프트웨어 시대의 새로운 롤(role) 모델, 자바스크립트Rhio Kim
 
JavaScript History
JavaScript HistoryJavaScript History
JavaScript HistoryRhio Kim
 
Function work in JavaScript
Function work in JavaScriptFunction work in JavaScript
Function work in JavaScriptRhio Kim
 
CRUD Pattern in Ajax
CRUD Pattern in AjaxCRUD Pattern in Ajax
CRUD Pattern in AjaxRhio Kim
 

More from Rhio Kim (11)

Javascript fatigue, 자바스크립트 피로
Javascript fatigue, 자바스크립트 피로Javascript fatigue, 자바스크립트 피로
Javascript fatigue, 자바스크립트 피로
 
문서화에 날개를 달아주는 Flybook CLI
문서화에 날개를 달아주는 Flybook CLI문서화에 날개를 달아주는 Flybook CLI
문서화에 날개를 달아주는 Flybook CLI
 
나는 오픈소스로 화가가 되었다
나는 오픈소스로 화가가 되었다나는 오픈소스로 화가가 되었다
나는 오픈소스로 화가가 되었다
 
Node.js 기반 정적 페이지 블로그 엔진, 하루프레스
Node.js 기반 정적 페이지 블로그 엔진, 하루프레스Node.js 기반 정적 페이지 블로그 엔진, 하루프레스
Node.js 기반 정적 페이지 블로그 엔진, 하루프레스
 
우리가 모르는 노드로 할 수 있는 몇가지
우리가 모르는 노드로 할 수 있는 몇가지우리가 모르는 노드로 할 수 있는 몇가지
우리가 모르는 노드로 할 수 있는 몇가지
 
Git Flow tutorial
Git Flow tutorialGit Flow tutorial
Git Flow tutorial
 
하루프레스
하루프레스하루프레스
하루프레스
 
웹 소프트웨어 시대의 새로운 롤(role) 모델, 자바스크립트
웹 소프트웨어 시대의 새로운 롤(role) 모델, 자바스크립트웹 소프트웨어 시대의 새로운 롤(role) 모델, 자바스크립트
웹 소프트웨어 시대의 새로운 롤(role) 모델, 자바스크립트
 
JavaScript History
JavaScript HistoryJavaScript History
JavaScript History
 
Function work in JavaScript
Function work in JavaScriptFunction work in JavaScript
Function work in JavaScript
 
CRUD Pattern in Ajax
CRUD Pattern in AjaxCRUD Pattern in Ajax
CRUD Pattern in Ajax
 

Recently uploaded

Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024The Digital Insurer
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistandanishmna97
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...apidays
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous
 
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUKSpring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUKJago de Vreede
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...apidays
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfOverkill Security
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxRustici Software
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024The Digital Insurer
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherRemote DBA Services
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdfSandro Moreira
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...DianaGray10
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobeapidays
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusZilliz
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingEdi Saputra
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native ApplicationsWSO2
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2
 

Recently uploaded (20)

Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUKSpring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 

Mobile appcelerator titanium

  • 1. Hybrid Web Application Platform Appcelerator Titanium
  • 2. Web Evolution • . • . • 3.0 4.0 . • HTML5
  • 3. Printer Fax set-top box Door lock Desktop TV Display ui Light Home Device Ice box iPhone Chrome OS Notebook Web Smart Phone Game Andorid iPad Display Screen Tablet Advertisement ATM, Kiosk Galaxy Tab Sub train Display ui Gov2.0
  • 4. 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)
  • 5. Index • Introduce • Development • Demo • Appendix
  • 7. Architecture Your Application (html, css, javascript,php,python,ruby) UI API Desktop API Optional Modules Bridge to OS - JavaScript,Ruby,Python,PHP OS - Window, Mac, Linux
  • 8. Architecture Your Application (html, css, javascript,php,python,ruby) UI API Phone API Optional Modules Bridge - JavaScript - Java, Objective-C OS - Android, iOS
  • 9. Tablet Desktop Mobile resource : http://www.deshow.net/animal/2008/rabbit_small_animals.html#pic
  • 10. JavaScript CSS Webkit HTML Kroll
  • 12. Kroll Process is a pyrometallurgical industrial process used to produce metallic titanium
  • 14. 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
  • 15. Desktop API, Phone API Titanium.Platform Titanium.Codec Titanium.FileSystem Titanium.Desktop Titanium.Geolocation Titanium.JSON Titanium.Gesture Titanium.Notification Titanium.Contact Titanium.Process Titanium.Accelerometer Titanium.Worker Titanium.Media Titanium.UpdaterManager Titanium.Network
  • 16. Optional Modules Titanium.Analytics Titanium.Map Titanium.Yahoo Titanium.Facebook
  • 17. 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)
  • 18. 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!!
  • 19. 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
  • 22. Desktop • Window • Mac • Linux
  • 23. Mobile • iPhone Lastest iPhone SDK 3.2 for iPhone/iPad • Android Android SDK - http://developer.android.com/sdk/index.html SDK platform Android 1.6 API 4(recommand) Google APIs package for KitchenSink Java Development Kit 6(java 1.6)
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31. Usage
  • 39.
  • 40.
  • 41.
  • 44. Demo
  • 45. Usage Demo • Desktop uTube Deck Demo • iPhone/iPad KitchenSink Demo
  • 47. PhoneGap • http://www.phonegap.com/
  • 48. Corona • http://www.anscamobile.com/
  • 49. QuickConnect • http://quickconnect.pbworks.com/
  • 50. Reference • Appcelerator Titanium http://www.appcelerator.com • Wikipedia http://en.wikipedia.org/wiki/Appcelerator_Titanium • Titanium tutorial http://www.sergemeunier.com/blog/tutorials/titanium-tutorials/ • Compare with others http://stackoverflow.com/questions/1482586/comparison-between-corona- phonegap-titanium
  • 51. ending Author : rhio.kim @rhiokim http://rhio.tistory.com rhio.kim@gmail.com NHN/Ajax UI Developer FRENDS.kr