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.
Page 2 of 14 pages
Core Values of the University : Commitment, Transparency, Unity, Patriotism, Integrity, Excellence, Spirituality (CTU PEIS)
Program Outcomes : 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.
Course Description : 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.
Course Learning Outcomes: 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
[email protected] [email protected] [email protected]
JEROME B. AGUILAR, MSIT
Barili Campus
[email protected]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
