App Development (WWACES)
App Development (WWACES)
5
Learning
Scope
Introduction, Mobile Apps, Advantages of Mobile Apps, Types of Mobile Apps (viz.
Native app, Web app or Online app, Hybrid app), Website and Web app, Categories of
Apps (viz. Gaming apps, Business apps, Educational apps, Entertainment apps, Travel
apps), Conmmonly used Mobile Apps (viz. Google Maps, acebook, WhatsApp, Skype,
YouTube, Twitter), Downloading Mobile Apps, Simple App development
Introduction
In recent years, with the increasing technology, electronic devices such as computers, laptops,
tablets, smart phones, etc. have become an integral part of our lives. Their usage is further
expected to increase owing to the wide range of helpful and attractive features they have to
offer. Besides providing the basic elemental Morday
9:41 AM 100%
Just to Know!
Smart phones have gained much popularity among users as these have made
devices handy and easyto use. Earlier, mobile phones were usedto perform
only basic communication tasks such as making calls, sending and receiving
messages. However, with its evolution, in today's time mobile phones are
equipped with highly advanced features. These are now most commonly
Known as smart phones. These typically have a high-resolution touch screen
aisplay, WI-FI and Bluetooth connectivity, increased storage space, greater
web browsing capability and also the ability to run various applications.
127
() Mobile app tablets, etc. because of their
These daysThemost
features. of the people
applications
use smart phones,
mul
that run on these devices are known as mobile apps. Some of the
from the
t
ann
i-usage
others can be downloaded
apps can come preloaded on the device while
or the internet. Some may require internet
connection, ie., are online apps while some ca
Instagram, Facebook, etc.
even work in an ofline mode. For example, Gmail, WhatsApp,
() Advantages of Mobile Apps
responsible for i
Mobile Apps provide users with various features and advantages which are
increased popularity among them. Some of the advantages of these mobile apps are as listed
below:
1. Multipurpose: Mobile apps can have aCcess to various device apPPs such as camera.
contacts, microphone, etc. These, in addition to their specific features, provide a better
experience for the users and also serve as a multipurpose platform.
2. Sharing Features: Mobile apps provide better and faster sharing of information. Data
such as document fles, images, clips, etc. stored on a device can be shared instantly via
mails, WhatsApp, Facebook, etc.
3. Personalisation: It is one of the important features of mobile apps. It takes into
consideration the user's choices, likings, behaviors, culture, etc. hence, providing a user
specific personalised experience.
4. Safe and Secure: Mobile apps enable the users to have a safe access for modifying and
sharing of data. Thus, the apps ensure a high level of security beyond the built-in security
system of the mobile.
5. App notifications: The push notifications play an important role in communicating with
the users. Various updates and promotional notifications can be provided to the users
through push notifications.
6. Can be accessed offline: Apps provide both online and offline access to the users. Some
features such as making payments, banking, uploading or downloading data may require
an internet access but other features can be made available to the users in offline mode.
128
Computer Studies--8
lavices. Some of these apps can be used without internet
connection such as calendar, camera, contacts, calculator Knowledge Corner
and gallery while some may require an active internet
connection. Since these apps are platform dependent, they What is the Android?
are faster and more reliable in terms of their performance. The android is a Linux-based
operating system developed
by the Open Handset Alliance
which is led by the Google.
Just to Know!
BR
CSS
3. The web applications are independent of 3. The native apps once made for a particular
environments and can be adopted to all the environment can't be use for other
devices. environments.
4. The web apps face the threat of hacking. 4. The native applications are more secured.
5. It can update itself. 5. It needs to be constantly updated by the
user.
130
Computer Studies--8
Just to Know!
LSTART
bAeLAST FEWN
HOURS LEFT Dont Mies Out on these
NURRYI> Sares
Under?499+Extra10. Min 30% Off
Tovaon Meru
Homo Laptop Moblo
Flipstart Deals Of
As awebsite
Flipkart Website
can be viewed as a Web App as
There are a few online applications viz. Flipkart, OLX which
as a Web App and a Website.
well as website. It provides a different look when viewed
Categories of apps
catering to user's needs. These apps
As discussed earlier, there are numerous apps available
can be categorised as discussed below.
I. Gaming apps
These are one of the most popular apps among Angry Bìrds Go Cnemaic railer
3. Educational apps
Apps can also be developed to help an
individual learn and grow. These are
educational apps that enable the user to access x+4=8
informative content in the form of videos, photomath 4
4. Entertainment apps
While working on mobile most of the Talking Tom Cat pp- EVERY New Animabon
Watch ater Share
132
Computer Studies--8
5. Travel apps
Now a days, travelling to a new place has become a lot Google Earth
easicr and comfortable, thanks to our smart phones.
Our smart phones have also taken on the role of our
Iravel guides. They help us in booking trains, flights,
accommodations, explore activities and places to visit at our
destination, inform us about weather conditions, provide
Is with revicws and ratings and much more. They offer us
a customised experience where a user can explore and plan
his journey according to his desire.
Mobile apps,
For example, Google Maps is used for navigation; sky scanne, ixigo, IRCTC accomodation
etc. for booking train and flights; trivago, [Link], OYO, Airbnb for
Kiwi,
bookings.
Google Maps
This apps helps in navigation. When you open Google Maps, it will show
it will show
your current location on your device. On setting the destination,
their estimated
various routes (by default, the shortest route is selected) and
directing
time arrivals (ETAs). By selecting the desired route, it will start
commands.
you to reach the location. It also guides the user by using voice
congestion/traffic.
It constantly updates the route and alerts the user of any
Facebook
platform where users
It is one the most famous social networking sites. It is a
and videos. This shared
can share their thoughts, opinions, messages, audio
privately with a
content can be made available to public or can be shared
with
group of friends that the user chooses. It is auser-friendly app. Along
platform
become a
a close connection with friends and family, it has now
and
to reach a much wider audience where people market their products
also create awareness.
133
App Development
Skype
The Skype was developed by Microsoft Inc. It is
You can upload and watch videos instantly over internet connection on an
app or on a web
browser. It allows the user to download and save videos enabling offline access. You
can also
post comments and share them instantly over other platforms.
Google+
The Google+ (pronounced as Google Plus), G+ or G-Plus is an
internet based social networking website, owned and operated
by the Google Inc.
To join Google+, you need to have a Google account. Once
you activate Google+, you can now share messages, link with
Google+
everyone or with only those within designated circles which is a G+
concept similar to groups' on Facebook. It also provides a multi
person instant text messaging and video chatting services
(called Hangouts) for the users.
Twitter
Knowledge Corner
The Twitter is social Blogging
Writing messages on social
networking service which networking sites is referred
enables users to communicate
as a blogging. Twitter allows
among themselves with the
help of short messages called
134
twitter writing short messages which
is called Microblogging.
Computer Studies-8
te It is a free networking site that allows a registered user to post, like and retweet tweets,
unregistered user can only read the tweets. It can be accessed online through various
while an
devices like mobiles, computers, tablets, etc.
Instagranm
It is a social networking service owned by Facebook Inc. It is a photo
and video sharing networking app. It can be accessed via an Instagram
ar afacebook account. Through this account the user can connect with
access,
other networking sites as well. It provides the user with offline
however to upload content and view update posts internet connection is
required.
Some Inventors of Mobile Apps
Mobile Apps
Developers/Inventors
135
App Development
Step 3: Click on the Install' button and the installation begins (as shown below).
m Y T , A116 pm, D90YTA 11717 p
Google Play
OYO: FInd Best Hotels OYO; Find Best Hotels
OYO Book Aooms At OYO &Book Rooms At
D
Per you Iee harts Cataanrlas dllers' Ch. Great Deals Great Deals
oYO
Neu updated parnés
Treal Local To frea Trelal
Balertedemas of thaueek Top fra
SOUTH
Sugsested for you
ASIA'S
RCEST
VA
MY 1ab go
zOmato OYO OTEL
Uber CHAIN FIlghts Hotel
FasMotals
Hotal Boong
OYO 25 MB
Hoel Bus Car,
Click Join'
#1 No-Code
development platform
What would you like to create today?
Mey signing up, you agree to our T&C and Privocy Pollcy
Sigo up
MasterCard.
TRUSTe 68L SECURE MeAfee VERIFIER SecureCode
d Perry
LOOIN
MECURE by VISA
'Dashboard' area.
will be unable to reach the
complete the verification process or you
Please input the code here to
5 8 2
9 7
Resend >
Note
app by using the Appypie', you need not require
time, when you want to create an password and
The next 'Login' tab. Enter your email ID,
You just need to click on the
signing up again.,
then click on the 'Login' button.
137
App Development
Steps to create app on Appypie aCOUnt, Click Create New
Step Ii Once you log in into your
oppyple opnh
My Mihie Appe and Wethetes
to Mobile App
create a Native M or Website
Aprompt will appear showing options learn to create a natie
Select the option as per your requirement, Here, we Will
mobile app.
CHOOSE WHAT YOUWANT TO CREATE
School
138Computer Studies8
Step 4: Further, choose the category that fits best to the type of app your are developing
(say, 'Education") and then colour scheme as per your choice.
Crete bpp
[Link]/appbuilder/crentor-softyare/
Business Pick a color scheme you like Yau can charge t late)
Redo/Podcast
Dark
Restaurant &Food
Events
RelgionWorship
-Go Back
javsenptvaid(0):
Phone
Ardod
ixciotroid0:
'Customize app design' page will open. It shows various options for customising
Step 6: The
the app. They are as follows:
have already selected, is highlighted.
. Choose Color Theme: The colour which you
colour (if needed).
However, you can still change the
Customize app design Save &Continue
Dark
Choose Color Theme
GO GREEN CHEERFUL.k
DEEP OCEANVA
139
App Development
. Customize fonts and colors: This customisation has three heads:
(i) Header (ii) Layout (ii)Page
(i) Header: Using this option, you can edit Header bar texe
font, text size, background of the header bar, colour of the text(School),
and
text
of the Header icon. The changes you make can be seen on colour
the app given on the right hand side (i.e., preview area) of the
the window
of preview
Customlze fonts and colors
Heade
Here's a prevlew of your ap
Iayout Page
(ii) Layout: Using this option, we can set the layout of icons
including their
size, colour and alignment. You can also set the format of the
icon name.
background colour of icons and the overlay colour.
(ii) Page: Using this option, the formatting of the page of content can be
out. The size, colour and font of headings and content can carried
be chosen as
per your requirement.
" Customize app layout: This
customisation allows you to set the appearance of
the first screen of the app. The different layouts are
available such as
Matrix, Side
Out, Bottom, List, etc. Click on the desired layout and
seen on the right-hand side of pane. preview of the app can be
140
Computer Studies--8
(i) App icon: It shows various icons that can be selected for the app. You can
navigate through various options and choose the desired icon and click 'Ok.
(i) App Background: This option allows you to select background of the app.
You can choose from solid colours or upload images from your computer
or purchase other background images.
or images for the
(iii) App splash screen: This option allows you to select colour discussed
manner as above.
splash screen. This can be selected in similar
Customize app design
Step 7: Finally, click ´Save & Continue.
Save &Cantinue
shown below).
You will notice that the app development is in progress (as
Response) code.
Once, the app is ready, the system displays QR (Quick
your mobile phone.
To activate trial, you need to download the app to
141
App Development
Step 3: Open "Test Lab' app.
Step 4: Enter your registered email ID and click 'Start testing'
It will display the first page of your app (as shown below). Now,
various app buttons and test your app. navigate in the app through
Schöol-gn
About Us
Inquire Contact
142
Computer Studies--8
Chapter at a Glance
" Apps(short form of a applications) are the software programs that run on electronic devices.
.The applications which are downloaded and instaled in the
are referred to as mobile apps. smart phones or mobile phones,
. Mobile phones run on some commonly used platforms like i0S,
Android, Windows, etC.
. Mobile apps are classified into three categories viz. Native apps, Web apps
and Hybrid apps.
. Native appls are the apps that are created for a particular platform or an operating
system.
. Web apps are the programs which are stored on a remote server and delivered over the
internet through a browser interface.
. Hvbrid apps are the combination of native apps and web apps.
. The mobile apps can be accessed online as well as offline.
" Some commonly used mobile apps are Gaming apps, Educational apps, Business apps,
Entertainment apps, Travel apps, etc.
"Some of the commonly used apps are WhatsApp, Facebook, Google Maps, Twitter, etc.
" The apps can be downloaded and installed by anyone using the Google Play Store, which
is available on the phones.
"Some software which allow free app development are Appypie, Nativ and Kinetise.
" You can create your own app by using various apps such as appypie.
Students Notes
143
App Development
REVIEW EXERCISES
144
Computer Studies--8
EXERCISES
Objective
. Choose the correct option:
1, To which of the following categories the mobile apps belong?
(a) They are hardware
(c) They are application software (b) "They are system software
(d) They are internet devices
2. Which of the following is not an app?
(a) Contact (b) Address (c) Music (d) Compass
3. Which of the following programming languages is not
(a) Java
used in developing mobile apps?
(b) C++ (c) Python (d) HTML
4. The websites are designed using CSS. What
does CSS mean?
(a) Cading Style Sheets (b) Cascading Style Sheets
(c) Cash coding Style Sheets (d) Casing Style Sheets
5. Which of the following mobile app is developed by Zuckerberg?
(a) YouTube (b) Skype (c) Twitter (d) Facebook
6. Which of the following is needed to develop a simple app?
(a) App development software (b) Internet
(c) E-mail (d) All of them
7. In amobile handset, an app is executed by
(a) Tapping (b) Scanning (c) Pointing (d) None of the above
8. Which of the following apps can be used offline?
(a) WhatsApp (b) Facebook (c) Twitter (d) Calculator
3. To work with a mobile app, you need to the app from the Play
Store.
146
Computer Studies8
3. Two examples of lHybrid apps:
(a)
(b)
4. Two software used lor free App development:
(a)
(b)
5. Two social networking apps used to write short messages:
(a)
(b)
Subjective
I. Short Answer Questions:
1. YouTube:
147
App Development
2. Facebook:
3. WhatsApp:
4. Twitter:
5. Instagram:
Activity
Debate
Divide the class into two groups and debate
on the given topics.
The topics are:
1. Mobile apps are the same as Websites
2. Excessive use of social networking sites
create internet addiction