MIS – SHEET 1

INTRODUCTION
 AGENDA

• Introduction.
• What is a System?
• What is Information System?
• Application Software.
• Web Application
• HTML
• CSS
 INTRODUCTION TO INFORMATION
SYSTEM
• Have you ever used an ATM to withdraw money or to buy goods at a
large supermarket? In both cases, you are indirectly using the facilities
offered by an information system.

• When we visit a travel agency to book a trip, a collection of

interconnected information systems is used for checking the availability
of flights and hotels and for booking them.

• When we make an electronic payment, we interact with the bank’s

information system rather than with personnel of the bank.

• Modern supermarkets use IT to track the stock based on incoming

shipments and the sales that are recorded at cash registers.
 INTRODUCTION TO INFORMATION
SYSTEM
• Information systems have become the backbone of
most organizations.
• Banks could not process payments.
• Governments could not collect taxes.
• Hospitals could not treat patients.
• Supermarkets could not stock their shelves without
the support of information systems.
 SYSTEM

What is a System?
• A set of interrelated components With a clearly
defined boundary working together to achieve a
common set of objectives by accepting inputs and
producing outputs in an organized transformation
process.
 INFORMATION SYSTEM

What is Information System-IS?

• A combination of hardware, software, infrastructure
and trained personnel organized to
facilitate planning, control, coordination,
and decision making in an organization.

• An information system is any organized system for

the collection, organization, storage and
communication of information.
 APPLICATION SOFTWARE
PROGRAM TYPES
Programs are divided into 3 types:
1. Mobile application
2. Desktop application
3. Web application
 WEB APPLICATION

• Web App is an application program that is stored on a remote

server and delivered over the Internet through a browser
interface.
 WEB APPLICATION, CONT.

• A very simple web app can be created using HTML

and CSS

• To provide some interactivity we can use

JavaScript.

• For a more sophisticated web app we will need the

use of advanced programing languages such as
PHP, ASP.Net, JSP, Python, Ruby, C, C++…etc.
 HYPER TEXT MARKUP LANGUAGE
(HTML)
• It defines the structure of webpages and it determines
how data is displayed online. But this doesn’t make HTML
a programming language.

• HTML is a type of markup language. It encapsulates, or

“marks up” data within HTML tags, which define the
data and describe its purpose on the webpage.

• The HTML describes the data to the browser, and the

browser then displays the data accordingly.

• HTML is written in tags, each tag has a name and has

attributes.
 HTML, CONT.

• HTML tags normally come in pairs start tag and end

tag.
• The end tag is written like the start tag, but with
a slash before the tag name.
<tagname> content </tagname>

Example:
 CASCADING STYLE SHEET (CSS)

• Development of large web sites, where fonts and

color information were added to every single page,
using HTML tags became a long and expensive
process.

• To solve this problem, CSS was created. All

formatting could be removed from the HTML
document, and stored in a separate CSS file.
 CSS, CONT.

Example:
QUESTIONS?