SlideShare a Scribd company logo
THE FUTURE OF MOBILE
t WITH PASSION TO QUALITY
Diana Pinchuk, QA @ GetSocial.im
QA CONFERENCE #1 IN UKRAINE, KYIV 2018
Simplify development and publishing process
Increase adoption rates => $ and ❤
Remove friction to the users
Deal with bad network and budget devices
Why are we talking about it?
- Benedict Evans
“We should stop talking about ‘mobile’ internet
and ‘desktop’ internet. It’s like talking about
‘colour’ TV and black and white TV.
Mobile is the internet.”
Why Q&ATesting
AIA
PWA
AMP
Agenda

Recommended for you

Mobile testing day_2_3_ppt
Mobile testing day_2_3_pptMobile testing day_2_3_ppt
Mobile testing day_2_3_ppt

- Violation of app store policies or guidelines related to content, privacy, security, etc. - Crashes, bugs or stability issues identified during review. - Poor user experience such as confusing or cluttered UI, lack of functionality. - Submission errors like missing information, screenshots or metadata. - Monetization issues including inappropriate in-app purchases or subscriptions.

Mobile App Testing Strategy
Mobile App Testing StrategyMobile App Testing Strategy
Mobile App Testing Strategy

Software Assurance, LLC a Dallas-based Testing-centric Company offers specialized Mobile App Testing - We define your Mobile Apps Strategy - Faster, Better & Economically.

mobile usability testingmobile app testing service
Mobile Application Testing
Mobile Application TestingMobile Application Testing
Mobile Application Testing

This document discusses testing strategies for mobile applications. It covers the types of mobile application testing including interface testing, usability testing, performance testing, security testing, and service testing. It also discusses challenges in mobile application testing related to device variation and differences in operating systems and versions. Finally, it discusses strategies for mobile application testing including using real devices, emulators, and cloud-based testing on remote real devices.

testingmobile application
@diana_pinchuk
@pinchuk.diana
Work at Getsocial.im
Write on Medium
Organize GDG Lviv and
DevFest Ukraine
Mobile web
AIA AMP
Native apps
AIA
Android Instant Apps
Native Android apps, without the
installation
Use your app with just a tap
AIA only loads only needed portions of
the app
Source: https://goo.gl/sudKTi

Recommended for you

Building the Ultimate Device Matrix
Building the Ultimate Device MatrixBuilding the Ultimate Device Matrix
Building the Ultimate Device Matrix

Building a useful set of devices for testing apps requires significant knowledge of the Android ecosystem. Once assembled, the device matrix provides broad, efficient coverage with minimal investment.

qasoftware testingprototest
Mobile Application Testing Training Presentation
Mobile Application Testing Training PresentationMobile Application Testing Training Presentation
Mobile Application Testing Training Presentation

Mobile Application Testing Training Presentation in Bangalore by experienced Professionals in Industry. Get a FREE Demo Now. Visit http://www.mobignosis.com/mobile-testing-training/

mobile testing trainingmobile application testing training
Mobile application testing
Mobile application testingMobile application testing
Mobile application testing

Learn how a web tester can move to mobile application testing. Softheme's presentation for SQA Days 2012

mobile application testingweb testingmobile testing
ANDROID STUDIO PROJECT
feature
module 1
feature
module 2
feature
module 3
base feature module
AfterBefore
modularization
ANDROID STUDIO PROJECT
feature 1
feature 2
feature 3
Installable APK Installable APK
Instant App APKs
Source: https://www.youtube.com/watch?v=9Jg1D07NgeI
Project Structure difference
Location Camera In-app
purchases
Permissions Contacts
Native features that could be used
Push
Notifications
Background
Services
External
Storage
Device
Settings
Not available features
Play Install API Smart Lock
Specific AIA features

Recommended for you

Top 10 Mobile Application Testing Tools | Edureka
Top 10 Mobile Application Testing Tools | EdurekaTop 10 Mobile Application Testing Tools | Edureka
Top 10 Mobile Application Testing Tools | Edureka

YouTube Link: https://youtu.be/aCBQm5yLc9w ** Appium Certification Training: https://www.edureka.co/appium-training-mobile-automation-testing ** This edureka "Top 10 Mobile Application Testing Tools" PPT you will learn about the best testing tools being used in the mobile application industry. This PPT discusses tools that work on android, iOS or both. Follow us to never miss an update in the future. YouTube: https://www.youtube.com/user/edurekaIN Instagram: https://www.instagram.com/edureka_learning/ Facebook: https://www.facebook.com/edurekaIN/ Twitter: https://twitter.com/edurekain LinkedIn: https://www.linkedin.com/company/edureka Castbox: https://castbox.fm/networks/505?country=in

mobile testing toolstop 10 mobile testing toolstop mobile testing tools
QA Club Kiev #20. Mobile Testing. Tips & Tricks
QA Club Kiev #20. Mobile Testing. Tips & TricksQA Club Kiev #20. Mobile Testing. Tips & Tricks
QA Club Kiev #20. Mobile Testing. Tips & Tricks

This document provides an overview of mobile testing. It discusses types of mobile apps and operating systems, factors to consider when choosing a platform, different types of mobile testing including installation, functional, localization, usability, and more. It also outlines various tools that can be used for mobile testing on both iOS and Android platforms such as Xcode, Android Studio, Genymotion, and others. Guidelines for both iOS and Android are also referenced.

qaqa club kiev software testingmobile
Performance testing of mobile apps
Performance testing of mobile appsPerformance testing of mobile apps
Performance testing of mobile apps

This talk was presented at VodQA Gurgaon 3rd edition (11 July 2013) Talk Abstract: In midst of testing functional aspect of your mobile apps, performance testing is often ignored or takes a back seat. With the strict quality checks on app stores and other platforms, it becomes all the more essentials for your app to meet performance criteria. We would be focusing on understanding these criteria in detail, their impact and ways to tackle them. Speakers: Rupesh Dubey: Rupesh has 5+ years of experience in Test Automation and Manual testing and have been with ThoughtWorks for more than 3 years. He has worked in various domains including HealthCare and Business Consulting. Priyank Dhillon: He has around 8 years of experience as QA. He has worked on domains such as Telecom, Video and E-commerce and has been involved in different aspects of testing such as Security, White box, Performance. He has worked in software automation testing using wide range of automation tools, doing manual testing and in requirement analysis.

thoughtworksperformance testingios
Size reduction of installable app (4Mb)
Modularization
Code cleanup + tackle technical debt
AIA is not a trial app version, it should show full UX
Development challenges
Source: https://goo.gl/Vhv92c
What can help devs
Use APK Analyzer and Proguard
Specify manually version name in the base module and
feature modules
Specify full id of the resource
Use ‘mobile holdback’
Vimeo approach
Delete everything that isn’t the player
Trim down the AIA to 4MB
Fix the bugs created in previous steps
Modify UI to adhere to AIA UX best
practices
...launch AIA and make it work
¯_(ツ)_/¯
Testing challenges...

Recommended for you

Mobile application testing
Mobile application testingMobile application testing
Mobile application testing

Different testing requirements that mobile applications have, challenges and solutions Challenges 1. Complex mobile testing matrix, Expensive test environment 2. Repetitive testing 3. Mobile testing for devices located at various locations Solutions: • Risk Based Testing approach • Using Mobile device emulators • Use of Automation tools • Leveraging external services

thoughtworkstwvodqa
Mobile applications testing (challenges, tools & techniques)
Mobile applications testing (challenges, tools & techniques)Mobile applications testing (challenges, tools & techniques)
Mobile applications testing (challenges, tools & techniques)

Device Fragmentation is a Big Challenge Devices Vary in Screen Size, Memory, Processing Power, Hardware Features etc. Apple iPhone is Least Fragmented among All Mobile Platforms Testing on All Target Handset/Devices Almost Impractical if Number of Target Handsets is Large Testing on All Target Operator Networks Almost Impractical if Number of Target Operators is Large Network Operator may Impose Certain Constraints

qatestingandroid
Advanced Mobile Testing - Ravindran Antonysamy
Advanced Mobile Testing - Ravindran AntonysamyAdvanced Mobile Testing - Ravindran Antonysamy
Advanced Mobile Testing - Ravindran Antonysamy

Ever wonder why some mobile applications loved by millions ? Ever wonder why few mobile applications stand on top of the list of million apps ? Its the quality and usability of the product that drives them to the top of the -already-crowded- marketplace. do they stand on top just because the makers do app store marketing and SEO ? or Its just the genre of the application that is need of the hour ? How can you deliver an application that is useful and also usable ? How can you deliver an application that won't crash on most of the phones and run flawlessly ? How can you provide the maximum test coverage of your mobile app, that is practically impossible to achieve ? Do I have to perform expensive usability testing ? do I have to buy mobile clouds ? do I have to perform emulator testing along with real device testing ? Why should I have a social media channel that engage real users ? Why should I crowd source my mobile application testing ? upto what extend I can crowd source ? how much lab testing is sufficient and upto what % of defects can be captured using lab testing ? do I have to consider the power consumed by my mobile app ? what level of mobile application testing automation I shall be able to perform ? what are all the tools I shall be using ? This webinar will try to address most of the questions. Mobile testing OS / Market Coverage / Challenges in Mobile testing World Available Testing techniques (Lab testing, Beta user testing (Internal and external) , Usability testing, Field testing, Functional Automation testing) Emulator testing Vs Real device testing Practical Usability testing Mobile Testing Functional Automation (Open Source Tools) Is it possible to provide 100% coverage in Mobile testing ? Who should attend: Mobile Application testers, Mobile Handheld testers, Mobile Usability testers, Product Managers, Test and Tech Leads

mobile handheld testersproduct managersmobile usability testers
Test AIA as Native Apps
Test Android App Links
AIA won’t be launched after URL
copy-paste
Make sure that URL mapping is correct
between multiple modules
Check that https is set up everywhere
UX
AIA and installable app are consistent
Transition is as smooth as possible
Keep user state after the installation
AIA UX best practices: https://goo.gl/y7z6Uu
UX
Allow users to finish their task without
installing the app
Don’t overuse installation prompts
INSTALL
Explicit
Implicit
AIA UX best practices: https://goo.gl/y7z6Uu

Recommended for you

Performance testing – mobile apps session1
Performance testing – mobile apps   session1Performance testing – mobile apps   session1
Performance testing – mobile apps session1

The document discusses different types of mobile apps including native apps, web apps, and hybrid apps. Native apps are developed specifically for one platform and take full advantage of device features. Web apps run in a browser and have lower performance than native apps due to latency. Hybrid apps install like native apps but are built with web technologies and access device capabilities through plugins. The document also compares factors between mobile and desktop testing like different devices, networks, and operating systems. It provides statistics on mobile operating system market shares and version distributions.

performancemobile appssoftware testing
Mobile Application Testing
Mobile Application Testing Mobile Application Testing
Mobile Application Testing

This document discusses mobile application testing and automation. It covers: - The types of mobile application testing including functionality, usability, and consistency testing as well as testing on emulators and different devices. - The challenges of mobile app testing like different devices, operating systems, and networks. - Popular mobile platforms and types of mobile apps. - The approach to mobile app testing including installation/uninstallation, workflows, performance, localization, and device interactions. - Types of mobile app testing like UI, compatibility, interruptions, and security testing. - The importance and benefits of automation for mobile app testing. - Popular mobile automation tools like MonkeyRunner, UIAutomator,

software testingsoftware development
Mobile App Testing Strategy by RapidValue Solutions
Mobile App Testing Strategy by RapidValue SolutionsMobile App Testing Strategy by RapidValue Solutions
Mobile App Testing Strategy by RapidValue Solutions

There has been an increase in the adoption of smartphones, tablets and several mobile devices with the passage of time. And it has led to an enormous growth of mobile applications in recent years. Mobile device is considered to be the primary medium of interaction for the customers and also, businesses worldwide. And mobile applications are, actually, driving the communication. People, generally, do not give much importance to mobile application testing because of its expensive nature. But it is very much essential to ensure that the consumers have a great experience, every time they use the application. The aim of mobile application testing should be to acquire knowledge about the quality of the service that you are offering. Does it work properly or not? Will it provide services as per the expectation of the customer? These questions need to be answered to ensure that the customer comes back to you, for your service again. Mobile testing is becoming more and more complicated and complex with each passing day. Strategies are invented and used to simplify the mobile application testing. This presentation primarily addresses, the strategy to be adopted in mobile app testing, the types of mobile app testing and the stages to be followed, before the application is set live.

mobile app testingmobile application testingnetwork testing
One more thing...
The process is killed when the AIA is idle
Don’t forget about the cache
For better debugging unzip AIA archive
Feature
A.apk
Feature
B.apk
Base.apk
Instant.zip
Progressive Web Apps
Progressive Web App
Created with Web standards
Works offline
Can optionally be installed
Looks and acts like any other app
Even more!
Push notifications
Keep local cache
Support for media capture
Location features

Recommended for you

Mobile Apps Performance Testing Using Open Source Tool JMeter
Mobile Apps Performance Testing Using Open Source Tool JMeterMobile Apps Performance Testing Using Open Source Tool JMeter
Mobile Apps Performance Testing Using Open Source Tool JMeter

The document proposes using the open source tool JMeter to perform mobile performance testing in a low-cost manner. It describes capturing the HTTP traffic between a mobile app and server by routing all requests from a real device through a proxy server with JMeter installed. This allows generating test scripts that closely mimic real-world usage without requiring expensive tools or emulators. The approach is device and application independent, producing accurate results without network latency issues encountered through other tools.

jmetermobile apps performance testingjmeter mobile testing
ДІАНА ПІНЧУК «Testing installable mobile apps analogues: Android Instant Apps...
ДІАНА ПІНЧУК «Testing installable mobile apps analogues: Android Instant Apps...ДІАНА ПІНЧУК «Testing installable mobile apps analogues: Android Instant Apps...
ДІАНА ПІНЧУК «Testing installable mobile apps analogues: Android Instant Apps...

Lviv Quality Assurance Day 2018 ДІАНА ПІНЧУК «Testing installable mobile apps analogues: Android Instant Apps, Progressive Web Apps & Accelerated Mobile Pages» Телеграм канал: wwww.t.me/goqameetup Фейсбук сторінці: www.fb.com/goqaevent Сайт: www.qaday.org

lviv qaday 2018lviv qadaylviv quality assurance day 2018
Basic Understanding of Progressive Web Apps
Basic Understanding of Progressive Web AppsBasic Understanding of Progressive Web Apps
Basic Understanding of Progressive Web Apps

The document provides an overview of progressive web apps (PWAs). It discusses the history and idea behind PWAs, defining them as websites that are built using common web technologies but adopt features that make them feel like native mobile applications. The key pillars that transform websites into PWAs are listed as being reliable, fast, engaging, and integrated. Core building blocks like service workers and web app manifests are explained. Example case studies are given that demonstrate performance improvements from adopting PWAs. Limitations are also outlined.

#pwa #progressivewebapps
Service Worker
Source: http://bit.ly/2Osdd3g and http://bit.ly/2LGCQ1H
Service Worker Support
Add to home
screen
Service workers
Web push &
notifications
Credential
Management API
Payment Request
API
Meta theme color
Twitter Lite
65% increase in pages per session
75% increase in Tweets sent
20% decrease in bounce rate
Source: http://bit.ly/2mOJOn7 and http://bit.ly/2vh729d
23 MB 600 Kb

Recommended for you

Planning Your Progressive Web App
Planning Your Progressive Web AppPlanning Your Progressive Web App
Planning Your Progressive Web App

Presented at Web Directions Code, Melbourne If you have a website—particularly one that generates revenue for your organization—you need a Progressive Web App. So where do you begin? How do you decide which features of a Progressive Web App make sense for your users? What tools can make the process easier (or harder)? In this practical session, Jason will guide you through the key design decisions you’ll need to make about your Progressive Web App and how those decisions impact the scope of your project. He'll also teach you how to avoid common pitfalls and help you take full advantage of Progressive Web App technology.

progressive web appswebdesign
Progressive Web Apps - Porque nativo no es significa mejor
Progressive Web Apps - Porque nativo no es significa mejorProgressive Web Apps - Porque nativo no es significa mejor
Progressive Web Apps - Porque nativo no es significa mejor

Presentación para el Google Developer Group DevFest 2016 de Granada sobre "Progressive Web Apps" y todo lo relacionado con ellas

googleprogrammingweb
The Progressive Web and its New Challenges - Confoo Montréal 2017
The Progressive Web and its New Challenges - Confoo Montréal 2017The Progressive Web and its New Challenges - Confoo Montréal 2017
The Progressive Web and its New Challenges - Confoo Montréal 2017

Keynote covering what Progressive Web Apps mean to the market and what issues of native apps they need to fix.

confoopwaconfoo2017
PWAs are designed to replace
websites, not native apps
...and Chrome apps...
…and desktop apps...
Let’s test!
github.com/gdg-x/hoverboard
Live usage (the best and the newest)
devfest.gdg.org.ua
Tools
Lighthouse (Audits tab in Chrome Dev tools)
developers.google.com/web/tools/lighthouse
PWA Checklist
developers.google.com/web/progressive-web-apps/checklist
Testing installable mobile apps analogues

Recommended for you

Android Instant Apps testing
Android Instant Apps testingAndroid Instant Apps testing
Android Instant Apps testing

Android Instant Apps allow users to experience apps without installing them by only loading the portions of the app needed for the current task. They increase adoption rates and remove friction for users. Some key benefits are reducing app size for distribution, dealing with poor network connectivity, and expanding apps to budget devices with new business models like for online retailers. However, development requires refactoring code into modules, addressing technical debt, and ensuring the user experience is consistent between instant and installed apps while following best practices and permissions for instant apps. Testing is also more challenging with fragmentation, network conditions, app links, and user flows between apps and installation.

androidsoftware testinginstant apps
SearchLeeds 2019 - Nichola stott - The state of PWAs
SearchLeeds 2019 - Nichola stott - The state of PWAsSearchLeeds 2019 - Nichola stott - The state of PWAs
SearchLeeds 2019 - Nichola stott - The state of PWAs

Progressive web apps have been around for some years now, but adoption rate appears to be slow. In this talk Nichola will review the baseline and enhanced PWA criteria to explore why this might be. In addition we’ll also cover what’s new, benefits experienced by early adopters, tracking tips, how to get into the Play Store; as well as some of the current downsides and security considerations.

searchleedsseo
Introduction to Progressive Web Applications
Introduction to Progressive Web ApplicationsIntroduction to Progressive Web Applications
Introduction to Progressive Web Applications

Progressive Web Apps (PWAs) are websites that utilize modern web capabilities to deliver native app-like experiences to users. PWAs are built using common web technologies including HTTPS, service workers, and web app manifests. Service workers allow PWAs to work offline by caching app assets and responding to fetch events. When installed on a user's homescreen, PWAs can load quickly and feel like native applications while retaining the benefits of the web such as being discoverable, installable, and updatable.

pwaprogressive web applicationsweb development
Android iOS
Feature iOS Android
Store offline data < 50 Mb > 50 Mb
Delete files if not used Yes No
Can install > 1 instance of PWA Yes No
Web push No Yes
Screen orientation No Yes
Background Sync No Yes
Speech recognition No Yes
Track installations No Yes
iOS - what to have in mind
Might be several PWA instances on the same device
Get out of the PWA and go back => it will load from scratch
Pseudo-browsers (e.g., Chrome) won’t be able to install a
PWA or use Service Workers
Source: http://bit.ly/2LZ9EQl and http://bit.ly/2AhBOVp
iOS - what to have in mind
For iPhone X notch area need to update
HTML and CSS
Some web apps have the App Store link
Sometimes just a shortcut is installed

Recommended for you

Progressive Web Apps for Education
Progressive Web Apps for EducationProgressive Web Apps for Education
Progressive Web Apps for Education

Progressive Web Applications are a new way to think about using the web to provide great user experiences using the best web platform features. The education market has many opportunities to benefit their communities using PWAs to deliver information and application experiences across all devices and platforms.

progressive web applicationsmobilewebsite
New trends on web platform
New trends on web platformNew trends on web platform
New trends on web platform

The document summarizes new trends on the web platform that are making the mobile web experience more like native apps. It discusses how progressive web apps (PWAs) can offer reliable, fast and engaging experiences through features like service workers, web app manifests, and push notifications. PWAs provide low friction access to content through features like add to home screen and deep linking, while remaining lightweight and not requiring app installation. The document outlines the evolution of the web platform and browser capabilities that now enable high-quality app-like experiences through progressive enhancement using new standards and APIs.

webpwachrome
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps

Progressive Web Apps use modern web capabilities to provide an app-like experience to users. They are responsive and work across all device types. PWAs aim to load quickly, even with uncertain network conditions. They also respond smoothly to user interactions without janky or laggy behavior. Features like the web manifest and service workers help make PWAs feel like native apps to users. Implementing strategies such as the PRPL pattern and following performance best practices from RAIL can help optimize PWAs. Case studies on Twitter and Alibaba found business benefits from users adding PWAs to their home screens, including increased engagement.

javascriptpwa
WebView Custom Tabs
Build-in PWA into a native app
Testing tips
Dive into the PWA standards (Service Worker lifecycle,
PRPL pattern, etc)
Remember about https
Lighthouse is your best friend
Test like web... and like a native app
PRPL Pattern: https://goo.gl/osVZnw
AMP
Accelerated Mobile Pages
AMP
Lightweight experiences for mobile by
simplifying the HTML and following
streamlined CSS rules
Could be added AMP to web standards

Recommended for you

From AMP to PWA
From AMP to PWAFrom AMP to PWA
From AMP to PWA

Let's focus on the Mobile Web and talk about the keys to a building a great mobile experience. From AMP (=Accelerated Mobile Pages) as a starting point up to PWA (=Progressive Web Apps). I will cover the steps through some of the key features we see as core to the modern web experience. As a bonus, we will close with new APIs that expending the web even farther.

web developmentamppwa
Meet.js Summit 2019 - PWA in practice
Meet.js Summit 2019 - PWA in practiceMeet.js Summit 2019 - PWA in practice
Meet.js Summit 2019 - PWA in practice

Progressive Web Apps aim to provide an app-like user experience through features like push notifications, offline support, and installation prompts while maintaining the key web-based advantages of universality, security, and lack of dependence on app stores. They work across browsers using progressive enhancement and rely on modern web APIs like service workers and the web app manifest to provide app-like functionality, falling back to support core content on all platforms through techniques like polyfilling and graceful degradation. While browser support for some features like service workers is still evolving, Progressive Web Apps aim to make high-quality web apps available to all.

meet.jspwajavascript
TechEvent Advanced Service Worker / PWA with Google Workbox
TechEvent Advanced Service Worker / PWA with Google WorkboxTechEvent Advanced Service Worker / PWA with Google Workbox
TechEvent Advanced Service Worker / PWA with Google Workbox

This document provides an overview of Google Workbox, a set of JavaScript libraries and build tools for implementing service workers and progressive web apps (PWAs). It discusses how Workbox can help with caching strategies, avoid errors, and reduce complexity when developing PWAs. The presentation agenda covers why developers should care about PWAs, service workers, and manifest files, and how Workbox can improve performance, resilience, and the PWA experience. It also demonstrates Workbox features like precaching, routing strategies, and using the Workbox CLI and libraries in development.

AMP structure
AMP speed
AMP itself contains a lot of optimizations
Caching by the AMP caches
Pre-rendering the assets in the first viewport
Source: https://bit.ly/2wwiGOY
Google ranking
Testing installable mobile apps analogues

Recommended for you

Building for Your Next Billion - Google I/O 2017
Building for Your Next Billion - Google I/O 2017Building for Your Next Billion - Google I/O 2017
Building for Your Next Billion - Google I/O 2017

New internet users are coming online around the world and are facing very different constraints to accessing the internet. In this talk, we'll cover what we've learned from building experiences for new internet users and walk through how you can build great experiences that work well for billions of users around the world. This is a presentation from Google I/O 2017, the video is available at https://www.youtube.com/watch?v=wD3rpdiLMyY Speakers: Tal Oppenheimer, Mariya Moeva, Robert Nyman https://twitter.com/taloppenheimer https://twitter.com/marrrr https://twitter.com/robertnyman

accelerated mobile pagesampio17
Progressive Web App Challenges
Progressive Web App ChallengesProgressive Web App Challenges
Progressive Web App Challenges

The document discusses progressive web apps (PWAs) and outlines key considerations for creating a PWA. It addresses questions around what a PWA is, how to make a website feel like an app, offline functionality, push notifications, and creating a roadmap. Examples from companies that implemented PWAs successfully are provided. The conclusion recommends developing a progressive roadmap that starts with baseline PWA features and builds out functionality over time based on priorities and initiatives.

progressivewebapp
IRJET-Garbage Monitoring and Management using Internet of things
IRJET-Garbage Monitoring and Management using Internet of thingsIRJET-Garbage Monitoring and Management using Internet of things
IRJET-Garbage Monitoring and Management using Internet of things

This document discusses building a progressive web app for an educational system. It begins by explaining the limitations of native mobile apps and regular web browsing. Progressive web apps aim to provide the rich experience of native apps while avoiding downloads through the use of service workers, responsive design, and app-like interfaces. The document then reviews related work on improving the mobile web experience. It presents the architecture of progressive web apps, including the application shell model and role of service workers. Finally, it proposes a system architecture for a progressive web app for education and concludes that these apps reduce burdens on users compared to native apps or regular web browsing.

irjet
AMP Previewer
It’s possible via Web Packaging Format
(Safari supports it as well)
It makes possible offline support
AMP pros
It speeds up website load time
It increases mobile ranking
It improves server performance
Source: https://bit.ly/2MJjv1b
AMP cons
Ad revenue is reduced
Analytics are a bit stripped
Amazing speed is achieved, thanks to cache
Source: https://bit.ly/2MJjv1b
AMP is important if you don’t
have a mobile website

Recommended for you

Miracle Inameti-Archibong - Are Progressive Web Apps The Future Of The Web?
Miracle Inameti-Archibong -  Are Progressive Web Apps The Future Of The Web?Miracle Inameti-Archibong -  Are Progressive Web Apps The Future Of The Web?
Miracle Inameti-Archibong - Are Progressive Web Apps The Future Of The Web?

Miracle, head of SEO at Erudite discusses the flaws of native apps and how progressive web apps will overcome these issues to improve performance and usability.

bristolappsdigital marketing
Going All-In On AMP
Going All-In On AMPGoing All-In On AMP
Going All-In On AMP

AMP — Accelerated Mobile Pages — is no longer an up-and-coming experimental project. It’s now integrated into Google’s regular results and its use has expanded far beyond publishers; it is now being deployed by retailers and others. Whether you’re just getting started with AMP or are looking to get more from your existing AMP efforts, this session explores the latest developments and what you should do to take advantage of them.

smx west 2018
Introduction of Progressive Web App
Introduction of Progressive Web AppIntroduction of Progressive Web App
Introduction of Progressive Web App

Progressive web apps (PWAs) are a new type of application that combines the best of the web and the best of native apps. PWAs use newer web platform features and service workers to deliver app-style experiences to users. Some key benefits of PWAs include providing responsive and reliable experiences that load instantly and feel like regular apps to users, while also being able to reach users on any device via a web URL rather than an app store. PWAs aim to reduce the barriers between the web and native apps.

appsmobile application developmentagile
AMP testing
AMP test:
search.google.com/test/amp
AMP Validation:
ampproject.org/docs/fundamentals/validate
AMP testing
Regularly check Google Search Console > Search
Appearance > Accelerated Mobile Pages
AMP browser extension: goo.gl/Ra8RSP
Testing installable mobile apps analogues
Testing installable mobile apps analogues

Recommended for you

Final Part
Do you need them?
Depends on the business needs!
Mobile web
AIA AMP
Native apps
Mobile web
AIA
Native apps
You already have a native Android app
(or plan to create one)
One of your core features could be used in AIA
You are able to measure AIA value
Mobile webNative apps
You don’t have a mobile app and see a perspective
of having it. Or even a desktop app!
You have resources for learning PWA specifics
Your TA uses a lot of Android and the latest iOS

Recommended for you

Mobile web
AMP
Native apps
Ranking and site speed is critical for your business
Mobile users are critical
You are able to measure the website speed and
service part is already improved
Conclusions
All these technologies have different purposes and
bring different values
You still need to know how to test mobile native and web
Everything depends on CONTEXT
Тема доклада
Тема доклада
KYIV 2018
THANKS!
QA CONFERENCE #1 IN UKRAINE

More Related Content

What's hot

6 Points to Consider Before Testing any Mobile Application
6 Points to Consider Before Testing any Mobile Application 6 Points to Consider Before Testing any Mobile Application
6 Points to Consider Before Testing any Mobile Application
Chirag Thumar
 
Mobile software testing guide
Mobile software testing guideMobile software testing guide
Mobile software testing guide
jananya213
 
Ta3s mobile testing offering
Ta3s mobile testing offeringTa3s mobile testing offering
Ta3s mobile testing offering
Ta3s Solutions Private Limited
 
Mobile testing day_2_3_ppt
Mobile testing day_2_3_pptMobile testing day_2_3_ppt
Mobile testing day_2_3_ppt
sayhi2sudarshan
 
Mobile App Testing Strategy
Mobile App Testing StrategyMobile App Testing Strategy
Mobile App Testing Strategy
Software Assurance LLC
 
Mobile Application Testing
Mobile Application TestingMobile Application Testing
Mobile Application Testing
Noor Orfahly
 
Building the Ultimate Device Matrix
Building the Ultimate Device MatrixBuilding the Ultimate Device Matrix
Building the Ultimate Device Matrix
Carly Vanderwert
 
Mobile Application Testing Training Presentation
Mobile Application Testing Training PresentationMobile Application Testing Training Presentation
Mobile Application Testing Training Presentation
MobiGnosis
 
Mobile application testing
Mobile application testingMobile application testing
Mobile application testing
Softheme
 
Top 10 Mobile Application Testing Tools | Edureka
Top 10 Mobile Application Testing Tools | EdurekaTop 10 Mobile Application Testing Tools | Edureka
Top 10 Mobile Application Testing Tools | Edureka
Edureka!
 
QA Club Kiev #20. Mobile Testing. Tips & Tricks
QA Club Kiev #20. Mobile Testing. Tips & TricksQA Club Kiev #20. Mobile Testing. Tips & Tricks
QA Club Kiev #20. Mobile Testing. Tips & Tricks
QA Club Kiev
 
Performance testing of mobile apps
Performance testing of mobile appsPerformance testing of mobile apps
Performance testing of mobile apps
vodQA
 
Mobile application testing
Mobile application testingMobile application testing
Mobile application testing
vodQA
 
Mobile applications testing (challenges, tools & techniques)
Mobile applications testing (challenges, tools & techniques)Mobile applications testing (challenges, tools & techniques)
Mobile applications testing (challenges, tools & techniques)
Rakesh Jha
 
Advanced Mobile Testing - Ravindran Antonysamy
Advanced Mobile Testing - Ravindran AntonysamyAdvanced Mobile Testing - Ravindran Antonysamy
Advanced Mobile Testing - Ravindran Antonysamy
Ravindran Antonysamy
 
Performance testing – mobile apps session1
Performance testing – mobile apps   session1Performance testing – mobile apps   session1
Performance testing – mobile apps session1
Jyothirmayee Pola
 
Mobile Application Testing
Mobile Application Testing Mobile Application Testing
Mobile Application Testing
Shivaraj R
 
Mobile App Testing Strategy by RapidValue Solutions
Mobile App Testing Strategy by RapidValue SolutionsMobile App Testing Strategy by RapidValue Solutions
Mobile App Testing Strategy by RapidValue Solutions
RapidValue
 
Mobile Apps Performance Testing Using Open Source Tool JMeter
Mobile Apps Performance Testing Using Open Source Tool JMeterMobile Apps Performance Testing Using Open Source Tool JMeter
Mobile Apps Performance Testing Using Open Source Tool JMeter
Devendra Singh
 

What's hot (19)

6 Points to Consider Before Testing any Mobile Application
6 Points to Consider Before Testing any Mobile Application 6 Points to Consider Before Testing any Mobile Application
6 Points to Consider Before Testing any Mobile Application
 
Mobile software testing guide
Mobile software testing guideMobile software testing guide
Mobile software testing guide
 
Ta3s mobile testing offering
Ta3s mobile testing offeringTa3s mobile testing offering
Ta3s mobile testing offering
 
Mobile testing day_2_3_ppt
Mobile testing day_2_3_pptMobile testing day_2_3_ppt
Mobile testing day_2_3_ppt
 
Mobile App Testing Strategy
Mobile App Testing StrategyMobile App Testing Strategy
Mobile App Testing Strategy
 
Mobile Application Testing
Mobile Application TestingMobile Application Testing
Mobile Application Testing
 
Building the Ultimate Device Matrix
Building the Ultimate Device MatrixBuilding the Ultimate Device Matrix
Building the Ultimate Device Matrix
 
Mobile Application Testing Training Presentation
Mobile Application Testing Training PresentationMobile Application Testing Training Presentation
Mobile Application Testing Training Presentation
 
Mobile application testing
Mobile application testingMobile application testing
Mobile application testing
 
Top 10 Mobile Application Testing Tools | Edureka
Top 10 Mobile Application Testing Tools | EdurekaTop 10 Mobile Application Testing Tools | Edureka
Top 10 Mobile Application Testing Tools | Edureka
 
QA Club Kiev #20. Mobile Testing. Tips & Tricks
QA Club Kiev #20. Mobile Testing. Tips & TricksQA Club Kiev #20. Mobile Testing. Tips & Tricks
QA Club Kiev #20. Mobile Testing. Tips & Tricks
 
Performance testing of mobile apps
Performance testing of mobile appsPerformance testing of mobile apps
Performance testing of mobile apps
 
Mobile application testing
Mobile application testingMobile application testing
Mobile application testing
 
Mobile applications testing (challenges, tools & techniques)
Mobile applications testing (challenges, tools & techniques)Mobile applications testing (challenges, tools & techniques)
Mobile applications testing (challenges, tools & techniques)
 
Advanced Mobile Testing - Ravindran Antonysamy
Advanced Mobile Testing - Ravindran AntonysamyAdvanced Mobile Testing - Ravindran Antonysamy
Advanced Mobile Testing - Ravindran Antonysamy
 
Performance testing – mobile apps session1
Performance testing – mobile apps   session1Performance testing – mobile apps   session1
Performance testing – mobile apps session1
 
Mobile Application Testing
Mobile Application Testing Mobile Application Testing
Mobile Application Testing
 
Mobile App Testing Strategy by RapidValue Solutions
Mobile App Testing Strategy by RapidValue SolutionsMobile App Testing Strategy by RapidValue Solutions
Mobile App Testing Strategy by RapidValue Solutions
 
Mobile Apps Performance Testing Using Open Source Tool JMeter
Mobile Apps Performance Testing Using Open Source Tool JMeterMobile Apps Performance Testing Using Open Source Tool JMeter
Mobile Apps Performance Testing Using Open Source Tool JMeter
 

Similar to Testing installable mobile apps analogues

ДІАНА ПІНЧУК «Testing installable mobile apps analogues: Android Instant Apps...
ДІАНА ПІНЧУК «Testing installable mobile apps analogues: Android Instant Apps...ДІАНА ПІНЧУК «Testing installable mobile apps analogues: Android Instant Apps...
ДІАНА ПІНЧУК «Testing installable mobile apps analogues: Android Instant Apps...
QADay
 
Basic Understanding of Progressive Web Apps
Basic Understanding of Progressive Web AppsBasic Understanding of Progressive Web Apps
Basic Understanding of Progressive Web Apps
AnjaliTanpure1
 
Planning Your Progressive Web App
Planning Your Progressive Web AppPlanning Your Progressive Web App
Planning Your Progressive Web App
Jason Grigsby
 
Progressive Web Apps - Porque nativo no es significa mejor
Progressive Web Apps - Porque nativo no es significa mejorProgressive Web Apps - Porque nativo no es significa mejor
Progressive Web Apps - Porque nativo no es significa mejor
Israel Blancas
 
The Progressive Web and its New Challenges - Confoo Montréal 2017
The Progressive Web and its New Challenges - Confoo Montréal 2017The Progressive Web and its New Challenges - Confoo Montréal 2017
The Progressive Web and its New Challenges - Confoo Montréal 2017
Christian Heilmann
 
Android Instant Apps testing
Android Instant Apps testingAndroid Instant Apps testing
Android Instant Apps testing
Diana Pinchuk
 
SearchLeeds 2019 - Nichola stott - The state of PWAs
SearchLeeds 2019 - Nichola stott - The state of PWAsSearchLeeds 2019 - Nichola stott - The state of PWAs
SearchLeeds 2019 - Nichola stott - The state of PWAs
SearchLeeds
 
Introduction to Progressive Web Applications
Introduction to Progressive Web ApplicationsIntroduction to Progressive Web Applications
Introduction to Progressive Web Applications
Chris Love
 
Progressive Web Apps for Education
Progressive Web Apps for EducationProgressive Web Apps for Education
Progressive Web Apps for Education
Chris Love
 
New trends on web platform
New trends on web platformNew trends on web platform
New trends on web platform
Kenneth Rohde Christiansen
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
Igor Chiriac
 
From AMP to PWA
From AMP to PWAFrom AMP to PWA
From AMP to PWA
Ido Green
 
Meet.js Summit 2019 - PWA in practice
Meet.js Summit 2019 - PWA in practiceMeet.js Summit 2019 - PWA in practice
Meet.js Summit 2019 - PWA in practice
Łukasz Romanowicz
 
TechEvent Advanced Service Worker / PWA with Google Workbox
TechEvent Advanced Service Worker / PWA with Google WorkboxTechEvent Advanced Service Worker / PWA with Google Workbox
TechEvent Advanced Service Worker / PWA with Google Workbox
Trivadis
 
Building for Your Next Billion - Google I/O 2017
Building for Your Next Billion - Google I/O 2017Building for Your Next Billion - Google I/O 2017
Building for Your Next Billion - Google I/O 2017
Robert Nyman
 
Progressive Web App Challenges
Progressive Web App ChallengesProgressive Web App Challenges
Progressive Web App Challenges
Jason Grigsby
 
IRJET-Garbage Monitoring and Management using Internet of things
IRJET-Garbage Monitoring and Management using Internet of thingsIRJET-Garbage Monitoring and Management using Internet of things
IRJET-Garbage Monitoring and Management using Internet of things
IRJET Journal
 
Miracle Inameti-Archibong - Are Progressive Web Apps The Future Of The Web?
Miracle Inameti-Archibong -  Are Progressive Web Apps The Future Of The Web?Miracle Inameti-Archibong -  Are Progressive Web Apps The Future Of The Web?
Miracle Inameti-Archibong - Are Progressive Web Apps The Future Of The Web?
Noisy Little Monkey
 
Going All-In On AMP
Going All-In On AMPGoing All-In On AMP
Going All-In On AMP
Benu Aggarwal
 
Introduction of Progressive Web App
Introduction of Progressive Web AppIntroduction of Progressive Web App
Introduction of Progressive Web App
Sankalp Khandelwal
 

Similar to Testing installable mobile apps analogues (20)

ДІАНА ПІНЧУК «Testing installable mobile apps analogues: Android Instant Apps...
ДІАНА ПІНЧУК «Testing installable mobile apps analogues: Android Instant Apps...ДІАНА ПІНЧУК «Testing installable mobile apps analogues: Android Instant Apps...
ДІАНА ПІНЧУК «Testing installable mobile apps analogues: Android Instant Apps...
 
Basic Understanding of Progressive Web Apps
Basic Understanding of Progressive Web AppsBasic Understanding of Progressive Web Apps
Basic Understanding of Progressive Web Apps
 
Planning Your Progressive Web App
Planning Your Progressive Web AppPlanning Your Progressive Web App
Planning Your Progressive Web App
 
Progressive Web Apps - Porque nativo no es significa mejor
Progressive Web Apps - Porque nativo no es significa mejorProgressive Web Apps - Porque nativo no es significa mejor
Progressive Web Apps - Porque nativo no es significa mejor
 
The Progressive Web and its New Challenges - Confoo Montréal 2017
The Progressive Web and its New Challenges - Confoo Montréal 2017The Progressive Web and its New Challenges - Confoo Montréal 2017
The Progressive Web and its New Challenges - Confoo Montréal 2017
 
Android Instant Apps testing
Android Instant Apps testingAndroid Instant Apps testing
Android Instant Apps testing
 
SearchLeeds 2019 - Nichola stott - The state of PWAs
SearchLeeds 2019 - Nichola stott - The state of PWAsSearchLeeds 2019 - Nichola stott - The state of PWAs
SearchLeeds 2019 - Nichola stott - The state of PWAs
 
Introduction to Progressive Web Applications
Introduction to Progressive Web ApplicationsIntroduction to Progressive Web Applications
Introduction to Progressive Web Applications
 
Progressive Web Apps for Education
Progressive Web Apps for EducationProgressive Web Apps for Education
Progressive Web Apps for Education
 
New trends on web platform
New trends on web platformNew trends on web platform
New trends on web platform
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
From AMP to PWA
From AMP to PWAFrom AMP to PWA
From AMP to PWA
 
Meet.js Summit 2019 - PWA in practice
Meet.js Summit 2019 - PWA in practiceMeet.js Summit 2019 - PWA in practice
Meet.js Summit 2019 - PWA in practice
 
TechEvent Advanced Service Worker / PWA with Google Workbox
TechEvent Advanced Service Worker / PWA with Google WorkboxTechEvent Advanced Service Worker / PWA with Google Workbox
TechEvent Advanced Service Worker / PWA with Google Workbox
 
Building for Your Next Billion - Google I/O 2017
Building for Your Next Billion - Google I/O 2017Building for Your Next Billion - Google I/O 2017
Building for Your Next Billion - Google I/O 2017
 
Progressive Web App Challenges
Progressive Web App ChallengesProgressive Web App Challenges
Progressive Web App Challenges
 
IRJET-Garbage Monitoring and Management using Internet of things
IRJET-Garbage Monitoring and Management using Internet of thingsIRJET-Garbage Monitoring and Management using Internet of things
IRJET-Garbage Monitoring and Management using Internet of things
 
Miracle Inameti-Archibong - Are Progressive Web Apps The Future Of The Web?
Miracle Inameti-Archibong -  Are Progressive Web Apps The Future Of The Web?Miracle Inameti-Archibong -  Are Progressive Web Apps The Future Of The Web?
Miracle Inameti-Archibong - Are Progressive Web Apps The Future Of The Web?
 
Going All-In On AMP
Going All-In On AMPGoing All-In On AMP
Going All-In On AMP
 
Introduction of Progressive Web App
Introduction of Progressive Web AppIntroduction of Progressive Web App
Introduction of Progressive Web App
 

Testing installable mobile apps analogues