Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Titanium, Alloy and ACS
Search
Alco
May 01, 2013
Programming
1
320
Titanium, Alloy and ACS
Slides for my presentation at Paypal: API Meetup #5
Alco
May 01, 2013
Tweet
Share
More Decks by Alco
See All by Alco
GraphQL in 7 days
ricardoalcocer
0
77
Cómo fui de MySQL DB a GraphQL API en 7 días
ricardoalcocer
0
170
Creando aplicaciones que tus usuarios quieran usar
ricardoalcocer
0
110
Aplicaciones cross-platform para escritorio usando Electron
ricardoalcocer
0
120
Encontrando y reteniendo usuarios en un mundo global
ricardoalcocer
0
59
The Quali DevOps Journey
ricardoalcocer
0
130
Advanced Cross-Platform Development
ricardoalcocer
2
1.3k
Titanium Alloy in Action
ricardoalcocer
2
730
Node School Night
ricardoalcocer
2
110
Other Decks in Programming
See All in Programming
スマホで海難事故は防げるか?年間2000件以上の小型船舶の事故に挑むアプリ開発
atsuki_seo
0
120
CSC509 Lecture 02
javiergs
PRO
0
400
CI_CD「健康診断」のススメ。現場でのボトルネック特定から、健康診断を通じた組織的な改善手法
teamlab
PRO
0
150
(Extension DC 2025) Actor境界を越える技術
teamhimeh
1
110
育てるアーキテクチャ:戦い抜くPythonマイクロサービスの設計と進化戦略
fujidomoe
1
150
株式会社 Sun terras カンパニーデック
sunterras
0
170
階層構造を表現するデータ構造とリファクタリング 〜1年で10倍成長したプロダクトの変化と課題〜
yuhisatoxxx
3
810
Breaking Up with Big ViewModels — Without Breaking Your Architecture (droidcon Berlin 2025)
steliosf
PRO
1
270
PostgreSQLで手軽にDuckDBを使う!DuckDB&pg_duckdb入門/osk2025-duckdb
takahashiikki
1
230
AIを活用したレシート読み取り機能の開発から得られた実践知 / AI Receipt Scan Practice
rockname
2
1.5k
Let's Write a Train Tracking Algorithm
twocentstudios
0
220
クラシルを支える技術と組織
rakutek
0
190
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Large-scale JavaScript Application Architecture
addyosmani
513
110k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
Speed Design
sergeychernyshev
32
1.1k
Faster Mobile Websites
deanohume
310
31k
How STYLIGHT went responsive
nonsquared
100
5.8k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6.1k
KATA
mclloyd
32
14k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Being A Developer After 40
akosma
90
590k
Transcript
None
Titanium, Alloy and ACS! Ricardo Alcocer // Platform Evangelist! @ricardoalcocer!
! API Meetup #5 : Mobile API!
About Appcelerator Titanium! • Not a language, but a high-level
Javascript SDK! • Allows you build Native Apps for! – iOS (iPhone, iPod Touch, iPad)! – Android (Phone and Tablet) ! – Mobile Web! – Tizen! – Blackberry 10 (beta)! – Soon for Windows 8! • Free and Open Source!! • It’s Native, NOT web app!
Make sure you download Studio!
h"p://blog.planetargon.com/entries/2010/3/1/designer-‐vs-‐developer
Model Controller View User Routing, decision
making Business logic, data manipulation, etc What the user sees .JS Files .XML + .TSS Files Alloy MVC Framework!
Alloy App Folder Structure!
Create more controllers via Menu Options!
Sample two-tab App!
Running on iOS!
Running on Android 2.x devices!
Running on Android ICS+ devices!
Running on Android ICS+ devices!
Running as MobileWeb!
Cross-platform is much more than being available across platforms! Android
iOS
Native UI, same code-base!
Index.xml!
Index.js!
User Interface Guidelines! h"ps://developer.apple.com/library/ios/#documentaDon/UserExperience/Conceptual/ MobileHIG/IntroducDon/IntroducDon.html h"p://developer.android.com/guide/pracDces/ ui_guidelines/index.html
Native iOS and Andoroid UI Elements! h"p://www.teehanlax.com/blog/ios-‐6-‐gui-‐psd-‐iphone-‐5/ h"p://www.teehanlax.com/blog/android-‐2-‐3-‐4-‐gui-‐psd-‐high-‐density/
The vocabulary is well documented! h"p://docs.appcelerator.com/Dtanium/3.0/#!/api/Titanium.UI.Window
View the source!! h"ps://github.com/appcelerator/KitchenSink/tree/master/Resources
Alloy provides advanced ways of interacting with XML from Javascript!
User Interface Definition!
User Interface Definition! Menu DefiniDon
User Interface Definition! Main View DefiniDon
User Interface Definition! Main View DefiniDon
Open and Close the menu using Javascript : index.js!
Enabling your App for Cloud Services!
Appcelerator Cloud Services! Built-‐in Services • Chats
• Checkins • CollecDons • Events • Data Files • Friends • Key-‐Values • Messages • Custom Objects • Photos • Places • Posts • Reviews • Statuses • Users
Accesible through! • RESTAPI! • Titanium SDK! • iOS SDK!
• Android SDK!
Get Photo using REST API! {! "meta": {! "code": 200,!
"status": "ok",! "method_name": "showPhoto"! },! "response": {! "photos": [! {! "id": "518016b0a49ecc313e0472ba",! "filename": "49345ea4af9a9432c1f4bf2cde34c736.jpeg",! "size": 33682,! "md5": "d8fa7929ab37c29eaa8913060f3caf86",! "created_at": "2013-04-30T19:08:32+0000",! "updated_at": "2013-04-30T19:08:38+0000",! "processed": true,! "user": {! "id": "5180168592512959f5046313",! "created_at": "2013-04-30T19:07:49+0000",! "updated_at": "2013-04-30T19:07:49+0000",! "external_accounts": [],! "confirmed_at": "2013-04-30T19:07:49+0000",! "username": "admin",! "admin": "false"! },! "urls": {! "square_75": "http://storage.cloud.appcelerator.com/rnIOgIlyB34spSHTQ0t0K1r9zTuQ3Fzv/photos/af/86/518016b0a49ecc313e0472bb/49345ea4af9a9432c1f4bf2cde34c736_square_75.jpeg",! "thumb_100": "http://storage.cloud.appcelerator.com/rnIOgIlyB34spSHTQ0t0K1r9zTuQ3Fzv/photos/af/86/518016b0a49ecc313e0472bb/49345ea4af9a9432c1f4bf2cde34c736_thumb_100.jpeg",! "small_240": "http://storage.cloud.appcelerator.com/rnIOgIlyB34spSHTQ0t0K1r9zTuQ3Fzv/photos/af/86/518016b0a49ecc313e0472bb/49345ea4af9a9432c1f4bf2cde34c736_small_240.jpeg",! "medium_500": "http://storage.cloud.appcelerator.com/rnIOgIlyB34spSHTQ0t0K1r9zTuQ3Fzv/photos/af/86/518016b0a49ecc313e0472bb/49345ea4af9a9432c1f4bf2cde34c736_medium_500.jpeg",! "medium_640": "http://storage.cloud.appcelerator.com/rnIOgIlyB34spSHTQ0t0K1r9zTuQ3Fzv/photos/af/86/518016b0a49ecc313e0472bb/49345ea4af9a9432c1f4bf2cde34c736_medium_640.jpeg",! "large_1024": "http://storage.cloud.appcelerator.com/rnIOgIlyB34spSHTQ0t0K1r9zTuQ3Fzv/photos/af/86/518016b0a49ecc313e0472bb/49345ea4af9a9432c1f4bf2cde34c736_large_1024.jpeg",! "original": "http://storage.cloud.appcelerator.com/rnIOgIlyB34spSHTQ0t0K1r9zTuQ3Fzv/photos/af/86/518016b0a49ecc313e0472bb/49345ea4af9a9432c1f4bf2cde34c736_original.jpeg"! },! "content_type": "image/jpeg"! }! ]! }! }! h"p://api.cloud.appcelerator.com/v1/photos/show.json?key=[API_KEY]&photo_id=518016b0a49ecc313e0472ba
Extensive documentation!
View the source!! h"ps://github.com/appcelerator-‐modules/D.cloud/tree/master/commonjs/example
Use what you know and love! • CommonJS! • Backbone
Models! • Underscore.js! Company Confidential!
Marketplace!
Huge community on Github!
User stats! • Over 450,000 developers worldwide! • Over 50,000
apps! • 1 in every 10 mobile devices run a Titanium-powered App ! Company Confidential!
Some Apps built with Titanium!
Much more! • Command-line interface! • Modules, Widgets, Sync Adapters!
• Gaming via Lanica.co! • Enterprise-ready!!
Important links! ! Slides! https://speakerdeck.com/ricardoalcocer! ! Appcelerator Q&A ! https://developer.appcelerator.com/questions/newest!
! Twitter! https://twitter.com/appcelerator! ! !
Questions? ! ? Thank you!
[email protected]
! ! Twitter:
@ricardoalcocer! !
None