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

What's hot

Mobile application development
Mobile application developmentMobile application development
Mobile application development
EffOne_Technologies
 
Best cross-platform mobile app development tools
Best cross-platform mobile app development tools Best cross-platform mobile app development tools
Best cross-platform mobile app development tools
Sankalp
 
xcfgdfbn
xcfgdfbnxcfgdfbn
xcfgdfbn
vatsrajesh
 
Online advertising management system
Online advertising management systemOnline advertising management system
Online advertising management system
Yesu Raj
 
Why does .net maui deserve your attention if you’re planning to use xamarin
Why does .net maui deserve your attention if you’re planning to use xamarin  Why does .net maui deserve your attention if you’re planning to use xamarin
Why does .net maui deserve your attention if you’re planning to use xamarin
Moon Technolabs Pvt. Ltd.
 
Leading frameworks to power your front end development
Leading frameworks to power your front end developmentLeading frameworks to power your front end development
Leading frameworks to power your front end development
Benish Balakrishnan
 
mobicon_paper
mobicon_papermobicon_paper
mobicon_paper
Vineet Kumar
 
Location based services 10
Location based services   10Location based services   10
Location based services 10
Michael Shrove
 
GlenUnderwoodResume
GlenUnderwoodResumeGlenUnderwoodResume
GlenUnderwoodResume
Glen Underwood
 
Javafx
JavafxJavafx
Javafx
Rahul karan
 
Web Applications
Web ApplicationsWeb Applications
Web Applications
Debayan Goswami
 
Windows store app development V1
Windows store app development V1Windows store app development V1
Windows store app development V1
Foyzul Karim
 
Nexcore mobile platform 4.0
Nexcore mobile platform 4.0Nexcore mobile platform 4.0
Nexcore mobile platform 4.0
SK CC
 
An introduction to development of universal applications
An introduction to development of universal applicationsAn introduction to development of universal applications
An introduction to development of universal applications
Jiri Danihelka
 
Rhodes Overview
Rhodes OverviewRhodes Overview
Rhodes Overview
Sarah Allen
 
Rich Internet Application (RIA) New Dimension With HTML5, CSS3 and Javascript...
Rich Internet Application (RIA) New Dimension With HTML5, CSS3 and Javascript...Rich Internet Application (RIA) New Dimension With HTML5, CSS3 and Javascript...
Rich Internet Application (RIA) New Dimension With HTML5, CSS3 and Javascript...
Anthony Zee
 
Building RIA Apps with Silverlight
Building RIA Apps with SilverlightBuilding RIA Apps with Silverlight
Building RIA Apps with Silverlight
Aniruddha Chakrabarti
 
Cross platform development - Rhomobile
Cross platform development - RhomobileCross platform development - Rhomobile
Cross platform development - Rhomobile
Konstantin Rybas
 
Windows 8 and the cloud a match made in heaven
Windows 8 and the cloud a match made in heavenWindows 8 and the cloud a match made in heaven
Windows 8 and the cloud a match made in heaven
Noam Sheffer
 

What's hot (19)

Mobile application development
Mobile application developmentMobile application development
Mobile application development
 
Best cross-platform mobile app development tools
Best cross-platform mobile app development tools Best cross-platform mobile app development tools
Best cross-platform mobile app development tools
 
xcfgdfbn
xcfgdfbnxcfgdfbn
xcfgdfbn
 
Online advertising management system
Online advertising management systemOnline advertising management system
Online advertising management system
 
Why does .net maui deserve your attention if you’re planning to use xamarin
Why does .net maui deserve your attention if you’re planning to use xamarin  Why does .net maui deserve your attention if you’re planning to use xamarin
Why does .net maui deserve your attention if you’re planning to use xamarin
 
Leading frameworks to power your front end development
Leading frameworks to power your front end developmentLeading frameworks to power your front end development
Leading frameworks to power your front end development
 
mobicon_paper
mobicon_papermobicon_paper
mobicon_paper
 
Location based services 10
Location based services   10Location based services   10
Location based services 10
 
GlenUnderwoodResume
GlenUnderwoodResumeGlenUnderwoodResume
GlenUnderwoodResume
 
Javafx
JavafxJavafx
Javafx
 
Web Applications
Web ApplicationsWeb Applications
Web Applications
 
Windows store app development V1
Windows store app development V1Windows store app development V1
Windows store app development V1
 
Nexcore mobile platform 4.0
Nexcore mobile platform 4.0Nexcore mobile platform 4.0
Nexcore mobile platform 4.0
 
An introduction to development of universal applications
An introduction to development of universal applicationsAn introduction to development of universal applications
An introduction to development of universal applications
 
Rhodes Overview
Rhodes OverviewRhodes Overview
Rhodes Overview
 
Rich Internet Application (RIA) New Dimension With HTML5, CSS3 and Javascript...
Rich Internet Application (RIA) New Dimension With HTML5, CSS3 and Javascript...Rich Internet Application (RIA) New Dimension With HTML5, CSS3 and Javascript...
Rich Internet Application (RIA) New Dimension With HTML5, CSS3 and Javascript...
 
Building RIA Apps with Silverlight
Building RIA Apps with SilverlightBuilding RIA Apps with Silverlight
Building RIA Apps with Silverlight
 
Cross platform development - Rhomobile
Cross platform development - RhomobileCross platform development - Rhomobile
Cross platform development - Rhomobile
 
Windows 8 and the cloud a match made in heaven
Windows 8 and the cloud a match made in heavenWindows 8 and the cloud a match made in heaven
Windows 8 and the cloud a match made in heaven
 

Similar to Cross platform Web apps

Hybrid Mobile App
Hybrid Mobile AppHybrid Mobile App
Hybrid Mobile App
Palani Kumar
 
Hybrid mobile app
Hybrid mobile appHybrid mobile app
Hybrid mobile app
Palani Kumar
 
Mobile Web Apps
Mobile Web AppsMobile Web Apps
Mobile Web Apps
Athhar Ahamed
 
White paper native, web or hybrid mobile app development
White paper  native, web or hybrid mobile app developmentWhite paper  native, web or hybrid mobile app development
White paper native, web or hybrid mobile app development
IBM Software India
 
Native script vs react native for native app development in 2022
Native script vs react native for native app development in 2022Native script vs react native for native app development in 2022
Native script vs react native for native app development in 2022
Katy Slemon
 
Cross Platform Development Using Flutter
Cross Platform Development Using FlutterCross Platform Development Using Flutter
Cross Platform Development Using Flutter
vivatechijri
 
The Ultimate Guide to Cross Platform App Development Frameworks in 2023
The Ultimate Guide to Cross Platform App Development Frameworks in 2023The Ultimate Guide to Cross Platform App Development Frameworks in 2023
The Ultimate Guide to Cross Platform App Development Frameworks in 2023
Cerebrum Infotech
 
Web Application Development- Best Practices in 2023.
Web Application Development- Best Practices in 2023.Web Application Development- Best Practices in 2023.
Web Application Development- Best Practices in 2023.
Techugo
 
A Guide to Mobile App Development - Web vs Native vs Hybrid.pdf
A Guide to Mobile App Development - Web vs Native vs Hybrid.pdfA Guide to Mobile App Development - Web vs Native vs Hybrid.pdf
A Guide to Mobile App Development - Web vs Native vs Hybrid.pdf
WDP Technologies
 
React Native Vs. Flutter Vs. Ionic: Which Is the Best Cross-Platform Framework?
React Native Vs. Flutter Vs. Ionic: Which Is the Best Cross-Platform Framework?React Native Vs. Flutter Vs. Ionic: Which Is the Best Cross-Platform Framework?
React Native Vs. Flutter Vs. Ionic: Which Is the Best Cross-Platform Framework?
Lucy Zeniffer
 
Shankar
ShankarShankar
Shankar
Shankar P
 
Sybase sup hybrid_web_container_article_wp
Sybase sup hybrid_web_container_article_wpSybase sup hybrid_web_container_article_wp
Sybase sup hybrid_web_container_article_wp
Prabhakar Manthena
 
What is The Best Platform for Mobile App Development.pdf
What is The Best Platform for Mobile App Development.pdfWhat is The Best Platform for Mobile App Development.pdf
What is The Best Platform for Mobile App Development.pdf
SjainVentures2
 
What is hybrid mobile app development? | Nitor Infotech
What is hybrid mobile app development? | Nitor InfotechWhat is hybrid mobile app development? | Nitor Infotech
What is hybrid mobile app development? | Nitor Infotech
servicesNitor
 
Mobile App Development Frameworks - The Top Picks of 2023.pdf
Mobile App Development Frameworks - The Top Picks of 2023.pdfMobile App Development Frameworks - The Top Picks of 2023.pdf
Mobile App Development Frameworks - The Top Picks of 2023.pdf
Shiv Technolabs Pvt. Ltd.
 
What Is A Technology Stack?
What Is A Technology Stack?What Is A Technology Stack?
What Is A Technology Stack?
Albiorix Technology
 
Benefits of PhoneGap for Mobile App Development - Appzure
Benefits of PhoneGap for Mobile App Development - AppzureBenefits of PhoneGap for Mobile App Development - Appzure
Benefits of PhoneGap for Mobile App Development - Appzure
Appzure -Mobile App Development
 
Tools to Use in Android Development Or iOS Development.pdf
Tools to Use in Android Development Or iOS Development.pdfTools to Use in Android Development Or iOS Development.pdf
Tools to Use in Android Development Or iOS Development.pdf
Technology News & Updates
 
Popular App Development Frameworks used by App Developers.
Popular App Development Frameworks used by App Developers.Popular App Development Frameworks used by App Developers.
Popular App Development Frameworks used by App Developers.
Techugo
 
Best android frameworks for app development in 2023.pdf
Best android frameworks for app development in 2023.pdfBest android frameworks for app development in 2023.pdf
Best android frameworks for app development in 2023.pdf
Laura Miller
 

Similar to Cross platform Web apps (20)

Hybrid Mobile App
Hybrid Mobile AppHybrid Mobile App
Hybrid Mobile App
 
Hybrid mobile app
Hybrid mobile appHybrid mobile app
Hybrid mobile app
 
Mobile Web Apps
Mobile Web AppsMobile Web Apps
Mobile Web Apps
 
White paper native, web or hybrid mobile app development
White paper  native, web or hybrid mobile app developmentWhite paper  native, web or hybrid mobile app development
White paper native, web or hybrid mobile app development
 
Native script vs react native for native app development in 2022
Native script vs react native for native app development in 2022Native script vs react native for native app development in 2022
Native script vs react native for native app development in 2022
 
Cross Platform Development Using Flutter
Cross Platform Development Using FlutterCross Platform Development Using Flutter
Cross Platform Development Using Flutter
 
The Ultimate Guide to Cross Platform App Development Frameworks in 2023
The Ultimate Guide to Cross Platform App Development Frameworks in 2023The Ultimate Guide to Cross Platform App Development Frameworks in 2023
The Ultimate Guide to Cross Platform App Development Frameworks in 2023
 
Web Application Development- Best Practices in 2023.
Web Application Development- Best Practices in 2023.Web Application Development- Best Practices in 2023.
Web Application Development- Best Practices in 2023.
 
A Guide to Mobile App Development - Web vs Native vs Hybrid.pdf
A Guide to Mobile App Development - Web vs Native vs Hybrid.pdfA Guide to Mobile App Development - Web vs Native vs Hybrid.pdf
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?
React Native Vs. Flutter Vs. Ionic: Which Is the Best Cross-Platform Framework?React Native Vs. Flutter Vs. Ionic: Which Is the Best Cross-Platform Framework?
React Native Vs. Flutter Vs. Ionic: Which Is the Best Cross-Platform Framework?
 
Shankar
ShankarShankar
Shankar
 
Sybase sup hybrid_web_container_article_wp
Sybase sup hybrid_web_container_article_wpSybase sup hybrid_web_container_article_wp
Sybase sup hybrid_web_container_article_wp
 
What is The Best Platform for Mobile App Development.pdf
What is The Best Platform for Mobile App Development.pdfWhat is The Best Platform for Mobile App Development.pdf
What is The Best Platform for Mobile App Development.pdf
 
What is hybrid mobile app development? | Nitor Infotech
What is hybrid mobile app development? | Nitor InfotechWhat is hybrid mobile app development? | Nitor Infotech
What is hybrid mobile app development? | Nitor Infotech
 
Mobile App Development Frameworks - The Top Picks of 2023.pdf
Mobile App Development Frameworks - The Top Picks of 2023.pdfMobile App Development Frameworks - The Top Picks of 2023.pdf
Mobile App Development Frameworks - The Top Picks of 2023.pdf
 
What Is A Technology Stack?
What Is A Technology Stack?What Is A Technology Stack?
What Is A Technology Stack?
 
Benefits of PhoneGap for Mobile App Development - Appzure
Benefits of PhoneGap for Mobile App Development - AppzureBenefits of PhoneGap for Mobile App Development - Appzure
Benefits of PhoneGap for Mobile App Development - Appzure
 
Tools to Use in Android Development Or iOS Development.pdf
Tools to Use in Android Development Or iOS Development.pdfTools to Use in Android Development Or iOS Development.pdf
Tools to Use in Android Development Or iOS Development.pdf
 
Popular App Development Frameworks used by App Developers.
Popular App Development Frameworks used by App Developers.Popular App Development Frameworks used by App Developers.
Popular App Development Frameworks used by App Developers.
 
Best android frameworks for app development in 2023.pdf
Best android frameworks for app development in 2023.pdfBest android frameworks for app development in 2023.pdf
Best android frameworks for app development in 2023.pdf
 

Recently uploaded

matatag curriculum education for Kindergarten
matatag curriculum education for Kindergartenmatatag curriculum education for Kindergarten
matatag curriculum education for Kindergarten
SarahAlie1
 
New Features in Odoo 17 Sign - Odoo 17 Slides
New Features in Odoo 17 Sign - Odoo 17 SlidesNew Features in Odoo 17 Sign - Odoo 17 Slides
New Features in Odoo 17 Sign - Odoo 17 Slides
Celine George
 
How To Create a Transient Model in Odoo 17
How To Create a Transient Model in Odoo 17How To Create a Transient Model in Odoo 17
How To Create a Transient Model in Odoo 17
Celine George
 
Edukasyong Pantahanan at Pangkabuhayan 1: Personal Hygiene
Edukasyong Pantahanan at  Pangkabuhayan 1: Personal HygieneEdukasyong Pantahanan at  Pangkabuhayan 1: Personal Hygiene
Edukasyong Pantahanan at Pangkabuhayan 1: Personal Hygiene
MJDuyan
 
NC Public Schools Involved in NCDPI, Zipline Partnership
NC Public Schools Involved in NCDPI, Zipline PartnershipNC Public Schools Involved in NCDPI, Zipline Partnership
NC Public Schools Involved in NCDPI, Zipline Partnership
Mebane Rash
 
CTD Punjab Police Past Papers MCQs PPSC PDF
CTD Punjab Police Past Papers MCQs PPSC PDFCTD Punjab Police Past Papers MCQs PPSC PDF
CTD Punjab Police Past Papers MCQs PPSC PDF
hammadmughal76316
 
Kesadaran_Berbangsa_dan_Bernegara_Nasion.pptx
Kesadaran_Berbangsa_dan_Bernegara_Nasion.pptxKesadaran_Berbangsa_dan_Bernegara_Nasion.pptx
Kesadaran_Berbangsa_dan_Bernegara_Nasion.pptx
artenzmartenkai
 
C Interview Questions PDF By Scholarhat.pdf
C Interview Questions PDF By Scholarhat.pdfC Interview Questions PDF By Scholarhat.pdf
C Interview Questions PDF By Scholarhat.pdf
Scholarhat
 
1-NLC-MATH7-Consolidation-Lesson1 2024.pptx
1-NLC-MATH7-Consolidation-Lesson1 2024.pptx1-NLC-MATH7-Consolidation-Lesson1 2024.pptx
1-NLC-MATH7-Consolidation-Lesson1 2024.pptx
AnneMarieJacildo
 
How to Manage Large Scrollbar in Odoo 17 POS
How to Manage Large Scrollbar in Odoo 17 POSHow to Manage Large Scrollbar in Odoo 17 POS
How to Manage Large Scrollbar in Odoo 17 POS
Celine George
 
Lecture_Notes_Unit4_Chapter_8_9_10_RDBMS for the students affiliated by alaga...
Lecture_Notes_Unit4_Chapter_8_9_10_RDBMS for the students affiliated by alaga...Lecture_Notes_Unit4_Chapter_8_9_10_RDBMS for the students affiliated by alaga...
Lecture_Notes_Unit4_Chapter_8_9_10_RDBMS for the students affiliated by alaga...
Murugan Solaiyappan
 
How to Manage Access Rights & User Types in Odoo 17
How to Manage Access Rights & User Types in Odoo 17How to Manage Access Rights & User Types in Odoo 17
How to Manage Access Rights & User Types in Odoo 17
Celine George
 
How to Create Sequence Numbers in Odoo 17
How to Create Sequence Numbers in Odoo 17How to Create Sequence Numbers in Odoo 17
How to Create Sequence Numbers in Odoo 17
Celine George
 
Howe Writing Center - Orientation Summer 2024
Howe Writing Center - Orientation Summer 2024Howe Writing Center - Orientation Summer 2024
Howe Writing Center - Orientation Summer 2024
Elizabeth Walsh
 
How to Create a New Article in Knowledge App in Odoo 17
How to Create a New Article in Knowledge App in Odoo 17How to Create a New Article in Knowledge App in Odoo 17
How to Create a New Article in Knowledge App in Odoo 17
Celine George
 
DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY N...
DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY N...DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY N...
DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY N...
thanhluan21
 
Imagination in Computer Science Research
Imagination in Computer Science ResearchImagination in Computer Science Research
Imagination in Computer Science Research
Abhik Roychoudhury
 
How to Create & Publish a Blog in Odoo 17 Website
How to Create & Publish a Blog in Odoo 17 WebsiteHow to Create & Publish a Blog in Odoo 17 Website
How to Create & Publish a Blog in Odoo 17 Website
Celine George
 
The basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptxThe basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptx
heathfieldcps1
 
NAEYC Code of Ethical Conduct Resource Book
NAEYC Code of Ethical Conduct Resource BookNAEYC Code of Ethical Conduct Resource Book
NAEYC Code of Ethical Conduct Resource Book
lakitawilson
 

Recently uploaded (20)

matatag curriculum education for Kindergarten
matatag curriculum education for Kindergartenmatatag curriculum education for Kindergarten
matatag curriculum education for Kindergarten
 
New Features in Odoo 17 Sign - Odoo 17 Slides
New Features in Odoo 17 Sign - Odoo 17 SlidesNew Features in Odoo 17 Sign - Odoo 17 Slides
New Features in Odoo 17 Sign - Odoo 17 Slides
 
How To Create a Transient Model in Odoo 17
How To Create a Transient Model in Odoo 17How To Create a Transient Model in Odoo 17
How To Create a Transient Model in Odoo 17
 
Edukasyong Pantahanan at Pangkabuhayan 1: Personal Hygiene
Edukasyong Pantahanan at  Pangkabuhayan 1: Personal HygieneEdukasyong Pantahanan at  Pangkabuhayan 1: Personal Hygiene
Edukasyong Pantahanan at Pangkabuhayan 1: Personal Hygiene
 
NC Public Schools Involved in NCDPI, Zipline Partnership
NC Public Schools Involved in NCDPI, Zipline PartnershipNC Public Schools Involved in NCDPI, Zipline Partnership
NC Public Schools Involved in NCDPI, Zipline Partnership
 
CTD Punjab Police Past Papers MCQs PPSC PDF
CTD Punjab Police Past Papers MCQs PPSC PDFCTD Punjab Police Past Papers MCQs PPSC PDF
CTD Punjab Police Past Papers MCQs PPSC PDF
 
Kesadaran_Berbangsa_dan_Bernegara_Nasion.pptx
Kesadaran_Berbangsa_dan_Bernegara_Nasion.pptxKesadaran_Berbangsa_dan_Bernegara_Nasion.pptx
Kesadaran_Berbangsa_dan_Bernegara_Nasion.pptx
 
C Interview Questions PDF By Scholarhat.pdf
C Interview Questions PDF By Scholarhat.pdfC Interview Questions PDF By Scholarhat.pdf
C Interview Questions PDF By Scholarhat.pdf
 
1-NLC-MATH7-Consolidation-Lesson1 2024.pptx
1-NLC-MATH7-Consolidation-Lesson1 2024.pptx1-NLC-MATH7-Consolidation-Lesson1 2024.pptx
1-NLC-MATH7-Consolidation-Lesson1 2024.pptx
 
How to Manage Large Scrollbar in Odoo 17 POS
How to Manage Large Scrollbar in Odoo 17 POSHow to Manage Large Scrollbar in Odoo 17 POS
How to Manage Large Scrollbar in Odoo 17 POS
 
Lecture_Notes_Unit4_Chapter_8_9_10_RDBMS for the students affiliated by alaga...
Lecture_Notes_Unit4_Chapter_8_9_10_RDBMS for the students affiliated by alaga...Lecture_Notes_Unit4_Chapter_8_9_10_RDBMS for the students affiliated by alaga...
Lecture_Notes_Unit4_Chapter_8_9_10_RDBMS for the students affiliated by alaga...
 
How to Manage Access Rights & User Types in Odoo 17
How to Manage Access Rights & User Types in Odoo 17How to Manage Access Rights & User Types in Odoo 17
How to Manage Access Rights & User Types in Odoo 17
 
How to Create Sequence Numbers in Odoo 17
How to Create Sequence Numbers in Odoo 17How to Create Sequence Numbers in Odoo 17
How to Create Sequence Numbers in Odoo 17
 
Howe Writing Center - Orientation Summer 2024
Howe Writing Center - Orientation Summer 2024Howe Writing Center - Orientation Summer 2024
Howe Writing Center - Orientation Summer 2024
 
How to Create a New Article in Knowledge App in Odoo 17
How to Create a New Article in Knowledge App in Odoo 17How to Create a New Article in Knowledge App in Odoo 17
How to Create a New Article in Knowledge App in Odoo 17
 
DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY N...
DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY N...DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY N...
DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY N...
 
Imagination in Computer Science Research
Imagination in Computer Science ResearchImagination in Computer Science Research
Imagination in Computer Science Research
 
How to Create & Publish a Blog in Odoo 17 Website
How to Create & Publish a Blog in Odoo 17 WebsiteHow to Create & Publish a Blog in Odoo 17 Website
How to Create & Publish a Blog in Odoo 17 Website
 
The basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptxThe basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptx
 
NAEYC Code of Ethical Conduct Resource Book
NAEYC Code of Ethical Conduct Resource BookNAEYC Code of Ethical Conduct Resource Book
NAEYC Code of Ethical Conduct Resource Book
 

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