mobile app making with titanium- by jong-eun
DESCRIPTION
Creative Commons Korea에서 개최하는 배워서 남주는 공작실 시리즈.2011년 7월 9일 토요일에 열렸습니다." 無에서 모바일 앱 창조하기", 이종은, Titanium을 사용한 모바일 앱 만들기 수업의 강의록입니다.TRANSCRIPT
無에서 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.
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
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