Cross Platform Mobile App Development
0 likes2,823 views
The document reviews cross-platform mobile app development, focusing on native, hybrid, and HTML5 methodologies. It discusses various tools and frameworks, including PhoneGap, Appcelerator Titanium, and MoSync, outlining their build processes, platform considerations, and the need for appropriate development environments. Key differences in application distribution and compatibility across target platforms are also highlighted.
![MoSync (cont...)
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" charset="utf-8" src="js/wormhole.js"></script>
function vibrate() {
mosync.bridge.send(["Custom", "Vibrate", "500"]);
}
document.addEventListener("deviceready", displayDeviceInfo, true);
document.addEventListener("backbutton", function() { mosync.app.exit(); }, true);
</head>
<body>
<div class="pane button" onclick="vibrate()">Vibrate</div>
</body>
</html>](https://image.slidesharecdn.com/lunchandlearnapps-130807125113-phpapp01/85/Cross-Platform-Mobile-App-Development-14-320.jpg)
Cross Platform Mobile App Development
- 1. Cross Platform Mobile App Development in Review Presented by: Joseph Payette, CTO
- 3. Native ● Use native build tools to create binary compatible application packages ● Use existing application distribution channels, such as the AppStore and Google Play ● Target platforms are completely different, and differences must be considered when designing nearly every aspect of the application
- 4. Hybrid Frameworks (a few) PhoneGap/Apache Cordova Use HTML5, Javascript, & CSS for UI, and Bridge API to acces native features, plus Java and Objective-C for custom components Appcelerator Titanium Use Javascript SDK for all features and Alloy Framework for MVC MoSync Wormhole Use HTML5, Javascript, & CSS, and Bridge API to access native features, plus C++ for custom components
- 5. Hybrid ●Use framework specific build tools to build a native application shell with an embedded web browser as the presentation layer ●Use existing application distribution channels, such as the AppStore and Google Play ●Target platforms are completely different although differences can be minimized by utilizing the framework bridge
- 6. HTML5 ●Use the same build tools for creating web applications, HTML5, Javascript, & CSS ●Application distribution channels are completely different than native (and hybrid) channels- HTML5 application stores ●Target platform is binary incompatible with native (and hybrid) packages, and differences require emulation or designed intentionally similar
- 7. PhoneGap ● No need for an IDE, can use regular text editor ● Can build locally on Windows, Mac, and Linux, given the underlying build tools are available (Xcode and iOS SDK, Android SDK, …) ● Can build in the cloud with PhoneGap build, which builds target packages for you, so you only need build tools for one platform
- 8. PhoneGap (Cont...) ● Sudo npm install -g cordova ● Codova create hello com.example.hello HelloWorld ● Cordova platform add android ● Cordova build ● Cordova emulate android
- 9. PhoneGap (cont...) <script type="text/javascript" charset="utf-8" src="cordova.js"></script> <script type="text/javascript" charset="utf-8"> document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady() { navigator.accelerometer.getCurrentAcceleration(onSuccess, onError); } function onSuccess(acceleration) { alert('Acceleration X: ' + acceleration.x + 'n' + 'Acceleration Y: ' + acceleration.y + 'n' + 'Acceleration Z: ' + acceleration.z + 'n' + 'Timestamp: ' + acceleration.timestamp + 'n'); } function onError() { alert('onError!'); } </script>
- 10. Appcelerator Titanium ● Recommended to use their Titanium Studio IDE, resembles Aptana Studio ● Can build locally on Windows, Mac, and Linux, given the underlying build tools are available (Xcode and iOS SDK, Android SDK, …) ● Can build distribution packages locally, but you need build tools for each platform
- 12. MoSync ● You don't have to use their IDE, but it's highly recommended – the provide build tools but they aren't user friendly ● Can build locally, on Mac and Windows only. They have instructions for Linux but it's not an end-to-end developer experience ● Can build distribution packages locally, but you need build tools for each platform
- 13. MoSync (cont...)
- 14. MoSync (cont...) <!DOCTYPE html> <html> <head> <script type="text/javascript" charset="utf-8" src="js/wormhole.js"></script> function vibrate() { mosync.bridge.send(["Custom", "Vibrate", "500"]); } document.addEventListener("deviceready", displayDeviceInfo, true); document.addEventListener("backbutton", function() { mosync.app.exit(); }, true); </head> <body> <div class="pane button" onclick="vibrate()">Vibrate</div> </body> </html>