Download - Mobile app making with Titanium- by Jong-Eun
![Page 1: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/1.jpg)
無에서 App 창조하기Titanium Mobile SDK
이종은
CC 공작실
달리 정하지 않는 한, 이 문서의 저작물은 크리에이티브 커먼즈 저작자표시 2.0 대한민국 라이선스에 따라 이용할 수 있습니다.
![Page 2: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/2.jpg)
3시간
![Page 3: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/3.jpg)
다이나믹
![Page 4: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/4.jpg)
사전 설문 결과
![Page 5: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/5.jpg)
2
![Page 6: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/6.jpg)
2
![Page 7: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/7.jpg)
개발
![Page 8: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/8.jpg)
Javascript 개발
![Page 9: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/9.jpg)
App 개발
![Page 10: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/10.jpg)
CCL 미적용, 출처 : appstore
![Page 11: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/11.jpg)
여기 오신 여러분은모바일 App 개발자입니다!?
곧!
![Page 12: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/12.jpg)
• 경험담• Navtive App vs. Web App vs. Hybrid
• Appcelertor와 Titanium SDK 소개
•시연
![Page 13: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/13.jpg)
경험담조금은 슬픈 이야기!
![Page 14: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/14.jpg)
2009.11.
![Page 15: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/15.jpg)
![Page 16: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/16.jpg)
2010.6.
![Page 18: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/18.jpg)
![Page 19: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/19.jpg)
![Page 20: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/20.jpg)
b
![Page 21: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/21.jpg)
![Page 22: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/22.jpg)
개최
등록
거부
재심
심사
![Page 23: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/23.jpg)
조용히 사라졌죠.
울!지!마!
![Page 24: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/24.jpg)
느꼈습니다!
![Page 25: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/25.jpg)
일단 신속!
![Page 26: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/26.jpg)
Native AppWeb App
Hybrid AppCross Platform
![Page 27: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/27.jpg)
Native App Web Appobject-c
java..
무슨 차이?
![Page 28: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/28.jpg)
Native App Web AppHybrid
object-cjava..
하이브리드?
![Page 29: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/29.jpg)
CCL 미적용, 출처 : phonegap.com
![Page 30: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/30.jpg)
Native App Web AppHybrid
object-cjava..
TITANIUM == HYBRID ?
![Page 31: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/31.jpg)
Appcelerator 소개
![Page 32: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/32.jpg)
• We enable web developers to quickly create and commercialize native mobile, desktop and tablet applications
CCL 미적용, 출처 : appcelerator
![Page 33: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/33.jpg)
• 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
![Page 34: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/34.jpg)
Mobile Landscape
There are now 6 major players in the mobile ecosystem:
HP/Palm
Apple
Microsoft
Research in Motion (RIM)
Nokia CCL 미적용, 출처 : appcelerator
![Page 35: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/35.jpg)
• 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
![Page 36: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/36.jpg)
The Solution
Web Developers
Desktop
Netbooks
Tablets
Connected TVs
Handhelds
AppceleratorTitanium
Users
CCL 미적용, 출처 : appcelerator
![Page 37: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/37.jpg)
CCL 미적용, 출처 : wunderlist.com
![Page 38: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/38.jpg)
5CCL 미적용, 출처 :
wunderlist.com
![Page 39: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/39.jpg)
CCL 미적용, 출처 : 6wunderkinder.com
![Page 40: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/40.jpg)
9
![Page 41: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/41.jpg)
3
![Page 42: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/42.jpg)
5/3=1.66Titanium!
![Page 43: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/43.jpg)
Titanium ArchitectureHow to work?
![Page 44: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/44.jpg)
CCL 미적용, 출처 : appcelerator.com
![Page 45: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/45.jpg)
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
![Page 46: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/46.jpg)
≈
CCL 미적용, 출처 : appcelerator.com
![Page 47: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/47.jpg)
CCL 미적용, 출처 : appcelerator.com
![Page 48: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/48.jpg)
!?• 경험담• Navtive App vs. Web App vs. Hybrid ?
• Appcelerator ?
• Titanium ?
![Page 49: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/49.jpg)
http://wiki.appcelerator.org/display/guides/Home
![Page 50: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/50.jpg)
자 드디어 시작!
![Page 51: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/51.jpg)
Titanium Studio둘러보기일단 hello?
![Page 52: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/52.jpg)
Ti 프로젝트 파일/폴더 설명
http://wiki.appcelerator.org/display/guides/The+Application+Project+Structure#TheApplicationProjectStructure-TheProjectFolder
이게 다 뭐래?
![Page 53: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/53.jpg)
app.js이 놈 이름 부터 심상치 않다!
![Page 54: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/54.jpg)
플랫폼 / density 별Resource관리
다 같은 리소스 써야해? No!
![Page 55: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/55.jpg)
Design Conceptview, window, tab의 관계?
![Page 56: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/56.jpg)
Ti Javascript Environment
http://wiki.appcelerator.org/display/guides/The+Titanium+JavaScript+Environment
기존 자바스크립트와 뭐가 달라?
![Page 57: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/57.jpg)
fastdev더 빠른 개발을 원해!
![Page 58: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/58.jpg)
위치, 크기, ... 어떻게?
position,size,color,top,bottom,height,width.
..
![Page 59: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/59.jpg)
더 참조할만한거 없나?
![Page 60: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/60.jpg)
KitchenSink예제 종합 선물 세트!
![Page 61: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/61.jpg)
API reference 및 QnA동영상 강의
이건 좀 부실하지만 더 있어!
http://developer.appcelerator.com/apidoc/mobile/latest
![Page 62: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/62.jpg)
오픈 소스의 무한 확장성Titanium API에 없는건?
https://github.com/appcelerator/titanium_modules
https://gist.github.com/621367#file_image_as_cropped
![Page 63: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/63.jpg)
뭐든 만들어 봅시다!
![Page 64: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/64.jpg)
Titanium 부실한가요?미래는 장미빛인가?
![Page 65: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/65.jpg)
≈
the demand by enterprises for mobile web adaptation platforms will increase at a compound
annual growth rate of 40% through 2014.
"
"
![Page 66: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/66.jpg)
이제 시작에 불과!
![Page 67: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/67.jpg)
Native UI!
확장성!
막강한 툴!
![Page 68: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/68.jpg)
일타쌍피!
짧은 코드!You’ll pend less time coding,and more time playtesting.
![Page 69: Mobile app making with Titanium- by Jong-Eun](https://reader035.vdocuments.mx/reader035/viewer/2022062618/54feb40d4a7959422b8b5412/html5/thumbnails/69.jpg)
감사합니다yomybaby.wordpress.com
@yomybaby