OBTL (Flexible Learning Mode)

COLLEGE
PROGRAMS BACHELOR OF SCIENCE IN INFORMATION TECHNOLOGY
COURSE TITLE INTRODUCTION TO COMPUTING COURSE CODE INTCOMP
CREDIT UNITS COURSE PRE-/CO-
3 (2 Units Lecture and 1 Unit Laboratory) NONE
REQUISITES
CONTACT HOURS 5 Hours /Week COURSE PLACEMENT First Year – 1st Semester
COURSE This course provides an overview of the Computing Industry and Computing profession, including Research and Applications in different fields; an
DESCRIPTION Appreciation of Computing in different fields such as Biology, Sociology, Environment and Gaming; an Understanding of ACM Requirements; an
Appreciation of the history of computing and Knowledge of the Key Components of Computer Systems (Organization and Architecture), Malware,
Computer Security, Internet and Internet Protocols, HTML 4/5 and CSS.
ESSENTIAL After completing this course, students should be able to:
OUTCOMES 1. Discuss the school policies, grading system, Google Meet and the introduction to computing.
2. Discuss the computing evolution, components of computer system and computer in our society.
3. Explain what is computer security concepts and viruses and computer ethics.
4. Elaborate what is web page and the functionality of internet and the World Wide Web in conducting research and creation of website with
documentation.
5. Explain and Develop a static website using HTML 4/5 and CSS
COURSE Quizzes
REQUIREMENTS Attendance
Recitation
Assignments/Activity
Project/Major Exams
ESSENTIAL OUTCOMES 1
1.1 Discuss the School policies, grading system and Google Meet
1.2 Describe the computing industry and profession.

MODALITY & TLAs

WEEK TASK SUBMISSION
CONTENT TEACHING LEARNING RESOURCES
# MODALITY (Remote) ASSESSMENTS DATE
ACTIVITIES
Class Orientation Synchronous Lecture PPT - Presentation Google Form
● Introduction to the Course Google Meet - for Survey
● Classroom and Laboratory Interactive Discussion TBL Hub Orientation Modules (pdf)
Policies Youtube: IT/CS Companies Assignment
● Grading System https://www.youtube.com/watch?
v=2VpDcjFs hJI
University/College
1
● University Mission/ Vision,
● College Mission/Vision,
● Core Values

● Computing Industry & their

Profession.
ESSENTIAL OUTCOMES 2
2.1 Discuss the computing evolution and computer in our society.
2.2 Identify and explain the components of a computer system.
2.3 Explain the uses of computer in our society
● Evolution of Computing & Synchronous Lecture PPT Presentation Warm-up Activity Due after
Components of computer Google Meet - for Gamification Seat works/ One week
2
Interactive Discussion
 ● Computer System Asynchronous Video Clip Youtube: Components of a Computer Assignments
TBL Hub (Moodle) System https://www.youtube.com/watch?
v=A88q6Vk GUSk

● Computer in our Society Synchronous Lecture PPT Presentation Warm-up Activity Due after one
● Blended Learning Google Meet - for Gamification week
Interactive Discussion
3
Asynchronous Video Clip Modules (pdf)
TBL Hub (Moodle) Youtube: Computer in our society Midterm Quiz #1
https://www.youtube.com/watch?
v=XfMLuX5r pdU
ESSENTIAL OUTCOMES 3
3.1 Discuss computer security concepts and viruses.
3.2 Explain what is computer Ethics and give situational cases
● Computer security Synchronous Lecture PPT Presentation Warm-up Activity Due after one
● Computing tips Google Meet - for Gamification week
● Introduction to Interactive Discussion
4 Computer Ethics
Asynchronous Modules (pdf)
TBL Hub (Moodle) Assignment

● Computer Ethics and its Synchronous Lecture PPT Presentation Warm-up Activity Due after one
applications Google Meet - for Gamification week
Interactive Discussion
5
Asynchronous
TBL Hub (Moodle) Modules (pdf) Midterm Quiz #2
ESSENTIAL OUTCOMES 4
4.1 Elaborate what is web page
4.2 Enlighten the functionality of internet and the World Wide Web in conducting research and some application.
● Internet and its functions Synchronous Lecture PPT Presentation Due after one
● Application of internet Google Meet - for Gamification week
Interactive Discussion
6
Asynchronous Modules (pdf) Assignment
TBL Hub (Moodle)
Introduction to web page Synchronous Lecture PPT Presentation Midterm Quiz #3 Due after one
● Describe the structure of Google Meet - for Gamification week
a web page Interactive Discussion
● Learn how tags or
elements are added Asynchronous Video Clip Modules (pdf) Lab. Activity
to your document TBL Hub (Moodle) YouTube Link
7 https://www.youtube.com/watch?
● Write your first web page.
● Discuss structural mark-up. v=UB1O30fR-EE
● Discuss semantic mark-up.
● Apply structural and
semantic mark-up in a
web page.
Introduction to HTML. Synchronous Lecture PPT Presentation Due after one
● Explain what is HTML Google Meet - for Gamification week
and its function Interactive Discussion
● Differentiate HTML to XML
8 Modules (pdf)
and XHTML Asynchronous Video Clip Lab. Activity
● Discuss HTML tools TBL Hub (Moodle) YouTube Link
https://www.youtube.com/watch?v=hhIDcq-
nrBI
9 MIDTERM EXAMINATION WEEK
ESSENTIAL OUTCOMES 5
5.1 Discuss the different tag in HTML and CSS
5.2 Develop a static website using HTML 4/5 and CSS
List Synchronous Lecture PPT Presentation Due after one
● Numbered lists Google Meet - for Gamification week
● Bullet lists Interactive Discussion
● Definition lists
10 Asynchronous Video Clip Modules (pdf) Lab. Activity
Links TBL Hub (Moodle) YouTube Link
● Creating links between pages
https://www.youtube.com/watch?v=hhIDcq
● Linking to other sites
-nrBI
● Email links
Include an image in your Synchronous Lecture PPT Presentation Due after one
web pages using HTML Google Meet - for Gamification week
Interactive Discussion
Pick which image format to use
11
● Show an image at the right size Asynchronous Video Clip Modules (pdf) Final Quiz #1
● Optimize an image for use on TBL Hub (Moodle) YouTube Link Lab. Activity
the web to make pages load https://www.youtube.com/watch?v=hhIDcq-
faster nrBI
Forms Synchronous Lecture PPT Presentation Due after one
● How to collect Google Meet - for Gamification week
information from visitors Interactive Discussion
12 ● Different kinds of Modules (pdf)
form controls Asynchronous Video Clip YouTube Link Lab. Activity
● HTML5 form controls TBL Hub (Moodle) https://www.youtube.com/watch?v=hhIDcq-
nrBI
● Discuss Cascading Style Sheets. Synchronous Lecture PPT Presentation Due after one
● Identifying box components. Google Meet - for Gamification week
● Define box size Interactive Discussion
13 Modules (pdf) Final Quiz #2
Asynchronous Video Clip YouTube Link Lab. Activity
TBL Hub (Moodle) https://www.youtube.com/watch?v=hhIDcq-
nrBI
14 ● Discuss syntax on Synchronous Lecture PPT Presentation Due after one
styling elements. Google Meet - for Gamification week
● Design web page using Interactive Discussion
 multiple styles for and Modules (pdf) Lab. Activity
element, ID selectors, images, Asynchronous Video Clip YouTube Link
style with images, font and TBL Hub (Moodle) https://www.youtube.com/watch?
letter styling and stylish text v=yfoY53QX EnI
Layouts and Positioning Synchronous Lecture PPT Presentation Due after one
● Positioning content Google Meet - for Gamification week
using CSS. Interactive Discussion
● Configuring Page Layout
15 Structured page elements Asynchronous Video Clip Modules (pdf)
● Making lists TBL Hub (Moodle) YouTube Link Final Quiz #3
● Tables https://www.youtube.com/watch? Lab. Activity
● Designing text and v=yfoY53QX EnI
Visual Hyperlink
Create a static website using all Synchronous Case Study Due after one
concepts and skills learned in Google Meet - for Upload Project in Pre-evaluation/ week
HTML and CSS Interactive Discussion Free Web Hosting Monitoring
16-17 Site
Asynchronous
TBL Hub (Moodle)

18 Final Project Presentation / Final Examination

REFERENCES BOOKS:
 Sasha Vodnik (2016) HTML 5 n CCS 3 Illustrated Introductory 2nd Ed.,Cencage-Pub
 K12(2017) Web DEsign 3rd. Edition (HTML,CSS3,Dreamweaver, JAvascript,XTML, UNLIMITED BOOKS LIBRARY SERVICES & PUBLISHING INC.
 REX Book Authors(2015) Computer programming Vol. 1 Innovative Training Works Inc. 1st Ed. , REX Book
Store Sasha Vodnik (2016) HTML 5 n CCS 3 Illustrated Introductory 2nd Ed.,Cencage-Pub
 Dr. Marmelo Abante(2018) WEB Application Programming, Mindshaper-Pub
E-BOOKS:
 Obin Nixon(2014),Learning Php, MySQL, JavaScript, CSS n HTML 3rd Ed., O'reilly
 David Flanagan(2020),Javascript, the definitive guide master the world's most used PL 7th Ed.,
O'reilly Faithe Wempen(2011),Step by step HTML 5, O'reilly
 Danny Ajini(2016),introduction to HTML n CSS learn to code websites like a Pro, Climb New Heights
LLC. Andy Harris (2011),HTML,XHTML, n CSS all in 1 for dummies 2nd Ed.,Wiley Publishing, Inc.

GRADING SYSTEM
Midterm (40%)
Class Standing (70%)
Quiz 20%
Case Study 20%
Laboratory Exercise 20%
Seatwork/Assignment 10%
Midterm Examination (30%)

Finals (60%)
Class Standing (70%)
Quiz 20%
Case Study 20%
Laboratory Exercise 20%
Seatwork/Assignment. 10%
Final Project (30%)

PREPARED BY: PROF. RHONNEL S. PACULANAN

Faculty

EDITED BY: PROF. EDGARDO T. CRUZ / PROF. ROEL C. TRABALLO

Faculty, IT Program

CHECKED BY: PROF. PERCIVAL ADAO / DR. JOEL MANGABA

Chair, IT Program
APPROVED BY: