*http://www.simplisticsolutions.co.uk/images/icon/crossplatform.png.

Slides:



Advertisements
Similar presentations
Developing downloadable mobile apps using HTML5 and PhoneGap Apache Callback Ron Perry, CTO, Worklight Inc.
Advertisements

DataNaut, LLC 1 Building Cross-Platform Accessible Applications Using Qt Technical Overview September 2012.
Mobile App Development Using: Presented by Tyler Richey Images from
Programming Mobile Applications with Android
So. . . According to the Global Developer Survey ’13 conducted by Telerik, over 5000 developers said that they developed apps using HTML5 in 2012 and 90%
Building Mobile Apps in the Cloud – Comparing Approaches.
Amanda Silver Director of Program Management Visual Studio Tools for Client Applications Cross-Platform Development using Visual Studio.
Component OneJQuery MobileVisual WebGUI Comparison of three mobile site development frameworks.
Cross Platform Mobile application development HTML5 and JavaScript Chris Connor.
ANDROID OPERATING SYSTEM Guided By,Presented By, Ajay B.N Somashekar B.T Asst Professor MTech 2 nd Sem (CE)Dept of CS & E.
Mobile Application Development
Platform Independent Frameworks Contents Mobile App Developer’s challenges Platform Independent solutions – Mobile Web Based Apps – Cross.
Development of mobile applications using PhoneGap and HTML 5
Native vs hybrid vs web mobile Application
MOBILE APP DEVELOPMENT Presented by Md. Zakaria Chowdhury CEO, Webcraft Bangladesh Director, Sylhet IT Academy.
The PhoneGap History Doncho Minkov Telerik Academy academy.telerik.com Technical Trainer
Social Media Apps Programming Min-Yuh Day, Ph.D. Assistant Professor Department of Information Management Tamkang University
Android Introduction Platform Overview.
Sayed Ahmed BSc. Eng. In Computer Sc. and Eng. (BUET), Bangladesh MSc., Computer Science, Canada President/Chief Architect/Lead Developer Justetc (Just.
Mobile Web Applications
By Mihir Joshi Nikhil Dixit Limaye Pallavi Bhide Payal Godse.
Lightning Talk Fred Rodriguez Nguyen Do CPSC 473 May 6, 2012.
Architecture Of ASP.NET. What is ASP?  Server-side scripting technology.  Files containing HTML and scripting code.  Access via HTTP requests.  Scripting.
Title slide to be used at the start of a module. Developing Mobile Apps Roland Guijt
Android Programming By Mohsen Biglari Android Programming, Part1: Introduction 1 Part1: Introduction By Mohsen Biglari.
Introduction CIS 136 Building Mobile Apps 1. What is a mobile app? 2  Computer program  Designed for small devices  Smartphones  Tablets  Other handhelds.
Java Mobile Apps with GWT & PhoneGap Josh Marinacci, webOS Developer Advocate.
Copyright© Jeffrey Jongko, Ateneo de Manila University Android.
Sayed Ahmed Computer Engineering (BUET), Bangladesh MSc., Computer Science, Canada President/Chief Architect/Lead Developer Justetc (Just et cetera) Technologies.
Introducing NativeScript [Pavel Kolev Software Telerik: a Progress company]
Java applet
Android for Java Developers Denver Java Users Group Jan 11, Mike
Social Media Apps Programming Min-Yuh Day, Ph.D. Assistant Professor Department of Information Management Tamkang University
PhoneGap- Cross platform for mobile Lê Nguyên Khánh Trần Đại Nhân
Mobile web Sebastian Lopienski IT Technical Forum 29 June 2012.
Social Media Apps Programming Min-Yuh Day, Ph.D. Assistant Professor Department of Information Management Tamkang University
Created By. Jainik B Patel Prashant A Goswami Gujarat Vidyapith Computer Department Ahmedabad.
CROSS PLATFORM MOBILE APPLICATION DEVELOPMENT Nick Randolph (Built to Roam) SESSION CODE: DEV-WPH314 (c) 2011 Microsoft. All rights reserved.
Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide 12 1.
The way of hybrid mobile development Hybrid Mobile Applications Telerik Software Academy
Top 12 Frameworks for Android App Development
 Can access all API’s made available by OS vendor.  SDK’s are platform-specific.  Each mobile OS comes with its own unique tools and GUI toolkit.
If you are thinking about developing mobile application for your customer, this is an important aspect to consider the platform.
Google Web Toolkit for Mobile Applications Development INGENUITY AT ITS BEST……………….
By Adam Reimel. Outline Introduction Platform Architecture Future Conclusion.
Best 5 Mobile App Development Tools for Developer's to think beyond the Limitation.
丁建文 國立高雄應用科大資管系副教授 兼任計網中心軟體發展組組長 跨平台行動應用軟體開發技術 : HTML5 & Mobile JavaScript Framework 暨南大學.
COMPARING CROSS-PLATFORM DEVELOPMENT APPROACHES FOR MOBILE APPLICATIONS Henning Heitkötter, Sebastian Hanschke and Tim A. Majchrzak Department of Information.
INTRODUCING HYBRID APP KAU with MICT PARK IT COMPANIES Supported by KOICA
APP DESIGN AND DEVELOPMENT WITH THE IONIC FRAMEWORK Chuck Leone
Phonegap API & Phonegap Bridge CIS 136 Building Mobile Apps 1.
Build Cross-Platform Mobile Apps Using Visual Studio A Telerik webinar by Jeffrey T. Fritz March 27, 2014 AND.
Build Hybrid Mobile Apps with Ionic, Angular, & Cordova Brian
Android. Android An Open Handset Alliance Project A software platform and operating system for mobile devices Based on the Linux kernel Developed by Google.
Guide To Develop Mobile Apps With Titanium. Agenda Overview Installation of Platform SDKs Pros of Appcelerator Titanium Cons of Appcelerator Titanium.
Software services delivering SharePoint, Mobile, and Business Intelligence solutions Creating mobile applications that integrate with SharePoint 2013 on-
Mobile App Development Using:
A little more App Inventor and Mind the GAP!
Computer System Structures
Geospatial Research & Solutions GIS.ASU.EDU
Introduction to Xamarin C# Everywhere
ET-570 Smart Phone Apps.
Browsers and Web Platforms
Mobile App Development
Apache Cordova Overview
Survey Paper & Manuscript
Mobile App Development
12/5/2018 HCI SNS College of Engineering Department of Computer Science and Engineering Mobile Application Development Presented by S.Yamuna AP/CSE.
CSC 581: Mobile App Development
Running C# in the browser
Presentation transcript:

*

Binary executable files on the device. Can access all APIs made available by OS vendor. SDKs are platform-specific. Each mobile OS comes with its own unique tools and GUI toolkit. Different tools, languages and distribution channels associated with leading mobile operating systems * IBM, Native, web or hybrid mobile app development, IBM Software Thought Leadership White Paper

PROS Easy low-level hardware access services. Easy access to high level services important to personal mobile experience. Full use of all functionalities that modern mobile devices have to offer. High usability. CONS Code Reusability : Low Development & maintenance: Time-consuming & expensive. Designers are required to be familiar with different UI components of each OS. Upgrade flexibility: Low.

Separates build environment from target environment. Platform-independent API using a mainstream programming language like JavaScript, Ruby or Java. The cross-compiler then transforms the code into platform-specific native apps. The software artifact generated can be deployed and executed natively on the device. ADVANTAGES: Improved performance and User Experience. Full access to functionalities of underlying mobile OS and device specific capabilities. DISADVANTAGES: Highly complex as cross-compilers are difficult to program. Need to be kept consistent with fragmented mobile platforms and operating systems available.

A virtual machine is used to abstract the target platform details from the applications running code. The framework provides both the API and runtime environment. The runtime executes on the mobile device and enables interoperability between the devices OS and the mobile application. ADVANTAGES: Improved performance and User Experience. Full access to functionalities of underlying mobile OS and device specific capabilities. Portability: VMs are easier to maintain & more flexible to extend. DISADVANTAGES: Slower due to runtime interpretation latency.

Use standard web technologies such as HTML 5, CSS 3 & JavaScript. Features of HTML 5 - Advanced UI components, access to rich media types, geolocation services & offline availability. Increasing popularity of HTML 5 in rendering engines such as WebKit. Runs on a standalone mobile web browser. Installed shortcut, launched like a native app. UI logic resides locally; makes the app responsive and accessible offline. ADVANTAGES: Multiplatform support. Low development cost. Leverage existing knowledge. DISADVANTAGES: Limited access to OS APIs.

Combines native development with web technology. The web app runs inside a thin wrapper native app. The wrapper native app uses the OS APIs to create an embedded HTML rendering engine which provides a bridge between the browser and device APIs. The communication between web app and native app normally happens over JavaScript via custom built APIs. ADVANTAGES: Flexibility of web apps combined with feature richness of native apps. Simplified deployment and immediate availability. Leverage existing knowledge. DISADVANTAGES: Poorer user experience as compared to native apps. Access to advanced device capabilities normally restricted.

PROS Code Reusability Plugins Easy for web developers Reduced development costs Support for enterprise & cloud services Easy Deployment CONS Might not support every feature of OS Cannot use own tools/IDE Slower. High end graphics & 3D support limited Vendor lock-in

iOS Android *

*

TECHNICAL ARCHITECTURE: Cross compilation using Virtual Machine. Single source codebase written in Ruby and UI constructed using HTML 5, CSS 3, JavaScript running on Ruby interpreter on the device. Support for SQLite enables the local storage of relational data, enabling offline capabilities for both hybrid and native HTML 5 applications. DESIGN PATTERNS: Model-View-Controller pattern for maintainability and best practices. Object Relational Mapper design for easy data manipulation. SUPPORTED PLATFORMS: WM /WEHH, WinCE5.0+, Android 2.1+, iOS 3.0+, BB 4.6+, WP7

*

HTML 5 FEATURES: App Caching, WebSockets, WebWorkers, Local & Session Storage, SQLite, Semantic Elements, Form Attributes IDE USED: RhoStudio – An Eclipse based IDE STRENGTHS: Design patterns used. Applications look and behave identically on all devices. WEAKNESSES: Updating HTML/JavaScript code needs a complete rebuild. Need to know Ruby well, which is not as popular as other programming languages. Doesnt generate source code, only native package which can restrict any further tweaking of the app.

*

TECHNICAL ARCHITECTURE: Web approach using hybrid model. Single source codebase written HTML 5, CSS 3, JavaScript running on a mobile browser embedded in a native app wrapper. Device capabilities accessed through device-independent JavaScript API. SUPPORTED PLATFORMS: iOS, Android, Blackberry, WP7, Symbian, Palm, Samsung Bada IDE USED: MAC OS X & XCODE for iPhone & iPad. Google Android SDK, Eclipse ADT Plugin, Ant as well as Eclipse IDE for Android.

ARCHITECTURE : *

STRENGTHS: Native wrapper source code is provided so it can be customized further. Simple drop-in libraries concept makes it easier to develop. Lowers barriers of adoption for web developers. WEAKNESSES: Lack of support for native UI components, design patterns & development tools. The capabilities offered by the framework is limited to what a WebView can do. Different projects for different platforms Different JavaScript files on each platform for PhoneGap itself and plugins No native UI support Java, Objective-C or C# requirement to create new plugins No built-in support for push notifications

*

TECHNICAL ARCHITECTURE: Cross compilation technique – Pre-compilation, front-end compilation, platform & package compilation. Single source codebase written in JavaScript, compiled into native code and packaged for different target platforms. Does not use browser engine to render user interface on mobile devices. Instead the UI elements are converted to true native UI elements when deployed to the phone. SUPPORTED PLATFORMS: iOS, Android, Windows & Blackberry IDE USED: Studio, an Eclipse-based IDE

*

STRENGTHS: Native code output very quick and fluid on the phone. Easy setup and startup for developers. Excellent documentation & examples. Strong community forum to find out answers. Intuitive app management environment. Support for desktop and tablet development WEAKNESSES: Potentially restrictive APIs Tries to solve too many problems in one shot supporting phones, tablets & desktops.

*

TECHNICAL ARCHITECTURE: Cross compilation using Virtual Machine. Single source codebase written in C/C++ or HTML/JavaScript or a combination of both. C++ source code platform-independent intermediate code application package SUPPORTED PLATFORMS: iOS, Android, Windows Mobile, Moblin/MeeGo, Symbian & Blackberry IDE USED: MoSync IDE based on Eclipse.

/MoSyncAppArchitecture.preview.png

STRENGTHS: Only one project structure for all the platforms. The same JavaScript file. Extend JavaScript functionality using C++ or Java and Objective-C Native UI support Built-in support for push notifications Target group: Both web developers looking to enter the mobile space, as well as the ordinary PC/Mac desktop developer with knowledge of C/C++. WEAKNESSES: No support for accelerometer or camera in most phones. Contains XML parsing libraries but lacking support for JSON or other data formats. Doesnt provide support for MVC; requires little extra effort to create views for data.

*

*

References: mosync-could-be-a-better-alternative-to-phonegap/