• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
{ jscamp : "Hannam" } Titanium - JavaScript를 이용한 크로스 플랫폼 App 개발 - 이종은
 

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

on

  • 1,063 views

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

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

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

Statistics

Views

Total Views
1,063
Views on SlideShare
1,058
Embed Views
5

Actions

Likes
1
Downloads
1
Comments
0

1 Embed 5

http://paper.li 5

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \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 개발 - 이종은 { jscamp : "Hannam" } Titanium - JavaScript를 이용한 크로스 플랫폼 App 개발 - 이종은 Presentation Transcript

  • Titanium Javascript를 이용한 크로스 플랫폼 App 개발 Daum 이종은 Titan11년 11월 24일 목요일 1
  • 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일 목요일 18
  • JAVASCRIPT11년 11월 24일 목요일 19
  • 닥치고 Titanium11년 11월 24일 목요일 20
  • 몸풀기운동으로 용어살짝!11년 11월 24일 목요일 21
  • 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
  • Titanium에대한일반적인반응11년 11월 24일 목요일 23
  • Titanium은 PhoneGap류? 아닙니다!!!11년 11월 24일 목요일 24
  • 오해 일단,요것부터날려버립시다!11년 11월 24일 목요일 25
  • Write once, run everywhere. 어떤스마트폰이든웹뷰가있을테니,모든걸웹뷰위에서! Write once, adapt everywhere. 폰마다다른특이점/장점을받아들여서!11년 11월 24일 목요일 26
  • Titanium Architecture 어떻게동작하나요?11년 11월 24일 목요일 27
  • 출처 : Appcelerator Desktop is HTML focused Mobile: JavaScript Can use other scripting interpreted at runtime languages JavaScript API >> native APIs11년 11월 24일 목요일 28
  • 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
  • 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
  • 특징#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, 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
  • 유용한 자료 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
  • 성공사례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 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
  • 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 One Tool11년 11월 24일 목요일 50
  • Titanium의 미래?11년 11월 24일 목요일 51
  • 11년 11월 24일 목요일 52
  • 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
  • Same Titanium API Mobile Web SDK Beta in 1.8 November 2011 Studio Integration Produces Mobile Web Site 출처 : CodeStrong11년 11월 24일 목요일 54
  • V8 for Android Q4 2011 15x 출처 : CodeStrong 2x11년 11월 24일 목요일 55
  • Declarative UI Q1 2012 출처 : CodeStrong11년 11월 24일 목요일 56
  • ...11년 11월 24일 목요일 57
  • QnA 대화의시간11년 11월 24일 목요일 58
  • 감사합니다. 이종은 @yomybaby yomybaby.wordpress.com 로고나 출처가 표기된 정보를 제외하고, 본 자료의 저작물은 크리에이티브 커먼즈 저작자표시 2.0 대한민국 라이선스에 따라 이용하실수 있습니다.11년 11월 24일 목요일 59