IWPX 305 Intro.

To Internet and Web-based Programming

MIDTERM PROJECT, 2ND Semester, AY 2015 2016
About the Project:
Create and deploy a Web Site Project that showcases CABECS Department of Colegio San Agustin
Bacolod. It may include the different courses of the Department and its vision and mission statements, curriculum
content, laboratory facilities, faculty and instructions, view students activities and projects, alumni, hangouts,
outreach community involvement and the like.
Focus more on the design, navigation (functionality) and control (operation) of the entire web site.
FRAMEWORK IS NOT ALLOWED IN THIS PROJECT (like bootstrap, Angular JS, node.js, Laravel, etc).
Documentation Format:
1.0

COVER PAGE (School Name/Department/Area, Title of the Project, List of members, Date submitted)
INTRODUCTION
(Include short background of the project).

2.0

PROBLEM DESCRIPTION
(This should contain a discussion on the general problem to be addressed by the group)

3.0

WEB PROJECT CONSTRAINTS

(contains scope and limitations of the project)

4.0

STRUCTURE LAYOUT
(Overall Appearance of the page, prototype or storyboard, may use flowchart, diagrams, dialogs or any
other layouts, models and form)

5.0

DESIGN CONSIDERATIONS
(design issues, focus on the use of CSS design, frameworks, template or models, detailed discussion for
each specifications)

6.0

PERFORMANCE CONSIDERATIONS
(implementation to the different platforms, browsers and using plug-ins. Page loading considerations
with the use of embedding audio and video, photo optimization and the like.)

7.0

RESOURCES
(Minimum or recommended hardware and software requirement in order to run smoothly, during the
design process and upon implementation)

8.0

GANTT CHART
(Contains the Activities, Time Frame, and the corresponding assigned member)

9.0

REFERENCES:
(Web Ref., Books, Magazines, and any other related sources: should include Title, year of publication,
author, web address (if web ref), page number/web reference, use APA format).
APPENDICES (if any)
1|P age

WEB PROJECT RUBRIC

Criteria

Incomplete
(0 pt.)

Not-Yet
Proficient
(5 pts.)
Information is
not always clear
or correct. The
theme or main
idea of the Web
page is more
or less clear but
does not relate
to the purpose
or theme of the
project

Partially
Proficient
(10 pts.)
Information is
clear and
correct.
The theme or
main idea of the
Web page is
more or less
clear and related
to the purpose
or theme of the
project

Proficient
(15 pts.)

Exemplary
(20 pts.)

Content

Information is
incomplete or
not correct. The
Web page does
not have a clear
purpose or
central theme.

The content has

accurate and
useful
information.
The theme or
main idea of the
Web page is
clear and related
to the purpose
or theme of the
project.

The theme or
main idea of the
Web page is
clear, and pages
link to related
information.
The content has
accurate and
very useful
information. The
theme or main
idea is very clear.
The Web pages
link to quality
information.

Design and
Writing
Process

Difficult to
understand the
main idea, many
errors in spelling,
grammar.

Many errors but

a reader can
understand the
main idea.

Easy to
understand, with
some errors.

Clear, concise,
and basically
well written; still
has a few errors.

Clear, concise,
and well written
and edited with
no serious
errors.

Navigation /
Functionality

No navigation
links or other
option to select
a specific topic
or sub-topic.

The navigation
links are
confusing, and it
is difficult to
locate artifacts
and move to
related pages or
a different
section. There
are significant
problems with
pages
connecting to
preceding pages
or the Table of
Contents. Many
of the external
links do not
connect to the
appropriate
website or file.

The navigation
links are
somewhat
confusing, and it
is often unclear
how to locate an
artifact or move
to related pages
or a different
section. Some of
the pages
connect to the
Table of
Contents, but in
other places the
links do not
connect to
preceding pages
or to the Table
of Contents.
Some of the
external links do
not connect to
the appropriate
website or file.

The navigation
links generally
function well,
but it is not
always clear how
to locate an
artifact or move
to related pages
or different
section. Most of
the pages
connect to the
Table of
Contents. Most
of the external
links connect to
the appropriate
website or file.

The navigation
links are
intuitive. The
various parts of
the project are
labeled, clearly
organized and
allow the reader
to easily locate
an artifact and
move to related
pages or a
different section.
All pages
connect to the
Table of
Contents, and all
external links
connect to the
appropriate
website or file.

2|P age

Development
Process

Written sheet
submitted to
teacher

Text for page

entered into
simple word
processor or
HTML-creation
program.

Draft page is
printed from
within browser;
text on page
relates to
original plan

Evidence of
revision of page;
text relates very
closely to
original plan

A reflection of
development
process is given
to the teacher

Group Work

Never works
toward group
goals or
contributes. Is
not sensitive to
the feelings of
others

Sometimes
works toward
group goals
And contributes.
Is
not often
sensitive to the
feelings of
others

Usually works
toward group
goals and
contributes. Is
usually sensitive
to the feelings of
others

Works toward
group goals and
contributes.
Sensitive to
feelings of
others. Helps
identify needed
changes and
action

Consistently
works toward
group goals; is
sensitive to
feelings of
others and
values all
members.
Encourages
group action for
change

Rubric total points = 100.

The Mechanics
Project System and Documentation should be done by a group of 4 students only.
A minimum of 25 pages of documented output (minus 1 point for every page lacking)
Color printed output is highly recommend
Grading System:
Documentation will be rated in Midterm Lecture Grade and
Web site design will be rated as Midterm Laboratory Grade.
Each member should have done their own part not just for financial obligation.
Guidelines:
Documentation Format (stated above) is strictly observed.

Each chapter in the documentation should be separated in new page.

Documentation should be in SHORT (8 x 11) SIZE BOND PAPER, SUBSTANCE 20, WORD PROCESSED,
DOUBLE SPACE, FONT SIZE 11 to 12 only, and submit with a folder fasten on the left side.

Use CLEAR Folder (NO folder, NOT accepted)

DVD-RW will contain raw data (sources) like:

documentation made (mentioned above)

Graphics, sounds, movie clips
HTML5 script files
CSS 3 script files

In DVD-Case (not DVD sleeve) follow the following guidelines

Do not write anything in the Case
3|P age

Front cover (separate sheet, inserted inside) should have a title, group members name,
advisers name and date submitted.
On DVD-RW, do not write or stick anything

Due Date:

CHEATING (copying from the internet or from other sources) IS STRICKLY PROHIBITED IN THIS
PROJECT

PRESENTATION WILL BE DONE A WEEK AFTER THE MIDTERM EXAM AND BEFORE THE FINAL EXAM
ONLY

DEADLINE OF SUBMISSION (HARDCOPY AND SOFTCOPY): IS ON THE LAST DAY OF MIDTERM EXAM
WEEK (FRIDAY 5PM ONLY)

A DAY DELAY MEANS 2 POINTS DEDUCTION TO OVERALL SCORE.

SUBMIT ALL THE REQUIRED HARDCOPY AND SOFTCOPY TO YOUR ADVISER IN PERSON AT SCHOOL; DO
NOT LEAVE IT ANYWHERE IN OUR AREA OR OUTSIDE THE SCHOOL

4|P age