UCCD2323 / UCCD2223 JUNE 2023
Group Assignment (20%)
The Tasks
1. Form a group of 4 students from the same course. Fill the form (UCCD2323/UCCD2223 JUNE2023
GROUP ASSIGNMENT in the link given in the WBLE)
2. Select any of the title given below and develop a website mobile responsive web site for it.
i.
Website for pet management
ii.
Website for books rental services
iii.
Website to promote the different culture in Malaysia
3. Each group member must create at least 1 web page for the website.
Criteria
•
Mobile responsive
•
Attractive layout and design with proper colour schemes, graphics, animations,
audio/video contents, interfaces and menus.
•
•
Apply various web development technologies such as HTML 5, CSS 3, JavaScript, JQuery,
Bootstrap, etc.
Use of various storage technologies such as cookies, local storage, session storage
Project Deliverables (100%)
1.
Final Report (G - 45%) consisting of the following:
Overall report quality [G: 5 marks]
Chapter 1 - Introduction (Define audience and set the goals) [G: 5 marks]
Provide the background study of the system (past and current trends), target audience, problem
description, target audience and significance (describe the benefits of the system towards your user)
Chapter 2- Literature Review (analysis existing website- minimum 3 websites) [G: 10 marks]
Compare the related existing systems, describe the advantages, disadvantages, and limitations and
recommendation of the system. Explain how your website would be better or different from existing
system.
Chapter 3- Design (Wireframes, page mockup, site map, etc.) [G: 10 marks]
Chapter 4-Evaluation (User manual with print screen) [G: 10 marks]
References and Appendix (IEEE format style) [G: 5 marks]
2.
Presentation and Product Demo (55%) [*** Do a video recording ***]
Clarity of voice [I: 5 marks]
Flow of presentation [I: 5 marks]
Use of various storage technologies such as cookies, local storage, session storage [I: 15 marks]
Calling Restful API with jQuery and incorporating social media plugins [I: 10 marks]
Handling Q&A [I: 5 marks]
Overall web site functionalities [G: 5 marks]
Overall layout and appearance [G: 10 marks]
Note:
The entire video presentation for each group must not exceed 25 minutes.
Every group member must present. Introduce yourself clearly before you start the presentation.
Inform the audience if any of the web pages that you are presenting have made use of any of the
following technologies (cookies, local storage and session storage). Explain and show clearly how
they are used and implemented.
Inform the audience if any of the web pages that you are presenting has call Restful API and / or
incorporated social media plugin. Explain and show clearly how they are used and implemented.
What to Submit?
Indicate the following in the front cover:
o The Group Name
o Group leader
o Individual student ID, student name, Course code, programme, practical group
o Website URL
o Main page of the website (give the URL link for your website)
[Provide login id and password if needed.]
-
-
Online submission of the following:
o The report
o The complete website (give the URL link for your website) (url obtained from
Azure Web App)
o Source code (website) (your program)
o A video recording of the presentation and product demo)
o PowerPoint presentation slides
-
Filename for report and video presentation must be following the format:
o CourseCode_GroupName (group name refer to what has been filled in the Excel
sheet.)
Due Dates:
Week 13 Submission of Assignment [No delay!]
Marking Sheet:
[Note: Include the marksheet below after the cover page of your report.]
1
2
3
4
ID
Name
Degree Programme
Course Code
Practical Group
Group Name
Website Title
Website URL
https://assign.azurewebsites.net
List out all the web pages created.
(example,
index.html
about.html
)
Overall report quality [G]
5%
(Scale x 1)
Introduction [G]
5%
(Scale x 1)
Literature Review [G]
10%
(Scale x 2)
Design [G]
10%
(Scale x 2)
Evaluation [G]
10%
(Scale x 2)
References [G]
5%
(Scale x 1)
Clarity of voice [I]
5%
(Scale x 1)
Flow of presentation [I]
5%
(Scale x 1)
Use of cookies, local
storage, session storage
[I]
Calling Restful API with
jQuery and incorporating
social media plugins [I]
Handling of Q&A [I]
15%
(Scale x 3)
10%
(Scale x 2)
5%
(Scale x 1)
(example,
features.html
contact.html
)
(example,
promotions.html
)
(example,
galleries.html
)
Overall web site
functionalities [G]
5%
(Scale x 1)
Overall layout and
appearance [G]
10%
(Scale x 2)
Total (100%)
[Note 1: Minus 5 marks if mark sheet
not included after the cover page.]
Total Score (Max 20)
[Note: Enter into the marksheet the scale value from 0 – 5]