ICT50118: Diploma of Information Technology Web Programming - IT/Computer Science Assignment Help

Assignment Task:

Task:

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)
ICTWEB411 Produce basic client-side script for dynamic web pages
Performance Criteria for Competency Code
1.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 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 FORMCHECKBOX In class FORMCHECKBOX 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).

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.


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).
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 backend
Describe 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 handlers
Internet operation related to servers and clients
Internet protocols
Standard 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)Pleasefind a royalty free sign-off paper template from online (there are many of such template online); then based on thesetemplate, 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.
Submission Guide:
You must submit this assessment document, with your student details and relevant information filled properly.
For Part A, you submit 3 Microsoft Word files, one for each tasks in Part A, and put these 3 files in a folder call Part A. Task 1 can be converted to PDF to make file size small for emailing.
For Part B, you submit all the files for the website with both registration page and survey page validated by JavaScript. .js file cannot be send through by Gmail, so please convert .js extension to .jsjsFor Part C, you submit 3 Microsoft Word files, one for each tasks in Part C, and put these 3 files in a folder call Part C
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! Trainer’s staff email addresses are not assessment submission email address.)

The above  IT Assignment has been solved by our  IT Assignment  Experts at onlineassignmentbank. Our Assignment Writing Experts are efficient to provide a fresh solution to this question. We are serving more than 10000+ Students in Australia, UK & US by helping them to score HD in their academics. Our experts are well trained to follow all marking rubrics & referencing style.

Be it a used or new solution, the quality of the work submitted by our assignment experts remains unhampered. You may continue to expect the same or even better quality with the used and new assignment solution files respectively. There’s one thing to be noticed that you could choose one between the two and acquire an HD either way. You could choose a new assignment solution file to get yourself an exclusive, plagiarism (with free Turnitin file), expert quality assignment or order an old solution file that was considered worthy of the highest distinction.