TitaniumJavascript를 이용한 크로스 플랫폼 App 개발

Daum이종은

Titan

111년 11월 24일 목요일

�F 조금은 슬픈 이야기!

211년 11월 24일 목요일

2009.11.

311년 11월 24일 목요일

411년 11월 24일 목요일

2010.6.

511년 11월 24일 목요일

FIFA WORLDCUP 2010

611년 11월 24일 목요일

711년 11월 24일 목요일

b

811년 11월 24일 목요일

911년 11월 24일 목요일

언어 장벽

javaobject-c

시간

1011년 11월 24일 목요일

�=

��

�

3(

(!

1111년 11월 24일 목요일

조용히 사라졌죠.울!����������� ������������������  지!����������� ������������������  마!

1211년 11월 24일 목요일

더 빨리 개발할 수 없을까?일단����������� ������������������  신속!

1311년 11월 24일 목요일

Titanium Appcelerator

1411년 11월 24일 목요일

출처 : CodeStrong

1511년 11월 24일 목요일

출처 : CodeStrong

1611년 11월 24일 목요일

1711년 11월 24일 목요일

“우리는����������� ������������������  웹����������� ������������������  개발자가

빠르게Native����������� ������������������  mobile,desktop,tablet

어플리케이션을����������� ������������������  만들����������� ������������������  수����������� ������������������  있도록����������� ������������������  한다.”

Appcelerator

1811년 11월 24일 목요일

JAVASCRIPT

1911년 11월 24일 목요일

닥치고 Titanium

2011년 11월 24일 목요일

용어����������� ������������������  살짝!몸풀기����������� ������������������  운동으로����������� ������������������  

2111년 11월 24일 목요일

Definition

User Interface

Device Capabilities

Platforms(Company)

iOS

iOS

Native code Wrappedmobile website

iOS(limited)

Apple, Google PhoneGap,Appspresso

Sencha,JQ Mobile

(limited)

Mobile browser

Hybrid App MobileWebsite

Native App

TitaniumTitanium

Titanium

출처 : http://www.appcelerant.com/

2211년 11월 24일 목요일

Titanium에����������� ������������������  대한����������� ������������������  일반적인����������� ������������������  반응

2311년 11월 24일 목요일

Titanium은 PhoneGap류?

아닙니다!!!

2411년 11월 24일 목요일

오해일단,����������� ������������������  요것부터����������� ������������������  날려����������� ������������������  버립시다!

2511년 11월 24일 목요일

Write once,

run everywhere.

Write once,

adapt everywhere.

어떤����������� ������������������  스마트����������� ������������������  폰이든����������� ������������������  웹뷰가����������� ������������������  있을테니,����������� ������������������  모든걸����������� ������������������  웹뷰����������� ������������������  위에서!

폰마다����������� ������������������  다른����������� ������������������  특이점/장점을����������� ������������������  받아들여서!

2611년 11월 24일 목요일

Titanium Architecture어떻게����������� ������������������  동작하나요?

2711년 11월 24일 목요일

Mobile: JavaScript interpreted at runtimeJavaScript API >> native APIs

Desktop is HTML focused

Can use other scripting languages

출처 : Appcelerator

2811년 11월 24일 목요일

Javascript (Background Thread)

Titanium Javascript API

var btn = Ti.UI.createButton();

app.js

Native (Main Thread)

Bridge (JS - Native)

TiUIButton Classinstance

2911년 11월 24일 목요일

Titanium FeaturesNative UI

Location APIs

Local and Remote Data

Social APIs

Rich Media APIs

Open Source and Extensible

Integrated Analytics

Development Tools

Real native tables, tabs, sliders,and views

Native Maps, Compass, and Geolocation

Local SQL Database, LightweightKey/Value Store, XHR

Integrated Facebook Connectand YQL

Local and streaming audio andvideo, media recording

Extend Titanium with custommodules in native code

Baked-in analytics APIs to measureresults and behavior

Develop and distribute your app formultiple platforms from a single tool

출처 : Appcelerator

3011년 11월 24일 목요일

Native����������� ������������������  UI특징����������� ������������������  #1

Dom����������� ������������������  Element

3111년 11월 24일 목요일

시각적으로����������� ������������������  구별����������� ������������������  불가!

3211년 11월 24일 목요일

Poweredby

Titanium

출처 : CodeStrong

3311년 11월 24일 목요일

iPhone Android

3411년 11월 24일 목요일

오픈����������� ������������������  소스����������� ������������������  &����������� ������������������  확장성특징����������� ������������������  #2

3511년 11월 24일 목요일

Module

3611년 11월 24일 목요일

Titanium = Module의 집합

3711년 11월 24일 목요일

Development����������� ������������������  Tools특징����������� ������������������  #3

3811년 11월 24일 목요일

Debugging

3911년 11월 24일 목요일

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();

4011년 11월 24일 목요일

Kitchen Sinkhttps://github.com/appcelerator/KitchenSink

Mobile API Referencehttp://developer.appcelerator.com/apidoc/mobile/latest

유용한 자료

Wikihttp://wiki.appcelerator.org/display/guides/Home

4111년 11월 24일 목요일

성공사례

4211년 11월 24일 목요일

Wunderlist

4311년 11월 24일 목요일

4411년 11월 24일 목요일

54511년 11월 24일 목요일

WunderlistWunderlist is a finalist in the Vodafone Mobile Clicks Competition. is a finalist in the Vodafone Mobile Clicks Competition. Please vote for us!Please vote for us!

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

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.

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.

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.

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

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.

There) is) almost) nothing) that) Jan) could) not) achieve

with)his)imagination)and)a)few)hours)on)Photoshop.

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

;)

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!

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.

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):)

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

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

med)fløde“)is)much)easier)to)eat) than)to)pronounce.

Bon)appetit.

We)are)constantly)searching)for)new)talent)to)realize

our) next) big) idea) and) we) hired) Marcus) to) do) the

investigative) work.) Everyone) wants) to) work) at

6Wunderkinder) these) days.) He) receives) up) to) one

hundred) applications) per) day,) but) his) bright) eyes

always) find) the) right) one.) He) also) has) a) very) nice

voice.) Do) you)want) to) hear) it?) Then) apply) now) by

sending) an) email) to) jobs@6wunderkinder.com) and

maybe)you‘ll)be) lucky)enough) to) speak)with)him)at

an)interview.

Did)you)ever)get)to)know)the)guy)on)the)other)side)of

your) support) ticket.) Meet) Eric,) our) community

manager.) He) helps) repairing) all) the) things) that) we

(and)you):))break)all)the)day.)He)is)diligent,)fast)and

always) friendly.)We) say) thank) you) for) over) 10,000

answered) customer) and) fan) queries) on) Facebook,

Twitter) and) in) our) support) forum.) No,) he) really

cannot) tell) you) when) Wunderkit) will) be) launched.

Yes,)we)will)send)you)a)mail)as)soon)as)we‘re)ready.

Every) software) startup) needs) that) one) guy) that) has

seen) it)all)before.)Sebastian)knows)everything)about

the)cloud)and)the)right)server)setup.)Despite)the)fact

that)he)is)the)“oldest“)Wunderkind)in)the)office,)he)is

always) the) first)when) it) comes) to) implementing) the

latest)technologies.)With)the)help)of)his)development

team) he) makes) our) dreams) come) true.) Back) in) the

day) he) had) his) own) rock) band) and) he) still) has) an

excellent)taste)in)music.)Rock)on,)dude!

Imprint Privacy Policy Press Jobs Support

6)Wunderkinder)GmbH)©)2011)All)Rights)Reserved.

WunderlistWunderlist is a finalist in the Vodafone Mobile Clicks Competition. is a finalist in the Vodafone Mobile Clicks Competition. Please vote for us!Please vote for us!

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

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.

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.

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.

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

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.

There) is) almost) nothing) that) Jan) could) not) achieve

with)his)imagination)and)a)few)hours)on)Photoshop.

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

;)

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!

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.

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):)

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

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

med)fløde“)is)much)easier)to)eat) than)to)pronounce.

Bon)appetit.

We)are)constantly)searching)for)new)talent)to)realize

our) next) big) idea) and) we) hired) Marcus) to) do) the

investigative) work.) Everyone) wants) to) work) at

6Wunderkinder) these) days.) He) receives) up) to) one

hundred) applications) per) day,) but) his) bright) eyes

always) find) the) right) one.) He) also) has) a) very) nice

voice.) Do) you)want) to) hear) it?) Then) apply) now) by

sending) an) email) to) jobs@6wunderkinder.com) and

maybe)you‘ll)be) lucky)enough) to) speak)with)him)at

an)interview.

Did)you)ever)get)to)know)the)guy)on)the)other)side)of

your) support) ticket.) Meet) Eric,) our) community

manager.) He) helps) repairing) all) the) things) that) we

(and)you):))break)all)the)day.)He)is)diligent,)fast)and

always) friendly.)We) say) thank) you) for) over) 10,000

answered) customer) and) fan) queries) on) Facebook,

Twitter) and) in) our) support) forum.) No,) he) really

cannot) tell) you) when) Wunderkit) will) be) launched.

Yes,)we)will)send)you)a)mail)as)soon)as)we‘re)ready.

Every) software) startup) needs) that) one) guy) that) has

seen) it)all)before.)Sebastian)knows)everything)about

the)cloud)and)the)right)server)setup.)Despite)the)fact

that)he)is)the)“oldest“)Wunderkind)in)the)office,)he)is

always) the) first)when) it) comes) to) implementing) the

latest)technologies.)With)the)help)of)his)development

team) he) makes) our) dreams) come) true.) Back) in) the

day) he) had) his) own) rock) band) and) he) still) has) an

excellent)taste)in)music.)Rock)on,)dude!

Imprint Privacy Policy Press Jobs Support

6)Wunderkinder)GmbH)©)2011)All)Rights)Reserved.

93employeesdevelopers

4611년 11월 24일 목요일

5 =1.66Platforms

/3Developers It’s TITANIUM!

4711년 11월 24일 목요일

출처 : 6Wunderkiner

4811년 11월 24일 목요일

Native����������� ������������������  UI!확장성!

막강한����������� ������������������  툴!

4911년 11월 24일 목요일

짧은����������� ������������������  코드!빠른����������� ������������������  개발!

Less Code Less BugsOne Language

One Tool

5011년 11월 24일 목요일

Titanium의 미래?

5111년 11월 24일 목요일

5211년 11월 24일 목요일

Open Mobile Marketplace

Shop Now

Marketplace for Titanium-integrated mobileapp components so that you can build killerapps. Fast.

BeautifulDesign Elements

AmazingModules

RobustTemplates

UnbelievableWeb Services

Blog | Twitter | Privacy Policy | Legal Information

© 2008-2011 Appcelerator Inc. All rights reserved. Appcelerator is a registered trademark. Powered by AppDirect ©2009-2011

Products

Titanium Platform

Titanium Studio

Titanium Mobile

Titanium Desktop

Titanium+Plus Modules

Titanium+Commerce

Titanium+Geo

Titanium Analytics

The Native Advantage

Plans & Pricing

Services

Support

Professional Services

Training & Certification

Partners

Case Studies

Partner Companies

Testimonials

Showcase

Applications Showcase

Videos

About Appcelerator, Inc.

Leadership Team

Investors & Board

News & Press

Survey Results

Awards

Jobs

Appcelerant Blog

How To Buy

Contact Us

Developer Center

출처 : CodeStrong

5311년 11월 24일 목요일

Same Titanium API

Studio Integration

Produces Mobile Web Site

Mobile Web SDK Beta in 1.8

November 2011

출처 : CodeStrong

5411년 11월 24일 목요일

V8 for Android Q4 2011

15x 2x 출처 : CodeStrong

5511년 11월 24일 목요일

Declarative UI Q1 2012

출처 : CodeStrong

5611년 11월 24일 목요일

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

대화의����������� ������������������  시간QnA

5811년 11월 24일 목요일

감사합니다.로고나 출처가 표기된 정보를 제외하고, 본 자료의 저작물은

크리에이티브 커먼즈 저작자표시 2.0 대한민국 라이선스에 따라 이용하실수 있습니다.

이종은@yomybaby

yomybaby.wordpress.com

5911년 11월 24일 목요일