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
50
Cómo fui de MySQL DB a GraphQL API en 7 días
ricardoalcocer
0
110
Creando aplicaciones que tus usuarios quieran usar
ricardoalcocer
0
77
Aplicaciones cross-platform para escritorio usando Electron
ricardoalcocer
0
88
Encontrando y reteniendo usuarios en un mundo global
ricardoalcocer
0
26
The Quali DevOps Journey
ricardoalcocer
0
90
Advanced Cross-Platform Development
ricardoalcocer
2
1.2k
Titanium Alloy in Action
ricardoalcocer
2
690
Node School Night
ricardoalcocer
2
110
Other Decks in Programming
See All in Programming
Site Reliability Engineering for GMO
pyama86
8
1.1k
検証も兼ねて個人開発でHonoとかと向き合った話
hanetsuki
1
1.3k
Kotlin Multiplatform at Stable and Beyond (Android Makers 2024)
zsmb
0
440
Micro Frontends for Java Microservices - Utah JUG 2024
mraible
PRO
1
100
Let's learn code review
riofujimon
2
570
初心者のためのRubyKaigi入門/RubyKaigi Introduction
a_matsuda
8
1.4k
はてなにおける CSS Modules、及び CSS Modules に足りないもの / CSS Modules in Hatena, and CSS Modules missing parts
mizdra
7
970
Compose-View Interop in Practice (mDevCamp 2024)
stewemetal
0
160
Azure OpenAI Serviceのプロンプトエンジニアリング入門
tomokusaba
3
860
Tailwind CSSを本気でカスタマイズする方法
fsubal
14
5.4k
Komplexe Oberflächen mit SVG und der Web Animation API
joergneumann
0
680
R言語の環境構築と基礎 Tokyo.R 112
bob3bob3
0
280
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
165
13k
A designer walks into a library…
pauljervisheath
201
23k
Fantastic passwords and where to find them - at NoRuKo
philnash
38
2.5k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
19
1.6k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
14
1.5k
Large-scale JavaScript Application Architecture
addyosmani
504
110k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
7
1.3k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
660
120k
Scaling GitHub
holman
457
140k
Code Review Best Practice
trishagee
56
15k
Debugging Ruby Performance
tmm1
70
11k
The World Runs on Bad Software
bkeepers
PRO
61
6.7k
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