Computer applications and interactive design have evolved over time. Early computers required users to directly operate machines with limited interfaces. Over time, interaction designers created more meaningful relationships between users and technology. Now, applications allow users to create documents, spreadsheets, and more for productivity. Interactive design considers how users will interact with products and services through visual, physical, temporal, and behavioral dimensions. Major milestones included the creation of ENIAC in 1946, Sketchpad in 1963, the computer mouse in 1964, and early software programs in the 1970s and 1980s that emphasized ease of use. Interactive design continues to improve people's experience with technology.

1. 1
7
COMPUTER SCIENCE Week 1
1ST
QUARTER

2. 2
Control Number
KIDAPAWAN CITY NATIONAL HIGH SCHOOL
SELF-LEARNING MODULE
STE – Computer Science 7
Quarter 1/ Week 1
Name: __________________________________________ Grade and Section: ___________
Subject Teacher: ________________________________ LRN: ______________________
I. Objectives:
1.1.Define the concepts and principles in dynamic computer applications and interactive designs
1.2.Unfold the historical footprints of various computer applications and interactive designs
1.3.Discuss the importance of Dynamic Computer Applications and interactive designs
1.4.Discuss the importance of Dynamic Computer
II. Subject Matter:
Fundamentals of Dynamic Computer Applications and Interactive Graphics
(DCAI)
III. Learning Resources:
Curriculum Guide: Junior High School (JHS) Special Science Program (SSP)
TLE- (Creative technologies) Learning Competency 1.1, 1.2, 1.3 and 1.4, page
4
Media/Internet sources:
https://www.interaction-design.org/literature/topics/interaction-design
https://www.slideshare.net/MoiraZahra/history-of-interactive-design
IV. Procedure/Learning Activities: Encircle the correct letter of your choice on each item.
1. An application software use for program used for the production, storage and
printing of pages of writing is called___________.
a. Microsoft word b. Microsoft excel c. Microsoft powerpoint d. Microsoft access
2. The software used to create slides with recordings, narrations, transitions and
other features in order to present information is known as____.
a. Microsoft word b. Microsoft excel c. Microsoft powerpoint d. Microsoft
access
Lesson 1A Nature of Dynamic Computer Applications & Interactive Design
An application is any program, or group of programs, that is designed for the end user. It is used
for creating documents, spreadsheets, databases, and publications, doing online research, sending
email, designing graphics, running businesses, and also playing games.
Today, many applications are delivered as Web applications. The code for these applications
resides on a Web server, and users access the application via a Web browser. Common examples of
Web applications include Web-based email, social media platforms, wikis and online auctions.
Interaction designers strive to create meaningful relationships between people and the products
and services that they use, from computers to mobile devices to appliances and beyond.
________________________________________________________________________________
JP Laurel corner Quirino Drive Brgy. Poblacion, Kidapawan City Name of Writer: ROMINIC C. CHENG
Telephone No.: (064) 5724144 / (064) 5779654 Subject :COMPUTER SCIENCE
Website: depedkidapawancity.com Email: kidapawan.city@deped.gov.ph Grade Level :GRADE 8
Let’s
Rewiew
Department of Education
Region XII
KIDAPAWAN CITY DIVISION
JP Laurel St. Kidapawan City

3. 3
Interaction Design (IxD) is the design of interactive products and services in which a designer’s
focus goes beyond the item in development to include the way users will interact with it. Thus, close
scrutiny of users’ needs, limitations and contexts, etc. empowers designers to customize output to suit
precise demands. It involves five dimensions:
• Words (1D) encompass text, such as button labels, which help give users the right amount of
information.
• Visual representations (2D) are graphical elements such as images, typography and icons that
aid in user interaction.
• Physical objects/space (3D) refers to the medium through which users interact with the product
or service—for instance, a laptop via a mouse, or a mobile phone via fingers.
• Time (4D) relates to media that changes with time, such as animations, videos and sounds.
• Behavior (5D) is concerned with how the previous four dimensions define the interactions a
product affords—for instance, how users can perform actions on a website, or how users can
operate a car. Behavior also refers to how the product reacts to the users’ inputs and provides
feedback.
Exercise 1. Give your own definition of computer application and interactive design based on
how you understand its concepts.
Definition
Computer Application
Interactive Design
Lesson 1B Brief History of Interactive Design
The term “interactive design” came about when there were actual interfaces to design but
before, individuals who work with interactive machine focused on “operating the machine”.
To operate the machine, people had to adapt and speak the language of the machine.
Designers were not really important at this point since the communication involved was mainly worker
+ machine. Essentially the worker was considered to be yet another component in a system of
production.
In 1946, ENIAC was a modular computer, composed of individual panels to perform different
functions. Twenty of these modules were accumulators, which could not only add and subtract but
hold a ten digit decimal number in memory.
The Sketchpad was a major breakthrough in the development of computer graphics invented
by Ivan Sutherland in 1963 which is considered to be the ancestor of modern computer-aided drafting
(CAD) programs.

4. 4
Douglas Carl Engelbert in 1964 invented the computer mouse out of his work on the challenges
of human-computer interaction.
The designers of MITS Altair 8800 microcomputer in 1975 based on the Intel 8080 CPU sold
by mail order through advertisements in Popular Electronics and other hobbyist magazine.
The use of software is becoming popular in 1979 like Visicalc, the first spreadsheet, by Dan
Bricklin and wordstar (creating, storing and editing word documents) by Seymour Robenstein and John
Barnaby. Companies started to emphasize the ease of learning, ease of use, reduce errors, and save
time.
In 1984, the commercial which is based around one of the Two Minute Hate Scenes, in which
Apples case, the young women in red shorts is suggesting Apple Macintosh will give people freedom
in computing.
Mitch Kapor in 1990 create a software design manifesto, a program that should not have any
bugs which exhibits its function. At this time, the theory of design for software began.
Exercise 2. Write the important applications/inventions/concepts that emerge on a particular yea
Historical footprints of computer applications and interactive designs
1. 1946
2. 1963
3. 1964
4. 1975
5. 1979
6. 1984
7. 1990
Lesson 1C Advantages of Dynamic Computer Applications and Interactive Design
1. Basic productivity and presentation tools are computer software programs which allow a
user to create specific items quickly and easily as opposed to creating the same items by hand.
This includes:
Word Processing - is a software program that creates documents using text and/or graphics.
An example would be Microsoft Word.
Spreadsheets - quickly organize numerical information and allows the creator to input formulas
into the spreadsheet for easy calculation. An example would be Microsoft Excel.
Databases - allow the user to save collections of information in one easily accessible place.
This allows the user to find information about a specific topic much faster versus searching the
internet. An example of a database would be Galileo and Acess
Desktop publishing – is the production of printed matter such as reports, advertising matter,
company magazine etc. An example of this is the publisher.
Presentation - gives you access to the familiar slideshow maker tool. Create, edit, view, present,
or share presentations quickly and easily from anywhere. An example of this are the powerpoint
and prezi.
Photo Editor- refers to modifying or improving digital or traditional photographic images using
different techniques, tools or software. Adobe Photoshop, Paint, are some of the example.

5. 5
2. Graphic Interface software- A GUI displays objects that convey information, and represent
actions that can be taken by the user. This includes: Adobe after effects, Webflow and many
more
Exercise 3 Fill-in each item briefly with the importance of Computer Applications and Interactive
Design
Productivity Tool/Graphic Interface
Software
Importance
1.Photo Editor
2.Desktop Publishing
3.Spreedsheets
4.Word Processing
5. Graphic Interface Software
Make a 5 slide powerpoint presentation describing of you and your family with
the following components:
1st
slide – Title with picture using paint software, and background design
Make a powerpoint Presentation containing the following for each slide:
1st
Slide – All about yourself with your picture, description and background
designL
2nd
slide – Parents with pictures, short description about them and background
design
3rd
Slide - Brother/s or sister/s with picture, description and background design
4th
Slide – Other family members with picture, description and background
design
➢ Computer applications is designed for end user to create documents,
spreadsheets, database, publication, doing online research, sending email,
designing graphics, running businesses, and also playing games.
➢ Interactive design is essential to create meaningful relationship between
people, products and services that they can use.
➢ It evolved from a simple computer applications to a complicated interactive
technology wherein the interactive technology emerge such as touch screen,
3D and the like.
➢ Basic productivity and presentation tools are computer software programs
which allow a user to create specific items quickly and easily as opposed to
creating the same items by hand like word processing, databases, desktop
publishing, presentation and photoeding.
➢ Graphic Interface software conveys information, and represent actions that
can be taken by the user. This includes: Adobe after effects, Webflow and
many more
➢
Let’s do it
R
E
M
E
M
B
E
R

6. 6
Exemplary
4
Exceeds
Standard
3
Adequately
Meets Standard
2
Below
Standard
1
Student
Score
12 points
Organization •All Slides
followed the
proper
contents
assigned for
each slide
•3 of the slides
followed the
assigned
contents
•only 2 of the slides
followed the
assigned contents
• 1 or no
slides
followed the
assigned
contents
Content •Contains 4
pictures
•All slides
has
description
• Contains 3
pictures
•3 of the slides
has description
•Contains 2
pictures
• 2 of the slides has
description
•Contains 1
or no pictures
• 1 or no slide
description
Ideas /
description
All slides
were
thoroughly
described
Only 3 of the
slides has
description
Only 2 of the slides
has description
Only 1 or no
the slides has
description
V. EVALUATION/ ASSESSMENT:
Below are the questions about dynamic computer applications and interactive designs. Write the
letter of your choice on the line before each item.
______1. Interaction Design is ________________.
a. the design of interactive products and services in which a designer’s focus goes beyond
the item in development to include the way users will interact with it.
b. the art and science of enhancing the interior of a space in order to create a polished and
more aesthetically pleasing environment.
c. the key to creating an outdoor oasis, whether you have a tiny courtyard in an urban area
or a sprawling estate in the country.
d. any of the various tasks involved in creating a web page.
______2.Computer applications __________.
a. Is an electronic digital computers substantially broadened the range of problems that
could be handled
b. is a collection of programs designed to operate, control, and extend the processing
capabilities of the computer itself.
c. is the physical components that a computer system requires to function. It encompasses
everything with a circuit board that operates within a PC
d. is designed for end user to create documents, spreadsheets, database, publication, doing
online research, sending email, designing graphics, running businesses, and also playing
games.
______3. Which dimensions of interactive design refers to the medium through which users interact
with the product or service for instance, a laptop via a mouse, or a mobile phone via
fingers?
a. Words (1D) c. Physical objects/space (3D)
b. Visual representations (2D) d. Time (4D)
_______4. What dimensions of interactive design are graphical elements such as images, typography
and icons that aid in user interaction.
a.Words (1D) c. Physical objects/space (3D)
b. Visual representations (2D) d. Time (4D)

7. 7
_______5. This dimension of interactive design is concerned with how the previous four dimensions
define the interactions a product affords—for instance, how users can perform actions on a
website, or how users can operate a car. Behavior also refers to how the product reacts to
the users’ inputs and provides feedback.
a.Words (2D) c. Physical objects/space (4D)
b. Visual representations (3D) d. Time (5D)
_____6.It is a modular computer, composed of individual panels to perform different functions.
Twenty of these modules were accumulators, which could not only add and subtract but
hold a ten digit decimal number in memory created in 1946
a. ENIAC c. Sketchpad
b. MITS Altair 8800 microcomputer d. Visicalc
_ ____7. This was a major breakthrough in the development of computer graphics in 1963 which is
considered to be the ancestor of modern computer-aided drafting (CAD) programs.
a. ENIAC c. Sketchpad
b. MITS Altair 8800 microcomputer d. Visicalc
______8. A software design manifesto, a program that should not have any bugs which exhibits its
function. What year did this theory of design for software began?
a. 1963 b. 1964 c. 1979 d. 1990
______9. Out of his work on the challenges of human-computer interaction the computer mouse was
created, who invented it?
a. Dan Bricklin c. Seymour Robenstein and John Barnaby
b. Douglas Carl Engelbert d. Ivan Sutherland
______10.Who created the Visicalc, the first spreadsheet?
a. Dan Bricklin c. Seymour Robenstein and John Barnaby
b. Douglas Carl Engelbert d. Ivan Sutherland
______11. What year did designers of MITS Altair 8800 microcomputer based on the Intel 8080
CPU sold by mail order through advertisements in Popular Electronics and other hobbyist
magazine?
a. 1963 b. 1964 c. 1975 d. 1979
_______12. Which of the following computer applications produce printed matter such as reports,
advertising matter, company magazine etc.?
a. Microsoft Access b. Microsof Excel c. Microsoft Publisher d. Microsoft powerpoint
_______13. What basic productivity and presentation tools modifying or improving digital or
traditional photographic images using different techniques, tools or software.
a. Adobe photoshop c. Prezi
b. Galileo d. Word
_______14. What productivity and presentation tools quickly organize numerical information and
allows the creator to input formulas into the spreadsheet for easy calculation?
a. Microsoft Access b. Microsof Excel c. Microsoft Publisher d. Microsoft powerpoint
_______15. Which of the following application displays objects that convey information, and
represent actions that can be taken by the user.
a. adobe Photoshop b. adobe after effects c. galileo d. prezi
VI. ENRICHMENT
Give 5 characteristic of a good Personal Entrepreneurial Competencies and give a short
description for each.
Noted By:
________________________________________
Name and Signature of Parent/Guardian
Date: __________________________

8. 8
Answer
Key
Let’s
Review:
1.
a
2.
c
Exercise
1
Definition
Computer
Application
used
for
creating
documents,
spreadsheets,
databases,
and
publications,
doing
online
research,
sending
email,
designing
graphics,
running
businesses,
and
also
playing
games.
Interactive
Design
is
the
design
of
interactive
products
and
services
in
which
a
designer’s
focus
goes
beyond
the
item
in
development
to
include
the
way
users
will
interact
with
it.
Exercise
2
Historical
footprints
of
computer
applications
and
interactive
designs
1.
1946
ENIAC
was
created
2.
1963
Sketchpad
3.
1964
computer
mouse
4.
1975
MITS
Altair
8800
microcomputer
5.
1979
Use
of
software
like
Visicalc
and
wordstar
6.
1984
the
commercial
7.
1990
software
design
manifesto
Exercise
3
Productivity
Tool/Graphic
Interface
Software
Importance
1.Photo
Editor
modifying
or
improving
digital
or
traditional
photographic
images
2.Desktop
Publishing
production
of
printed
matter
3.Spreedsheets
allows
the
creator
to
input
formulas
into
the
spreadsheet
for
easy
calculation
4.Word
Processing
creates
documents
using
text
and/or
graphics
5.
Graphic
Interface
Software
displays
objects
that
convey
information,
and
represent
actions
that
can
be
taken
by
the
user