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
310
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
66
Cómo fui de MySQL DB a GraphQL API en 7 días
ricardoalcocer
0
160
Creando aplicaciones que tus usuarios quieran usar
ricardoalcocer
0
100
Aplicaciones cross-platform para escritorio usando Electron
ricardoalcocer
0
110
Encontrando y reteniendo usuarios en un mundo global
ricardoalcocer
0
45
The Quali DevOps Journey
ricardoalcocer
0
110
Advanced Cross-Platform Development
ricardoalcocer
2
1.3k
Titanium Alloy in Action
ricardoalcocer
2
710
Node School Night
ricardoalcocer
2
110
Other Decks in Programming
See All in Programming
TypeScript製IaCツールのAWS CDKが様々な言語で実装できる理由 ~他言語変換の仕組み~ / cdk-language-transformation
gotok365
6
340
PT AI без купюр
v0lka
0
160
衛星の軌道をWeb地図上に表示する
sankichi92
0
230
OpenTelemetryで始めるベンダーフリーなobservability / Vendor-free observability starting with OpenTelemetry
seike460
PRO
0
160
Investigating Multithreaded PostgreSQL
macdice
0
130
イベントソーシングとAIの親和性ー物語とLLMに理解できるデータ
tomohisa
1
150
Digging into the Matrix: Practicing Code Archaeology
arthurdoler
PRO
0
210
ビカム・ア・コパイロット
ymd65536
1
190
型安全なDrag and Dropの設計を考える
yudppp
5
630
RubyKaigi Hack Space in Tokyo & 函館最速 "予習" 会 / RubyKaigi Hack Space in Tokyo & The Fastest Briefing of RubyKaigi 2026 in Hakodate
moznion
1
110
知識0からカンファレンスやってみたらこうなった!
syossan27
5
320
TypeScriptのmoduleオプションを改めて整理する
bicstone
4
400
Featured
See All Featured
Visualization
eitanlees
146
16k
Documentation Writing (for coders)
carmenintech
71
4.8k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
460
A Modern Web Designer's Workflow
chriscoyier
693
190k
Reflections from 52 weeks, 52 projects
jeffersonlam
349
20k
Designing for humans not robots
tammielis
253
25k
Become a Pro
speakerdeck
PRO
28
5.3k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
1
61
Art, The Web, and Tiny UX
lynnandtonic
298
21k
Music & Morning Musume
bryan
47
6.5k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.6k
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