Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

[Jscamp] Titanium - Javascript를 이용한 크로스 플랫폼 앱 개발


Published on

jscamp에서 발표한 Titanium관련 발표자료입니다.

Published in: Technology
  • Be the first to comment

[Jscamp] Titanium - Javascript를 이용한 크로스 플랫폼 앱 개발

  1. 1. Titanium Javascript를 이용한 크로스 플랫폼 App 개발 Daum 이종은 Titan11년 11월 24일 목요일 1
  2. 2. 11년 11월 24일 목요일 2
  3. 3. 2009.11.11년 11월 24일 목요일 3
  4. 4. 11년 11월 24일 목요일 4
  5. 5. 2010.6.11년 11월 24일 목요일 5
  6. 6. FIFA WORLDCUP 201011년 11월 24일 목요일 6
  7. 7. 11년 11월 24일 목요일 7
  8. 8. b11년 11월 24일 목요일 8
  9. 9. 11년 11월 24일 목요일 9
  10. 10. 언어 장벽 시간 object-c java11년 11월 24일 목요일 10
  11. 11. 11년 11월 24일 목요일 11
  12. 12. 조용히 사라졌죠. 울!지!마!11년 11월 24일 목요일 12
  13. 13. 더 빨리 개발할 수 없을까? 일단신속!11년 11월 24일 목요일 13
  14. 14. Titanium Appcelerator11년 11월 24일 목요일 14
  15. 15. 출처 : CodeStrong11년 11월 24일 목요일 15
  16. 16. 출처 : CodeStrong11년 11월 24일 목요일 16
  17. 17. 11년 11월 24일 목요일 17
  18. 18. Appcelerator “우리는웹개발자가 빠르게 Nativemobile,desktop,tablet 어플리케이션을만들수있도록한다.”11년 11월 24일 목요일 18
  19. 19. JAVASCRIPT11년 11월 24일 목요일 19
  20. 20. 닥치고 Titanium11년 11월 24일 목요일 20
  21. 21. 몸풀기운동으로 용어살짝!11년 11월 24일 목요일 21
  22. 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 출처 :년 11월 24일 목요일 22
  23. 23. Titanium에대한일반적인반응11년 11월 24일 목요일 23
  24. 24. Titanium은 PhoneGap류? 아닙니다!!!11년 11월 24일 목요일 24
  25. 25. 오해 일단,요것부터날려버립시다!11년 11월 24일 목요일 25
  26. 26. Write once, run everywhere. 어떤스마트폰이든웹뷰가있을테니,모든걸웹뷰위에서! Write once, adapt everywhere. 폰마다다른특이점/장점을받아들여서!11년 11월 24일 목요일 26
  27. 27. Titanium Architecture 어떻게동작하나요?11년 11월 24일 목요일 27
  28. 28. 출처 : Appcelerator Desktop is HTML focused Mobile: JavaScript Can use other scripting interpreted at runtime languages JavaScript API native APIs11년 11월 24일 목요일 28
  29. 29. Javascript (Background Thread) app.js var btn = Ti.UI.createButton(); Titanium Javascript API Bridge (JS - Native) Native (Main Thread) instance TiUIButton Class11년 11월 24일 목요일 29
  30. 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출처 : Appcelerator11년 11월 24일 목요일 30
  31. 31. 특징#1 NativeUI DomElement11년 11월 24일 목요일 31
  32. 32. 시각적으로구별불가!11년 11월 24일 목요일 32
  33. 33. Powered by Titanium 출처 : CodeStrong11년 11월 24일 목요일 33
  34. 34. iPhone Android11년 11월 24일 목요일 34
  35. 35. 특징#2 오픈소스확장성11년 11월 24일 목요일 35
  36. 36. Module11년 11월 24일 목요일 36
  37. 37. Titanium = Module의 집합11년 11월 24일 목요일 37
  38. 38. 특징#3 DevelopmentTools11년 11월 24일 목요일 38
  39. 39. Debugging11년 11월 24일 목요일 39
  40. 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(){,{animated:false}); },500) });; }); var tabGroup = Titanium.UI.createTabGroup(); tabGroup.addTab(tab);;11년 11월 24일 목요일 40
  41. 41. 유용한 자료 Kitchen Sink Mobile API Reference apidoc/mobile/latest Wiki display/guides/Home11년 11월 24일 목요일 41
  42. 42. 성공사례11년 11월 24일 목요일 42
  43. 43. Wunderlist11년 11월 24일 목요일 43
  44. 44. 11년 11월 24일 목요일 44
  45. 45. 511년 11월 24일 목요일 45
  46. 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. 47. 5/3=1.66 Platforms Developers It’s TITANIUM!11년 11월 24일 목요일 47
  48. 48. 출처 : 6Wunderkiner11년 11월 24일 목요일 48
  49. 49. NativeUI! 확장성! 막강한툴!11년 11월 24일 목요일 49
  50. 50. 짧은코드! 빠른개발! Less Code Less Bugs One Language One Tool11년 11월 24일 목요일 50
  51. 51. Titanium의 미래?11년 11월 24일 목요일 51
  52. 52. 11년 11월 24일 목요일 52
  53. 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 출처 : CodeStrong11년 11월 24일 목요일 53
  54. 54. Same Titanium API Mobile Web SDK Beta in 1.8 November 2011 Studio Integration Produces Mobile Web Site 출처 : CodeStrong11년 11월 24일 목요일 54
  55. 55. V8 for Android Q4 2011 15x 출처 : CodeStrong 2x11년 11월 24일 목요일 55
  56. 56. Declarative UI Q1 2012 출처 : CodeStrong11년 11월 24일 목요일 56
  57. 57. ...11년 11월 24일 목요일 57
  58. 58. QnA 대화의시간11년 11월 24일 목요일 58
  59. 59. 감사합니다. 이종은 @yomybaby 로고나 출처가 표기된 정보를 제외하고, 본 자료의 저작물은 크리에이티브 커먼즈 저작자표시 2.0 대한민국 라이선스에 따라 이용하실수 있습니다.11년 11월 24일 목요일 59