Introduction to building multi platform mobile applications with javascript using Titnaium
Download as PPTX, PDF0 likes571 views
This document discusses cross-platform mobile application development using Titanium Mobile. Titanium Mobile allows developers to write once and deploy applications to multiple platforms using JavaScript. It offers benefits like reduced development time and costs. Titanium Mobile compiles JavaScript code to native platform code at build time. It provides APIs for common mobile features like UI, phone, media, and more. Developers can create native-looking UIs across platforms using Titanium's UI components and APIs.
Introduction to building multi platform mobile applications with javascript using Titnaium
- 1. Cross-platform mobile application Development using Titanium Mobile
- 3. Benefits of using a hybrid approachDevelop 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 timeReduced development costReduced development effort
- 4. Why Titanium?Free Open source Use Javascript to write native applicationsActive and big communityCommercial support, custom development and modules are available from Appcelerator.Companies using Titanium
- 5. How does it work?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)
- 6. Design ConceptsStandard and familiar web model (MVC)APIs: UI APIsPhone APIsMediaDatabaseFileSystemNetworkAccelerometerGeolocationMany more …
- 7. Titanium UINative UI componentsUI Components are: Windows (Hosting views)Views (Draw conent on screen, Ex. Image View)Widgets (Views with actions, Ex. Button)
- 10. Accelerometer, Geolocation, and MapsAccelerometerMaps
- 11. Write Once , Run anywhereThe same code renders differently depending on the platform
- 12. Cross platform strategyBuild and test the application on multiple platforms from day one if possibleSeparate business logic from UI construction Component Oriented designYour 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
- 13. Q&A
- 14. Resources / ReferencesAppcelerator Titanium: http://www.appcelerator.com/Stack overflow (How Titanium Mobile works) http://stackoverflow.com/questions/2444001/how-does-appcelerator-titanium-mobile-work
- 15. About ShoukrySoftware & Mobile solutions Architect at Telcocellhttp://telcocell.comFollow on Twitter @SharkHacksBlog http://blog.sharkhacks.comLinkedIn http://linkedin.com/in/shoukry