Document Code No.

FM-DPM-GSU-PRS-01
Rev. No. Effective Date Page No.

04 05 SEPT 2022 1 of 10

Outcomes-Based Education (OBE) Course Design/ Syllabus in

Graphics and Visual Computing – CS 15
Date Revised/ Enhanced: January 2025
OBECD No: ___________
I. Institution
Vision: By 2040, GSU is a premier university on education, green technology, innovations, and community transformation excelling in the
holistic development of globally competitive, locally responsive and resilient human capital.
Mission: GSU is committed to produce globally-competitive, technologically-equipped and research-oriented graduates of quality and
innovative advanced and higher education programs in sustainable agriculture, fisheries, forestry and tourism, entrepreneurship, liberal arts,
education, healthcare, sciences and good governance.
Core Values:
1. God-Fearing
2. People Centered
3. Pro-Environment
4. Selfless Public Service
5. Respect for Human Dignity

Institutional Outcomes for Instruction:

1. Sustainable Development Advocate
2. Multi-literate
3. High Professionalism
4. Community Oriented
5. Productive and Environment-friendly
6. Globally Competent
7. Goal Oriented
8. Service Effective and Committed
9.
 Document Code No.
FM-DPM-GSU-PRS-01
Rev. No. Effective Date Page No.

04 05 SEPT 2022 2 of 10

II. College of Science and Technology

Goals: A. Provide quality and excellent education and training for the higher manpower skills of technologists, technicians and professionals;
B. Strengthen community involvement for technological and industrial development of the nation;
C. Undertake relevant technological and innovations that promote the use of renewable resources and the conversation of energy and
natural resources;
D. Promote production of high-quality goods and efficient services through green technology for socio-economic development;

III. Program/Degree: Bachelor of Science in Computer Science

Objectives:
A. Develop students for a career in the industry equipped with adequate knowledge and skills to become competent applications
developer, computer science instructor, database programmer/designer, information security engineer, quality assurance engineer, researcher, systems
developer and systems analyst.
B. Strengthen students’ capability to become competent global practitioners by actively engaging them through the application and
utilization of information and communication technology on instruction, research, extension, and production.

IV. Program/Degree Outcomes: Based on CMO 25, Series of 2015

1. Apply knowledge of computing fundamentals, knowledge of a computing specialization, and mathematics, science, and domain knowledge
appropriate for the computing specialization to the abstraction to the abstraction and conceptualization of computing models from defined problems
and requirements.
2. Identify, analyze, formulate, research literature, and solve complex computing problems and requirements reaching substantiated conclusions
using fundamental principles of mathematics, computing sciences, and relevant domain disciplines.
3. 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 demonstrates comprehension of the tradeoffs involved in design choices.
4. Knowledge and understanding of information security issues in relation to the design, development, and use of information systems.
5. Design and evaluate solutions for complex computing problems, and design and evaluate systems, components, or processes that meet specified
needs with appropriate consideration for public health and safety, cultural, societal, and environment considerations.
 Document Code No.
FM-DPM-GSU-PRS-01
Rev. No. Effective Date Page No.

04 05 SEPT 2022 3 of 10

6. Create, select, adapt, and apply appropriate techniques, resources, and modern computing activities, with an understanding of the limitations to
accomplish a common goal.
7. Function effectively as an individual and as a member or leader in diverse teams and in multidisciplinary settings.
8. Communicate effectively with the computing community and with society at large about complex computing activities being able to
comprehend and write effective reports, design documentation, make effective presentations, and give and understand clear instructions.
9. 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 professional, ethical, and legal practices.
10. Recognize the need, and have the ability, to engage in independent learning for continual development as a computing professional.

V. Course No. and Title: CS 15 – Graphics and Visual Computing

Prerequisites: CS 08 – Human-Computer Interaction 2

VI. Academic Year/ Semester Offered:

A.Y. 2024-2025, Second Semester

VII. Course Description:

This lecture and laboratory course focuses on the principles and techniques behind computer graphics and visualization. The course
provides a comprehensive overview of both the theoretical foundations and practical applications in the field. Students will learn about the
fundamental software used to create, manipulate, and render images in computer graphics systems. This course will also focus on two powerful
tools: Adobe Photoshop for raster editing and Blender for 3D editing. Students will gain hands-on experience in creating and manipulating
digital images and 3D models, exploring techniques that are essential for both artistic expression and professional application.

VIII. Course Credit/ Unit: 3 units (2hrs Lecture 3hrs Laboratory) 90 Hours/Semester
 Document Code No.
FM-DPM-GSU-PRS-01
Rev. No. Effective Date Page No.

04 05 SEPT 2022 4 of 10

IX. Course/Subject Outcome:

At the end of the course, students must have:
1. Comprehended the concept related to basics of computer graphics and visualization;
2. Demonstrated the use of Adobe Photoshop in 2D rendering;
3. Demonstrated the use of Blender for 3D rendering and animation; and
4. Created computer-generated masterpieces and apply them to appropriate contexts such as game development, animation,
multimedia, and web development.

X. Course Design Matrix

OUTCOMES
BASED ASSESSMENT OF
DESIRED LEARNING COURSE CONTENT/ TEXTBOOK/ RESOURCE
TEACHING & LEARNING TIME TAKEN
OUTCOMES (DLO) SUBJECT MATTER REFERENCES MATERIAL
LEARNING OUTCOMES (ALO)
(OBTL)
MIDTERM
At the end of this Unit, the UNIT 0: Vision, Mission, • Discussion of • Oral Recitation • PowerPoint
students must have: Core Values and Outcomes VMGO, CST • Written Quiz Presentations
Goals, and BS • Laptop
 Internalized the Vision, 1. The University Vision, GSU Website: Computer Science • Whiteboard and 1 Hour
Mission, and Core Mission, Core Values and www.gsu.edu.ph outcomes Marker
Values, and Outcomes of Outcomes. • Projector
the University; 2. The College of Science and Course Syllabus
 Understood the Goals of Technology Goals
the College of Science 3. The BS Computer Science
and Technology and the Outcomes
 Document Code No.
FM-DPM-GSU-PRS-01
Rev. No. Effective Date Page No.

04 05 SEPT 2022 5 of 10

Program Outcomes; 4. Classroom Rules and

 Applied the classroom Regulations
rules and regulations
mandated by the
instructor.
At the end of this Unit, the Unit 1: Fundamentals of WEB: • Discuss the • Lecture • PowerPoint
students must have: Computer Graphics and http:// fundamentals of • Quiz Presentations
Graphics Primitives ecoursesonline.iasri.re Computer Graphics • Assignment • Laptop
 Demonstrated a s.in/mod/page/ and Graphics • Whiteboard and
comprehensive 1. Pixel view.php?id=2479 Primitives Marker
understanding of 2. Line • Projector
fundamental concepts in 3. Polygon
graphics primitives such 4. Display File
as pixels, lines, polygon, 5. Frame Buffer
etc.; 6. Display Control
17.5 Hours
 Analyzed the 7. Display Generator
performance of graphics 8. Display Console
primitives in terms of
efficiency and
scalability. Students will
learn strategies to
optimize rendering
pipelines and improve
real-time graphics
performance.
At the end of this Unit, the Unit 2: Introduction to WEB: • Discuss what is • Lecture • PowerPoint 25 Hours
students must have: Adobe Photoshop CS6 https:// Adobe Photoshop • Quiz Presentations
training.unh.edu/ CS6 and its • Assignment • Laptop
 Demonstrated 1. Introduction course/introduction- common • Whiteboard and
proficiency in using 1.1 Getting Started photoshop-cs6 applications. Marker
Photoshop tools, 1.2 Adobe Photoshop CS6 • Projector
 Document Code No.
FM-DPM-GSU-PRS-01
Rev. No. Effective Date Page No.

04 05 SEPT 2022 6 of 10

including selection tools, Environment • Adobe

brushes, layers, masks, 2. The Pallets Photoshop CS6
and filters; 2.1 Color Pallete
 Understood advanced 2.2 Swatches • Discuss the • Lecture • PowerPoint
techniques such as image 2.3 History Pallete PDF: overall • Quiz Presentations
retouching, cropping, 2.4 Layers downacademia.com_b environment of • Assignment • Laptop
and photo manipulation; 3. Toolbar asic-adobe-photoshop- Adobe Photoshop • Whiteboard and
 Applied advanced color 3.1 Selection Tools cs6-tutorial.pdf CS6 along with its Marker
correction and 3.2 Alteration Tools toolbars and other • Projector
adjustment techniques to 3.3 Drawing Tools features • Adobe
enhance and manipulate 3.4 Utility Tools Photoshop CS6
images effectively; 4. Cropping
 Utilized Photoshop's 4.1 Cropping with the
capabilities to create Crop Tool • Perform how to • Lecture • PowerPoint
digital illustrations, 4.2 Cropping to a specific basic functions • Quiz Presentations
graphics, and designs for size such as Cropping, • Assignment • Laptop
various purposes, 4.3 Cropping with a Adjusting the • Group Activity • Whiteboard and
including print, web, and marquee tool Brightness, Marker
multimedia; 5. Brightness, Contrast, Contrast and • Projector
Opacity, Color Opacity while • Adobe
5.1 Adjusting manipulating color Photoshop CS6
Brightness/Contrast combinations to an
5.2 Adjusting The Opacity image.
5.3 Adjusting the Color • Perform how to • Lecture • PowerPoint
6. RGB, Hex Color, Gradient maximize the • Quiz Presentations
6.1 What is RGB function of the Pen • Assignment • Laptop
6.2 Hexadecimal Color Tool to create • Group Activity • Whiteboard and
6.3 Introduction to digital illustrations Marker
Gradient Tool • Projector
7. The Pen Tool • Adobe
Photoshop CS6
 Document Code No.
FM-DPM-GSU-PRS-01
Rev. No. Effective Date Page No.

04 05 SEPT 2022 7 of 10

At the end of the Topics from the Unit 0, 1, and References from the Conduct of Examination Answering of
examination, the students 2 Unit 1, and 2 Midterm Midterm
must have achieved 75% Examination Examination 1.5 Hour
from the Midterm
examination.
FINAL
At the end of this Unit, the Unit 3: Introduction to 3D WEB: • Discuss what is • Lecture • PowerPoint
students must have: Editing with Blender https:// Blender, its • Quiz Presentations
docs.google.com/ common • Assignment • Laptop
 Identified the basic 1. Blender Introduction document/d/ applications, basic • Whiteboard and
interface elements and 2. Blender Basic Functions 1zPBgZAdftWa6WVa functions and its Marker
tools in Blender. and Corresponding 7UIFUqW_7EcqOYE corresponding • Projector
 Understood the Shortcuts 0X743RqFuJL3o shortcuts. • 3D Blender
workspace and its 3. Orbiting, Panning,
customization. Zooming, Rotating, Camera https://
 Explored extrusion, Perspective docs.blender.org/
scaling, and rotation 4. Adding Mesh, Scaling, manual/en/latest/
through a 3D workspace. Extrusion getting_started/about/ • Perform mesh • Lecture • PowerPoint
 Listed the steps to create 5. Mesh Vertices, Edges, introduction.html 21 Hours
manipulation by • Quiz Presentations
a simple 3D model from Faces means of scaling, • Group Activity • Laptop
scratch. https:// extrusion, and • Whiteboard and
 Created simple www.youtube.com/ adjusting its Marker
geometric shapes out of watch? vertices, edges and • Projector
mesh, learn about v=B0J27sf9N1Y faces • 3D Blender
vertices, edges, and
faces. https://all3dp.com/2/
blender-how-to-add-a-
vertex-simply-
explained/
 Document Code No.
FM-DPM-GSU-PRS-01
Rev. No. Effective Date Page No.

04 05 SEPT 2022 8 of 10

At the end of this Unit, the Unit 4: Creating 3D WEB: • Discuss the • Lecture • PowerPoint
students must have: Complex Objects with https:// different object • Quiz Presentations
Blender docs.blender.org/ properties and • Assignment • Laptop
 Used Blender to create manual/en/latest/ modifiers and their • Whiteboard and
basic 3D objects and 1. Blender Object Properties scene_layout/object/ applications Marker
apply textures. 2. Blender Modifiers properties/ • Projector
 Implemented modifiers 3. Subdivision Surface, transforms.html • 3D Blender
to enhance 3D models. Solidify
 Used modifiers such as 4. Texture application https:// • Perform how to • Lecture • PowerPoint
Subdivision Surface and 5. Light Source Setups www.youtube.com/ apply Blender • Quiz Presentations
Solidify. 6. 3D Rendering watch? modifiers into a • Assignment • Laptop
22.5 Hour
 Applied textures and v=aukE3PVVlDU mesh. • Group Activity • Whiteboard and
materials to models. Marker
 Differentiated between https:// • Projector
various lighting setups docs.blender.org/ • 3D Blender
and their effects. manual/en/latest/
addons/
import_export/
node_shaders_info.ht
ml

At the end of the Topics from the Unit 4 and 5 References from the Conduct of Final Examination Answering of
examination, the students Unit 4 and 5 Examination Final
must have achieved 75% Examination 1.5 Hour
from the Final
examination.
Total 90 Hours
Note: This syllabus is flexible and may include additional topics and activities deemed necessary by the teacher.
 Document Code No.
FM-DPM-GSU-PRS-01
Rev. No. Effective Date Page No.

04 05 SEPT 2022 9 of 10

XI. Criteria for Grading:

Periodic Examination (Midterm and Final) - - 40%
Projects - - 30%
Quizzes - - 20%
Class Standing - - 10%
100%

XII. References:
Website:
 http://ecoursesonline.iasri.res.in/mod/page/view.php?id=2479
 https://training.unh.edu/course/introduction-photoshop-cs6
 https://docs.blender.org/manual/en/latest/getting_started/about/introduction.html
 https://www.youtube.com/watch?v=B0J27sf9N1Y
 https://all3dp.com/2/blender-how-to-add-a-vertex-simply-explained/
 https://docs.blender.org/manual/en/latest/scene_layout/object/properties/transforms.html
 https://www.youtube.com/watch?v=aukE3PVVlDU
 https://docs.blender.org/manual/en/latest/addons/import_export/node_shaders_info.html

PDF:
 downacademia.com_basic-adobe-photoshop-cs6-tutorial.pdf

XIII. Other Requirements:

1. Rendered 3D Model
2. Group/Individual Activities with Rubrics
3. Oral Participation with Rubrics

Prepared and Designed By: Checked and Reviewed:

 Document Code No.
FM-DPM-GSU-PRS-01
Rev. No. Effective Date Page No.

04 05 SEPT 2022 10 of 10

MISMO B. QUEROBIN LEA P. YMALAY, Ph.D.

Instructor Program Head, BS Computer Science

Approved:

ADRIAN J. FORCA, MIT

Dean, College of Science and Technology