multi platform mobile development using titanium
Download as PPTX, PDF2 likes725 views
Multi-platform mobile application development allows creating apps that can run across different devices using a single code base. Titanium, an open source framework from Appcelerator, uses JavaScript to build native mobile apps that can run on iOS, Android, and BlackBerry. It provides APIs to access native device capabilities while maintaining a consistent programming model. The document demonstrates a proof of concept multi-sport news app built with Titanium that pulls data from cloud services, stores cached data locally, and presents a native user experience across platforms.
multi platform mobile development using titanium
- 1. Multi-platform Mobile Application DevelopmentJasper De Craecker, Mobile Developer (@jasperdc_be)Jürgen Coetsiers, CTO & co-founder (@jcoetsie)
- 2. Reality check…Brand Manager: make me a mobile app….Whichdevice/platform/…Devs…iPhone (Objective-C)Android (Java, Google style)RIM (Java, BlackberryorMidletstyle)Symbian (old school ;-) C)Palm Pre (Web 2.0)Windows Mobile (.NET compact)Maemo (GTK+)…
- 3. Imaginethat….PresentationlayerHTML/CSSBusiness LogicJavascriptRun locallyIntegratingcloud services
- 4. Multi-Platform LandscapePlayers (today)Single code base, virtual machineJ2MEAdobe…Single code base, nativedeploymentJ2ME PolishPhoneGapXMLVM, byte code level cross compilerAppcelerator…
- 5. What we looked atAdobe FlashNo iPhone ( yet ;-) )No Android ( yet ;-) )PhoneGapWebkit basedLimited Access to nativecomponentswebkit quirks limit functionality and user interface“Position: fix” notpossible, …, …For more: http://www.quirksmode.org/webkit.html
- 6. What we workwithTitaniumbyAppceleratorPremium PartnerMulti-PlatformJavaScriptLibraryOpen Source (Apache Public License)VeryactivecommunityDesktopWin32, OS/X, LinuxMobileiPhone, Android, iPad (beta), BlackBerry (Q2)
- 8. Programming ModelUIClean separationHTML5/CSS3 JavaScriptaccess to createnativecontrols, views, windows, …JavaScriptMobile FeaturesLocal ResourcesDatabaseRemotingAnytoolkit: jQuery, YUI, Dojo, …
- 11. SimpleAPI’sFunctiononShake(){document.getElementById(“status”).innerHTML = ‘Stop Shaking me!’;}Var listernerId = Titanium.Gesture.addEventListener(“shake”, onShake);Titanium.UI.setTabBadge(10)Titanium.UI.createMenu()
- 12. A Multi-PlatformSportsAppOurProof of Concept Platform
- 14. ArchitectureMove as much as possibleinto the cloudCloudBased ServiceOptimize data for mobile delivery (JSON)Minimizedevicebased data processingHandlelocalizationFlexible data providersFlexibleConsumers (sms/mms, mobile, web, billboards, …)DevicelayerSynchronisation & CachingPresentationData kindlyprovidedbyCorelio
- 16. TeamArchitectsToon & JürgenBack-EndAPI’sCédricApp Data Layer, caching & syncTomApp UIJasperDesignSven
- 17. The creative stores, enablingconversationsbetweensconsumers & brands
- 18. DEMO