assessment€¦ · web viewthe purpose of this assessment is to assess the student in the...

T-1.8.1

Details of AssessmentTerm and Year Time allowed N/A

Assessment No 2 Assessment Weighting 50%Assessment Type WrittenDue Date Week 6 Room

Details of SubjectQualification ICT50115 Diploma of Information Technology

Subject Name Web Programming

Details of Unit(s) of competencyICTWEB502 Create dynamic web pages

Details of StudentStudent 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 or source.

Signature: ___________________________

Date: _______/________/_______________

Details of AssessorAssessor’s Name

Assessment Outcome

Results Competent Not Yet Competent Marks 　　　　　　　　　 /50

FEEDBACK TO STUDENTProgressive feedback to students, identifying gaps in competency and comments on positive improvements:

________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

Student Declaration: I declare that I have been assessed in this unit, and I have been advised of my result. I also am aware of my appeal rights and reassessment procedure.

Signature: ____________________________

Date: ____/_____/_____

Assessor Declaration: I declare that I have conducted a fair, valid, reliable and flexible assessment with this student, and I have provided appropriate feedback

Student did not attend the feedback session. Feedback provided on assessment.

Signature: ____________________________

Date: ____/_____/_____

Web Programming, Assessment 2, v_6.0

T-1.8.1

Purpose of the Assessment

The purpose of this assessment is to assess the student in the following learning outcomes:

Competent(C)

Not yet Competent(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 StudentsPlease 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).


T-1.8.1

Assessment Guidelines and Marking Sheet

Marking List Marks

Part A

Task Criteria 1 /9

Task Criteria 2 /8

Task Criteria 3 /4

Task Criteria 4 /5

Part B

Task Criteria 1 /3

Task Criteria 2 /3

Task Criteria 3 /4

Part C

Task Criteria 1 /7

Task Criteria 2 /7

TOTAL /50


T-1.8.1

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


T-1.8.1

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).


T-1.8.1

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.


T-1.8.1

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.

Part A. 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 object-oriented programming


T-1.8.1

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.

Part B: 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)

Part C: 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)


T-1.8.1

Submission Guide:

You must submit this assessment document, with your student details and relevant information filled properly.

You need to submit a folder with all the website files. You can call this folder “site”. You need to submit two Microsoft Word files mentioned in the task. One is ‘evidence.docx’. The

other is ‘setting.docx’. Student must submit by sending the assessment in a zip (not rar) compressed format by the due

date, by sending it to the submission email. (Email address is provided inside eLearning of each subject. Note: important! Trainers’ staff email address is not assessment submission email address.)


T-1.8.1

Appendix 1. Sample Evidence Screenshots Document

Products Page of Fashionwave

Products Page of Men


T-1.8.1

Products Page Of Women

Product Detail Of Fashionwave


T-1.8.1

Be Insert Page of Fashionwave

Be Interface Page of Fashionwave


T-1.8.1

Shopping Page Of Fashionwave

Return Policy Of Fashionwave


T-1.8.1

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.


assessment€¦ · web viewthe purpose of this assessment is to assess the student in the...

Documents