狠狠撸

Appcelerator Titanium簡介
李易修
旅?人?一番 UX Lead & Co-funder

李易修
? 旅?人?一番 UX Lead & Co-funder
? 台灣使?用者經驗設計協會(UiGathering)
創會成員及理事
? http://www.lis186.com
? twitter: lis186

智慧型?手机与平板已经是主流

不同的平台，不同的開發?工具和程式語?言
vs

要接觸90%的?用?戶，?至少得開發iOS和Android App
Others
10%
iOS
20%
Android
70%
strategy analytics (2012 Q4)

多平台?支援代表?高昂的开发成本

Appcelerator Titanium跨平台?行動應?用框架

只需要维护?一套程式码，就能发佈到多个平台

闯补惫补蝉肠谤颈辫迟是最常被使?用的程式语?言之?一

罢颈迟补苍颈耻尘让你也可以?用闯补惫补蝉肠谤颈辫迟写础辫辫

Titanium的運作原理
OS (iPhone/Android)
Application Runtime
Javascript Runtime
Application Code
Native Module
Titanium Module
Titanium Kernel
JS Module
Native Module

罢颈迟补苍颈耻尘提供超过5000项础笔滨

無需重造輪?子，直接使?用原?生UI
HTML5 Native UI

?大部份的程式碼可共?用
var win = Ti.UI.createWindow({
title: 'New Fugitive',
backgroundColor: '#fff',
layout: 'vertical',
modal: true
});
var textField = Ti.UI.createTextField({
top: 10,
width: '90%',
value: 'Kevin Whinnery'
});
win.add(textField);
var button = Ti.UI.createButton({
top: 10,
title: 'Save'
});
win.add(button);
if(Ti.Platform.osname == 'iphone'){
win.rightNavButton = Ti.UI.createButton({title: 'Close'});
textField.borderStyle = Ti.UI.INPUT_BORDERSTYLE_ROUNDED;
}
win.open();
iPhone Android

針對平台最佳化
var toolbar = Titanium.UI.iOS.createToolbar({
items:[refresh, check, star, filter, edit]
});
var actionBar = win.activity.actionBar({
logo: “logo.png”
});
iPhone ToolBar Android ActionBar

完整的開發環境－Titanium Studio

提供Titanium CLI－?方便與其他開發?工具整合

易於維護的MVC框架－Titanium Alloy

多樣化的擴充選擇－Open Market Place

雲端環境Appcelerator Cloud Service (ACS)

總結
? 使?用?用途廣泛的Javascript開發跨平台App
? 原?生使?用者界?面效能良好，且具備擴充性
? 完整的开发环境和云端服务

謝謝指教！
? 旅?人?一番 UX Lead & Co-funder
? 台灣使?用者經驗設計協會(UiGathering)
創會成員及理事
? http://www.lis186.com
? twitter: lis186
李易修

狠狠撸

[ICOS2013] Appcelerator Titanium簡介

Recommended

More Related Content

What's hot (20)

Similar to [ICOS2013] Appcelerator Titanium簡介 (20)

More from Justin Lee (20)

[ICOS2013] Appcelerator Titanium簡介