Titanium                              Javascript를 이용한 크로스 플랫폼 App 개발                       Daum                       이종은 ...
11년	 11월	 24일	 목요일   2
2009.11.11년	 11월	 24일	 목요일              3
11년	 11월	 24일	 목요일   4
2010.6.11년	 11월	 24일	 목요일             5
FIFA WORLDCUP 201011년	 11월	 24일	 목요일                        6
11년	 11월	 24일	 목요일   7
b11년	 11월	 24일	 목요일       8
11년	 11월	 24일	 목요일   9
언어 장벽                  시간            object-c   java11년	 11월	 24일	 목요일                 10
11년	 11월	 24일	 목요일   11
조용히	 사라졌죠.                     울!지!마!11년	 11월	 24일	 목요일                            12
더 빨리 개발할 수 없을까?                      일단신속!11년	 11월	 24일	 목요일                    13
Titanium   Appcelerator11년	 11월	 24일	 목요일                             14
출처 : CodeStrong11년	 11월	 24일	 목요일   15
출처 : CodeStrong11년	 11월	 24일	 목요일   16
11년	 11월	 24일	 목요일   17
Appcelerator        “우리는웹개발자가        빠르게        Nativemobile,desktop,tablet        어플리케이션을만들수있도록한다.”11년	 11월	 24일	 목요일    ...
JAVASCRIPT11년	 11월	 24일	 목요일                19
닥치고 Titanium11년	 11월	 24일	 목요일                  20
몸풀기운동으로                             용어살짝!11년	 11월	 24일	 목요일                             21
Tita nium          Tita nium          Tita nium                                        Native App Hybrid App              ...
Titanium에대한일반적인반응11년	 11월	 24일	 목요일                                       23
Titanium은 PhoneGap류?                        아닙니다!!!11년	 11월	 24일	 목요일                          24
오해                     일단,요것부터날려버립시다!11년	 11월	 24일	 목요일                                            25
Write once,              run everywhere.            어떤스마트폰이든웹뷰가있을테니,모든걸웹뷰위에서!                       Write once,        ada...
Titanium Architecture                     어떻게동작하나요?11년	 11월	 24일	 목요일                       27
출처 : Appcelerator                 Desktop is HTML focused   Mobile: JavaScript                 Can use other scripting   i...
Javascript     (Background Thread)          app.js                       var btn = Ti.UI.createButton();                  ...
Titanium Features                     Native UI                            Rich Media APIs                     Real native...
특징#1                     NativeUI                            DomElement11년	 11월	 24일	 목요일                               31
시각적으로구별불가!11년	 11월	 24일	 목요일                                32
Powered      by   Titanium 출처 : CodeStrong11년	 11월	 24일	 목요일   33
iPhone   Android11년	 11월	 24일	 목요일                      34
특징#2                     오픈소스확장성11년	 11월	 24일	 목요일                                      35
Module11년	 11월	 24일	 목요일            36
Titanium = Module의 집합11년	 11월	 24일	 목요일                           37
특징#3                 DevelopmentTools11년	 11월	 24일	 목요일                          38
Debugging11년	 11월	 24일	 목요일               39
Titanium.UI.setBackgroundColor(#000);           var win = Titanium.UI.createWindow({               title:Fast Dev Test,   ...
유용한 자료                     Kitchen Sink                     https://github.com/appcelerator/KitchenSink                   ...
성공사례11년	 11월	 24일	 목요일          42
Wunderlist11년	 11월	 24일	 목요일                43
11년	 11월	 24일	 목요일   44
511년	 11월	 24일	 목요일       45
Marvin) may) look) like) the) boy) living) next) door,) but                                                               ...
5/3=1.66     Platforms       Developers   It’s TITANIUM!11년	 11월	 24일	 목요일                                 47
출처 : 6Wunderkiner11년	 11월	 24일	 목요일                 48
NativeUI!                       확장성!                      막강한툴!11년	 11월	 24일	 목요일                       49
짧은코드!                        빠른개발!                     Less Code   Less Bugs                         One Language         ...
Titanium의 미래?11년	 11월	 24일	 목요일                   51
11년	 11월	 24일	 목요일   52
Open Mobile Marketplace         Marketplace for Titanium-integrated mobile         app components so that you can build ki...
Same Titanium API   Mobile Web SDK              Beta in 1.8            November 2011   Studio Integration                 ...
V8 for Android                         Q4 2011           15x 출처 : CodeStrong                                   2x11년	 11월	...
Declarative UI                         Q1 2012 출처 : CodeStrong11년	 11월	 24일	 목요일                    56
...11년	 11월	 24일	 목요일         57
QnA                     대화의시간11년	 11월	 24일	 목요일                   58
감사합니다.             이종은                                      @yomybaby                                 yomybaby.wordpress.c...
Upcoming SlideShare
Loading in …5
×

{ jscamp : "Hannam" } Titanium - JavaScript를 이용한 크로스 플랫폼 App 개발 - 이종은

1,256 views

Published on

당신은 자바스크립트/이클립스와 친한가요? 아이폰/안드로이드 앱 개발 모두 하고 싶나요? 타이타늄과 함께라면 당신은 이미 준비 완료!

타이타늄이 무엇이고 얼마나 도움이 될지 살짝 소개 해봅니다.

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,256
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
1
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • 회사의 비전. (우리는 “세상을 즐겁게 만든다.”)\n
  • 실례를 하나 살펴보죠.\n
  • 모바일의 경우 javascript\n
  • \n
  • 설명\n
  • \n
  • Titanium에 대해 본격적으로 이야기 해보기 앞서\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Ti.App.fireEvent(“asfda”,{});\nwebview.evalJS(“\n
  • Ti.App.fireEvent(“asfda”,{});\nwebview.evalJS(“\n
  • 기본 전급방식의 차이!\n
  • 기본 전급방식의 차이!\n
  • 기본 전급방식의 차이!\n
  • 기본 전급방식의 차이!\n
  • 기본 전급방식의 차이!\n
  • 기본 전급방식의 차이!\n
  • 자바스크립트로 짜는데 앱이 된다 어떻게?\n
  • desktop : wunderlist, hosu\n
  • desktop : wunderlist, hosu\n
  • desktop : wunderlist, hosu\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • 게다가 Native UI를 사용하기 때문에 Native에서 지원하는 다양한 animation기능을 쉽게 사용 가능합니다.\n
  • 미국 아이패드 무료앱에서 1위를 달리던 이 앱 또한 Titanium으로 제작 되었습니다.\n
  • 네이티브를 쓰기 때문에 다른 모습!\n각 플랫폼의 사용자에게 익숙한건 결국 네이티브UI 라는 점에서 장점\nphonegap과의 접근 방식에서의 차이에서처럼 특이점들은 그대로 살림\n
  • open source이기 때문에 기능 추가등은 간단한건 당연하다.\n
  • Titanium은 모듈의 집합\n
  • Titanium은 모듈의 집합\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • OSMU까지는 아니더라도 많은 부분을 그대로 쓸수 있다.\n
  • OSMU까지는 아니더라도 많은 부분을 그대로 쓸수 있다.\n
  • OSMU까지는 아니더라도 많은 부분을 그대로 쓸수 있다.\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Market place\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • JavaScriptCore in IOS, Rhino 1.7 R3 CVS for Android\n비동기, UI는 main thread에서 , JS는 BG thread에서\nUI는 JS가 실행되기를 기다리지 않는다, JS는 UI를 기다릴 때도 있다.\n
  • JavaScriptCore in IOS, Rhino 1.7 R3 CVS for Android\n비동기, UI는 main thread에서 , JS는 BG thread에서\nUI는 JS가 실행되기를 기다리지 않는다, JS는 UI를 기다릴 때도 있다.\n
  • JavaScriptCore in IOS, Rhino 1.7 R3 CVS for Android\n비동기, UI는 main thread에서 , JS는 BG thread에서\nUI는 JS가 실행되기를 기다리지 않는다, JS는 UI를 기다릴 때도 있다.\n
  • JavaScriptCore in IOS, Rhino 1.7 R3 CVS for Android\n비동기, UI는 main thread에서 , JS는 BG thread에서\nUI는 JS가 실행되기를 기다리지 않는다, JS는 UI를 기다릴 때도 있다.\n
  • JavaScriptCore in IOS, Rhino 1.7 R3 CVS for Android\n비동기, UI는 main thread에서 , JS는 BG thread에서\nUI는 JS가 실행되기를 기다리지 않는다, JS는 UI를 기다릴 때도 있다.\n
  • { jscamp : "Hannam" } Titanium - JavaScript를 이용한 크로스 플랫폼 App 개발 - 이종은

    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 출처 : http://www.appcelerant.com/11년 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(){ tab.open(fastDevWin,{animated:false}); },500) }); tab.open(fastDevWin); }); var tabGroup = Titanium.UI.createTabGroup(); tabGroup.addTab(tab); tabGroup.open();11년 11월 24일 목요일 40
    41. 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/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 yomybaby.wordpress.com 로고나 출처가 표기된 정보를 제외하고, 본 자료의 저작물은 크리에이티브 커먼즈 저작자표시 2.0 대한민국 라이선스에 따라 이용하실수 있습니다.11년 11월 24일 목요일 59

    ×