INS Form 1

September 2021
Revision: 4
Page 1 of 14 pages

COURSE SYLLABUS
in
AP 1
MULTIMEDI
A
1st Semester, AY 2020 – 2021

Department/Area : Information Technology (IT)

Curriculum : Bachelor of Science in Information Technology (BSIT)
Curricular Year : 1st Year
No. of Hours/Sem. : 90 hours/semester (2 hours lecture and 3 hours laboratory per week)
Credit Unit(s) : 3 units
Prerequisite(s) : None

Vision of the University : A premier, multidisciplinary-technological university

Mission of the University : The University shall primarily provide advanced professional and technical instruction for special purposes, advanced
studies in industrial trade, agriculture, fishery, forestry, aeronautics and land-based programs, arts and sciences, health
sciences, information technology and other relevant fields of study. It shall also undertake research and extension services
and provide progressive leadership in its areas of specialization (Sec.2 of RA 9744).

Goal of the University : The University shall produce scientifically and technologically oriented human capital equipped with appropriate
knowledge, skills, and attitudes. It shall likewise pursue relevant research strengthen linkages with the industry,
community and other institutions and maintain sustainable technology for the preservation of the environment.

Core Values of the University : Commitment, Transparency, Unity, Patriotism, Integrity, Excellence, Spirituality (CTU PEIS)
Program Outcomes
Course Description
Course Learning Outcomes:
Page 2 of 14 pages
: PO 02 Understand best practices and standards and their applications.
PO 04 Identify and analyze user needs and take them into account in the selection, creation, evaluation and
administration of computer-based systems.
PO 05 Design, implement and evaluate computer-based systems, processes, components or programs to meet desired
needs and requirements under various constraints.
PO 07 Apply knowledge through the use of current techniques, skills, tools and practices necessary for the IT
profession.
PO 08 Function effectively as a member or leader of a development team recognizing the different roles within the
team to accomplish a common goal.
PO 09 Assist in the creation of an effective IT project plan.
: This course is an introduction to the study and creation of multimedia, using various software programs. Students will
learn both the aesthetic and technical aspects of multimedia design and production. Students will be introduced to Web
production and the business process behind multimedia, working in teams to produce a Web- based product for a real
business client. Students will use software programs such as Macromedia Dreamweaver, Director, and Adobe Photoshop.
CLO1 Prepare basic planning and design documents for a multimedia program that include a goal statement, program
objectives, navigation and layout diagrams, and an audience analysis.
(Introducing: PO 02, PO 04, PO 09)
CLO2 Apply suitable techniques, skills, tools and IT practices related to animatronics and cinematography in developing
a multimedia production to meet the desired requirements appropriate to its solution. (Enabling: PO 02, PO 05, PO
07)
CLO 3 Integrate different concepts and best practices in creating a quality portfolio appropriate to its solution.
(Demonstrating PO 02, PO 07, PO 08)
 Page 3 of 14 pages

Course Content:
TEACHING REMARKS/
INTENDED LEARNING ASSESSMENT LEARNING
LEARNING CONTENTS EVALUATION
OUTCOMES TASKS RESOURCES
ACTIVITIES NOTES
 Advocate for the  Check the  Lecture and  Vision, Mission, Goals, and  CTU Student
realization of the understanding and Classroom Objectives of CTU/CCICT Manual
university’s VMGO’s the importance of discussion  Orientation to the course  Revisit VMGO of
and that of the College. VMGO of the  Classroom  Occupational Health and safety CTU, CCICT
 Justified the relevance of University by Organization  Shop/Laboratory Policies
the course to the recitation  Course Syllabus orientation
university’s VMGO’s
and that of the college.

(Week 1) 5hours
 Introduce multimedia  Check-up  Video Series  Introduction to Multimedia  Handouts (.ppt,
program using Adobe quizzes[A] (unlisted YouTube  Basic elements of Multimedia .docx and .pdf)
Photoshop, Adobe  Reflection [A] videos)  Categorization  Presentation deck
Director, and Adobe  Assignments [A]  Digital Office hour  Usage  Recorded video of
Dream Weaver (CLO1)  Facilitated  Hyper Text and Hyper Media the virtual meeting
 Apply the importance synchronous  Rubrics for Grading
of Multimedia in discussion  Tools: Goggle
Computing Society  Real-time Feedback Meeting, Google
(CLO2)  The student can ask Classroom,
question, clarification YouTube, Google
(Week 2) 5 hours) of the online guided Forms, Google
discussion/demonstr Docs, Google
ation. Drive.
 Page 4 of 14 pages
 Introduce multimedia  Check-up  Video Series  Introduction to Multimedia  Adobe Photoshop
program using Adobe quizzes[A] (unlisted YouTube Application  Tools: Goggle
Photoshop Assignments [A] videos)  Creating and Editing using Meeting, Google
(CLO1)  Breakout Sessions  Digital Office hour Adobe Photoshop Application. Slides, Google
 Utilize the basic [S]  Live Demo and  Learning the Basic Elements and Classroom,
elements for using  Student(s) will be Discussion Menus in Adobe Photoshop YouTube, Google
Adobe Photoshop in split individually in  Real-time Feedback Application Forms, Google
Multimedia a breakout room.  Self-Review test  Applying Basic Editing and Docs, Google
Computing. They will be given design. Drive.
(CLO2, CLO3) ample time to apply
 Apply Basic Elements the knowledge of
and Menus in Adobe Multimedia
Photoshop application. Application using
(CLO2, CLO3) Adobe Photoshop

(Week 3-4) 5 hours

Week 5 PRELIM EXAMINATION

 Introduce multimedia  Check-up  Video Series  Introduction to Multimedia  Adobe Director 11.
program using Adobe quizzes[A] (unlisted YouTube Application  Tools: Google
Director  Assignments [A] videos)  Creating and Editing using Slides, : Goggle
(CLO1)  Breakout Sessions  Digital Office hour Adobe Director Application. Meeting, Google
 Recognize the basic [S]  Live Demo and  Introduction to 3D basics and Classroom,
elements for using Discussion elements YouTube, Google
Director in Multimedia  Real-time Feedback  Controlling Appearance Forms, Google Docs,
Computing  The student can ask  Audio and sound objects Google Drive.
(CLO1) question, clarification
 Apply and analyze of the online guided
basic 3D control in discussion/demonstr
Director in Multimedia ation.
Computing  Machine Exercises
(CLO2, CLO3)
 Page 5 of 14 pages
(Week 6) 5 hours

 Check-up  Facilitated  Animation Elements and  Adobe After Effects

 Apply multimedia quizzes[A] synchronous Applications Software
guiding principles  Assignments [A] discussion on  Presentation
properly when  Breakout Sessions Animation  Animation Applications and  Video Materials
creating a 2D [S] Standards, Standards  Tools: Google
animation. (CLO2,  Project Plan Applications and Slides, : Goggle
CLO3) creation thru Multimedia  Storyboarding Meeting, Google
 Demonstrate how the storyboarding Integration Slides, Google
elements used in  Animated 2D Classroom,
multimedia production. Graphics YouTube, Google
(CLO3)  Perform the different Forms, Google Docs,
techniques in creating Google Drive
(Week 7-8) 5 hours a media animation
 Machine Exercises
 Feedbacking

 Layout a plan concept  Check-up  Facilitated  Intro. to Adobe After Effects  Adobe After Effects
for the 2D animation. quizzes[A] synchronous on  Animation Techniques Software
(CLO1)  Assignments [A] Animation  Presentation
 Create an animated  Breakout Sessions Standards,  Video Materials
graphics which [S] Applications and  Tools: Google
significantly used in  Prototyping Multimedia Slides, : Goggle
the industry. Integration Meeting, Google
(CLO1, CLO2, CLO3)  Self-Review test Slides, Google
 Interactive Video Classroom,
(Week 9 ) 5 hours lecture YouTube, Google
 Machine Exercises Forms, Google
Docs, Google
Drive
 Page 6 of 14 pages

Week 10 MIDTERM EXAMINATION

 Create multimedia  Check-up  Facilitated Video Editing Techniques using  Presentation

production applying quizzes[A] synchronous Sony Vegas / Adobe Premiere  Video Materials
variables,  Reflection [A] discussion on  Tools: Google
productivity tools  Assignments [A] video editing Slides, Goggle
and technology.  Breakout Sessions  Machine Exercises  Intro. to Video and Audio Meeting, Google
(CLO1, CLO2, [S]  Interactive Video Editing Software Tools and Slides, Google
CLO3)  Storyboarding ( lecture Interface Classroom,
 Exhibits specific Project Concept  Basic Techniques YouTube, Google
techniques or Presentation)  Advance editing techniques Forms, Google
methods in creating Docs, Google
2D/3D animation to Drive
improve the
animation
development process.
(CLO2, CLO2,
CLO3)

(Week 11) 5 hours

 Create a Music Video  Check-up  Facilitated  Integration of the concepts and  Adobe After
with the application of quizzes[A] synchronous techniques for graphics design, Effects
the different techniques  Reflection [A] discussion on 2D/3D animation & video editing  Adobe Photoshop
in animation and video  Assignments [A] video editing  Adobe Illustrator
editing.  Breakout Sessions  Machine Exercises  Presentation
(CLO1, CLO2, CLO3) [S] – Collaborative  Self-Review test  Video Materials
 Create an animated work for the project  Feedbacking /  Tools: Zoom,
graphics which  Project Critiquing Google Slides, :
significantly used in Presentation Goggle Meeting,
the industry.  Report Writing Google Slides,
(CLO1, CLO2, CLO3)
 Page 7 of 14 pages
 Apply multimedia Google Classroom,
guiding principles YouTube, Google
properly when Forms, Google
creating a 2D Docs, Google
animation. (CLO2) Drive.

(Week 12-13) 5 hours

Week 14 SEMI-FINAL EXAMINATION

 Introduce multimedia  Check-up  Interactive video  Introduction to Multimedia  Adobe Dream
program using Adobe quizzes[A] discussion Application Weaver CS5
Dream Waver for  Reflection [A]  Facilitated  Creating and Editing using  Google Slides, :
Multimedia Web  Assignments [A] synchronous Adobe Dream Weaver Goggle Meeting,
Publishing.  Breakout Sessions discussion Application tool for web Google Slides,
(CLO1) [S]  Real-time Feedback designing. Google Classroom,
 Application  Machine Activities  Exploring the Dreamweaver YouTube, Google
 Apply the basic Wireframe workspace Environment. Forms, Google Docs,
elements in using  Case analysis  Viewing and editing a website Google Drive.
Adobe Dream Waver  Plan and Setup a website  Handouts (.ppt,.docx
for Multimedia Web design and .pdf)
Publishing.  Add Folder and Pages  Presentation deck
 Recorded video of
(CLO2) the virtual meeting
Rubrics for Grading
 Apply and designing
basic Dream Weaver
for web Multimedia
publishing.
(CLO2)

(Week 15) 5 hours

 Design a working  Check-up  Real-time Feedback Exploring Adobe Dream Weaver  Adobe Dream
element using Adobe quizzes[A] Application. Weaver CS5
 Page 8 of 14 pages
Dream Waver for  Reflection [A]  Video Series  Working with Images.  Google Slides, :
Multimedia Web  Assignments [A] (unlisted YouTube  Adding and Formatting Goggle Meeting,
Publishing.  Breakout Sessions videos) Text Google Slides,
(CLO1) [S]  Digital Office hour Google Classroom,
 Apply the basic  Student(s) will be  Live Demo and  Linking it Together YouTube, Google
elements for using split individually or Discussion  Creating Tables Forms, Google
Adobe Dream Waver grouped in a  Real-time Feedback  Creating CSS Layouts Docs, Google
for Multimedia Web breakout room.  The student can ask  Taking advantage of Drive.
Publishing. They will be given question, clarification HTML5 and CSS3 support  Handouts
(CLO2) ample time to apply of the online guided  Bringing Your Pages to Life (.ppt,.docx and
 Incorporate the basic the knowledge of discussion/demonst with CSS Transitions .pdf)
elements for web page Multimedia ration.  Working with Fluid Grids  Presentation deck
transitioning with Application using  Student Activities  Exploring Mobile Authoring  Recorded video of
HTML5 and CSS3 Adobe Dream  Complete output Options and Tools the virtual meeting
support. Weaver project by  Rubrics for
 Publishing Website
(CLO3)  Peer Review  Making your Grading, Moodle.
 Project Interactive Website
(Week 16-17) 5 hours Presentation
(static website)

Week 18 FINAL EXAMINATION

References : Bernstein, David (2011) The Design and Implementation of Multimedia Software, Jones and Bartlett Learning, Sudbury, MA. Sherry

Bishop, Jim Shuman and Elizabeth Eisner Reding (2010) “The Web Collection Premium Edition”. Cengage Learning

Jennifer Smith, Christopher Smith, Jen DeHaan, and Fred Gerantabee (2013). “Design Tools all in one for Dummies”. Published by John
Wiley & Sons, Inc.

Rose, Carla. Sams teach yourself: Adobe Photoshop 7 in 24 hrs., 2002 Gross,

Phil. Director 8 and Lingo Authorized, 2000

Bennett, Jennifer . Macromedia Director 6 and Lingo Interactive, 1997

 Page 9 of 14 pages
Catanese, Paul. Directors Third Dimensions Fundamental of 3D Programming, 2002

Matthews, Carole, et. al. Photoshop CS: QuickSteps, 200

http://adobe.com/support/director Director Learn & Support

http://tv.adobe.com/show/learn-after-effects-cs4/After Effects Tutorials Learn After Effects

http://dspcdn.sonycreativesoftware.com/manuals/vegaspro90d_manual_enu.pdf Introduction to Sony Vegas 9.0

http://www.digitaltutors.com/software/After-Effects-tutorials The Best Way to Learn and Master After Effects

https://helpx.adobe.com/ photoshop/tutorials.html

https://helpx.adobe.com/pdf/photoshop_reference.pdf

https://help.adobe.com/archive/en_US/director/Beginners/director_11.5_help.pdf

https://www.d.umn.edu/itss/training/online/webdesign/dreamweaver.html

https://www.d.umn.edu/itss/training/online/webdesign/dreamweaver.html

Students are expected to maintain and promote the highest standards of personal honesty and professional integrity. Each
Course Requirements : student has to attend regular class sessions within the semester and shall comply with the requirements of the course before the
end of the semester. For this course, the following is/are the requirement/s:

1. Video Ad
2. Music Video
3. Graphics Design Portfolio
4. Static Website
 Page 10 of 14

To receive credit, student must achieve a course grade of at least 3.0. The weighting of the grade is described in the evaluation
procedures.

Components of
Evaluation Procedures Grade Categories Description of the Requirements
Midterm/Final Grade
Performance Practical examination/hands-on=30% and projects=20% 50%
:
Class standing Quizzes=20% and graded oral participation=10% 30%
Term examination Midterm and final examination. Maybe written or practical hands-on. 20%
Final rating for the semester is the sum of the midterm grade and final grade
Final Rating divided by two (2). A remainder of 0.5 shall be dropped in favor of the 100%
student.
 Page 11 of 14
Rubrics:
Page 12 of 14
 Page 13 of 14

Prepared by :

CHRISTINE JOY A. TOMOL, Ph.D. PET ANDREW P. NACUA, MIT JOHN LEMNIL PATINDOL
Argao Campus Main Campus Tuburan Campus
christinejoy.tomol@ctu.edu.ph petandrew.nacua@ctu.edu.ph johnlemnil.patindol@ctu.edu.ph

JEROME B. AGUILAR, MSIT

Barili Campus
jerome.aguilar@ctu.edu.ph

Revision Date: September 2, 2021

Submission Date: September 3, 2021

Utilized by:

Consultation Hours: 1 hour per week

Contact Details:
 Page 14 of 14

Upon Recommendation by the Committee:

NOREEN B. FUENTES, MST-CS BELL S. CAMPANILLA, Ph. D. JAE-RAN V. SARUCAM, MIT

CTU – Main CTU - Main CTU - Tuburan

APPROVED:

WILSON M. SAYABOC, Ph.D., D.A.

University Director for Instructional Delivery,
Monitoring and Evaluation
Program Cluster Coordinator