Titanium, Alloy and ACS

Slides for my presentation at Paypal: API Meetup #5

Transcript

2. Titanium, Alloy and ACS! Ricardo Alcocer // Platform Evangelist! @ricardoalcocer! ! API Meetup #5 : Mobile API!
3. 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!
4. Make sure you download Studio!
5. h"p://blog.planetargon.com/entries/2010/3/1/designer-­‐vs-­‐developer  
6. Model   Controller   View   User   Routing, decision making Business logic, data manipulation, etc What the user sees .JS Files .XML + .TSS Files Alloy MVC Framework!
7. Alloy App Folder Structure!
8. Create more controllers via Menu Options!
9. Sample two-tab App!
10. Running on iOS!
11. Running on Android 2.x devices!
12. Running on Android ICS+ devices!
13. Running on Android ICS+ devices!
14. Running as MobileWeb!
15. Cross-platform is much more than being available across platforms! Android   iOS  
16. Native UI, same code-base!
17. Index.xml!
18. Index.js!
19. 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  
20. 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/  
21. The vocabulary is well documented! h"p://docs.appcelerator.com/Dtanium/3.0/#!/api/Titanium.UI.Window  
22. View the source!! h"ps://github.com/appcelerator/KitchenSink/tree/master/Resources  
23. Alloy provides advanced ways of interacting with XML from Javascript!
24. User Interface Definition!
25. User Interface Definition! Menu  DefiniDon  
26. User Interface Definition! Main  View  DefiniDon  
27. User Interface Definition! Main  View  DefiniDon  
28. Open and Close the menu using Javascript : index.js!
29. Enabling your App for Cloud Services!
30. Appcelerator Cloud Services! Built-­‐in  Services     •  Chats     •  Checkins     •  CollecDons     •  Events     •  Data  Files     •  Friends   •  Key-­‐Values     •  Messages     •  Custom  Objects     •  Photos     •  Places     •  Posts     •  Reviews     •  Statuses     •  Users    
31. Accesible through! •  RESTAPI! •  Titanium SDK! •  iOS SDK! •  Android SDK!
32. 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  
33. Extensive documentation!
34. View the source!! h"ps://github.com/appcelerator-­‐modules/D.cloud/tree/master/commonjs/example  
35. Use what you know and love! •  CommonJS! •  Backbone Models! •  Underscore.js! Company Confidential!
36. Marketplace!
37. Huge community on Github!
38. User stats! •  Over 450,000 developers worldwide! •  Over 50,000 apps! •  1 in every 10 mobile devices run a Titanium-powered App ! Company Confidential!
39. Some Apps built with Titanium!
40. Much more! •  Command-line interface! •  Modules, Widgets, Sync Adapters! •  Gaming via Lanica.co! •  Enterprise-ready!!
41. Important links! ! Slides! https://speakerdeck.com/ricardoalcocer! ! Appcelerator Q&A ! https://developer.appcelerator.com/questions/newest! ! Twitter! https://twitter.com/appcelerator! ! !
42. Questions?
 
 ! ?   Thank you! ralcocer@appcelerator.com! ! Twitter: @ricardoalcocer! !