SlideShare a Scribd company logo
Presented by
Chandan Mourya
Introduction to Mobile Application Development
• Introduction
• Importance of Apps
• Mobile apps platform share
• Development choices
Outline
Mobile Apps
Computer
Email
Fax
Radio
Music player
Word processor
Apps for everything – Health, Entertainment,
Productivity, Sales, Learning etc
• Smartphones are everywhere always with user
• Manifoldness of possibilities
• Proximity to customers
• Unmatched user-experience
• Better visibility
Why mobile apps are important
Some stats
Some stats…
Some stats…
Some stats…
Some stats…
• Reaching to more users
▫ Growing number of smartphones
▫ Increasing affordability of smartphones
▫ Increasing mobile internet speed and quality
• Catching users in more engaging way
• Better sales conversion rate
• Better collection of user’s contextual data
• Ease of use : Better productivity
• Around 70 per cent of rural users access the internet from their mobile
handsets
Mobile Apps : Business Perspective
• Ease of use
• One device works for everything
▫ Health
▫ Shopping
▫ Communication
▫ Entertainment
• Low cost
• Longer battery life
• Relatively much easier learning curve
Mobile Apps : User Perspective
• Multiple platforms
• Different screen sizes
• Screen density
• User interaction
• Limited hardware resources
• Sensors
• Integration with Phone Functions
Mobile Apps : Developer Perspective
Mobile Apps : Platform Share
Mobile Apps : Platform Share
Native, Web or Hybrid ?
Native Apps
• Binary executable files on the device.
• 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.
Native Apps
• Cross Compilation
• Hybrid
• Mobile Web
Cross Platform Apps
• 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.
Cross Compilation
Mobile Web
• Use standard web technologies such as HTML 5, CSS 3 & JavaScript.
• Increasing popularity of HTML 5 in rendering engines such as WebKit.
• Runs on a standalone mobile web browser.
ADVANTAGES:
• Multiplatform support.
• Low development cost.
• Leverage existing knowledge.
DISADVANTAGES:
• Limited access to OS API’s.
Hybrid
• Combines native development with web technology.
• The web app runs inside a thin wrapper native app.
• The wrapper native app uses the OS API’s to create an embedded HTML rendering engine which
provides a bridge between the browser and device API’s.
• The communication between web app and native app normally happens over JavaScript via custom
built API’s.
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.
Cross Platform Apps
Mobile App vs Mobile Web
Cross Platform Frameworks
Migration path from Web/Desktop to Mobile
Introduction to mobile application development
Ad

More Related Content

What's hot (20)

Mobile Application Development Services-MobileApptelligence
Mobile Application Development Services-MobileApptelligenceMobile Application Development Services-MobileApptelligence
Mobile Application Development Services-MobileApptelligence
Mobileapptelligence
 
Mobile Application Development: Hybrid, Native and Mobile Web Apps
Mobile Application Development: Hybrid, Native and Mobile Web AppsMobile Application Development: Hybrid, Native and Mobile Web Apps
Mobile Application Development: Hybrid, Native and Mobile Web Apps
Paul Sons
 
Android and android versions
Android and android versionsAndroid and android versions
Android and android versions
Megha Jain
 
Android PPT Presentation 2018
Android PPT Presentation 2018Android PPT Presentation 2018
Android PPT Presentation 2018
Rao Purna
 
Hybrid mobile app
Hybrid mobile appHybrid mobile app
Hybrid mobile app
Palani Kumar
 
Mobile application development
Mobile application developmentMobile application development
Mobile application development
Eric Cattoir
 
Different types of mobile apps
Different types of mobile appsDifferent types of mobile apps
Different types of mobile apps
MVM Infotech Co. Ltd.
 
Mobile App Development
Mobile App DevelopmentMobile App Development
Mobile App Development
Chris Morrell
 
android architecture
android architectureandroid architecture
android architecture
Aashita Gupta
 
Introduction to Android ppt
Introduction to Android pptIntroduction to Android ppt
Introduction to Android ppt
Taha Malampatti
 
Android Operating System
Android Operating SystemAndroid Operating System
Android Operating System
Prathamesh Bhosale
 
Introduction To Mobile Application Development
Introduction To Mobile Application DevelopmentIntroduction To Mobile Application Development
Introduction To Mobile Application Development
Syed Absar
 
Mobile Development Overview
Mobile Development OverviewMobile Development Overview
Mobile Development Overview
Shawn Grimes
 
Ionic Framework
Ionic FrameworkIonic Framework
Ionic Framework
Thinh VoXuan
 
Flutter
FlutterFlutter
Flutter
Mohit Sharma
 
Introduction to android
Introduction to androidIntroduction to android
Introduction to android
zeelpatel0504
 
Mobile operating system
Mobile operating systemMobile operating system
Mobile operating system
Arindam Ganguly
 
Introduction to Mobile Development
Introduction to Mobile DevelopmentIntroduction to Mobile Development
Introduction to Mobile Development
Pragnesh Vaghela
 
Introduction to Android and Android Studio
Introduction to Android and Android StudioIntroduction to Android and Android Studio
Introduction to Android and Android Studio
Suyash Srijan
 
History Of The Development Of Mobile Applications
History Of The Development Of Mobile ApplicationsHistory Of The Development Of Mobile Applications
History Of The Development Of Mobile Applications
emmaroberts477
 
Mobile Application Development Services-MobileApptelligence
Mobile Application Development Services-MobileApptelligenceMobile Application Development Services-MobileApptelligence
Mobile Application Development Services-MobileApptelligence
Mobileapptelligence
 
Mobile Application Development: Hybrid, Native and Mobile Web Apps
Mobile Application Development: Hybrid, Native and Mobile Web AppsMobile Application Development: Hybrid, Native and Mobile Web Apps
Mobile Application Development: Hybrid, Native and Mobile Web Apps
Paul Sons
 
Android and android versions
Android and android versionsAndroid and android versions
Android and android versions
Megha Jain
 
Android PPT Presentation 2018
Android PPT Presentation 2018Android PPT Presentation 2018
Android PPT Presentation 2018
Rao Purna
 
Mobile application development
Mobile application developmentMobile application development
Mobile application development
Eric Cattoir
 
Mobile App Development
Mobile App DevelopmentMobile App Development
Mobile App Development
Chris Morrell
 
android architecture
android architectureandroid architecture
android architecture
Aashita Gupta
 
Introduction to Android ppt
Introduction to Android pptIntroduction to Android ppt
Introduction to Android ppt
Taha Malampatti
 
Introduction To Mobile Application Development
Introduction To Mobile Application DevelopmentIntroduction To Mobile Application Development
Introduction To Mobile Application Development
Syed Absar
 
Mobile Development Overview
Mobile Development OverviewMobile Development Overview
Mobile Development Overview
Shawn Grimes
 
Introduction to android
Introduction to androidIntroduction to android
Introduction to android
zeelpatel0504
 
Introduction to Mobile Development
Introduction to Mobile DevelopmentIntroduction to Mobile Development
Introduction to Mobile Development
Pragnesh Vaghela
 
Introduction to Android and Android Studio
Introduction to Android and Android StudioIntroduction to Android and Android Studio
Introduction to Android and Android Studio
Suyash Srijan
 
History Of The Development Of Mobile Applications
History Of The Development Of Mobile ApplicationsHistory Of The Development Of Mobile Applications
History Of The Development Of Mobile Applications
emmaroberts477
 

Similar to Introduction to mobile application development (20)

Deal with the dilemma of hybrid and native
Deal with the dilemma of hybrid and nativeDeal with the dilemma of hybrid and native
Deal with the dilemma of hybrid and native
swamileo1
 
Create engaging mobile experiences with Visual Studio, Microsoft Azure and Xa...
Create engaging mobile experienceswith Visual Studio, Microsoft Azure and Xa...Create engaging mobile experienceswith Visual Studio, Microsoft Azure and Xa...
Create engaging mobile experiences with Visual Studio, Microsoft Azure and Xa...
Mukteswar Patnaik
 
Consider Starting Small
Consider Starting SmallConsider Starting Small
Consider Starting Small
Andrew Smith
 
Native, HTML5 or Hybrid Mobile Apps - Cost vs benefits
 Native, HTML5 or Hybrid Mobile Apps - Cost vs benefits Native, HTML5 or Hybrid Mobile Apps - Cost vs benefits
Native, HTML5 or Hybrid Mobile Apps - Cost vs benefits
Ranosys Technologies
 
Cross Platform Mobile Application Development
Cross Platform Mobile Application DevelopmentCross Platform Mobile Application Development
Cross Platform Mobile Application Development
Senchu Thomas
 
Web App VS. Hybrid App VS. Native App?
Web App VS. Hybrid App VS. Native App?Web App VS. Hybrid App VS. Native App?
Web App VS. Hybrid App VS. Native App?
Justin O'Neill
 
Web & Mobile App Development Company in UK
Web & Mobile App Development Company in UKWeb & Mobile App Development Company in UK
Web & Mobile App Development Company in UK
EugeneHill7
 
Web & Mobile App Development Company in UK
Web & Mobile App Development Company in UKWeb & Mobile App Development Company in UK
Web & Mobile App Development Company in UK
EugeneHill7
 
Comparing multi-platform mobile apps frameworks
Comparing multi-platform mobile apps frameworksComparing multi-platform mobile apps frameworks
Comparing multi-platform mobile apps frameworks
Amandine Tihon
 
Web Apps vs. Native Apps: The Low Down
Web Apps vs. Native Apps: The Low DownWeb Apps vs. Native Apps: The Low Down
Web Apps vs. Native Apps: The Low Down
Apppli
 
Mobile App Development and Xamarin as a Complete Mobile Solution
Mobile App Development and Xamarin as a Complete Mobile SolutionMobile App Development and Xamarin as a Complete Mobile Solution
Mobile App Development and Xamarin as a Complete Mobile Solution
Mukteswar Patnaik
 
Mobile testing
Mobile testingMobile testing
Mobile testing
Alex Hung
 
3 Types Of Mobile Apps.pptx
3 Types Of Mobile Apps.pptx3 Types Of Mobile Apps.pptx
3 Types Of Mobile Apps.pptx
BOSC Tech Labs
 
Library Mobile Web Design: Tips, Tricks and Resources
Library Mobile Web Design: Tips, Tricks and ResourcesLibrary Mobile Web Design: Tips, Tricks and Resources
Library Mobile Web Design: Tips, Tricks and Resources
Rachel Vacek
 
Considerations for Your Mobile Library
Considerations for Your Mobile LibraryConsiderations for Your Mobile Library
Considerations for Your Mobile Library
Rachel Vacek
 
Best Way to Develop Cross Platform Mobile Apps.pdf
Best Way to Develop Cross Platform Mobile Apps.pdfBest Way to Develop Cross Platform Mobile Apps.pdf
Best Way to Develop Cross Platform Mobile Apps.pdf
Dreamer Technoland
 
Beyond the Desktop: Sites and Apps for Phones and Tablets
Beyond the Desktop: Sites and Apps for Phones and TabletsBeyond the Desktop: Sites and Apps for Phones and Tablets
Beyond the Desktop: Sites and Apps for Phones and Tablets
Webvanta
 
Latest Trends in Mobile App Development
Latest Trends in Mobile App DevelopmentLatest Trends in Mobile App Development
Latest Trends in Mobile App Development
Dipesh Mukerji
 
MobApp 02- for HTML5 for Mobiles (1).pdf
MobApp 02- for HTML5 for Mobiles (1).pdfMobApp 02- for HTML5 for Mobiles (1).pdf
MobApp 02- for HTML5 for Mobiles (1).pdf
MUHAMMADAHMAD173574
 
HTML5: Next Generation Web Development
HTML5: Next Generation Web DevelopmentHTML5: Next Generation Web Development
HTML5: Next Generation Web Development
Dipesh Mukerji
 
Deal with the dilemma of hybrid and native
Deal with the dilemma of hybrid and nativeDeal with the dilemma of hybrid and native
Deal with the dilemma of hybrid and native
swamileo1
 
Create engaging mobile experiences with Visual Studio, Microsoft Azure and Xa...
Create engaging mobile experienceswith Visual Studio, Microsoft Azure and Xa...Create engaging mobile experienceswith Visual Studio, Microsoft Azure and Xa...
Create engaging mobile experiences with Visual Studio, Microsoft Azure and Xa...
Mukteswar Patnaik
 
Consider Starting Small
Consider Starting SmallConsider Starting Small
Consider Starting Small
Andrew Smith
 
Native, HTML5 or Hybrid Mobile Apps - Cost vs benefits
 Native, HTML5 or Hybrid Mobile Apps - Cost vs benefits Native, HTML5 or Hybrid Mobile Apps - Cost vs benefits
Native, HTML5 or Hybrid Mobile Apps - Cost vs benefits
Ranosys Technologies
 
Cross Platform Mobile Application Development
Cross Platform Mobile Application DevelopmentCross Platform Mobile Application Development
Cross Platform Mobile Application Development
Senchu Thomas
 
Web App VS. Hybrid App VS. Native App?
Web App VS. Hybrid App VS. Native App?Web App VS. Hybrid App VS. Native App?
Web App VS. Hybrid App VS. Native App?
Justin O'Neill
 
Web & Mobile App Development Company in UK
Web & Mobile App Development Company in UKWeb & Mobile App Development Company in UK
Web & Mobile App Development Company in UK
EugeneHill7
 
Web & Mobile App Development Company in UK
Web & Mobile App Development Company in UKWeb & Mobile App Development Company in UK
Web & Mobile App Development Company in UK
EugeneHill7
 
Comparing multi-platform mobile apps frameworks
Comparing multi-platform mobile apps frameworksComparing multi-platform mobile apps frameworks
Comparing multi-platform mobile apps frameworks
Amandine Tihon
 
Web Apps vs. Native Apps: The Low Down
Web Apps vs. Native Apps: The Low DownWeb Apps vs. Native Apps: The Low Down
Web Apps vs. Native Apps: The Low Down
Apppli
 
Mobile App Development and Xamarin as a Complete Mobile Solution
Mobile App Development and Xamarin as a Complete Mobile SolutionMobile App Development and Xamarin as a Complete Mobile Solution
Mobile App Development and Xamarin as a Complete Mobile Solution
Mukteswar Patnaik
 
Mobile testing
Mobile testingMobile testing
Mobile testing
Alex Hung
 
3 Types Of Mobile Apps.pptx
3 Types Of Mobile Apps.pptx3 Types Of Mobile Apps.pptx
3 Types Of Mobile Apps.pptx
BOSC Tech Labs
 
Library Mobile Web Design: Tips, Tricks and Resources
Library Mobile Web Design: Tips, Tricks and ResourcesLibrary Mobile Web Design: Tips, Tricks and Resources
Library Mobile Web Design: Tips, Tricks and Resources
Rachel Vacek
 
Considerations for Your Mobile Library
Considerations for Your Mobile LibraryConsiderations for Your Mobile Library
Considerations for Your Mobile Library
Rachel Vacek
 
Best Way to Develop Cross Platform Mobile Apps.pdf
Best Way to Develop Cross Platform Mobile Apps.pdfBest Way to Develop Cross Platform Mobile Apps.pdf
Best Way to Develop Cross Platform Mobile Apps.pdf
Dreamer Technoland
 
Beyond the Desktop: Sites and Apps for Phones and Tablets
Beyond the Desktop: Sites and Apps for Phones and TabletsBeyond the Desktop: Sites and Apps for Phones and Tablets
Beyond the Desktop: Sites and Apps for Phones and Tablets
Webvanta
 
Latest Trends in Mobile App Development
Latest Trends in Mobile App DevelopmentLatest Trends in Mobile App Development
Latest Trends in Mobile App Development
Dipesh Mukerji
 
MobApp 02- for HTML5 for Mobiles (1).pdf
MobApp 02- for HTML5 for Mobiles (1).pdfMobApp 02- for HTML5 for Mobiles (1).pdf
MobApp 02- for HTML5 for Mobiles (1).pdf
MUHAMMADAHMAD173574
 
HTML5: Next Generation Web Development
HTML5: Next Generation Web DevelopmentHTML5: Next Generation Web Development
HTML5: Next Generation Web Development
Dipesh Mukerji
 
Ad

Introduction to mobile application development

  • 1. Presented by Chandan Mourya Introduction to Mobile Application Development
  • 2. • Introduction • Importance of Apps • Mobile apps platform share • Development choices Outline
  • 3. Mobile Apps Computer Email Fax Radio Music player Word processor Apps for everything – Health, Entertainment, Productivity, Sales, Learning etc
  • 4. • Smartphones are everywhere always with user • Manifoldness of possibilities • Proximity to customers • Unmatched user-experience • Better visibility Why mobile apps are important
  • 10. • Reaching to more users ▫ Growing number of smartphones ▫ Increasing affordability of smartphones ▫ Increasing mobile internet speed and quality • Catching users in more engaging way • Better sales conversion rate • Better collection of user’s contextual data • Ease of use : Better productivity • Around 70 per cent of rural users access the internet from their mobile handsets Mobile Apps : Business Perspective
  • 11. • Ease of use • One device works for everything ▫ Health ▫ Shopping ▫ Communication ▫ Entertainment • Low cost • Longer battery life • Relatively much easier learning curve Mobile Apps : User Perspective
  • 12. • Multiple platforms • Different screen sizes • Screen density • User interaction • Limited hardware resources • Sensors • Integration with Phone Functions Mobile Apps : Developer Perspective
  • 13. Mobile Apps : Platform Share
  • 14. Mobile Apps : Platform Share
  • 15. Native, Web or Hybrid ?
  • 16. Native Apps • Binary executable files on the device. • 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.
  • 18. • Cross Compilation • Hybrid • Mobile Web Cross Platform Apps
  • 19. • 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. Cross Compilation
  • 20. Mobile Web • Use standard web technologies such as HTML 5, CSS 3 & JavaScript. • Increasing popularity of HTML 5 in rendering engines such as WebKit. • Runs on a standalone mobile web browser. ADVANTAGES: • Multiplatform support. • Low development cost. • Leverage existing knowledge. DISADVANTAGES: • Limited access to OS API’s.
  • 21. Hybrid • Combines native development with web technology. • The web app runs inside a thin wrapper native app. • The wrapper native app uses the OS API’s to create an embedded HTML rendering engine which provides a bridge between the browser and device API’s. • The communication between web app and native app normally happens over JavaScript via custom built API’s. 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.
  • 23. Mobile App vs Mobile Web
  • 25. Migration path from Web/Desktop to Mobile

Editor's Notes

  • #3: Why are we here Who am I Why Mobile Apps : importance growth statistics, different perspectives Mobile first thinking : Diff among mobile and desktop
  • #5: Reach, how are they reaching Whatsapp fb iin
  • #6: Rural india
  • #7: Travelling time
  • #11: Myntra gets about 70% of its orders and 90% of traffic comes from mobile apps and planning to go app-only in near future. Really ??? Amazon draws about 50% of its traffic from apps. In the future as more and more first-time users access the internet from smartphones rather than personal computers especially in India like countries.
  • #13: Pixel density story
  • #16: Choose a mobile strategy depending on the budget, project timeframe, target audience, app functionality, skillset
  • #18: Once the app is installed, it interacts with the underlying operating system through proprietary API calls that the OS exposes. These are divided into 2 categories – Low-level API’s & high level API’s. Through low-level API calls, the app can interact directly with the touchscreen or keyboard, render graphics, connect to networks, process audio received from the microphone, receive images & video from the camera, access the GPS etc. Higher level services include processes like browsing the web, managing calendar, contacts, photo album, the ability to send and receive phone calls etc.
  • #19: VM’s Approach :easier to extend when new features are added to the device and need to be supported by the API Runtime interpretation latency introduced when the VM is translating data and instructions to & from the underlying host platform.
  • #20: Cross Compilation : Xamarin Marmlade Developers can use this API to build the application including UI, data persistence & business logic. The code is then processed by the compiler and transformed into platform-specific native apps. High performance as the app is running natively on the device & improved user experience as the app has full native access to all device-specific capabilities such as integrated camera, sensors etc.
  • #21: Mobile Web Another increasingly popular approach is to develop mobile web apps which run on the user’s mobile browser. These are different from mobile-optimized websites which detect when they are being accessed from a mobile device and serve HTML pages that have been designed to provide a comfortable touch experience on a small screen size. This involves using standard web technologies such as HTML, CSS, JavaScript to build the application & make it look and behave like a native app. It is possible due to the advanced capabilities of HTML 5 including embedded SQL databases, local storage (application cache to reduce page startup time and enable offline features), animations, canvas (avoid transferring images), websockets, video playback, geolocation services etc. Mobile Google Search uses the HTML5 Geolocation API to show location-aware results. Google Maps for Mobile and Mobile Gmail both use the canvas tag to avoid transferring images. This approach may be appealing for many applications such as ebooks, mobile banking, social interaction & email. However it may not be suited for highly interactive, CPU-intensive, visually rich applications like games, augmented reality browsers & videoconferencing.
  • #22: Hybrid Apps : Phone Gap The bridge enables the hybrid app to take full advantage of all the features that modern devices have to offer. App developers can choose to code their own bridge or use ones provided by many of the cross-platform development frameworks such as PhoneGap.
  • #23: Major frameworks, including Appcelerator and PhoneGap offer easy access to plugins and modules that can easily plug into other services or tools. Do not have to invest in a team or developer specific to that ecosystem. In addition to plugins and modules for specific functions, most frameworks also have the option to directly integrate with cloud services, including Salesforce.com, AWS, Box.net and others. Deploying and compiling apps is much faster in a cross-platform scenario. This is especially true with many of the new cloud-based build tools that various frameworks are starting to push out. If Google, Apple or Microsoft adds a new feature, the framework you are using will need to be updated to support those new additions. Most frameworks want users to use their own development tools and suites, and that can mean that a developer has to forgo his or her own IDE preferences and use something else. Most of the cross-platform frameworks build using their own subsets of JavaScript, which means that if you want to switch to another platform, that code you wrote before is likely not going to be reusable without a lot of work.