COURSE SYLLABUS

Course Title Web Development 1

Course Code ACT 4
Course Credit Three (3)
Prerequisite IT 3 Multimedia 1
Instructor Jayson R. Sarabia
E-mail Address jsarabia@dmc.edu.ph
Consultation Day Time Room
Schedule Wed/Sat 9:00 12:00 CISCO Laboratory

COURSE DESCRIPTION:
Web Development 1 is an introductory course for web application development. This course will develop the skills of the students to create web pages and apply the
gained skills they acquire in their Multimedia 1. In this course, the focus will be on the designing the web pages using HTML, CSS and JavaScript.

INSTITUTIONAL LEARNING OBJECTIVES:

1. Manifest academic excellence through their globally-competitive skills and desirable work ethics.
2. Demonstrate excellence as active partners in nation-building through research and innovation.
3. Exhibit leadership by developing socially-oriented programs for disadvantaged communities to promote social justice, equity and transformation leading to self-
reliance.
4. Apply their acquired technology-based skills to their chosen field of practice.
5. Exemplify the qualities of a graduate who achieves optimum integral human development.
6. Advocate nationalism through athletics, culture and the arts.

CURRICULAR PROGRAM EDUCATIONAL OBJECTIVES:

By the end of their four-year stay at DMC, students should be able to:

1. To produce globally competitive Information Technology professionals equipped with advance knowledge and theories in personal skills, interpersonal skills geared
towards being an active partner in nation-building.
2. To train students to be flexible who can easily adapt to the current trends in technology while exemplifying social-responsiveness.
3. To demonstrate excellence through research and innovation by utilizing the advancement of information technology.

PROGRAM-LEVEL STUDENT LEARNING OUTCOMES:

1. Students can work harmoniously with other students and share their skills and abilities to attain a common goal.
2. Students can identify problems and formulate solutions through the use of the advancement in information technology.

Page 1 of 8
 5. Students can produce research and innovations that is beneficial to nation building.
6. Students can utilize and evaluate the different resources available in information technology

COURSE-LEVEL STUDENT LEARNING OUTCOMES:

By the end of the semester, students should be able to :

1. Demonstrate skills in developing web pages

2. Demonstrate significant ability to design HTML based web pages.
2. Present their project in a clear way, explain and justify the significance of their project.
3. Obtain in-depth knowledge on the fundamental aspects of all elements found on web pages.
4. Understand and use the principles of user interface design to create user-friendly, easily navigated web pages.
5. Identify community problems that can be solved by dynamic web pages.
6. Make use of the different available resources for developing dynamic web pages.
7. Design web pages that are accessible to everyone regardless of their physical limitations or geographical location.

DESIRED LEARNING RESULTS

Expected DMCian Graduate Attribute Desired Learning Results: By the end of the course, the students are enabled to:
God Fearing Inculcate within themselves the virtue of honesty by doing their work with integrity
Knowledgeable Be proficient in implementing web pages
Demonstrate skills in applying HTML, CSS and JavaScript
Have a solid understanding of HTML, CSS and JavaScript
Talented/Versatile Develop their own applications using HTML, CSS and JavaScript
Reinforce the theoretical aspects covered in lectures by demonstrating skills in HTML, CSS and JavaScript
Demonstrate skills that are common to software development practices such as modular coding, appropriate commenting of
code debugging with Integrated Development Environment (IDE) and incremental development.
Committed to Serve Work harmoniously with others
Share their skills and abilities to attain a common goal
Demonstrate commitment to improving his or her work

III. FINAL OUTPUT/FINAL PERFORMANCE

Expected DMCian Graduate Attribute Rubrics

A. God Fearing
Characteristics Excellent Very Satisfactory Satisfactory Lacking Score
Page 2 of 8
 (4)
Honesty The submitted project is
genuinely made.
B. Knowledgeable
Characteristics Excellent
(4)
Goals and Objectives The overall objectives of the
student projects have been
clearly stated and the
students include quantifiable
targets and anticipated
outcomes.
Justification/Technica The students have justified
l and convinced the panel
Merit why their project is needed
and the potential impact of
the project is large enough
to account for the time and
effort of the student and
from the panels.
Impact or Benefits The students have explained
that their project has the
potential to make a
significant impact and
indicated target group which
will benefit from the project.
Presentation The students have
presented their project in a
clear way and the
presentation is
understandable to a non-
expert audience.
Proficiency The students were able to
answer all the questions
from the panels with strong
justification.
(3)
The submitted project is
originally made however the
concept is taken from somebody
else or somewhere else.
Very Satisfactory
(3)
The overall objectives of the
student projects have been
clearly stated however the
students did not include
quantifiable targets and
anticipated outcomes.
The students have justified and
convinced the panel why their
project is needed however the
potential impact of the project is
not enough to account for the
time and effort of the student
and from the panels.
The students have explained
that their project has the
potential to make a significant
impact however they were not
able to indicate a target group
which will benefit from the
project.
The students have presented
their project in a clear way
however the presentation is
very technical and requires
expertise or knowledge of the
presented topic.
The students were able to
answer most of the questions
with clear justifications.
(2)
The submitted project is
originally made however some of
the codes are taken from the
internet.
Satisfactory
(2)
An objective about the project
has been presented but is not
clearly coherent to the desired
output.
The students have presented
some reasons why their project
is needed yet they were not
able to convince the panels of
its potential impact.
The students have presented
that their project has the
potential impact but were not
able to convince the panels of
its justification.
The students have presented
their project with minor help
form the instructor on clarifying
some terms that are used in the
presentation.
The students were able to
answer some of the questions
with ambiguous justifications.
(1)
The concepts of the project as
well as the codes are taken
from somewhere else like the
internet.
Lacking Score
(1)
The objective of the project is
only for the sake of
submission.
There is no justification of the
impact of the submitted
project.
There is no impact or benefit
that can be gain from the
submitted project.
The students have presented
their project by merely
reading the material that they
have prepared.
The students contributed
minimal answers without any
justifications.
Page 3 of 8
C. Talented/Versatile
Characteristics Excellent
(4)
Output No errors in expected output
Correctness
Output Quality Correct output format; very
visually compelling
Coding Style All identifiers are descriptive
and follow naming
conventions.
Style and punctuation
guidelines are observed.
Simple and elegant program
constructs.
Neatness / Clarity Program layout, indentation,
and separation are
consistent and attractive.
Source code is highly
readable
Documentation Documentation is exemplary
and provides accurate
information at an
appropriate level of details.
All required elements are
present and follow the
prescribed format.
D. Committed to Serve
Characteristics Excellent
(4)
Collaboration of The student conceptualize
Very Satisfactory
(3)
Minor errors in expected output
Correct output format; somewhat
visually compelling
Naming, style, and
punctuation are mostly
correct and consistent, but
occasional errors are found.
Program constructs are
appropriate.
Program layout, indentation, Minimal attention is given to
and separation are generally
consistent.
Exceptions do not affect Horizontal and vertical spacing
readability.
Documentation follows the Documentation is acceptable but The source code contains no
prescribed format but
includes needed elements at
a level that is too general.
Very Satisfactory
(3)
The student contributes to some
Satisfactory
(2)
Many errors in expected output
Some errors in output format
Naming, style and punctuation
guidelines are generally
ignored.
Program constructs are
unnecessarily complex.
layout, indentation, and
separation.
are mostly inexistent.
Selections of code are very
difficult to read.
ignores the prescribed format
and may lack one or more
required items.
Satisfactory
(2)
The student just merely agrees
Lacking Score
(1)
Output is only correct in
special or single case
Significant errors in output
format; items are hard to
identify
Naming is inconsistent and
misleading.
No punctuation guidelines are
observed.
Program constructs are
excessively complex,
requiring significant effort to
comprehend.
No considerations are given to
layout, indentation, and
separation.
Horizontal and vertical spacing
are inexistent.
Program is unreadable.
documentation.
Lacking Score
(1)
Student did not contribute
Page 4 of 8
 Idea the entire idea of the of the idea about the application. with the presented idea about anything to the idea of the
application the application by his/her group presented application.
mate.
Cooperation Always present during group Always present on actual Seldom present on actual Always unavailable on group
meetings and actual development task and attends development task and actual meetings and actual
development task. most of the time during group development task. development task.
meetings.
Harmoniously Accomplished the assigned Accomplished assigned task Seldom accomplished assigned Did no accomplished the
worked with task all the time most of the time task assigned task
others
Participation Student completely Student contributed most Student shared minimal insight Student did not share any
towards the contributed towards the towards the accomplishment of insight towards the
completeness of accomplishment of the the project completeness of the project
the project project

IV. ACCEPTABLE EVIDENCE/GRADING PROCEDURE

Preliminary Grade (PG) Midterm Grade (MG) Semi-final Grade (SFG) Finals Grade (FG) Semestral Grade (SG)
Main Task 25% Main Task 25% Main Task 25% Final Project 60% PG 25%
Hands-on Activity 20% Practical Skills Exam 20% Hands-on Activity 20% Hands-on Activity 20% MG 25%
Quizzes 20% Quizzes 20% Quizzes 20% Quizzes 20% SFG 25%
Attendance 10% Attendance 10% Attendance 10% 100% FG 25%
Prelim Exam 25% Midterm Exam 25% Semi Final Exam 25% SG 100%
100% 100% 100%

POSSIBILITY: Prelim, Midterm and Semi-Final Periods have Similar Set of Assessments
Preliminary/Midterm Criteria Final Criteria
Main Task (May include minor tasks connected to main task) 40% Final Task (May include minor tasks connected to main task) 60%
Other Tasks (Homework/ Class Activities/ Exercises/ Projects) Other Tasks (Homework/ Class Activities/ Exercises/ Projects)
20% 15%
Written Quizzes 15% Class Participation (Recitation, and other verbal and non-verbal 15%
Class Participation (Recitation, and other verbal and non-verbal evidence evidence of student participation)
of student participation) 15%
Attendance 10% Attendance 10%
Total 100% Total 100%

Page 5 of 8
 Topics, Time Allotment Student Learning Outcomes Assessment Strategies Outcomes-Based
(SLO) for Web Development 2 / (AS) Assessment/Results/Evidence
Activities (OBARE)
I. Introduction to Web Site Development Students can understand the Individual participation in class Rubric score card on class
1. Description/Characteristic of a Web Site properties of web pages. discussion using a rubric to assess participation.
2. Functionalities of a Web Site Students can evaluate the the quality of participation. Rubric score card on Web site
3. Evaluation of the existing web sites effectiveness of a specific web site. Web site Evaluation Evaluation

(6 hours)
II. Introduction to HTML Students will be familiar with the Quiz Quiz Score
1. Overview of HTML ideas behind HTML.
2. History Students will appreciate the
evolution of HTML.
(3 hours)
III. Installation of the tools needed to Students can install the Hands-on Exercise Rubric score card on Hands-on
develop HTML bases web pages. development tools to use for Exercise
1. Browser developing web pages using
2. Text Editor HTML

(3 hours)
IV. HTML Fundamentals Students can demonstrate the Hands-on Exercise Rubric score card on Hands-on
1. How HTML is written knowledge and skills of the basics Exercise
2. Basic Elements of HTML of HTML
3. Content Structures
4. Content Markups

(6 hours)
V. Web Graphics, Links and Style Students can use Graphics in Web Hands-on Exercise Rubric score card on Hands-on
Structures and Tables pages. Exercise
Students can use tables in web
pages
Students can link pages so that
they can create a web site.

(6 hours)
VI. CSS Students can design and develop Hands-on Exercise Rubric score card on Hands-on
1. Internal CSS web pages using CSS styles, Exercise
Page 6 of 8
2. CSS Coding internal and/or external style
3. Website Layouts Intro sheets.
4. External CSS Design and develop web pages
using CSS for layout.

(12 hours)
VII. HTML Forms Students can manipulate Form Hands-on Exercise Rubric score card on Hands-on
data Exercise

(12 hours)
VIII. Introduction to JavaScript Students will learn how to Hands-On Exercise Rubric score card on Hands-on
1. Variable implement JavaScript in a web Exercise
2. If-Else page
3. Switch Students can apply the basics of
JavaScript in a web page
(12 hours)
IX. Events and Events Handling Students will learn how to Hands-on Exercise Rubric score card on Hands-on
manipulate input data from Forms Exercise
using JavaScript
Students can implement event
(12 hours) handling events in web pages
XIV. Application Development Students will be able to produce a Final Project Presentation and Rubric score card on Oral
dynamic website application Defense Presentation and Project
(12 hours) Evaluation

VI. COURSE POLICIES

A. Each program and homework/assignment must be worked on individually unless directed to work in a team
B. Project presentation and defense will be done on the scheduled dates and time only. Failure to present on the given schedule will be given automatically a grade of
5 on the given project unless a valid reason will be presented. Statement of excuses should be presented in a written form signed by your parents or guardians,
otherwise it will not be honored.
C. All programs must be compiled or interpreted; otherwise no credit will be given to programs that are not compiled or interpreted.
D. Assignments must be submitted before the class begins; unless otherwise directed.
E. Assignments may be submitted up to 3 days late, with a penalty of 10% of the actual score of the assignment or activity for each day late. No credit will be given
after 3 days.
F. Special and make-up written outputs (long quizzes, assignments, seatwork) will be given only if you have justifiable reason/s for falling to submit them.
G. The use of cellular phones is prohibited during class hours, unless a special permission to use it is granted. In addition, the use of any electronic gadget is
prohibited unless otherwise relevant to the class lesson/discussion.
H. You are encouraged to discuss your class-related concerns with your subject-teacher

Page 7 of 8
REFERENCES
1. www.php.net
2. w3school.com

Prepared:

Jayson R. Sarabia
College of Computer Studies
Second Semester, SY 2014 - 2015

Endorsed: Approved:

Ma. Dara Saquin Dr. Gerald T. Concha

Vice Dean, College of Computer Studies Dean, College of Computer Studies

Page 8 of 8