당신은 자바스크립트/이클립스와 친한가요? 아이폰/안드로이드 앱 개발 모두 하고 싶나요? 타이타늄과 함께라면 당신은 이미 준비 완료! 타이타늄이 무엇이고 얼마나 도움이 될지 살짝 소개 해봅니다.

1. Titanium
Javascript를 이용한 크로스 플랫폼 App 개발
Daum
이종은
Titan
11년 11월 24일 목요일 1

2. 11년 11월 24일 목요일 2

3. 2009.11.
11년 11월 24일 목요일 3

4. 11년 11월 24일 목요일 4

5. 2010.6.
11년 11월 24일 목요일 5

6. FIFA WORLDCUP 2010
11년 11월 24일 목요일 6

7. 11년 11월 24일 목요일 7

8. b
11년 11월 24일 목요일 8

9. 11년 11월 24일 목요일 9

10. 언어 장벽 시간
object-c java
11년 11월 24일 목요일 10

11. 11년 11월 24일 목요일 11

12. 조용히 사라졌죠.
울!지!마!
11년 11월 24일 목요일 12

13. 더 빨리 개발할 수 없을까?
일단신속!
11년 11월 24일 목요일 13

14. Titanium Appcelerator
11년 11월 24일 목요일 14

15. 출처 : CodeStrong
11년 11월 24일 목요일 15

16. 출처 : CodeStrong
11년 11월 24일 목요일 16

17. 11년 11월 24일 목요일 17

18. Appcelerator
“우리는웹개발자가
빠르게
Nativemobile,desktop,tablet
어플리케이션을만들수있도록한다.”
11년 11월 24일 목요일 18

19. JAVASCRIPT
11년 11월 24일 목요일 19

20. 닥치고 Titanium
11년 11월 24일 목요일 20

21. 몸풀기운동으로
용어살짝!
11년 11월 24일 목요일 21

22. Tita nium Tita nium Tita nium
Native App Hybrid App Mobile
Website
Wrapped
Definition Native code Mobile browser
mobile website
User
Interface iOS
Device
Capabilities
iOS iOS
(limited) (limited)
Platforms PhoneGap, Sencha,
Apple, Google
(Company) Appspresso JQ Mobile
출처 : http://www.appcelerant.com/
11년 11월 24일 목요일 22

23. Titanium에대한일반적인반응
11년 11월 24일 목요일 23

24. Titanium은 PhoneGap류?
아닙니다!!!
11년 11월 24일 목요일 24

25. 오해
일단,요것부터날려버립시다!
11년 11월 24일 목요일 25

26. Write once,
run everywhere.
어떤스마트폰이든웹뷰가있을테니,모든걸웹뷰위에서!
Write once,
adapt everywhere.
폰마다다른특이점/장점을받아들여서!
11년 11월 24일 목요일 26

27. Titanium Architecture
어떻게동작하나요?
11년 11월 24일 목요일 27

28. 출처 : Appcelerator
Desktop is HTML focused Mobile: JavaScript
Can use other scripting interpreted at runtime
languages JavaScript API native APIs
11년 11월 24일 목요일 28

29. Javascript (Background Thread) app.js
var btn = Ti.UI.createButton();
Titanium Javascript API
Bridge (JS - Native)
Native (Main Thread)
instance
TiUIButton Class
11년 11월 24일 목요일 29

30. Titanium Features
Native UI Rich Media APIs
Real native tables, tabs, sliders, Local and streaming audio and
and views video, media recording
Location APIs Open Source and Extensible
Native Maps, Compass, and Extend Titanium with custom
Geolocation modules in native code
Local and Remote Data Integrated Analytics
Local SQL Database, Lightweight Baked-in analytics APIs to measure
Key/Value Store, XHR results and behavior
Social APIs Development Tools
Integrated Facebook Connect Develop and distribute your app for
and YQL multiple platforms from a single tool
출처 : Appcelerator
11년 11월 24일 목요일 30

31. 특징#1
NativeUI
DomElement
11년 11월 24일 목요일 31

32. 시각적으로구별불가!
11년 11월 24일 목요일 32

33. Powered
by
Titanium
출처 : CodeStrong
11년 11월 24일 목요일 33

34. iPhone Android
11년 11월 24일 목요일 34

35. 특징#2
오픈소스확장성
11년 11월 24일 목요일 35

36. Module
11년 11월 24일 목요일 36

37. Titanium = Module의 집합
11년 11월 24일 목요일 37

38. 특징#3
DevelopmentTools
11년 11월 24일 목요일 38

39. Debugging
11년 11월 24일 목요일 39

40. Titanium.UI.setBackgroundColor('#000');
var win = Titanium.UI.createWindow({
title:'Fast Dev Test',
backgroundColor:'#fff'
});
var btn = Ti.UI.createButton({
title:'fastdev Window 열기',
width:200,
height:20,
});
win.add(btn);
var tab = Ti.UI.createTab({
title:'Fast Dev Test',
window:win
});
btn.addEventListener('click', function(){
var fastDevWin = Titanium.UI.createWindow({
url: 'fastDev.js'
});
fastDevWin.addEventListener('close',function(){
setTimeout(function(){
tab.open(fastDevWin,{animated:false});
},500)
});
tab.open(fastDevWin);
});
var tabGroup = Titanium.UI.createTabGroup();
tabGroup.addTab(tab);
tabGroup.open();
11년 11월 24일 목요일 40

41. 유용한 자료
Kitchen Sink
https://github.com/appcelerator/KitchenSink
Mobile API Reference
http://developer.appcelerator.com/
apidoc/mobile/latest
Wiki
http://wiki.appcelerator.org/
display/guides/Home
11년 11월 24일 목요일 41

42. 성공사례
11년 11월 24일 목요일 42

43. Wunderlist
11년 11월 24일 목요일 43

44. 11년 11월 24일 목요일 44

45. 5
11년 11월 24일 목요일 45

46. Marvin) may) look) like) the) boy) living) next) door,) but
really,)this)guy)is)a)total)machine!)He)is)one)hell)of)a
front) end) developer) and,) as) the) coffee) cups) on) the
picture) indicate,) he) works) at) lightening) speed.
Thanks) to) him,) you) can) look) at) this) page) even) with
your) old) IE6) browser.) However,) he) really) suggests
that)you)should)upgrade!
@christianreber
Christian) always) thinks) big) and) dreams) about
conquering) the) online) business) world.) At) the) age) of
20,)he)took)his)first)steps)into)the)startup)scene)with)a
9
3
music) service) called) Mucelli.) In) 2008,) he) founded
Innovatics,)a)web)and)design)agency)based)in)Berlin,
Germany.) As) the) CEO) of) 6Wunderkinder,) he) is) still
the)driving)force)behind)our)team.)And)in)his)heart,
he) still) is) the) hardcore) techie) he) was) back) in) the
earlier)days.
This) man) cannot) be) stopped!) Not) only) is) he) the
strongest) of) the) 6Wunderkinder,) but) he) is) also) our
technical) director.) Daniel) creates) our) system
architecture,) builds) the) databases) and) makes) sure
that) everything) works) just) the) way) it‘s) supposed) to.
And) if) there) is) just) one) mistake) in) the) system,) he
would) tear) everything) into) pieces) and) start) all) over
again.) However,) Daniel) is) still) the) nicest) guy) you
could)ever)meet.
Charlette)is)the)sunshine)of)the)team.)She)is)the)goIto
woman) when) it) comes) to) statistics,) graphs) and
analysis.)She)is)our)allIstar)number)cruncher.)As)you
are)reading)this,)she)has)probably)tracked)back)your
IP) address) and) analysed) your) preferences,) your
social)media)profile)and)your)haircut.)But)you)don‘t
have)to)worry.)She)can)keep)a)secret.
Sometimes) Dennis) dreams) in) code) and) speaks) in
tags.) Give) him) a) notebook) and) enough) candy) for) a
few)days)and)he)will)create)pretty)remarkable)things
for) you.) When) things) get) difficult,) Dennis) always
seems)to)find)a)way)out.)During)his)time)in)China,)he
became) fascinated) with) Buddhism) and) meditation
techniques.) That) is) probably) the) reason) why) he
smiles)all)the)time):)
Marcel)is)the)kind)of)guy)that)every)company)needs
in)order)to)survive.)From)the)beginning,)he)has)been
responsible) for) all) the) things) that) normally) cause) us
headaches:)phone)calls,)reminders)for)illegal)parking
and) accounting.) We) thank) him) every) day.) In
addition,) he) always) comes) up) with) great) ideas) for
our) online) marketing.) This) whole) “let‘sImakeIsomeI
photosIthing“)was)his)brilliant)idea.
Oh)holy)text,)oh)sweetest)word)
My)pen)seems)flying)like)a)bird)
As)I)put)these)lines)to)paper)
My)heart)just)wants)to)cut)a)caper)
I)hope)you)liked)the)texts)above)
They)came)from)me,)they)came)with)love
Sebastian)has)become)indispensable)to)us)because)he
creates) the) user) interface) design) for) all) of) our
products.) He) is) an) architect) that) first) begins) by
conceptualizing)the)original)idea)and)transforming)it
developers
employees
into)a)beautiful)and)simple)design.)So)if)you)like)the
simplicity)in)Wunderlist)you)know)who)to)thank.)He
accepts)flowers,)back)massages)and)round)trip)tickets
to)Hawaii.
We) don‘t) agree) with) stereotypes,) but) Michael) is
definitely) the) typical) Danish) gentleman:) calm,
friendly) and) pretty) clever.) With) his) deep
understanding) of) code) he) helps) us) to) keep) the
balance) between) the) product) vision) and) the
realization) of) our) projects.) Whenever) there‘s) a
problem) he) always) finds) a) good) solution.) On) his
freetime,) he) tries) to) teach) us) Danish,) but) “Rødgrød
There) is) almost) nothing) that) Jan) could) not) achieve med)fløde“)is)much)easier)to)eat)than)to)pronounce.
with)his)imagination)and)a)few)hours)on)Photoshop. Bon)appetit.
He) creates) all) the) designs) that) you) love.) Ever) since
his)days)at)school,)he)has)wanted)to)become)an)artist
and) that) has) become) a) reality) today.) During) his
studies) in) communication) design) at) the) Design
Academy) Berlin,) he) and) Christian) layed) the
foundation)of)6Wunderkinder.)Oh,)and)by)the)way,)if
you)haven‘t)noticed)ladies,)his)favourite)color)is)blue
;)
11년 11월 24일 목요일 46
We)are)constantly)searching)for)new)talent)to)realize
our) next) big) idea) and) we) hired) Marcus) to) do) the

47. 5/3=1.66
Platforms Developers It’s TITANIUM!
11년 11월 24일 목요일 47

48. 출처 : 6Wunderkiner
11년 11월 24일 목요일 48

49. NativeUI!
확장성!
막강한툴!
11년 11월 24일 목요일 49

50. 짧은코드!
빠른개발!
Less Code Less Bugs
One Language
One Tool
11년 11월 24일 목요일 50

51. Titanium의 미래?
11년 11월 24일 목요일 51

52. 11년 11월 24일 목요일 52

53. Open Mobile Marketplace
Marketplace for Titanium-integrated mobile
app components so that you can build killer
apps. Fast.
Shop Now
Beautiful Amazing Robust Unbelievable
Design Elements Modules Templates Web Services
출처 : CodeStrong
11년 11월 24일 목요일 53

54. Same Titanium API
Mobile Web SDK
Beta in 1.8
November 2011 Studio Integration
Produces Mobile Web Site
출처 : CodeStrong
11년 11월 24일 목요일 54

55. V8 for Android
Q4 2011
15x
출처 : CodeStrong
2x
11년 11월 24일 목요일 55

56. Declarative UI
Q1 2012
출처 : CodeStrong
11년 11월 24일 목요일 56

57. ...
11년 11월 24일 목요일 57

58. QnA
대화의시간
11년 11월 24일 목요일 58

59. 감사합니다. 이종은
@yomybaby
yomybaby.wordpress.com
로고나 출처가 표기된 정보를 제외하고, 본 자료의 저작물은
크리에이티브 커먼즈 저작자표시 2.0 대한민국 라이선스에 따라 이용하실수 있습니다.
11년 11월 24일 목요일 59