Cycle 4_Weeks 5-6

Difference between
Native Apps and
Web Apps
 Welcome!
This week we will talk about NATIVE APPS, WEB APPS and HYBRID APPS.
1. Definitions
2. examples
3. Advantages and disadvantages
4. Differences
AIMS:

● Students will be able to identify technical vocabulary

presented in A2 level passages.
● Students will be able to answer questions related to the
passage read.
● Students will be able to know how to classify the
vocabulary studied.
https://www.liveworksheets.com/rc2640157eq
https://youtu.be/1keUHD-Ar2I
https://es.educaplay.com/recursos-educativos/13539639-native_web_and_hibryd_apps.html
• Activity 1: Edpuzzle

• See the following video: Mobile App Variations:

Native, Web, and Hybrids. Share your answer to
the class.

https://edpuzzle.com/media/6265ff11511205429448
dbf9
 Pre-reading: Discuss
Myths or Facts

• Native apps are outrageously expensive.

• Answer: This is the most common misconception about native apps. You already know that a native app is coded specifically in the
language of the device on which it is operating; simply put, this means that if you want both iOS and Android users to use your app,
you will need to create a separate, native one for each of these platforms, therefore doubling your production costs.

• Developing native apps is very complicated.

• Answer: Coding an app is not something most people can do on the first try, at least without the proper tools.

They take too much time

Answer: Today powerful tools are available to eliminate the time concern. With Good Barber, you can create an app in under an hour.

 They constantly need updating:

 Answer: It's true that given the fact that native apps are created in the language of the device, operating system updates can impact
the usage of the apps, which can therefore result in additional costs in updating the app.
 Vocabulary:
https://wordwall.net/es/resource/20378368

1. Device 9. Expensive

10. Update
2. Available
11. Native
3. Across
12. Platform
4. Spend
13. Code
5. Faster
6. Advantage 14. Developers

7. Without 15. Mapping

8. Easier 16. resources

 TIME TO READ
https://www.techtarget.com/searchsoftwarequality/definition/nativ
e-application-native-app

A. Native Apps
B. Web Apps
C. Hibryd Apps
NATIVE APPS
A native application is a software program
that is developed for use on a particular
platform or device.
Because a native app is built for use on a
particular device and its OS, it has the ability
to use device-specific hardware and software.
Native apps can provide optimized
performance and take advantage of the latest
technology, such as a GPS, compared to web
apps or mobile cloud apps developed to be
generic across multiple systems.
 Native applications and platforms
• The term native app is used to refer to platforms such as Mac and PC, with examples such as the
Photos, Mail or Contacts applications that are preinstalled and configured on every Apple computer.
However, in the context of mobile web apps, the term native app is used to mean any application
written to work on a specific device platform.

• The two main mobile OS platforms are Apple's iOS and Google's Android. Native apps are written in
the code preliminarily used for the device and its OS. For example, developers write iOS applications
in Objective-C or Swift, while they create Android-native apps in Java.

• Native apps work with the device's OS in ways that enable them to perform faster and more flexibly
than alternative application types. If the app is marketed to users of various device types, developers
create a separate app version for each one.

• For example, the Facebook application was once written in HTML5 to use the same code for iOS,
Android and mobile web. However, the app was slower for iOS users, leading Facebook's app
developers to create separate code for iOS. Complex tasks can be rebalanced, such as networking
done in the background of the main thread or program, which drives the UI.
https://quizizz.com/admin/quiz/637ff4491104f100201c2171/
platforms-and-apps?source=quiz_share
 Day 2.
BRAINSTORM

• Write in the chat of the class

4 sentences talking about the
main ideas you learnt the
previous class.
 Examples of native apps
• With the ability to tap into specific resources, native apps can quickly access multiple services on
a device, such as the microphone, accelerometer or push notifications. Examples of native
applications range from navigation programs, such as Waze, to social apps, such as Twitter, or
games, such as Pokémon GO.

• Pokémon Go efficiently accesses system functionalities -- GPS for mapping locations, the camera
for augmented reality, and the accelerometer to measure acceleration -- for the best possible user
experience. Pokémon Go can also take advantage of push notifications, which are designed to
bring users back to the game over time.

• A native app installs directly on a mobile device. Data associated with the native app is stored on
the device or remotely -- such as in cloud-based storage.

For more information about this topic click here:

https://www.techtarget.com/searchsoftwarequality/definition/native-application-native-app
WEB APPS
• WEB APPS

• A web app is an application that the user does not

download and instead accesses via a web browser
over a network.

• Example web browsers include Google Chrome,

Safari and Mozilla Firefox.

• Web apps provide functionality from bank account

access to YouTube video viewing via, for example,
Safari on an iPhone.
HYBRID APPS
• Hybrid applications are a combination of native and web apps.
The inner workings of a hybrid application are similar to a web
app, but it installs like a native app. Hybrid applications have
access to internal device APIs, which means they can use
resources such as the camera, storage and GPS. Yelp and
Instagram are examples of hybrid apps.

• Hybrid applications are built with HTML and CSS. Developers

create one code base, then make small changes to tailor the app
to each platform. Fewer developers are dedicated to each
platform with a hybrid app than with a fully native app. Hybrid
apps typically run a web app through a container or WebView, a
browser that can be contained inside of a mobile app.

• Hybrid applications perform differently than native apps in

several ways. Hybrid applications are based on web apps and
contain the same navigational elements as web applications.
Additionally, there is no offline mode for a hybrid application -- it
only works with an internet connection. Native apps, by contrast,
can operate offline.
 Reading Comprehension
Activity: True or False
• 1. Native Apps aren’t developed especially for a
particular mobile operating system. • 6. After reading we can say that these Apps can
• 2. These apps are available on app stores such as be used without internet.
Apple App Store, Google Play Store. • 7.After reading we can say that these Apps are
• 3. Native apps don’t work in specific mobile very difficult to develop
operating systems such as Apple iOS or Android • 8.After reading we cannot say that these Apps
OS are cheap
• 4. We have to build separate apps for each • 9.After reading we can say that these Apps need
operating system to be updating
• 5.It is a fact that Native apps are faster than web • 10.In this part of the text we can conclude that
apps. isn’t easy to find the approval of the App store
 WEEK 2
day 3
Differences between Native and Web Apps
• PRE READING

https://www.geeksforgeeks.org/difference-betwe
• Vocabulary:
en-native-apps-and-web-apps/?ref=gcse https://quizizz.com/join?gc=882
260
.
DIFFERENCE BETWEEN NATIVE APPS AND WEB APPS
Native apps are installed onto the device itself and
are developed especially for a particular mobile
operating system. These apps are available on app
stores such as Apple App Store, Google Play Store,
etc.

Native apps work in specific mobile operating

systems such as Apple iOS or Android OS. If an app
made for Android OS then it will not work on Apple
iOS or Windows OS. We have to build separate
apps for each operating system if we want to work
our app across all major operating systems. This
means we have to spend more money and more
effort (time, resources).
Advantages of Native
Apps:
•Native apps are faster than web
apps.
•Native apps can access
system/device resources such as a
GPS or camera.
•These apps can work without an
internet connection.
•These apps have more safety and
security than web apps, as native
apps must be approved by the App
Store.
•These apps are easier to develop
due to the availability of developer
tools, interface elements, and SDKs.
 Disadvantages of Native
Apps:
• These apps are more expensive to
develop as compared to web apps.
• Designing and building the app for
different platforms such as iOS and
Android, is costly and time taking.
• Maintaining and consistently update
of native apps cause more cost.
• It is difficult to have a native mobile
app approved by the App Store.
 ADVANTAGES OF WEB APPS
• Web Apps can be accessed through the mobile device’s Web browser, Web Apps are
based on internet-enabled applications. In order to access we don’t need to
download and install the app onto a mobile device.
• The app is developed as web pages in HTML and CSS, interactive parts are
developed in JQuery, JavaScript, or similar language. The single web app can be used
on most devices capable of surfing the web, it does not depend upon the operating
system they use.
• Advantages of Web Apps:
• Web apps function in-browser, so we do not need to be installed or downloaded.
• Web apps are easy to maintain, as they have a common codebase regardless of the
operating system.
• These apps can be set to update themselves or automatically.
• Web Apps easier and faster to build than native mobile apps.
• In Web Apps App store approval is not required, so web apps can be launched easily.
Disadvantages of web apps:
• Web Apps do not work without an
internet connection.
• Web apps work slower than mobile
apps.
• It is difficult to discover web apps
since they aren’t hosted in a
specific database like an app store.
• Web apps have higher risks and
poor quality, and there is no
guarantee of security since web
apps don’t need to be approved by
the app stores.
 AFTER READING
• After reading “Difference Between Native Apps and Web Apps”
• Fill in the following chart:
Native Apps Web Apps
DAY 4. SUMMARY
 PRACTICE
LISTENING: https://es.liveworksheets.com/zf1791839yu
 POST-READING
WEB NATIVE HYBRID
• Get into the next link,
https://es.liveworksheets.com/b
o2321324ct
• do the exercise and after that,
choose 10 apps and classify
them into the next chart:
• WEB / NATIVE / HYBRID