SlideShare a Scribd company logo
1 of 26
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 App Development

More Related Content

What's hot

Mobile Application Development Services-MobileApptelligence
Mobile Application Development Services-MobileApptelligenceMobile Application Development Services-MobileApptelligence
Mobile Application Development Services-MobileApptelligenceMobileapptelligence
 
Native, Web or Hybrid Mobile App Development?
Native, Web or Hybrid Mobile App Development?Native, Web or Hybrid Mobile App Development?
Native, Web or Hybrid Mobile App Development?Sura Gonzalez
 
Introduction to Mobile Application Development
Introduction to Mobile Application DevelopmentIntroduction to Mobile Application Development
Introduction to Mobile Application Developmentshikishiji
 
Android - A brief introduction
Android - A brief introductionAndroid - A brief introduction
Android - A brief introductionRoshan Gautam
 
Introduction to Android and Android Studio
Introduction to Android and Android StudioIntroduction to Android and Android Studio
Introduction to Android and Android StudioSuyash Srijan
 
Introduction to android
Introduction to androidIntroduction to android
Introduction to androidzeelpatel0504
 
Mobile Application Development
Mobile Application DevelopmentMobile Application Development
Mobile Application Developmentjini james
 
Introduction to Mobile Development
Introduction to Mobile DevelopmentIntroduction to Mobile Development
Introduction to Mobile DevelopmentPragnesh Vaghela
 
Mobile App Development
Mobile App DevelopmentMobile App Development
Mobile App DevelopmentChris Morrell
 
Mobile Development Overview
Mobile Development OverviewMobile Development Overview
Mobile Development OverviewShawn Grimes
 
Mobile Application Development With Android
Mobile Application Development With AndroidMobile Application Development With Android
Mobile Application Development With Androidguest213e237
 
Android app development ppt
Android app development pptAndroid app development ppt
Android app development pptsaitej15
 
Android PPT Presentation 2018
Android PPT Presentation 2018Android PPT Presentation 2018
Android PPT Presentation 2018Rao Purna
 
Android Operating System (Androrid OS)
Android Operating System (Androrid OS)Android Operating System (Androrid OS)
Android Operating System (Androrid OS)Siddharth Belbase
 
User interface (UI) for mobile applications
User interface (UI) for mobile applicationsUser interface (UI) for mobile applications
User interface (UI) for mobile applicationsAashish Uppal
 

What's hot (20)

Mobile Application Development Services-MobileApptelligence
Mobile Application Development Services-MobileApptelligenceMobile Application Development Services-MobileApptelligence
Mobile Application Development Services-MobileApptelligence
 
App development
App developmentApp development
App development
 
Native, Web or Hybrid Mobile App Development?
Native, Web or Hybrid Mobile App Development?Native, Web or Hybrid Mobile App Development?
Native, Web or Hybrid Mobile App Development?
 
Mobile Application Development Process
Mobile Application Development ProcessMobile Application Development Process
Mobile Application Development Process
 
Introduction to Mobile Application Development
Introduction to Mobile Application DevelopmentIntroduction to Mobile Application Development
Introduction to Mobile Application Development
 
Android - A brief introduction
Android - A brief introductionAndroid - A brief introduction
Android - A brief introduction
 
Introduction to Android and Android Studio
Introduction to Android and Android StudioIntroduction to Android and Android Studio
Introduction to Android and Android Studio
 
Types of Mobile Applications
Types of Mobile ApplicationsTypes of Mobile Applications
Types of Mobile Applications
 
Introduction to android
Introduction to androidIntroduction to android
Introduction to android
 
Mobile Application Development
Mobile Application DevelopmentMobile Application Development
Mobile Application Development
 
Introduction to Mobile Development
Introduction to Mobile DevelopmentIntroduction to Mobile Development
Introduction to Mobile Development
 
Mobile App Development
Mobile App DevelopmentMobile App Development
Mobile App Development
 
Mobile Development Overview
Mobile Development OverviewMobile Development Overview
Mobile Development Overview
 
ios vs android.ppt
ios vs android.pptios vs android.ppt
ios vs android.ppt
 
Mobile Application Development With Android
Mobile Application Development With AndroidMobile Application Development With Android
Mobile Application Development With Android
 
Android ppt
Android pptAndroid ppt
Android ppt
 
Android app development ppt
Android app development pptAndroid app development ppt
Android app development ppt
 
Android PPT Presentation 2018
Android PPT Presentation 2018Android PPT Presentation 2018
Android PPT Presentation 2018
 
Android Operating System (Androrid OS)
Android Operating System (Androrid OS)Android Operating System (Androrid OS)
Android Operating System (Androrid OS)
 
User interface (UI) for mobile applications
User interface (UI) for mobile applicationsUser interface (UI) for mobile applications
User interface (UI) for mobile applications
 

Similar to Introduction to Mobile App Development

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 nativeswamileo1
 
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 SmallAndrew 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 benefitsRanosys Technologies
 
Cross Platform Mobile Application Development
Cross Platform Mobile Application DevelopmentCross Platform Mobile Application Development
Cross Platform Mobile Application DevelopmentSenchu 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 UKEugeneHill7
 
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 UKEugeneHill7
 
Comparing multi-platform mobile apps frameworks
Comparing multi-platform mobile apps frameworksComparing multi-platform mobile apps frameworks
Comparing multi-platform mobile apps frameworksAmandine 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 DownApppli
 
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 SolutionMukteswar Patnaik
 
Mobile testing
Mobile testingMobile testing
Mobile testingAlex Hung
 
3 Types Of Mobile Apps.pptx
3 Types Of Mobile Apps.pptx3 Types Of Mobile Apps.pptx
3 Types Of Mobile Apps.pptxBOSC 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 ResourcesRachel Vacek
 
Considerations for Your Mobile Library
Considerations for Your Mobile LibraryConsiderations for Your Mobile Library
Considerations for Your Mobile LibraryRachel Vacek
 
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 TabletsWebvanta
 
Latest Trends in Mobile App Development
Latest Trends in Mobile App DevelopmentLatest Trends in Mobile App Development
Latest Trends in Mobile App DevelopmentDipesh Mukerji
 
HTML5: Next Generation Web Development
HTML5: Next Generation Web DevelopmentHTML5: Next Generation Web Development
HTML5: Next Generation Web DevelopmentDipesh Mukerji
 
Mobile developement
Mobile developementMobile developement
Mobile developementLilia Sfaxi
 

Similar to Introduction to Mobile App 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
 
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...
 
Consider Starting Small
Consider Starting SmallConsider Starting Small
Consider Starting Small
 
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
 
Cross Platform Mobile Application Development
Cross Platform Mobile Application DevelopmentCross Platform Mobile Application Development
Cross Platform Mobile Application Development
 
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?
 
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
 
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
 
Comparing multi-platform mobile apps frameworks
Comparing multi-platform mobile apps frameworksComparing multi-platform mobile apps frameworks
Comparing multi-platform mobile apps frameworks
 
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
 
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
 
Mobile testing
Mobile testingMobile testing
Mobile testing
 
3 Types Of Mobile Apps.pptx
3 Types Of Mobile Apps.pptx3 Types Of Mobile Apps.pptx
3 Types Of Mobile Apps.pptx
 
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
 
Considerations for Your Mobile Library
Considerations for Your Mobile LibraryConsiderations for Your Mobile Library
Considerations for Your Mobile Library
 
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
 
Latest Trends in Mobile App Development
Latest Trends in Mobile App DevelopmentLatest Trends in Mobile App Development
Latest Trends in Mobile App Development
 
HTML5: Next Generation Web Development
HTML5: Next Generation Web DevelopmentHTML5: Next Generation Web Development
HTML5: Next Generation Web Development
 
Mobile developement
Mobile developementMobile developement
Mobile developement
 
B.r.info solution
B.r.info solutionB.r.info solution
B.r.info solution
 

Introduction to Mobile App 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

  1. Why are we here Who am I Why Mobile Apps : importance growth statistics, different perspectives Mobile first thinking : Diff among mobile and desktop
  2. Reach, how are they reaching Whatsapp fb iin
  3. Rural india
  4. Travelling time
  5. 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.
  6. Pixel density story
  7. Choose a mobile strategy depending on the budget, project timeframe, target audience, app functionality, skillset
  8. 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.
  9. 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.
  10. 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.
  11. 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.
  12. 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.
  13. 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.