Professional Documents
Culture Documents
Unit 6 Application Development and Emerging Technologies Updated
Unit 6 Application Development and Emerging Technologies Updated
Unit 6 Application Development and Emerging Technologies Updated
Mobile communication
The first feature addresses communication matters in ad-hoc and infrastructure
networks as well as communication properties, protocols etc.
Mobile hardware
The second element is that of hardware, such as mobile devices or parts of devices.
Mobile software
The third factor deals with the functionality and demands of mobile apps.
In a physical configuration for home network systems with limited frequency spread
and narrower ranges of data transmission, the connectivity of multiple devices in the
military sector has the same definition. Using a medium such as routers, computers
can be connected through a small home network, while the military uses satellite
data transmission in the scenario for data delivery and data collection.
6.1
Vehicles:
A universal mobile
telecommunications system
(UMTS) phone could be available for personal communication, providing 384 kbit / s
of voice and data connectivity.
Via the Global Positioning System ( GPS), the current location of the car is
determined.
For the rapid exchange of information in emergencies or to help each other maintain
a secure distance, cars traveling in the same area create a local ad hoc network.
Not only will the airbag be activated in the event of an accident, but the police and
ambulance service will be alerted by an emergency call to the service provider.
Emergencies:
6.2
When consumers use credit cards for purchases at point of sale ( POS) terminals in
shops and supermarkets, the intercommunication needed between the central bank
computer and the POS terminal will take place quickly and securely over cellular
networks using a mobile computer device to verify the use of the card.
This will accelerate the process of transactions and alleviate congestion at the POS
terminals.
Agriculture:
6.3
Interference: Shielding does not shield radio transmission against interference and
results in higher loss rates for transmitted data or higher bit error rates, respectively.
Bandwidth: While they are constantly growing, transmission rates for wireless
devices relative to desktop systems are still very low. With low overhead,
researchers are searching for more powerful communications protocols.
Security constraints: Portable electronics can not only be more easily hacked, but
the radio interface is often vulnerable to the dangers of eavesdropping. Encryption,
authentication, and other protection protocols that must be reliable and easy to use
must always be included in wireless access.
Wireless Standards
Application tier (business logic, logic tier, data access tier, or middle tier). By conducting thorough
processing, the logic tier governs the functionality of an application.
6.4
Now these days, Mobile Computing has supplementary need because there
are numerous paybacks such as:
2. Entertainment – Mobile devices may be used for personal and even displays for
entertainment purposes, both for individuals and consumers.
3. Portability – The key benefits of this are that you are not limited to one region. It
helps to access any wireless devices without restrictions on venue.
Machine to Machine
One of the key factors of M2 M is reduced costs for cell production and mobile data
technologies. The improved productivity of the semiconductor industry to achieve an
enhanced yield decreases power consumption and the cost of producing chipsets.
Wireless and wired networks are now sufficiently advanced to offer data services at a
lower price. These factors have played an important role in expanding the use of M2
M technologies in various sectors.
M2M in Healthcare
The goal of Mobile Health or MHealth is to reduce the cost of healthcare and patient
care quality. Telemedicine, which remotely monitors the patient and provides the
necessary treatment, is one of the most common MHealth services in healthcare.
To record different factors such as blood pressure, heart rate, and so on, the patient
is fitted with multiple sensors. The data is collected on an M2 M computer, most
often on the mobile phone of the patient.
The data is uploaded to an M2M server which alerts the patient’s doctor to
provide necessary medical aid.
In emergency situations, all the necessary data about the patient’s condition is
delivered on the way to the hospital allowing the doctor to be prepared to treat the
patient. Let us look at M2M usage in the automobile sector in the next section.
M2M in Automobiles
In the automotive sector, M2M has multiple applications such as
entertainment, safety and security, navigation, and diagnostics. Safety and security
are one of the most beneficial applications in the automotive industry.
6.6
Mobility has been driving the development of cloud services meant specifically
for mobile devices. Social media communication on mobile is also enabled through
the cloud.
Adapting to the mobile is becoming necessary not only for growth but also for
survival. Also, the percentage of web traffic contributed by mobile devices is
increasing year-on-year.
6.7
Most of the mobile application has different functions and uses. Waze is the
most popular path finder application created by Ehud Shabtai, Amir Shinar and Uri
Levine from Israel. The estimation from the source to destination as the basic point
to point computation now has the cloud database for all the reported data from the
user to re calculate the fastest route for the user.
The most popular mobile application that offers a powerful tool to manage
business and education. It builds on consumer experience with Google's products
and services to provide more effective workplace solutions for companies. The G
Suite applications your company uses directly from mobile devices, such as your
phone or laptop, can be accessed.
6.8
G Suite’s collection of smart apps allows you and your team members to
seamlessly work together on documents. You can see the changes you’re making in
real time and G Suite stores them automatically in the cloud.
You may offer all team members the editing capability, or only a chosen few. You can
use the built-in chat feature to brainstorm ideas while your employees work on the
documents.
This smart feature helps your team members to complete tasks more easily
and with greater precision. It also removes the need to use the newest versions of
documents to submit multiple emails.
You and your employees can easily store data and access it from any device
using Google Drive, a cloud storage platform. Unlike a traditional office server, in
Google data centers, G Suite stores information which is distributed around the
world. This means that your information will not be lost if one or more servers crash,
and that you can easily access it whenever you need to.
Your workers can access on-the-go information, when they are traveling or
when they are working remotely. Only remember to inform members of your team
about cyber security. Never can you and your staff access confidential information
via public Wi-Fi. These wireless networks are unsecured and hackers can intercept
any data which you receive or send, including usernames and passwords.
So while G Suite offers high-security rates for your info, simple cybersecurity
precautions still need to be exercised.
The food industry has also evolved into mobile applications. The most
common food delivery app are Grab Food, Food Panda, Lala Food and Angkas
Food. In the times of pandemic specifically in Enhance Community Quarantine
(ECQ), only food delivery apps are allowed to deliver with special permit from the
government.
6.9
6.10
This tutorial will teach you how to build a new Android project with Android Studio,
and will explain some of the project's files. (Developers, 2020)
If you have a project already opened, select File > New > New Project.
3. In the Select a Project Template window, select Empty Activity and click Next.
4. In the Configure your project window, complete the following:
5. Click Finish.
6.11
First, be sure the Project window is open (select View > Tool Windows > Project) and
the Android view is selected from the drop-down list at the top of that window. You
can then see the following files:
This is the main activity. It's the entry point for your app. When you build and run
your app, the system launches an instance of this Activity and loads its layout.
This XML file defines the layout for the activity's user interface (UI). It contains a
TextView element with the text "Hello, World!"
The manifest file describes the fundamental characteristics of the app and defines
each of its components.
There are two files with this name: one for the developer, "Developer: My First
App," and one for the framework module, "Module: App." Each module has its own
build.gradle file, but there is only one module in this project. Using build.file of each
module to monitor how your app is being built by the Gradle plugin.
6.12
1. Connect your device to your development machine with a USB cable. If you
developed on Windows, you might need to install the appropriate USB driver
for your device.
e) Return to the previous screen, scroll to the bottom, and tap Developer
options.
f) In the Developer options window, scroll down to find and enable USB
debugging.
1. In Android Studio, select your app from the run/debug configurations drop-
down menu in the toolbar.
2. In the toolbar, select the device that you want to run your app on from the
target device drop-down menu.
6.13
1. Click Run .
Android Studio installs your app on your connected device and starts it. You now see
"Hello, World!" displayed in the app on your device.
Run on an emulator
Run the app on an emulator as follows:
1. In Android Studio, create an Android Virtual Device (AVD) that the emulator
can use to install and run your app.
2. In the toolbar, select your app from the run/debug configurations drop-down
menu.
3. From the target device drop-down menu, select the AVD that you want to run
your app on.
Click Run .
Android Studio installs the app on the AVD and starts the emulator. You now see
"Hello, World!" displayed in the app.
In this tutorial, you'll learn how to create a layout that includes a text box and a
button using the Android Studio Layout Editor. This sets up the next lesson, in which
you learn how to transfer the content of the text box to another task when you click
the button.
6.14
For an Android device, the user interface ( UI) is constructed as a layout and
widget hierarchy. The layouts are objects of the ViewGroup, containers which control
the positioning of their child views on the screen. Widgets are object view, UI
elements like arrows, and text boxes.
Figure 6. Illustration of how ViewGroup objects form branches in the layout and
contain View objects.
Android provides the ViewGroup and View classes with an XML vocabulary,
so most of your UI is represented in XML files. However, this tutorial teaches you
how to create a layout using the Layout Editor for Android Studio, rather than
teaching you to write XML. The Layout Editor writes the XML for you while dragging
and falling views to build your layout.
This lesson assumes you are using Android Studio v3.0 or higher and you've
completed the lesson of building your Android Project.
6.15
1. In the Project window, open app > res > layout > activity_main.xml.
2. To make room for the Layout Editor, hide the Project window. To do so, select
View > Tool Windows > Project, or just click Project on the left side of the
Android Studio screen.
3. If your editor shows the XML source, click the Design tab at the bottom of the
window.
5. Click Show in the Layout Editor toolbar and make sure that Show All
Constraints is checked.
7. Click Default Margins in the toolbar and select 16. If needed, you can adjust
the margins for each view later.
8. Click Device for Preview in the toolbar and select 5.5, 1440 × 2560, 560 dpi
(Pixel XL).
The Component Tree panel on the bottom left shows the layout's hierarchy of
views. In this case, the root view is a ConstraintLayout, which contains just one
TextView object.
ConstraintLayout is a layout that determines the location for each view based
on the sibling views and the parent layout constraints. Thus you can build simple and
complex layouts with a hierarchy of flat views. This kind of layout removes the need
6.16
For example, you can declare the following layout, which is shown in figure 4:
2. In the Palette panel, click Text to show the available text controls.
3. Drag the Plain Text into the design editor and drop it near the top of the
layout. This is an EditText widget that accepts plain text input.
4. Click the view in the design editor. You can now see the square handles to
resize the view on each corner, and the circular constraint anchors on each
side. For better control, you might want to zoom in on the editor. To do so, use
the Zoom buttons in the Layout Editor toolbar.
5. Click and hold the anchor on the top side, drag it up until it snaps to the top of
the layout, and then release it. That's a constraint: it constrains the view within
the default margin that was set. In this case, you set it to 16 dp from the top of
the layout.
6. Use the same process to create a constraint from the left side of the view to
the left side of the layout.
Add a button
6.17
2. Drag the Button widget into the design editor and drop it near the right side.
3. Create a constraint from the left side of the button to the right side of the text
box.
Note: You can also use the top or bottom edges to create a horizontal alignment.
However, the button image includes padding around it, so the visual alignment is
wrong if created that way.
To preview the UI, click Select Design Surface in the toolbar and select Design.
Notice that the text input and button label are set to default values.
1. Open the Project window and then open app > res > values > strings.xml.
This is a string resources file, where you can specify all of your UI strings. It
allows you to manage all of your UI strings in a single location, which makes
them easier to find, update, and localize.
2. Click Open editor at the top of the window. This opens the Translations Editor,
which provides a simple interface to add and edit your default strings. It also
helps you keep all of your translated strings organized.
3. Click Add Key to create a new string as the "hint text" for the text box. At
this point, the window shown in figure 7 opens.
c) Click OK.
6.18
1. Click the text box in the layout. If the Attributes window isn't already visible on
the right, click Attributes on the right sidebar.
2. Locate the text property, which is currently set to "Name," and delete the
value.
3. Locate the hint property and then click Pick a Resource , which is to the
right of the text box. In the dialog that appears, double-click edit_message
from the list.
4. Click the button in the layout and locate its text property, which is currently set
to "Button." Then, click Pick a Resource and select button_send.
To create a layout that's responsive to different screen sizes, you need to make the
text box stretch to fill all the horizontal space that remains after the button and
margins are accounted for.
Before you continue, click Select Design Surface in the toolbar and select Blueprint.
6.19
Figure 10. The text box now stretches to fill the remaining space
1. Select both views. To do so, click one, hold Shift, then click the other, and
then right-click either one and select Chains > Create Horizontal Chain. The
layout then appears as shown in figure 8.
2. Select the button and open the Attributes window. Then, use the view
inspector at the top of the Attributes window to set the right margin to 16 dp.
3. Click the text box to view its attributes. Then, click the width indicator twice so
it's set to Match Constraints, as indicated by callout 1 in figure 9.
6.20
If your layout didn't turn out as expected, click See the final layout XML below
to see what your XML should look like. Compare it to what you see in the Text tab. If
your attributes appear in a different order, that's okay.
For more information about chains and all the other things you can do with
ConstraintLayout, read Build a Responsive UI with ConstraintLayout.
The button still does nothing. To build another activity that starts when the
button is tapped, continue to the next lesson.
The Internet Protocol ( IP) is the groundwork for the Internet. Anyone involved
in web development will benefit from knowing a few main details about it, and
learning more as needed by specific projects.
The basic problem for a networking protocol is transferring data over some
sort of link from one device to another. However, the Internet Protocol is
connectionless, meaning it does not manage the specifics of the device link.
Before the Internet was launched, many networking technologies were tried and
many more have been debated or put into use ever since. There have been conflicts,
often also called "wars," within these various norms. IP is the current leader, and is
expected to be a long-term champion.
6.21
Each packet has information that describes it, the source IP address it began at, and
the destination IP address it’s meant to go to.
Each packet is launched from the source address onto the Internet separately, and
each finds its own route to the destination.
Packets arrive in any order they might, and it’s up to the destination computer to re-
assemble them into a file or data stream.
Client
Applications that run on computers
Rely on servers for
Files
Devices
Processing power
Example: E-mail client
6.22
Client-Server Computing
Application Components
3 Logical Tier
6.23
Types of Servers
Advantages
Disadvantages
Overloaded servers
Impact of centralized architecture
(Electronics, 2020)
6.24
WEB DESIGN
6.25
To give your website a nice look and feel, colors are very important. You can define
page level colors using the < body > tag or you can use the bgcolor attribute to set
colors for individual tags.
The < body > tag has the following characteristics that can be used to describe
various colors.
Alink − sets the color for the selected links or active links.
Color names − Color names such as green, blue or red may be specified explicitly.
Hex codes - A six-digit code reflecting the sum of color that makes up the red, green,
and blue.
Decimal or percentage color values − This value is defined by using the property
rgb().
Here is the list of names for the W3C Standard 16 Colors and it is recommended that
they be used.
Example
Here are the examples for setting the HTML tag context by color name,
<html>
<head>
<title>HTML Colors by Name</title>
</head>
6.27
</html>
Any graphics program such as Adobe Photoshop, Paintshop Pro or MS Paint can be
derived from a hexadecimal value.
There will be a pound or hash sign # accompanying each hexadecimal code. A list of
a few colors using hexadecimal notation is provided below.
#000000
#FF0000
#00FF00
#0000FF
#FFFF00
#00FFFF
#FF00FF
#C0C0C0
#FFFFFF
Example
6.28
<html>
<head>
<title>HTML Colors by Hex</title>
</head>
</html>
rgb(0,0,0)
rgb(255,0,0)
rgb(0,255,0)
rgb(0,0,255)
rgb(255,255,0)
6.29
rgb(255,0,255)
rgb(192,192,192)
rgb(255,255,255)
Example
Here are the examples of setting the color code context of an HTML tag using rgb()
values(Tutorialspoint, 2020) −
<html>
<head>
<title>HTML Colors by RGB code</title>
</head>
</html>
6.30
6.31