Performance Criteria | My Assignment Tutor

Details of AssessmentTerm and Year Time allowedN/AAssessment No1 of 2Assessment Weighting50%Assessment TypeWritten, ProjectDue DateWeek 8Room Details of SubjectQualificationICT50115 Diploma of Information TechnologySubject NameWeb ProgrammingDetails of Unit(s) of competencyUnit Code (s) and NamesICTWEB411 Produce basic client-side script for 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. I acknowledge that I understand the requirements to complete the assessment tasks. I am also aware of my right to appeal. The feedback session schedule and reassessment procedure were explained to me.Student’s Signature: ____________________ Date:         _____/_____/_________Details of AssessorAssessor’s Name Assessment OutcomeAssessment Result Competent        Not Yet Competent  Marks                  /50Feedback 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.  Student attended the feedback session.  Student did not attend the feedback session.Assessor’s Signature: ___________________ Date:         _____/_____/________ Purpose of the AssessmentThe purpose of this assessment is to assess the student in the following learning outcomes:Competent (C)Not yet Competent (NYC)ICTWEB411 Produce basic client-side script for dynamic web pagesPerformance Criteria for Competency Code1.1 Determine necessary dynamic functionality of the web document  1.2 Determine appropriate language to achieve that functionality  1.3 Determine web document requirements  2.1 Design web document and embedded scripts to achieve required functionality  2.2 Write simple hypertext markup language (HTML) considering accessibility  2.3 Write embedded scripts  3.1 Test web document against required functionality, and reiterate until correct  3.2 Complete documentation and submit to appropriate person for approval  Assessment/evidence gathering conditionsEach 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 assessmentComputer with relevant software applications and access to internet Weekly eLearning notes relevant to the tasks/questionsInstructions for Students Please read the following instructions carefully  In class   At home  Assessment Guidelines and Marking Sheet Marking ListMarksPART A – Written Task (10 Marks)Task 1/4Task 2/3Task 3/3SUB TOTAL/10PART B – Assignment/Project (30 Marks)Task 1 – Survey Page JavaScript Validation/13Task 2 – Registration Page JavaScript Validation/13Task 3/4SUB TOTAL/30PART C – Written Task (10 Marks)Task 1/3Task 2/5Task 3/2SUB TOTAL/10TOTAL/50 How and what you must submit: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. Please note, assessment 1 submission is not just one Microsoft Word file. It will be an invalid submission if only have one Microsoft Word file submitted. Please put all the files required by assessment 1 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. Please submit as guided below: Note: PartA, PartB, and PartC are the folder names of the three parts of the assessment. stuID_stuFName is the name of the part B website, in which, stuID is your student ID, stuFName is your First Name. For example, if your student ID is 202099999 and your first name is David, then your part B website folder name should be 202099999_david. 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 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 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 highlightsCategory 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). 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. Part A- Written – (10 Marks) Instructions: Please complete the following written tasks Please refer to the Case Study and Scenario Problem Summary (4 Marks)Based on the requirement of the Scenario Problem, please review 5 existing apparel website. Then summarize 5 most typical pages of an apparel website, noticing what dynamic development language each of these website used (PHP, ASP, Coldfusion, JSP etc…, normally they are PHP page, refer to the “introduction to dynamic web development” ) Find and review 5 online fashion store eCommerce websites. These websites must have the ability to sell clothes online.You must have each of the 5 sites web address. You must have the 5 typical pages’ screenshots of the 5 websites, namely: welcome page, catalogue page, product detail page, and shopping bag/cart page.Identify and take screenshots of the five typical pages you identified in studying these 5 websites.Note: This will be the evidence that you are reviewed the 5 websites and identified the 5 common pages of an apparel website.Identify the advantages of PHP over other dynamic programming language; and the principles of open platform programming (the major advantage over closed platform programming)Pseudo Mock-up of two main page(s) of the proposed project website.(3 Marks)Please provide evidence of the mock-up that you have started the planning for the project (Welcome and Category page) (storyboard, static version i.e. HTML/CSS considering Accessibility, e.g. IMG tag with alt inside).Sample Design Screenshots of an apparel eCommerce website.———- Task analysis: Please describe the online dynamic shopping functions, i.e.(3 Marks) Shopping procedure (front end)Product management (Backend) Use screenshots from the 5 site studied for the front end; diagram for backendDescribe the functions of survey and contact page validation. Part B – Assignment– Practical(30 Marks) Assessment description: This section is dedicated to client-side scripting skill (namely JavaScript). Please complete the following practical tasks in your lab web development environment: Procedure: Use JavaScript design a contact form validation and a survey page for service feedback that is compatible with design style that you developed in Part A (i.e. the HTML/CSS mock-up).The following JavaScript task will cover and provide the evidence of your knowledge and the using of: Events and event handlersInternet operation related to servers and clientsInternet protocolsStandard generalised markup language (SGML)Associated standards However please very briefly explain them as the concepts of JavaScript programming. Please limit to 250 words, your mark will be calculated on how concisely you can describe these concept clearly, as the evidence of your understanding. Tasks: Survey page (13 Marks)Registration page (13 Marks)Less than 250 words concept description (4 Marks)Here are the sample screenshots Survey page needs to calculate the average rating given by the client; then prompting different message according to the rating result. For a more strict form condition, you can optionally validate the fields that the input is a number, and it is between 1~5. Registration form needs to have the basic information of the client. All form fields are to be validated, except if the selection types form elements that already have default selection. Email needs to be validated as an acceptable email address in terms of the format. All messages are to be properly prompted if certain field failed the validation, then immediately afterwards, the field in question needs to be in focus with the cursor blinking inside it and waiting for the new input. Part C – Assessment – Written (10 Mars) Instructions: Project Documentation Tasks: Please make a test/validation plan:(3 Marks)The survey page and registration page you designed with JavaScript in Part B section of assessment 1.(Note: you are required to find an appropriate testing report template or sample by yourself. Please don’t use the template demonstrated to you during the class time. Sometimes, the template or sample for testing report is more complex than you need, you can simplify the template or you can address the items you think unrelated with n/a, ie, not applicable.)Details of testing items (1 Marks)Documentation structure (1 Marks)Please describe the difference of server-side scripting and client-side scripting (1 Marks)Please make a test/validation plan:(5 Marks)The front end shopping pages of the project in assessment 2.(Note: you are required to find an appropriate testing report template or sample by yourself. Please don’t use the template demonstrated to you during the class time. Sometimes, the template or sample for testing report is more complex than you need, you can simplify the template or you can address the items you think unrelated with n/a, ie, not applicable.)Details of testing areas/items (2 Marks)Documentation structure (2 Marks)Based on the template you picked, describe the basic standard of a program documentation (the framework and structure requirements) (1 Marks)Sign off page is one page document, showing the client and the design company’s details, and the confirmation signatures by the relevant parts for the design and delivery of the project, etc.(2 Marks)Please find a royalty free sign-off paper template from online (there are many of such template online); then based on these template, make a one page sign off page for the project of assessment 2.(Note: you are required to find an appropriate project sign-off document template or sample by yourself. Sometimes, the template or sample for is more complex than you need, you can simplify the template or you can address the items you think unrelated with n/a, ie, not applicable.) Note: A sample project will be demonstrated to you during class time. It will not be included in here in the document, as the sample will be changed from time to time. The sample maybe an online existing website, or it can be a student’s finished project demonstrated by that student, or it can be one of the sample class exercises.


Leave a Reply

Your email address will not be published. Required fields are marked *