COLLEGE OF TECHNOLOGY AND INFORMATION SYSTEMS

Bachelor of Science in Information Systems

Course Number: CC 106 Instructor: Jeffrey S. Frasco, MIT

Course Application Development & Mobile No.: 09429170551
Description: Emerging Technologies
Credit Units: 3 Email Add.: Jeffreyfrasco14gmail.com
Module No.: 4
Duration: 1 Week

I. LEARNING OUTCOMES

After reading this module, you are expected to:

1. discuss what framework is;

2. discuss what front-end frameworks are;
3. discuss what back-end frameworks are;
4. differentiate front-end from back-end frameworks;
5. discuss what mobile development framework is; and
6. identify the different types of mobile applications.

II. TOPIC

Web and Mobile Development Framework

1. What is a framework?
2. What are front-end frameworks?
3. What are back-end frameworks?
4. Front-end vs Back-end Frameworks
5. Mobile Development Framework
6. Types of Mobile Application

III. REFERENCE

 https://www.igi-global.com/book/emerging-technologies-applications-data-processing/
218130. Accessed: August 2021
 https://sites.google.com/view/woykszwdzx/application-development-and-emerging-
technologies-syllabus-pdf. Accessed: August 2021
 https://pdfs.semanticscholar.org/0778/18d3119f6eed0432134175afd34727fad20d.pdf.
Accessed: August 2021

IV. COURSE CONTENT

INTRODUCTION

There are different kinds of frameworks that

are used in making web and mobile applications,
some of them have a specific function that is
needed for developing certain applications.

WHAT IS A FRAMEWORK?

CC 106 – Application Development & Emerging Technologies 1

  It is a platform for developing software application we’re it serves as the foundation for
software developers. It is also like an Application Programing Interface (API), technically,
each framework consists of an API, but the API only provides access to the Framework-
supported elements while the Frameworks serve as the basis for programming.

 Web development has been targeted by a rise in front-end and back-end frameworks. These
frameworks have mostly one common goal: to facilitate development. What sets them apart
is the way they tackle this goal. Its aim is to mitigate the overhead associated with shared
Web Development (Databases, Templates Sessions). Designed to help dynamic websites,
web application and web services develop.

WHAT ARE FRONT-END FRAMEWORKS?

 Front end developments concern the parts that the

user also sees as “CSS frameworks”, packages that
contain pre-written, standardized file and folder
code. They provide you with a base on which to
build while still allowing flexibility with the final
design.

 Front-end frameworks typically contain the following

components:
 A grid that makes it easy to organize your
website’s design elements.
 Defined font styles and sizing depending on their function (different typography for
headings vs. paragraph, etc.).

 Website’s components pre-constructed, such as side panels, buttons, and navigation bars.

 There’s a lot more they are capable of. depending on the specific framework you choose.

WHAT ARE BACK-END FRAMEWORKS?

 Back-end is the website server side. It stores and

arranges data, as well as ensuring that everything
works fine on the website’s client side. It’s the part you
can’t see and interact on the Website. It is the portion
of the software that doesn't come into direct user
contact.

FRONT-END VS BACK-END FRAMEWORKS

 When learning code, beginners often face two paths: Which one do you pick? Could you do
both? How much does an individual who codes HTML & CSS do at a job? Front-end and back-
end are two of the most frequently used terms in the computer industry; they have in a way
become buzzwords. They dictate the type of job you do as a developer of software, the
technologies that you use and how much you get paid.

 By now the difference between the front-end and the back end, as well as the various
activities carried out by the developers working on both ends of the wire should be more
evident. The front-end, in practical terms, means the browser and the back end, the server
or, more recently, the cloud. If you like user interfaces, are interested in sound design, and
like the visual aspects of creating apps, you might want to spend your time as a software
developer on the front-end. If you want to spend your time solving business issues, writing
algorithms, working in the cloud, and creating services and APIs, then you have the back
end. If you enjoy both, feel equally excited and comfortable with creating web apps, then
what you want is a career as a full-stack developer.

CC 106 – Application Development & Emerging Technologies 2

MOBILE DEVELOPMENT FRAMEWORK

 This framework is designed to support the

development of mobile applications and has three
categories: native app frameworks, mobile web app
frameworks, and hybrid app. The rationale behind
implementing a mobile application development
platform is t*here should be a common ground for
development to facilitate data scalability, sharing,
and transfer; it also makes device and application
management much easier.

 TYPES OF MOBILE APPLICATION

Intended Use Application Data Dependency

Native Single hand-held On the device Device OS and environment

Applications device

Web Application Single hand-held On the remote Internet Connection

device server

Hybrid Generic devices Local and remote Partial dependency on both

Application

 WHAT IS NATIVE APPLICATION?

 A software that is developed to be used on a specific

platform or device, it can use hardware and software
specific to the devices. The term “native app” is used to
refer to platforms such as MAC and PC, with examples
that are pre-installed and configured on every Apple
computer such as the Photos, Mail or Contacts
applications. However, the term native app is used in
the context of mobile web apps to signify any
application writer to work on a specific device platform.

 Pros
 Geolocation lets businesses customize their services and customize loyalty
programs. Customers may be notified of nearby physical shops or may be given
a chance to get regional discounts.
 User activity data (or inactivity) can be easily collected and analyzed, thereby
simplifying the assessment of the effectiveness of the app or its options

 Cons
 Generally, more expensive to develop, especially for companies requiring
applications on multiple OS platforms
 Should be approved by each app store.

CC 106 – Application Development & Emerging Technologies 3

  WHAT IS WEB APPLICATION?

 Apps that can be open on a user’s device via web browser. It

is custom- designed websites that are built to look and be
used as native apps, though they are not stored on a user’s
device.

 Pros
 Web based applications are easier to handle and thus
can execute on most any OS platform.
 Even if without the approval of any app stores, the
developers can still offer the application
 Fast development cycles using CSS, HTML and JavaScript.

 Cons
 Safety control is greatly reduced since they can only be used over the web.
 There's no cataloged app store with a search option, so looking for the app may
be difficult.

 WHAT IS HYBRID APPLICATION?

 Applications that are installed just like any other

app on a device. What distinguishes them is the
fact that they possess elements from native apps,
apps developed for a specific platform such as IOS
or Android, with elements from web apps, websites
that act as apps but are not installed on a device
but accesses through a browser on the internet.

 Hybrid apps are deployed in a native container using a WebView Mobile object. This
object displays web content when the app is used thanks to the use of web
technologies (CSS, JavaScript, HTML, HTML5).

 Pros
 Has the best functionality and user-friendliness
 The developers don’t have platform limitation, meaning they can build hybrid
apps that works on multiple platforms
 Great options for developers who create intensive apps (e.g., games).

 Cons
 It is better to make them native in the case of very complicated applications
 Requires much time and effort in developing to make it feel and look for a native
user.
 If it doesn’t work properly, app stores may refuse hybrid applications.

 WHICH IS BETTER?

 Choosing a suitable type of mobile application is a

very important stage in its development,
influenced by several factors, such as developers’
technical evaluation, the need to access data on a
device, the influence of internet speed on an
application, and so on.

CC 106 – Application Development & Emerging Technologies 4