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?