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 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 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
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.
Assessment description
You are required to develop the online Fashion Store website (company named "Fashionwave"), that you have analysed and prepare in the mock-up in the assessment 1 using PHP and MySQL.
Shopping Features
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.
Programming knowledge and concept. (Less than 250 words. Please refer to the note after task 4)
2. Thereare only two categories: men and women. Each category has at least 10 products. Shopping cart page must calculate total, GST, grand total.
3. Backendmust 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. Backendlogin 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)
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
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 concept clearly, as the evidence of your understanding.
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.
5. Must have the logo design with ‘Fashionwave' in it; Must have at least 3 photos taken by the students
6. CSSand layout
7. Detailsand endeavour
Test and Delivery: Once you finished the development, you must:
8. Publish your website to a PHP student account. You need to have a Microsoft Word file called ‘setting.doxc'. 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.
9. Create a Word file called ‘evidence.docx'. It must contain the screenshots of the web browser view for every pages 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.
Project
https://www.dropbox.com/s/oy3u9lbd55wp5m0/Web%20Programming%20%28Part%20B%29%20-%2010%20-oct-2017.rar?dl=0