Mobile app making with Titanium- by Jong-Eun

無에서 App 창조하기Titanium Mobile SDK

이종은

CC 공작실

달리 정하지 않는 한, 이 문서의 저작물은 크리에이티브 커먼즈 저작자표시 2.0 대한민국 라이선스에 따라 이용할 수 있습니다.

3시간

다이나믹

사전 설문 결과

2

2

개발

Javascript 개발

App 개발

CCL 미적용, 출처 : appstore

여기 오신 여러분은모바일 App 개발자입니다!?

곧!

• 경험담• Navtive App vs. Web App vs. Hybrid

• Appcelertor와 Titanium SDK 소개

•시연

경험담조금은 슬픈 이야기!

2009.11.

2010.6.

CCL by Eneas

b

개최

등록

거부

재심

심사

조용히 사라졌죠.

울!지!마!

느꼈습니다!

일단 신속!

Native AppWeb App

Hybrid AppCross Platform

Native App Web Appobject-c

java..

무슨 차이?

Native App Web AppHybrid

object-cjava..

하이브리드?

CCL 미적용, 출처 : phonegap.com

Native App Web AppHybrid

object-cjava..

TITANIUM == HYBRID ?

Appcelerator 소개

• We enable web developers to quickly create and commercialize native mobile, desktop and tablet applications

CCL 미적용, 출처 : appcelerator

• Founded in 2006

• Raised $6M in Venture Capital - Storm Ventures, Larry Augustin

• ~18 employees - Mountain View, CA

• 46K+ registered developers, millions of devices, thousands of applications

CCL 미적용, 출처 : appcelerator

Mobile Landscape

There are now 6 major players in the mobile ecosystem:

HP/Palm

Apple

Google

Microsoft

Research in Motion (RIM)

Nokia CCL 미적용, 출처 : appcelerator

• Objective-C (iPhone only)

• C/C++ (Numerous)

• Mojo (Palm)

• Java (Android, Midlet spec, RIM)

• .NET / Silverlight (Microsoft)

• HTML (mobile web)

Are you multi-lingual?

CCL 미적용, 출처 : appcelerator

The Solution

Web Developers

Desktop

Netbooks

Tablets

Connected TVs

Handhelds

AppceleratorTitanium

Users

CCL 미적용, 출처 : appcelerator

CCL 미적용, 출처 : wunderlist.com

5CCL 미적용, 출처 :

wunderlist.com

CCL 미적용, 출처 : 6wunderkinder.com

9

3

5/3=1.66Titanium!

Titanium ArchitectureHow to work?

CCL 미적용, 출처 : appcelerator.com

Full-featured platformNative User ExperienceNative performance + Native UI (tables, animations, gestures, etc).

Location-based ServicesAugmented reality, geo-location, compass, native maps

Social SharingAuthenticated access to Facebook, Twitter, Yahoo YQL. Native email/address book.

DataAccess online / device data, embedded SQL database, filesystem, web services

MultimediaCamera, video camera, streaming / device audio/video

Analytics

ExtensibilityAdd any native Obj. C (iPhone) or Java (Android) module into Titanium

Development ToolsCreate, test, and publish your app

CCL 미적용, 출처 : appcelerator.com

≈

CCL 미적용, 출처 : appcelerator.com

CCL 미적용, 출처 : appcelerator.com

!?• 경험담• Navtive App vs. Web App vs. Hybrid ?

• Appcelerator ?

• Titanium ?

http://wiki.appcelerator.org/display/guides/Home

자 드디어 시작!

Titanium Studio둘러보기일단 hello?

Ti 프로젝트 파일/폴더 설명

http://wiki.appcelerator.org/display/guides/The+Application+Project+Structure#TheApplicationProjectStructure-TheProjectFolder

이게 다 뭐래?

app.js이 놈 이름 부터 심상치 않다!

플랫폼 / density 별Resource관리

다 같은 리소스 써야해? No!

Design Conceptview, window, tab의 관계?

Ti Javascript Environment

http://wiki.appcelerator.org/display/guides/The+Titanium+JavaScript+Environment

기존 자바스크립트와 뭐가 달라?

fastdev더 빠른 개발을 원해!

위치, 크기, ... 어떻게?

position,size,color,top,bottom,height,width.

..

더 참조할만한거 없나?

KitchenSink예제 종합 선물 세트!

API reference 및 QnA동영상 강의

이건 좀 부실하지만 더 있어!

http://developer.appcelerator.com/apidoc/mobile/latest

오픈 소스의 무한 확장성Titanium API에 없는건?

https://github.com/appcelerator/titanium_modules

https://gist.github.com/621367#file_image_as_cropped

뭐든 만들어 봅시다!

Titanium 부실한가요?미래는 장미빛인가?

≈

the demand by enterprises for mobile web adaptation platforms will increase at a compound

annual growth rate of 40% through 2014.

"

"

이제 시작에 불과!

Native UI!

확장성!

막강한 툴!

일타쌍피!

짧은 코드!You’ll pend less time coding,and more time playtesting.

감사합니다yomybaby.wordpress.com

@yomybaby