Republic of the Philippines

BOHOL ISLAND STATE UNIVERSITY

Magsija, Balilihan, 6342, Bohol, Philippines
Office of the Instruction
Balance I Integrity I Stewardship I Uprightness

COURSE SYLLABUS

Course Code PROF ELEC 2 Course Credits (Units) Total: 5 Lecture 2 Lab 3
Course Title Graphics and Visual Computing Contact Hours/Week Total: 5 Lecture 2 Lab 3
Prerequisite PROF ELEC 1 - Intelligent System College / Department College of Computing and Information Sciences
Component Professional Course Semester, Academic Year First Semester, A.Y. 2024-2025
Program & Year BS in Computer Science – 4 Year th
Faculty Joseph M. Pequit

1. Pursue faculty and education excellence and strengthen the current viable curricular programs and develop curricular programs that are responsive
to the demands of the times both in the industry and the environment.
2. Promote quality research outputs that responds to the needs of the local and national communities.
Goals: 3. Develop communities through responsive extension programs.
4. Adopt efficient and profitable income-generating projects/enterprises for self-sustainability.
5. Provide adequate, state-of-the-art, and accessible infrastructure support facilities for quality education
6. Promote efficient and effective good governance supportive of high-quality education.
1. Balance
2. Integrity
Core Values:
3. Stewardship
4. Uprightness
Institutional
Graduate Innovative and service-oriented professionals
Attributes:

1. Practical Graphics Skills: Students will be skilled in creating and working with 2D and 3D computer graphics for various uses.
2. Visual Computing Problem-Solving: Students will be able to use visual computing techniques to solve real-world problems, like enhancing image
Program quality or creating realistic animations.
Educational 3. Creative Use of Technology: Students will creatively design visual content for gaming, virtual reality, and multimedia, using their knowledge of
Objective (PEO): graphics and visual computing.
4. Teamwork and Communication: Students will effectively collaborate in teams and clearly communicate to complete complex graphics projects.
5. Continuous Learning in Visual Tech: Students will stay updated with new trends and technologies in graphics and visual computing to adapt
throughout their careers.

F-AQA-INS-002 | Rev. 2 | 07/01/24 | Page 1 of 11

 Republic of the Philippines
BOHOL ISLAND STATE UNIVERSITY
Magsija, Balilihan, 6342, Bohol, Philippines
Office of the Instruction
Balance I Integrity I Stewardship I Uprightness

COURSE SYLLABUS

Program Outcomes (POs): CMO-No.25-s2015

POs Common to all programs in all types of schools

PO 1 Articulate and discuss the latest developments in the specific field of practice. (PQF level 6 descriptor)
PO 2 Effectively communicate orally and in writing using both English and Filipino.
PO 3 Work effectively and independently in multi-disciplinary and multi-cultural teams. (PQF level 6 descriptor)
PO 4 Act in recognition of professional, social, and ethical responsibility.
PO 5 Preserve and promote “Filipino historical and cultural heritage” (based on RA 7722)
POs Common to the discipline
PO 6 Analyze complex problems, and identify and define the computing requirements needed to design an appropriate solution.
PO 7 Apply computing and other knowledge domains to address real-world problems.
PO 8 Design and develop computing solutions using a system-level perspective.
PO 9 Utilize modern computing tools.
Specific to BS Computer Science
Apply knowledge of computing fundamentals, knowledge of a computing specialization, and mathematics, science, and domain knowledge appropriate for the
PO 10
computing specialization to the abstraction and conceptualization of computing models from defined problems and requirements.
Identify, analyze, formulate, research literature, and solve complex computing problems and requirements reaching substantiated conclusions using fundamental
PO 11
principles of mathematics, computing sciences, and relevant domain disciplines.
An ability to apply mathematical foundations, algorithmic principles and computer science theory in the modeling and design of computer-based systems in a way that
PO 12
demonstrates comprehension of the tradeoffs involved in design choices.
PO 13 Knowledge and understanding of information security issues in relation to the design, development and use of information systems.
Design and evaluate solutions for complex computing problems, and design and evaluate systems, components, or processes that meet specified needs with
PO 14
appropriate consideration for public health and safety, cultural, societal, and environmental considerations.
Create, select, adapt and apply appropriate techniques, resources and modern computing tools to complex computing activities, with an understanding of the
PO 15
limitations to accomplish a common goal.
F-AQA-INS-002 | Rev. 2 | 07/01/24 | Page 2 of 11
 Republic of the Philippines
BOHOL ISLAND STATE UNIVERSITY
Magsija, Balilihan, 6342, Bohol, Philippines
Office of the Instruction
Balance I Integrity I Stewardship I Uprightness

COURSE SYLLABUS
PO 16 Function effectively as an individual and as a member or leader in diverse teams and in multidisciplinary settings.
Communicate effectively with the computing community and with society at large about complex computing activities by being able to comprehend and write effective
PO 17
reports, design documentation, make effective presentations, and give and understand clear instructions.
An ability to recognize the legal, social, ethical and professional issues involved in the utilization of computer technology and be guided by the adoption of appropriate
PO 18
professional, ethical and legal practices.
PO 19 Recognize the need, and have the ability, to engage in independent learning for continual development as a computing professional.

Course Outcomes in Relation to Program Outcomes

Program Outcomes (POs)

(Legend: I – Introduced, E – Enabled, D – Demonstrated)
Course Outcomes (COs)
At the end of the course, the learners should be able to:
PO 1 PO 6 PO 7 PO 8 PO 15 PO 16 PO 19

CO1 Understand the Fundamentals of Computer Graphics I E E I E E I

CO2 Apply Texture Mapping Techniques / Develop Proficiency in 3D Modeling I I I I E I I

CO3 Implement Lighting Models / Shading Techniques & Render High-Quality Visuals I I E I E I I

CO4 Utilize Sculpting and Detailing Techniques / Master UV Mapping I I I I E I I

CO5 Analyze and Solve Visual Computing Problems / Integrate Graphics into Real-Time Applications I E D I E I E

Legend:

I – Introduced – An introductory course to an outcome; E – Enabled - A course that strengthens the outcome; D – Demonstrated – A course demonstrating an outcome

F-AQA-INS-002 | Rev. 2 | 07/01/24 | Page 3 of 11

 Republic of the Philippines
BOHOL ISLAND STATE UNIVERSITY
Magsija, Balilihan, 6342, Bohol, Philippines
Office of the Instruction
Balance I Integrity I Stewardship I Uprightness

COURSE SYLLABUS

This course explores computer graphics and visual computing. Aimed at 4th-year Computer Science students, it teaches how to create and edit 2D
Course Description: and 3D models, understand image processing, and use modern tools. It’s perfect for anyone interested in game development, virtual reality, or visual
effects.

Course Time
Teaching and
Outco Learning Objectives Content/Course Matter Fram Assessment Tasks Remarks
Learning Activities
me e

At end of the unit, the students must be Unit 0: Orientation • BISU Student • Diagnostic
able to: Handbook Exam/Pretest
• Course Syllabus
1. Internalize and demonstrate the vision, 1. BISU VMGO
mission, and core values of the 2. Course Objectives
University, course outcomes and 3. Course Syllabus
classroom policies 4. Classroom Policies

Week
CO1
At end of the unit, the students must be Unit I: Introduction to Graphics and 1 • Multimedia • Quiz 1 - Introduction
able to: Visual Computing Presentation to Graphics: A
• Discussion/PDF Historical
1. Understand the basics of computer 1. Overview of Computer Graphics Perspective
• Quiz
graphics and visual computing. 2. History and Evolution
2. Recognize the key historical milestones 3. Applications in Modern Computing
in the field.
3. Identify current applications in various
industries.

F-AQA-INS-002 | Rev. 2 | 07/01/24 | Page 4 of 11

 Republic of the Philippines
BOHOL ISLAND STATE UNIVERSITY
Magsija, Balilihan, 6342, Bohol, Philippines
Office of the Instruction
Balance I Integrity I Stewardship I Uprightness

COURSE SYLLABUS

At end of the unit, the students must be Unit II: Fundamentals of 2D Graphics • Discussion/PDF • Quiz 2 - Creating 2D
able to: • Demonstration Graphics: Shapes
• Quiz and Colors
1. Learn about 2D coordinate systems and 1. 2D Coordinate Systems • Hands-on Activity • Act. 1 - Drawing
their applications. 2. Drawing Basic Shapes Week shapes using a
CO2
2. Draw basic shapes using programming 3. Color Models and Palettes 2 graphics library
tools.
(e.g., Pygame or
3. Understand color models and how they
influence visual design. Processing).

• Written Exam • Long Quiz 1 – Topic

Summative Examination for Topic (Unit I & Unit II)
Unit II
At end of the unit, the students must be Unit III: Introduction to 3D Graphics • Discussion/PDF • Quiz 3 - Exploring
able to: • Demonstration the Third Dimension:
• Quiz Basic 3D Graphics
1. Understand 3D coordinate systems and 1. 3D Coordinate Systems • Hands-on Activity
CO2
transformations. 2. Basic Transformations (Translation, Week • Act. 2 - Simple 3D
2. Apply basic transformations to 3D Rotation, Scaling) 3 transformations
objects. 3. Introduction to 3D Modeling
3. Get an introduction to 3D modeling
techniques.

At end of the unit, the students must be Unit IV: Rendering Techniques in 3D • Discussion / PDF • Act. 3 -
able to: File Implementing basic
• Demonstration shading techniques
CO2, 1. Learn about rendering techniques in 3D 1. Introduction to Rendering • Hands-on Activity in a 3D environment
graphics. 2. Lighting Models Week • Assignment
&
2. Understand different lighting models. 3. Shading Techniques (Flat, Gouraud, 4 • Ass. 1 - Rendering
CO3
3. Apply various shading techniques to 3D Phong) 3D Scenes: Lights
objects. and Shadows

F-AQA-INS-002 | Rev. 2 | 07/01/24 | Page 5 of 11

 Republic of the Philippines
BOHOL ISLAND STATE UNIVERSITY
Magsija, Balilihan, 6342, Bohol, Philippines
Office of the Instruction
Balance I Integrity I Stewardship I Uprightness

COURSE SYLLABUS

• Written Exam • Long Quiz 2 – Topic

Summative Examination for Topic (Unit III & Unit IV)
Unit III
At end of the unit, the students must be Unit V: Introduction to Texturing • Multi-Media • Quiz. 4 - Apply
able to: Presentation / textures to a 3D
1. Learn the basics of texture mapping in 1. Texture Mapping PDF File object using UV
3D models. 2. UV Mapping • Demonstration mapping
Week •
CO2 2. Understand UV mapping and its 3. Bump and Normal Mapping • Quiz Ass. 2 - Adding
5
importance. • Assignment Detail: Texturing 3D
3. Explore bump and normal mapping for Models
surface detail.

At end of the unit, the students must be Unit VI: Advanced 3D Modeling • Multi-Media • Act. 4 - Create a
able to: Techniques Presentation / complex 3D model
PDF File using subdivision
CO2,
1. Explore advanced techniques for 1. Subdivision Surfaces • Discussion surfaces
CO3, Week
&
creating detailed 3D models. 2. NURBS Modeling
6 • Demonstration
CO4
2. Understand the use of subdivision 3. Sculpting and Detailing • Activity
surfaces and NURBS. • Assignment/Quiz
3. Learn basic sculpting techniques for 3D
models.

• Written Exam • Long Quiz 3 – Topic

Summative Examination for Topic (Unit V & Unit VI)
Unit III

At end of the unit, the students must be Unit VII: Introduction to Animation • Multi-Media • Act. 5 - Animate a
able to: Presentation / simple 3D object
PDF File using keyframes
CO2 1. Understand the principles of animation. 1. Basics of Animation Week • Discussion • Quiz 5 - Bringing
&
CO4
2. Apply keyframing and tweening 2. Keyframing and Tweening 7 • Demonstration Models to Life:
techniques to animate objects. 3. Motion Paths and Easing • Activity Introduction to
3. Explore motion paths and easing for • Quiz Animation
smooth animations.
F-AQA-INS-002 | Rev. 2 | 07/01/24 | Page 6 of 11
 Republic of the Philippines
BOHOL ISLAND STATE UNIVERSITY
Magsija, Balilihan, 6342, Bohol, Philippines
Office of the Instruction
Balance I Integrity I Stewardship I Uprightness

COURSE SYLLABUS

At end of the unit, the students must be Unit VIII: Advanced Animation • Multi-Media • Act. 6 - Rig a 3D
able to: Techniques Presentation / character and create
CO2, PDF File a simple animation
CO3, 1. Learn about inverse kinematics and its 1. Inverse Kinematics • Discussion • Ass. 3 - Animating
Week • Demonstration Characters: From
CO4, applications in animation. 2. Rigging and Skinning 8
& 2. Understand the process of rigging and 3. Facial Animation • Activity Rigging to
CO5 skinning a 3D model. • Assignment Performance
3. Explore techniques for animating facial
expressions.

• Paper and Pen & • Written & Hands-on

Week
Midterm Examination - Topic (Unit I – Unit VIII) Laboratory Exam Exam – Topic (Unit I
9
– Unit IV)

At end of the unit, the students must be Unit IX: Introduction to Visual Effects • Multi-Media • Quiz 1 - Creating
able to: (VFX) Presentation / Magic: Introduction
CO1, PDF File to Visual Effects
CO2, 1. Understand the fundamentals of visual 1. Basics of Visual Effects • Discussion
Week
CO3, effects in graphics. 2. Particle Systems • Demonstration
10
& 2. Learn how to create particle systems for 3. Simulations (Fire, Water, Smoke) • Quiz
CO4 effects like fire and smoke.
3. Explore simulation techniques for
realistic effects.

At end of the unit, the students must be Unit X: Introduction to Real-Time • Multi-Media • Act. 1 - Create a
able to: Graphics Presentation / basic real-time
PDF File scene in Unity or
1. Learn the principles of real-time 1. Real-Time Rendering • Discussion Unreal Engine
CO4 Week •
rendering in games and simulations. 2. Game Engines (Unity, Unreal • Demonstration Ass. 1 - Real-Time
& 11
2. Get hands-on experience with popular Engine) • Activity Rendering: From
CO5 game engines. 3. Optimization Techniques • Assignment Engine to Execution
3. Understand the importance of
optimization in real-time graphics.

F-AQA-INS-002 | Rev. 2 | 07/01/24 | Page 7 of 11

 Republic of the Philippines
BOHOL ISLAND STATE UNIVERSITY
Magsija, Balilihan, 6342, Bohol, Philippines
Office of the Instruction
Balance I Integrity I Stewardship I Uprightness

COURSE SYLLABUS

• Written Exam • Long Quiz 1 – Topic

Summative Examination for Topic (Unit IX & Unit X)
(Unit IX – Unit X)
At end of the unit, the students must be Unit XI: Introduction to Virtual and Week • Multi-Media • Ass. 2 - Create a
able to: Augmented Reality 12 Presentation / simple VR or AR
1. Understand the fundamentals of VR and PDF File application
AR. 1. Basics of Virtual Reality (VR) and • Discussion • Quiz 1 - Exploring
CO5
2. Learn about the hardware and software Augmented Reality (AR) • Demonstration New Worlds:
used in VR/AR development. 2. VR/AR Hardware and Software • Assignment Introduction to
3. Explore the challenges and 3. Designing for Immersive • Quiz VR/AR
considerations in designing immersive Experiences
experiences.
At end of the unit, the students must be Unit XII: Advanced Topics in Visual • Multi-Media • Quiz. 2 - Vision
able to: Computing Presentation / Beyond Reality:
PDF File Advanced Visual
1. Learn the basics of computer vision. 1. Computer Vision Basics Week • Discussion Computing
CO5 2. Explore how machine learning can be 2. Machine Learning for Visual 13 • Demonstration
applied to visual computing. Computing • Assignment
3. Understand real-time image processing 3. Real-Time Image Processing
techniques.

• Written Exam • Long Quiz 2 – Topic

(Unit XI – Unit XII)
Summative Examination for Topic (Unit XI & Unit XII) & Giving Final Project
• Giving of Final
Project (Group)
At end of the unit, the students Unit XIII: Special Effects and • Multi-Media • Quiz. 3 - Building
CO1, must be able to: Compositing Presentation / Unreal Worlds:
CO2, PDF File Compositing
CO3, 1. Understand the process of compositing 1. Green Screen and Chroma Keying Week • Demonstration Techniques
CO4, and creating special effects. 2. Layering and Compositing 14 • Assignment
& 2. Learn how to use chroma keying and Techniques
CO5 green screens. 3. Post-Production Workflow

F-AQA-INS-002 | Rev. 2 | 07/01/24 | Page 8 of 11

 Republic of the Philippines
BOHOL ISLAND STATE UNIVERSITY
Magsija, Balilihan, 6342, Bohol, Philippines
Office of the Instruction
Balance I Integrity I Stewardship I Uprightness

COURSE SYLLABUS

At end of the unit, the students Unit XIV: Introduction to Procedural • Multi-Media • Act. 2 – Create a
must be able to: Content Generation Presentation / procedural
PDF File landscape using a
1. Learn the basics of procedural content 1. Procedural Modeling and Texturing • Demonstration game engine
generation. 2. Noise Functions and Algorithms
Week • Activity
CO5 2. Understand how noise functions and 3. Applications in Game Development
algorithms are used in procedural 15
modeling.
3. Explore the applications of procedural
content in game development.

• Written Exam • Long Quiz 5 – Topic

Summative Examination for Topic (Unit XIII & Unit XIV)
(Unit XIII – Unit XIV)
At end of the unit, the students Unit XV: Introduction to Lighting and • Multi-Media • Quiz 4 – Lighting the
must be able to: Rendering in VR/AR Presentation / Future: VR/AR
PDF File Rendering
1. Learn about lighting techniques specific 1. Lighting Techniques for VR/AR • Demonstration Techniques
to VR and AR. 2. Real-Time Ray Tracing • Quiz
2. Understand the basics of real-time ray 3. Challenges in VR/AR Rendering Week
CO5
tracing. 16
3. Explore the challenges of rendering in
immersive environments.

• Face to face • Rubric for Final

Week Final Project Project
Presentation of the Final Project
17 presentation

• Hands-on Final • Hands-on Exam

Week Exam
Final Examination – Topic (Unit IX – Unit XV)
18

F-AQA-INS-002 | Rev. 2 | 07/01/24 | Page 9 of 11

 Republic of the Philippines
BOHOL ISLAND STATE UNIVERSITY
Magsija, Balilihan, 6342, Bohol, Philippines
Office of the Instruction
Balance I Integrity I Stewardship I Uprightness

COURSE SYLLABUS

1. General Introduction to Computer Graphics and Visual Computing

o Shirley, P., & Morley, J. (2016). Fundamentals of computer graphics (4th ed.). A K Peters/CRC Press.
2. 2D Graphics Fundamentals
o Hearn, D., & Baker, M. P. (2014). Computer graphics with OpenGL (4th ed.). Pearson.
3. 3D Graphics Basics
o Foley, J. D., van Dam, A., Feiner, S. K., & Hughes, J. F. (2013). Computer graphics: Principles and practice (3rd ed.). Addison-Wesley.
4. Rendering Techniques in 3D
o Möller, T., & Haines, E. (2019). Real-time rendering (4th ed.). A K Peters/CRC Press.
5. Texturing and Mapping
o Ebert, D. S., Musgrave, F. K., Peachey, D., Perlin, K., & Worley, S. (2003). Texturing & modeling: A procedural approach (3rd ed.).
Morgan Kaufmann.
6. Advanced 3D Modeling Techniques
o Zbrush Central. (2020). Introduction to ZBrush (2020 ed.). Pixologic.
7. Animation Basics
o Watt, A., & Watt, M. (1992). 3D computer graphics (3rd ed.). Addison-Wesley.
References: 8. Advanced Animation Techniques
o Toon Boom Animation Inc. (2018). Animate Pro [Software documentation]. Toon Boom Animation Inc.
9. Visual Effects (VFX)
o F. DeCarlo, M. & B. Raj, S. (2017). Visual effects for film and television (1st ed.). Routledge.
10. Real-Time Graphics
o C++ Programming for Unreal Engine 4. (2022). Unreal Engine 4 documentation. Epic Games.
11. Virtual and Augmented Reality
o Milgram, P., & Kishino, A. (1994). A taxonomy of mixed reality visual displays. IEICE Transactions on Information and Systems, E77-D(12),
1321-1329.
12. Advanced Visual Computing Topics
o Szeliski, R. (2010). Computer vision: Algorithms and applications. Springer.
13. Special Effects and Compositing
o Reed, R. (2011). Compositing for visual effects (2nd ed.). Morgan Kaufmann.
14. Procedural Content Generation
o M. J. G. van den Bergen. (2012). Procedural content generation in games. Springer.
15. Lighting and Rendering in VR/AR
o R. Davis, M. (2016). Real-time rendering and lighting in virtual reality. Wiley.

F-AQA-INS-002 | Rev. 2 | 07/01/24 | Page 10 of 11

 Republic of the Philippines
BOHOL ISLAND STATE UNIVERSITY
Magsija, Balilihan, 6342, Bohol, Philippines
Office of the Instruction
Balance I Integrity I Stewardship I Uprightness

COURSE SYLLABUS

• Patience & Diligence

• Responsibility & Commitment
Integration of
• Interpersonal Relation
Values:
• Effectiveness in doing the task
• Self-worth

Midterm and final term:

1. Class Works (quizzes, practical exams, assignments, attendance, and other outputs) - 40%
Grading System: 2. Major Outcome-Based Projects (product or performance-based outputs) - 30%
3. Major Examinations - 30%
Total - 100%

1. Punctuality in submitting activities and projects.

Classroom Policies: 2. Active class participation
3. Active involvement in group activity and varied tasks.

Designed by: Reviewed by: Approved by:

JOSEPH M. PEQUIT CATHERINE LEAH G. GABO, MEng SHELLA C. OLAGUIR, PhD

Instructor, CCIS Chairperson, CCIS Dean, CCIS

F-AQA-INS-002 | Rev. 2 | 07/01/24 | Page 11 of 11