ASSIGNMENT/ TUGASAN

_________________________________________________________________________
CBWP2203
WEB PROGRAMMING
SEPTEMBER 2024
_________________________________________________________________________

SPECIFIC INSTRUCTION

1. Answer in ENGLISH.

2. Submit your assignment ONCE only in a SINGLE file.

3. Submit your assignment ONLINE.

4. Submission date :

5. This assignment accounts for 60% of the total marks for the course.
 ASSIGNMENT QUESTION

PURPOSE
The purpose of this assignment is to develop a website and demonstrate your capability in
designing the web and implementing various scripting languages.

REQUIREMENT / ASSIGNMENT QUESTION

Task 1

You have been appointed as a consultant to develop a website for "Run Ajman Race 2024" which
will be held at Al Safia Park, Ajman, on 3rd October 2024. The website objective is to promote the
event, provide information for participants, and engage the general public. You have to develop
the website with the following minimum specifications:

• A home page with a suitable title

o Create an engaging home page with a captivating title that highlights the essence of the
Event
• FIVE additional pages, with different titles and information as follows:
o Program Events
▪ Contain detailed information about the events, objectives, theme, and activities that
will happen during the event
o General Information
▪ Contain detailed information about how to reach the event venue, parking facilities,
transportation options, and any special entitlements for participants.
▪ Include information about event exhibitors, participants, partners, sponsors and etc
o Participation information
▪ Contain a comprehensive guide on how to participate in the charity run as a runner,
volunteer, or sponsor.
▪ Include clear rules, guidelines, and pricing information for participants, space rental or
sponsorship opportunities
o About Us
▪ Contain detailed information about the organiser, including the email and phone
number. You can also include links to Blog page, Facebook, Instagram and etc
o Inquiry / Visitor Form
▪ The website should also have ONE Visitors Page that provides an enquiry form for
visitors to find out more about the event. This page will be linked to the Visitor Form in
Task 2
• The structure of the web pages MUST be created using HTML or XHTML with appropriate
elements and attributes.
• You need to use appropriate design for your headings, paragraphs, images or videos, and links
between different pages.
• The web pages developed MUST have the following components:
o headings and paragraphs
o links and navigations
o images and objects
o tables
o form
Task 2

Use HTML and JavaScript to create an online registration form to allow visitors or participants to
post any questions or requests for additional information about the event, as shown in Figure 1
(Sample form). When the visitor clicks the “Submit” button, the output will be displayed as shown
in Figure 2 (Sample of data displayed).

Figure 1: Sample Form

Figure 2: Sample of data displayed

The visitors are needed to fill up each of the required fields in the enquiry form. If the form does
not receive any input, you need to use an alert or pop-up alert window to request that user enter
the values (refer to the sample in Figure 3).

Figure 3: Sample Alert

[refer rubric for detail criteria and specification]

[Total: 60 marks]
Submission Procedure:
Online submission with MULTIPLE files (preferable in a zip file): Submit the cover page of your
assignment with your personal details together with your documents via myINSPIRE; which
contains:
- FILE 1 - Main file in .doc/.docx: Proposal, Screen shots and other explanations related to
the assignment.
- FILE 2 - Zip File: HTML files and all related image files. HTML files are IMPORTANT to
ensure that your website and web form can be tested by e-grader. If you do not upload
these files, e-grader will not be able to evaluate your work.

END OF PAGE
 ATTACHMENT
ASSIGNMENT RUBRICS

CBWP2203 WEB PROGRAMMING / SEPTEMBER 2024

*QN/ Excellent Good Fair Poor Unsatisfactory Max

CLO Criteria Weightage
*NS 4 3 2 1 0 Marks
Completion for task: Web Element The task was Most tasks were Moderate Implemented only a No implementation
• Suggestion of web site name implemented implemented implementation of small chunk of this of the tasks
• The selection of appropriate successfully correctly the task correctly task
information to be displayed on 2.0
1 2 8.0
website
• All the pages developed meet
the site requirements

Completion of task: Web Design The task was Most tasks were Moderate Implemented only a No implementation
• Overall Layout implemented implemented implementation of small chunk of this of the tasks
• Contents are organised on web successfully correctly the task correctly task
page – text, list and pictures
arrangement
• The use of appropriate font,
1 2 list, graphics, option menu, 2.0 8.0
table and form
• Colour selection
• Creativity elements
• Correct and complete
hyperlink

Usage of correct HTML or XHTML The task was Most tasks were Moderate Implemented only a No implementation
tags to define the structure of the implemented implemented implementation of small chunk of this of the tasks
web pages. successfully correctly the task correctly task
• Marked up elements consists
of an opening, contents and
closing tags.
1 2 1.5 6.0
• The opening tag carry
attributes and always written
as name value pairs.
• Suitable use of tags for
headings and paragraphs
 Page Navigation The task was Most tasks were Moderate Implemented only a No implementation
• The <a> element describes implemented implemented implementation of small chunk of this of the tasks
which parts of the document successfully correctly the task correctly task
can link to which parts of other
documents so they also form
relationships between
1 3 1.5 6.0
different documents.
• Correct and complete
hyperlink: link between pages,
link to specific parts of a page,
link to other sites, link to send
email
Image Element: The task was Most tasks were Moderate Implemented only a No implementation
• Using <img /> elements and implemented implemented implementation of small chunk of this of the tasks
<object> elements to insert successfully correctly the task correctly task
the right kind of images into
the pages.
• Different types of image used
on the web
• Divide image into clickable
hotspots that turn different
parts of the image into 4.0
1 2 1.0
separate links
• Include video element

Create a table in HTML using the The task was Most tasks were Moderate Implemented only a No implementation
<table> element. implemented implemented implementation of small chunk of this of the tasks
• Introduce basic elements to successfully correctly the task correctly task
create tables
1 2 • Include advanced features of 1.0 4.0
tables such as captions,
headings, etc.

Create an inquiry / visitor form The task was Most tasks were Moderate Implemented only a No implementation
using the <form> element implemented implemented implementation of small chunk of this of the tasks
• Overall form design successfully correctly the task correctly task
1 3 1.0 4.0
• Correct usage and
arrangement of form elements
• The selection of appropriate
 information to be displayed on
the form

Functionality of inquiry / visitor The task was Most tasks were Moderate Implemented only a No implementation
form implemented implemented implementation of small chunk of this of the tasks
• Correct output displayed successfully correctly the task correctly task
• Call function JavaScript (or any
scripting) at suitable place.
1 3 • Both Submit and Reset button 4.0
1.0
are functioning
• Validation function with
scripting
• The form is linked to the main
web
Coding Standards Codes written Codes were Codes were Codes were not Wrong coding
• HTML elements and tags were very well organised organised in well organised
1 2 • Variable naming 1.0 structured and properly moderate manner 4.0
• Indentation space creatively
• Comment organised
Runtime • The program The program • The program • The program The program could
was executed was executed was executed was not not be executed at
with all the mostly with the but mostly with executed due to all
correct correct output incorrect output errors
output • OR the program • OR the program
• AND the was executed was executed
program was with the correct with the correct
1 3 1.0 4.0
executed by output but the output but the
fulfilling all written coding written coding
the did not fulfil few did not fulfil all
requirements of the question’s the question’s
as stated in requirements requirements
the question

Efficiency Solution is Solution is A logical solution A difficult and Wrong solution

efficient, efficient and that is easy to inefficient solution
understandable easy to follow follow but it is not
1 3 1.0 4.0
and easy to the most efficient
maintain
 Requirement of Documentation Excellent Good Brief Incomplete No documentation
(Source Code Files & Document documentation documentation documentation documentation & & source code file
File. Document File has copy of and complete together with with source code without source
1 3 1.0 4.0
codes, screenshots of the program with source code source code file file code file
output and program comments) file

TOTAL 15.0 60.0

*QN = Question Number