SlideShare a Scribd company logo
By Sk. Rizwana
18311A05B1
 Abstract
 Introduction
 Mobile Development
 Web, Native vs. Hybrid Mobile App
 Technology Challenges to Deliver Cross-platformApps
 The Proposed Solution
 User Interface (UI)
 Technologies
 Positives and Negatives
 Conclusion
 References
 Mobile applications have gained momentum in
many sectors in agriculture.
 But developing apps is still a challenge as it needs
platform fragmentation and also there are changes
in mobiles technology.
 It is hence a great benefit to identify common
frameworks and solutions that allow developers to
leverage single codebase and deploy it on multiple
platforms, both on different mobile devices and
mobile webs.
 The single code-base for an application is used to
produce any number of immutable releases that are
destined for different environments.
Cross platform Web apps
Cross platform Web apps
 It is a type of software that works on multiple
operating systems or devices , which are
referred as platforms.
 Technology challenges to deliver cross-platform
apps lie in essential difference between 2 types of
applications:
 Mobile web app
 Native app
 Mobile web apps reside on server without
installation on devices, and both debugging and
fixing are possible in real-time execution.
 These apps cannot access mobile device’s features
like camera and motion sensors.
 These are developed for specific type of mobile
device and could take advantage of device
functionality including file storage.
 The main drawback of native apps is that they must
be developed seperately in each platform which
increases developing time
 And once it is modified, developer needs to push all
users to update their app to receive services.
 Taking the advantages of 2, is native mobile app
embedding web content inside a thin container.
 Hybrid apps are installed through appstore, run on
the device and provide access to enhanced native
device hardware, but are written primarily using
HTML, CSS and JavaScript.
Cross platform Web apps
 Development of native apps for different os require
usage of different programming languages and
architectures
 Android apps are developed using Java in Eclipse
with Android Developer tools support
 Ios apps are developed in Xcode, using
Objective-c, swift and cocoa framework.
 To overcome this, we bring a solution that builds on
single codebase and deploy cross-platforms, both
mobile browsers and different os, without any
change in configuration.
 The core concept involves Adobe’s PhoneGap
framework, which enables wrapping up of HTML,
CSS and JavaScript code into different mobile
packages for cross-platform deployment.
 Instead of using a database management system,
the solution uses JavaScript Object Notation (JSON)
for data storage and transport.
 With the help of PhoneGap Build service,
development will only need to be focused on mobile
web with consideration of app compatibility, but
also the functionality is limited to the scope of
HTML5, CSS3 and JavaScript for PhoneGap
supported file types.
 The development is based on jQuery Mobile (JQM)
framework, while other options include Bootstrap
and Sencha.
 The JQM framework provides many features such as
an Ajax navigation system that brings animated
page transitions and a core set of UI widgets. It also
offers several custom events that build upon native
events so that, for example, developers can have
the page load and display dynamic content from
JSON objects or database without breaking the
layout.
 Ajax allows users to display content selected from a
list of links, into the same page.
 For many apps, users only consume data stored in a
database that is not frequently updated. In this
case, the database (or data files) can be placed on
the client side.
 That is, from the perspective of the native app, the
app can always run in offline mode since no
information is required from the server.
 The benefits are obvious that the data traffic of
using the app is minimized and the system does not
require any server-side configuration to support the
app.
Cross platform Web apps
 JSON(Java Script Object Notation) has the
advantage in processing simplicity. It is essentially
serialized JavaScript object that makes it fit better
client side scripting, which is primarily done in
JavaScript.
 Given JSON as the storage format, the idea is to
construct object-based data representation and
store the data object in JSON files . Upon using the
data, the app loads the JSON files from the same
relative file path via Ajax.
Cross platform Web apps
 While applications are getting diverse and user
bases are expanding, there is no one clear platform
of choice.
 During this tug of war, application developers are
faced with the debate of whether they should be
designing cross-platform apps or multiple apps for
different platforms.
 Depending on the goals and features of your app,
you could either benefit or lose from cross-platform
mobile apps.
 Hammershøj, A., A. Sapuppo and R.Tadayoni, 2010.
Challenges for mobile application development, Proc.
of ICIN 2010, Costa Rica.
 Qiang, C. Z., S. C. Kuek, A. Dymond and S. Esselaar,
2012. MobileApplications for Agriculture and Rural
Development,Washington D.C.:World Bank.
 Tracy, K.W., 2012. Mobile application development
experiences on Apple’s iOS and Android OS, IEEE
Potentials, Jul-Aug, vol 31, issue 4, pp 30-34.
 USAID, 2011. Software platforms for mobile
applications for agriculture development.
 www.google.com
Cross platform Web apps

More Related Content

PPTX
PPTX
RICH INTERNET APPLICATIONS - RIA Tools
PDF
IBM Worklight Whitepaper
PPTX
RIA - Rich Internet Applications
PPT
Flex Remoting With WebORB v1.0
PPT
Rich internet application (ria)
PDF
React js vs angularjs which framework to choose in 2022_
PPS
Web Component Development with Servlet and JSP Technologies Unit 01
RICH INTERNET APPLICATIONS - RIA Tools
IBM Worklight Whitepaper
RIA - Rich Internet Applications
Flex Remoting With WebORB v1.0
Rich internet application (ria)
React js vs angularjs which framework to choose in 2022_
Web Component Development with Servlet and JSP Technologies Unit 01

What's hot (19)

PDF
Mobile application development
PDF
Best cross-platform mobile app development tools
ODT
xcfgdfbn
DOCX
Online advertising management system
PDF
Why does .net maui deserve your attention if you’re planning to use xamarin
PDF
Leading frameworks to power your front end development
PDF
mobicon_paper
PPTX
Location based services 10
DOC
GlenUnderwoodResume
ODP
Javafx
PPTX
Web Applications
PPTX
Windows store app development V1
PPT
Nexcore mobile platform 4.0
PPTX
An introduction to development of universal applications
KEY
Rhodes Overview
PPTX
Rich Internet Application (RIA) New Dimension With HTML5, CSS3 and Javascript...
PPTX
Building RIA Apps with Silverlight
PDF
Cross platform development - Rhomobile
PPTX
Windows 8 and the cloud a match made in heaven
Mobile application development
Best cross-platform mobile app development tools
xcfgdfbn
Online advertising management system
Why does .net maui deserve your attention if you’re planning to use xamarin
Leading frameworks to power your front end development
mobicon_paper
Location based services 10
GlenUnderwoodResume
Javafx
Web Applications
Windows store app development V1
Nexcore mobile platform 4.0
An introduction to development of universal applications
Rhodes Overview
Rich Internet Application (RIA) New Dimension With HTML5, CSS3 and Javascript...
Building RIA Apps with Silverlight
Cross platform development - Rhomobile
Windows 8 and the cloud a match made in heaven
Ad

Similar to Cross platform Web apps (20)

PPTX
Hybrid mobile app
PPTX
Hybrid Mobile App
PPTX
Mobile Web Apps
PDF
White paper native, web or hybrid mobile app development
PDF
Native script vs react native for native app development in 2022
PDF
Cross Platform Development Using Flutter
PDF
The Ultimate Guide to Cross Platform App Development Frameworks in 2023
PDF
Web Application Development- Best Practices in 2023.
PDF
The 8 Leading Frameworks for Cross-Platform App Development
PDF
A Guide to Mobile App Development - Web vs Native vs Hybrid.pdf
PDF
React Native Vs. Flutter Vs. Ionic: Which Is the Best Cross-Platform Framework?
PDF
A Guide to Selecting the Right Cross-Platform Mobile App Development Framewor...
DOCX
Shankar
PDF
Sybase sup hybrid_web_container_article_wp
PDF
What is The Best Platform for Mobile App Development.pdf
PDF
What is hybrid mobile app development? | Nitor Infotech
PDF
Mobile App Development Frameworks - The Top Picks of 2023.pdf
PPTX
What Is A Technology Stack?
DOCX
How to choose the Right Mobile App Development Framework.docx
DOCX
How to choose the Right Mobile App Development Framework.docx
Hybrid mobile app
Hybrid Mobile App
Mobile Web Apps
White paper native, web or hybrid mobile app development
Native script vs react native for native app development in 2022
Cross Platform Development Using Flutter
The Ultimate Guide to Cross Platform App Development Frameworks in 2023
Web Application Development- Best Practices in 2023.
The 8 Leading Frameworks for Cross-Platform App Development
A Guide to Mobile App Development - Web vs Native vs Hybrid.pdf
React Native Vs. Flutter Vs. Ionic: Which Is the Best Cross-Platform Framework?
A Guide to Selecting the Right Cross-Platform Mobile App Development Framewor...
Shankar
Sybase sup hybrid_web_container_article_wp
What is The Best Platform for Mobile App Development.pdf
What is hybrid mobile app development? | Nitor Infotech
Mobile App Development Frameworks - The Top Picks of 2023.pdf
What Is A Technology Stack?
How to choose the Right Mobile App Development Framework.docx
How to choose the Right Mobile App Development Framework.docx
Ad

Recently uploaded (20)

PPTX
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
PDF
FourierSeries-QuestionsWithAnswers(Part-A).pdf
PPTX
Pharmacology of Heart Failure /Pharmacotherapy of CHF
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PDF
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
PDF
RMMM.pdf make it easy to upload and study
PDF
Anesthesia in Laparoscopic Surgery in India
PPTX
PPH.pptx obstetrics and gynecology in nursing
PPTX
master seminar digital applications in india
PDF
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
PDF
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PDF
Insiders guide to clinical Medicine.pdf
PDF
Microbial disease of the cardiovascular and lymphatic systems
PPTX
Pharma ospi slides which help in ospi learning
PPTX
human mycosis Human fungal infections are called human mycosis..pptx
PDF
O7-L3 Supply Chain Operations - ICLT Program
PPTX
Lesson notes of climatology university.
PPTX
Microbial diseases, their pathogenesis and prophylaxis
PPTX
Institutional Correction lecture only . . .
PPTX
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
FourierSeries-QuestionsWithAnswers(Part-A).pdf
Pharmacology of Heart Failure /Pharmacotherapy of CHF
O5-L3 Freight Transport Ops (International) V1.pdf
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
RMMM.pdf make it easy to upload and study
Anesthesia in Laparoscopic Surgery in India
PPH.pptx obstetrics and gynecology in nursing
master seminar digital applications in india
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
Insiders guide to clinical Medicine.pdf
Microbial disease of the cardiovascular and lymphatic systems
Pharma ospi slides which help in ospi learning
human mycosis Human fungal infections are called human mycosis..pptx
O7-L3 Supply Chain Operations - ICLT Program
Lesson notes of climatology university.
Microbial diseases, their pathogenesis and prophylaxis
Institutional Correction lecture only . . .
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx

Cross platform Web apps

  • 2.  Abstract  Introduction  Mobile Development  Web, Native vs. Hybrid Mobile App  Technology Challenges to Deliver Cross-platformApps  The Proposed Solution  User Interface (UI)  Technologies  Positives and Negatives  Conclusion  References
  • 3.  Mobile applications have gained momentum in many sectors in agriculture.  But developing apps is still a challenge as it needs platform fragmentation and also there are changes in mobiles technology.  It is hence a great benefit to identify common frameworks and solutions that allow developers to leverage single codebase and deploy it on multiple platforms, both on different mobile devices and mobile webs.
  • 4.  The single code-base for an application is used to produce any number of immutable releases that are destined for different environments.
  • 7.  It is a type of software that works on multiple operating systems or devices , which are referred as platforms.
  • 8.  Technology challenges to deliver cross-platform apps lie in essential difference between 2 types of applications:  Mobile web app  Native app  Mobile web apps reside on server without installation on devices, and both debugging and fixing are possible in real-time execution.  These apps cannot access mobile device’s features like camera and motion sensors.
  • 9.  These are developed for specific type of mobile device and could take advantage of device functionality including file storage.  The main drawback of native apps is that they must be developed seperately in each platform which increases developing time  And once it is modified, developer needs to push all users to update their app to receive services.
  • 10.  Taking the advantages of 2, is native mobile app embedding web content inside a thin container.  Hybrid apps are installed through appstore, run on the device and provide access to enhanced native device hardware, but are written primarily using HTML, CSS and JavaScript.
  • 12.  Development of native apps for different os require usage of different programming languages and architectures  Android apps are developed using Java in Eclipse with Android Developer tools support  Ios apps are developed in Xcode, using Objective-c, swift and cocoa framework.
  • 13.  To overcome this, we bring a solution that builds on single codebase and deploy cross-platforms, both mobile browsers and different os, without any change in configuration.  The core concept involves Adobe’s PhoneGap framework, which enables wrapping up of HTML, CSS and JavaScript code into different mobile packages for cross-platform deployment.  Instead of using a database management system, the solution uses JavaScript Object Notation (JSON) for data storage and transport.
  • 14.  With the help of PhoneGap Build service, development will only need to be focused on mobile web with consideration of app compatibility, but also the functionality is limited to the scope of HTML5, CSS3 and JavaScript for PhoneGap supported file types.  The development is based on jQuery Mobile (JQM) framework, while other options include Bootstrap and Sencha.
  • 15.  The JQM framework provides many features such as an Ajax navigation system that brings animated page transitions and a core set of UI widgets. It also offers several custom events that build upon native events so that, for example, developers can have the page load and display dynamic content from JSON objects or database without breaking the layout.  Ajax allows users to display content selected from a list of links, into the same page.
  • 16.  For many apps, users only consume data stored in a database that is not frequently updated. In this case, the database (or data files) can be placed on the client side.  That is, from the perspective of the native app, the app can always run in offline mode since no information is required from the server.  The benefits are obvious that the data traffic of using the app is minimized and the system does not require any server-side configuration to support the app.
  • 18.  JSON(Java Script Object Notation) has the advantage in processing simplicity. It is essentially serialized JavaScript object that makes it fit better client side scripting, which is primarily done in JavaScript.  Given JSON as the storage format, the idea is to construct object-based data representation and store the data object in JSON files . Upon using the data, the app loads the JSON files from the same relative file path via Ajax.
  • 20.  While applications are getting diverse and user bases are expanding, there is no one clear platform of choice.  During this tug of war, application developers are faced with the debate of whether they should be designing cross-platform apps or multiple apps for different platforms.  Depending on the goals and features of your app, you could either benefit or lose from cross-platform mobile apps.
  • 21.  Hammershøj, A., A. Sapuppo and R.Tadayoni, 2010. Challenges for mobile application development, Proc. of ICIN 2010, Costa Rica.  Qiang, C. Z., S. C. Kuek, A. Dymond and S. Esselaar, 2012. MobileApplications for Agriculture and Rural Development,Washington D.C.:World Bank.  Tracy, K.W., 2012. Mobile application development experiences on Apple’s iOS and Android OS, IEEE Potentials, Jul-Aug, vol 31, issue 4, pp 30-34.  USAID, 2011. Software platforms for mobile applications for agriculture development.  www.google.com