![Page 1: Introduction to building multi platform mobile applications with javascript using Appcelerator Titnaium](https://reader034.vdocuments.site/reader034/viewer/2022042700/554f5ea6b4c9058a148b460e/html5/thumbnails/1.jpg)
![Page 2: Introduction to building multi platform mobile applications with javascript using Appcelerator Titnaium](https://reader034.vdocuments.site/reader034/viewer/2022042700/554f5ea6b4c9058a148b460e/html5/thumbnails/2.jpg)
Approach Mobile Web Native Cross –platform/Hybrid
Language HTML5, CSS,Javascript
Platform dependent. Objective C for iOSJava for Android J2ME for Blackberry
Write using one language. “Compiled”
or “Interpreted” to native code for the platform.
Native UI No. You can “fake it” with
a less rich experience
Yes Yes
Server communication
Yes Yes Yes
Access to native APIs and features (Photo gallery, Phonebook, etc.)
No Yes Yes
Access to Hardware (Accelerometer, GPS,Camera,etc)
No Yes Yes
![Page 3: Introduction to building multi platform mobile applications with javascript using Appcelerator Titnaium](https://reader034.vdocuments.site/reader034/viewer/2022042700/554f5ea6b4c9058a148b460e/html5/thumbnails/3.jpg)
Develop for multiple platforms:
Using the same Technology and same codebase.
Team with the same skillset, expertise.
Write once run anywhere.
Which leads to :
Reduced development time
Reduced development cost
Reduced development effort
![Page 4: Introduction to building multi platform mobile applications with javascript using Appcelerator Titnaium](https://reader034.vdocuments.site/reader034/viewer/2022042700/554f5ea6b4c9058a148b460e/html5/thumbnails/4.jpg)
Free
Open source
Use Javascript to write native applications
Active and big community
Commercial support, custom development and modules are available from Appcelerator.
Companies using Titanium
![Page 5: Introduction to building multi platform mobile applications with javascript using Appcelerator Titnaium](https://reader034.vdocuments.site/reader034/viewer/2022042700/554f5ea6b4c9058a148b460e/html5/thumbnails/5.jpg)
Compile time : Pre-compiler:
JavaScript code is optimized, dependency hierarchy of APIs used is created.
Front-end compiler:The appropriate platform-specific native code is generated along with projects and specific code is built to compile Titanium for a given platform compiler.
Platform compiler & packager:Using native tools for the particular platform , code is compiled and application is packaged.
Runtime : Javascript is interpreted at runtime with hooks to execute native code (Javascript bridge)
![Page 6: Introduction to building multi platform mobile applications with javascript using Appcelerator Titnaium](https://reader034.vdocuments.site/reader034/viewer/2022042700/554f5ea6b4c9058a148b460e/html5/thumbnails/6.jpg)
Standard and familiar web model (MVC)
APIs: UI APIs
Phone APIs Media
Database
FileSystem
Network
Accelerometer
Geolocation
Many more …
![Page 7: Introduction to building multi platform mobile applications with javascript using Appcelerator Titnaium](https://reader034.vdocuments.site/reader034/viewer/2022042700/554f5ea6b4c9058a148b460e/html5/thumbnails/7.jpg)
Native UI components
UI Components are:
Windows (Hosting views)
Views (Draw conent on screen, Ex. Image View)
Widgets (Views with actions, Ex. Button)
![Page 8: Introduction to building multi platform mobile applications with javascript using Appcelerator Titnaium](https://reader034.vdocuments.site/reader034/viewer/2022042700/554f5ea6b4c9058a148b460e/html5/thumbnails/8.jpg)
![Page 9: Introduction to building multi platform mobile applications with javascript using Appcelerator Titnaium](https://reader034.vdocuments.site/reader034/viewer/2022042700/554f5ea6b4c9058a148b460e/html5/thumbnails/9.jpg)
Video
Sound
Camera
![Page 10: Introduction to building multi platform mobile applications with javascript using Appcelerator Titnaium](https://reader034.vdocuments.site/reader034/viewer/2022042700/554f5ea6b4c9058a148b460e/html5/thumbnails/10.jpg)
Accelerometer
Maps
![Page 11: Introduction to building multi platform mobile applications with javascript using Appcelerator Titnaium](https://reader034.vdocuments.site/reader034/viewer/2022042700/554f5ea6b4c9058a148b460e/html5/thumbnails/11.jpg)
The same code renders differently depending on the platform
![Page 12: Introduction to building multi platform mobile applications with javascript using Appcelerator Titnaium](https://reader034.vdocuments.site/reader034/viewer/2022042700/554f5ea6b4c9058a148b460e/html5/thumbnails/12.jpg)
Build and test the application on multiple platforms from day one if possible
Separate business logic from UI construction
Component Oriented design
Your application is a library of Application specific components
Use custom events instead of component and platform specific events.
Use built in Titanium features to handle multiple platforms, screen resolutions and densities
![Page 13: Introduction to building multi platform mobile applications with javascript using Appcelerator Titnaium](https://reader034.vdocuments.site/reader034/viewer/2022042700/554f5ea6b4c9058a148b460e/html5/thumbnails/13.jpg)
![Page 14: Introduction to building multi platform mobile applications with javascript using Appcelerator Titnaium](https://reader034.vdocuments.site/reader034/viewer/2022042700/554f5ea6b4c9058a148b460e/html5/thumbnails/14.jpg)
Appcelerator Titanium: http://www.appcelerator.com/
Stack overflow (How Titanium Mobile works) http://stackoverflow.com/questions/2444001/how-does-appcelerator-titanium-mobile-work
![Page 15: Introduction to building multi platform mobile applications with javascript using Appcelerator Titnaium](https://reader034.vdocuments.site/reader034/viewer/2022042700/554f5ea6b4c9058a148b460e/html5/thumbnails/15.jpg)
Software & Mobile solutions Architect at Telcocell http://telcocell.com
Follow on Twitter @SharkHacks
Blog http://blog.sharkhacks.com
LinkedIn http://linkedin.com/in/shoukry