T-1.8.

1_v3

Details of Assessment
Term and Year Time allowed N/A
Assessment No 2 of 2 Assessment Weighting 50%
Assessment Type Written, Project
Due Date Week 8 Room
Details of Subject
Qualification ICT50115 Diploma of Information Technology
Subject Name Web Programming
Details of Unit(s) of competency
ICTWEB502 Create dynamic web pages
Unit Code (s) and
Names

Details of Student
Student Name
College Student ID

Student Declaration: I declare that the work submitted is my

own and has not been copied or plagiarised from any person Student’s
or source. I acknowledge that I understand the requirements Signature: ____________________
to complete the assessment tasks. I am also aware of my
right to appeal. The feedback session schedule and Date: _____/_____/_________
reassessment procedure were explained to me.

Details of Assessor
Assessor’s Name

Assessment Outcome
Assessment
Competent Not Yet Competent Marks /50
Result
Feedback to Student
Progressive feedback to students, identifying gaps in competency and comments on positive improvements:
______________________________________________________________________________________
______________________________________________________________________________________
______________________________________________________________________________________
______________________________________________________________________________________
______________________________________________________________________________________
____________________________________________________________________

Assessor Declaration: I declare that I have conducted

a fair, valid, reliable and flexible assessment with this
student. Assessor’s
Signature: ___________________
Student attended the feedback session.
Date: _____/_____/________
Student did not attend the feedback session.

Web Programming - Assessment 2 v7.1, last updated on 21 Dec 2020 Page 1

 T-1.8.1_v3

Purpose of the Assessment

The purpose of this assessment is to assess the student Competent Not yet Competent
in the following learning outcomes: (C) (NYC)

ICTWEB502 Create dynamic web pages

Performance Criteria for Competency Code

1.1 Review technical requirements

1.2 Identify sections of the website requiring client-side

dynamic content

1.3 Identify sections of the website requiring server-

side dynamic content

1.4 Select appropriate languages and technology to

meet the requirements

2.1 Create pages using appropriate languages

2.2 Ensure code conforms to current industry best

practice and standards

3.1 Test website in a variety of browsers

3.2 Ensure required dynamic content functions

according to specified requirements

Assessment/evidence gathering conditions

Each assessment component is recorded as either Competent (C) or Not Yet Competent (NYC). A student
can only achieve competence when all assessment components listed under “Purpose of the assessment”
section are recorded as competent. Your trainer will give you feedback after the completion of each
assessment. A student who is assessed as NYC (Not Yet Competent) is eligible for re-assessment.
Resources required for this assessment

 Computer with relevant software applications and access to internet

 Weekly eLearning notes relevant to the tasks/questions
Instructions for Students
Please read the following instructions carefully
 This assessment has to be completed In class At home
 The assessment is to be completed according to the instructions given by your assessor.
 Feedback on each task will be provided to enable you to determine how your work could be improved.
You will be provided with feedback on your work within two weeks of the assessment due date. All other
feedback will be provided by the end of the term.
 Should you not answer the questions correctly, you will be given feedback on the results and your gaps
in knowledge. You will be given another opportunity to demonstrate your knowledge and skills to be
deemed competent for this unit of competency.
 If you are not sure about any aspect of this assessment, please ask for clarification from your assessor.
 Please refer to the College re-assessment for more information (Student handbook).

Web Programming - Assessment 2 v7.1, last updated on 21 Dec 2020 Page 2

 T-1.8.1_v3

Assessment Guidelines and Marking Sheet

Marking List Marks

Project 1
Task Criteria 1 /9
Task Criteria 2 /8
Task Criteria 3 /4
Task Criteria 4 /5
Project 2

Task Criteria 1 /3
Task Criteria 2 /3
Task Criteria 3 /4
Project 3

Task Criteria 1 /7
Task Criteria 2 /7

TOTAL /50

Web Programming - Assessment 2 v7.1, last updated on 21 Dec 2020 Page 3

 T-1.8.1_v3

How and what you must submit:

1. All tasks need to be answered; please do not left any tasks empty unanswered. Missing
doing a task can cause your entire assessment “NYC” if it covers certain key criteria in the
unit of competencies. Please follow all submission due date, for example, assessment 1
late will incur late deduction; assessment 2 late (e.g. if you submit on week 9) will be cut
off from marking.
2. Please note, assessment 2 submission is not just one Microsoft Word file. It will be an
invalid submission if only have one Microsoft Word file submitted.
3. Please put all the files required by assessment 2 into one folder, and then make a zip file
out of this folder; upload and submit only this one zip file. Please submit and upload it
using the assessment submission upload link in the eLearning page of this subject.
4. Please submit as guided below:

wp_stuID_stuName_a2.zip

assessment2.docx evidence.docx setting.docx /wp/ fashionwave.sql

Note: wp is the folder name of assessment 2 website; you must have all the required website files
inside it. fashionwave.sql is the database backup file for the website.

Web Programming - Assessment 2 v7.1, last updated on 21 Dec 2020 Page 4

 T-1.8.1_v3

\
Case Study

Note: the case is the same case or the continuation of the case of Web Design and Development of
Certificate IV. The major difference is that the website is no longer static information presentation type of
website. It will be PHP/MySQL dynamic website, so that there is shopping function.

The case is the same case or the continuation of the case of Web Design and Development of Certificate
IV. The major difference isthat the website is no longer static information presentation type of website. It
will be PHP/MySQL dynamic website, so that there is shopping function. The former static website can be
considered in an analogy with its physical world counterpart – a hardcopy catalogue brochure. It is in the
category of eMarketing. Whereas a dynamic website will be eCommerce, by which the client will be able
to sell their product directly from online. For this project, the Web Design Company is to demonstrate
more professional methods in project documentation and debugging/testing in project commencing.

Case Introduction:

Fashionwave is a small company of designed apparels.

The company are constructed by 20 middle aged women who design and produce the clothes for women
and men. They would like to have their own website, so there will be this company’s online identity and
information exposure online. This is the first stage of their online plan. They will eventually have a full-
fledged eCommerce website, which will allow them to be able to sell their clothes directly from online.

For the time being, the company's owner decided that the project will be just categorised into just men
and women two simple categories. Each category will have at least 8 most current products in it for a
start. Namely, 8 men's clothes in men category, and 8 women's clothes in women category. The website
will have 5 pages. Homepage, Category, Service Policy, About Us, Contact. The Homepage will have
welcome information, and some highlights of company current sale information; The category page will of
course have the link to the two categories, therefore the two categories will be two subpages of this page;
Service Policy page will have company service policy, such as shipping information, return policy, service
guarantee, etc; About us page the company introduction and a gallery of photos showing the company
have being participating a recent apparel fair, the page will also include the icons to the social media, i.e.
FaceBook, Pinterest, Twitter, etc; Finally the contact page will have the contact information of the
company and the embedded Google map. The men and women products pages are two subpages of the
category page, they will each contact 8 or more products, with the products icons, product names, and
prices.

The project after planned and proposed needs to be approved by the project manager and the client.
Before the delivery of the website, the testing report need to be sighted and approved by the project
manager and the client.

Figure 1: A sample navigation structure diagram you need to include in design project proposal

Web Programming - Assessment 2 v7.1, last updated on 21 Dec 2020 Page 5

 T-1.8.1_v3

Figure 2: Sample design of an apparel website

Figure 3 A sample storyboard of the website

Due to the time limitation, you are required to only build 5 pages of front end, and 5 pages of the back
end. Before you start, you will need to study at least 5 of your previous eCommerce websites you are
building before. You will find that all of them are obviously too complicated for the need to this small
company, and for the 5 front end pages structure. (For the students, you will just study 5 existing
eCommerce apparel websites). From this study/review, you will summarize the most common pages
for an eCommerce website. Then this 5 pages will be your project website framework. A considered
structure can be:

 Welcome page (Homepage): Shows company information, current deal highlights

 Category page: Shows how many category products you have (For this subject, due to the
time limitation, we scope down the category to only men and women.)
 Shopping Policy/Contact Us: This page shows the instruction, service policy, delivery policy,
return policy. Contact Us page shows the contact detail.
 Product Detail page (Not in the navigation bar): derived from the product thumbnails from
Category page.
 Shopping Cart page: Shows the products ordered and the calculation of the total amount of
payment due (including GST).

Web Programming - Assessment 2 v7.1, last updated on 21 Dec 2020 Page 6

 T-1.8.1_v3

Scenario Problem Summary:

The current problem of the website is that, the shopping module need to be in place, so that the client
is able to sell their products online. Therefore you need to develop database that can store all the
information of the products available for sell. You will use PHP dynamic website developing language
to develop interfaces in the front end for the users to pick up product and put them in the shopping cart;
you will also need to develop interfaces at the backend for the client to maintain their products for sell.

Before you start, due to scope of the website of your client, you are required to study your previous
eCommerce website. They are way too complicated for your current client’s need. You will be tune
down the structure so that it only contains 5 pages. These 5 pages will of course be the most common
pages for an apparel website.

Web Programming - Assessment 2 v7.1, last updated on 21 Dec 2020 Page 7

 T-1.8.1_v3

Assessment (50 Marks) – Practical Project

Assessment description

You are required to develop the online Fashion Store website (company named “Fashionwave”), that you
have analysed and prepared in the mock-up in the assessment 1. You will be using dynamic web
programming language PHP and MySQL.

Project 1. Shopping Features (25 marks)

1. The website contains all the 5 typical pages you summarized in Part A of assessment 1, as well as the
survey and registration page you created in assessment 1. To simplify the development, the shopping
cart page only select 1 product of certain quantity per order. You will be using dynamic web
programming language PHP and MySQL.
Programming knowledge and concept. (Less than 250 words. Please refer to the note after task 4)
(9 Marks)

2. There are only two categories: men and women. Each category has at least 10 products; shopping cart
page must calculate total, GST, grand total (Server side dynamic); Contact us page need to contain the
registration form of assessment and its form validation. (Client side dynamic)
(8 Marks)

3. Backend must have insert, update, delete. Project database is to be created in your database account
for this subject. One table for the products, one for the backend login username and password. The
structure is up to the students.
(4 Marks)

4. Backend login page log use the username: 1 and password: 1 for the convenience of marking. Or if
you have user login control, use: user1/user1 and user2/user2 for two different users. Also briefly
describe the security restriction for the project program in the server directory (The reason and the
method of the backend and credit-card gateway are protected)
(5 Marks)

Note: The above task (Task 1 to 4) will cover and provide the evidence of your knowledge and the using of:

 authentication and web security

 hypertext transfer protocol (HTTP)
 session management
 stateless programming
 programming control structures

Web Programming - Assessment 2 v7.1, last updated on 21 Dec 2020 Page 8

 T-1.8.1_v3

 object-oriented programming

However please very briefly explain them as the concepts of dynamic web development
programming. Please limit to 250 words, your mark will be calculated on how concisely you can
describe these concepts clearly, as the evidence of your understanding.

Project 2: Design and Style: The web design is to be compatible (but doesn’t need to be totally identical)
to the mock-up you designed in site mock-up in Part A of assessment 1. (10 Marks)
1. Must have the logo design with ‘Fashionwave’ in it; The site photos used must contains at least 3
photos taken by the students
(3 Marks)

2. CSS and layout design must match or surpass the design detail level demonstrated in the sample
given in the appendix 1.
(3 Marks)

3. Details, endeavour, attention given to the content should be at the level of the real working website of
similar kind that students have studied during doing their Part A task 1 of assessment 1.
(4 Marks)

Project 3: Test and Delivery: Once you finished the development, you must: (15 Marks)
1. Publish your website to a PHP student account. You need to have a Microsoft Word file called
‘setting.docx’. It must contain the screenshots of how you set up the site in the Dreamweaver and did
the database connection before commencing the coding. It is strictly requested that both need to be
100% correct before you beginning any PHP/MySQL coding. Therefore this file will be the evidence
that it is set and if it is set correctly.
(7 Marks)

2. Create a Word file called ‘evidence.docx’. It must contain the screenshots of the web browser view for
every page in the website (both front end and back end). Your project in the PHP server directory
name must contains your student ID, so that the published page view in the web browser will have you
student ID inside the address bar. This will be of course the evidence that the page is made and
publish by you. The homepage screenshots are required to be taken with at least two different web
browsers.
(7 Marks)

(a sample evidence screenshots have been attached in the end of this document)

Web Programming - Assessment 2 v7.1, last updated on 21 Dec 2020 Page 9

 T-1.8.1_v3

Appendix 1. Sample Evidence Screenshots Document

Products Page of Fashionwave

Products Page of Men

Web Programming - Assessment 2 v7.1, last updated on 21 Dec 2020 Page 10

 T-1.8.1_v3

Products Page Of Women

Product Detail Of Fashionwave

Web Programming - Assessment 2 v7.1, last updated on 21 Dec 2020 Page 11

 T-1.8.1_v3

Be Insert Page of Fashionwave

Be Interface Page of Fashionwave

Web Programming - Assessment 2 v7.1, last updated on 21 Dec 2020 Page 12

 T-1.8.1_v3

Shopping Page Of Fashionwave

Return Policy Of Fashionwave

Web Programming - Assessment 2 v7.1, last updated on 21 Dec 2020 Page 13

 T-1.8.1_v3

Contact Page of Fashionwave

The name of the published project must have your student ID in it, so that when you taking the evidence
screenshot of the website view in the browser, your student ID will appears in the web address in the
address bar of the web browser. This will be the evidence that the pages are made by you.

Web Programming - Assessment 2 v7.1, last updated on 21 Dec 2020 Page 14