Download Assignment 2: website design and development and more Assignments Web Design and Development in PDF only on Docsity!
ASSIGNMENT 1 FRONT SHEET
Qualification TEC Level 5 HND Diploma in Computing Unit number and title Unit 05: Website Design & Development Submission date Date Received 1st submission Re-submission Date Date Received 2nd submission Student Name Student ID Class Assessor name Student declaration I certify that the assignment submission is entirely my own work and I fully understand the consequences of plagiarism. I understand that making a false declaration is a form of malpractice. Student’s signature Grading grid
P5 P6 P7 M4 M5 D2 D
❒ Summative Feedback: ❒ Resubmission Feedback:
Grade: Assessor Signature: Date: Signature & Date:
I INTRODUCE
Nowadays, in the hustle and bustle of people, it is too far away to take the time to go out to shop. Therefore, online shopping becomes more important and necessary, just one click away, they can get the product they want. After going to the sales website, choosing a product, just placing an order, the seller will bring the product to your home. Online shopping allows you to buy items whenever you want. So, in this report, I will use website technologies, tools and techniques with designing a florist website. Then, I will create and use the Test Plan to review the site's performance and design.
II Utilize website technologies, tools and
techniques with good design principles to
create a multipage website.
1.Create a design document for a branded,
multipage website supported with medium
fidelity wireframes and a full set of client and
user requirements ...
Fresh flowers have long become meaningful gifts that everyone gives to each other. Each flower has its own meaning and each bouquet will replace what the giver wants to say. Gradually, the flower-selling service becomes extremely attractive to many flower lovers and business enthusiasts. Now, if they want to develop their business, outperform the competition, the shop owners have started to Onlineize the service of providing fresh flowers and everything starts with designing a website that sells fresh flowers. 1.1 Website construction goals First, an online website needs to have a beautiful and attractive web interface to customers. Designing a beautiful interface in color tones matching the products sold is a mandatory criterion for a website that sells fresh flowers. a) Object of the website: Website is built to serve two main objects: Admin and Customers with the following functions:
- Admin: Website login View, update, delete product information. Manage orders View, respond to customer comments, suggestions and feedback or delete such information from customers
View, delete information of customers but not have the right to change that information News updates
- Customer (user and guest): View product information as well as other news. Order products b) Characteristics: Build a simple, user-friendly, easy-to-use online florist system that allows customers to view information and place orders online, administrators manage product information as well as users. Website designed with:
- Harmonious and user-friendly interface makes it easy for users to use.
- The home page will display a list of the newest and best-selling products that make it easier for users to find.
- Customers can easily find detailed information about the flowers they are interested in.
- Customers can choose to buy the flowers they need based on their financial capacity and required functionality by adding them to the cart.
- Have the function of registration, login. Customers can send feedback and suggestions to the Website to contribute to enriching and developing the Website. use, allowing customers to view information and place orders online, administrators to manage information about products as well as users.
1.2 System analysis
a) The system's input and output information: Input information:
- Customer information
- Product information
- Information about the company and related articles
- The feedback
- The order Information output:
- Details of the product
- Bill
- The feedback b) Influence agent Customer (Client): User and Guest Admin
1.3 Use Case Diagram
Figure 2. Use Case Diagram
1.4 Product Management Diagram
My florist system consists of two main entities: product and user Table Product:
Figure 3. Table product Table User: Figure 4. Table user And below is my product management diagram: Figure 5. Product Management Diagram
1.5 Wireframe
My website consists of the following main directories:
Figure 7. wireframe of index. Php Singer-product.php This page will display details of the product that the customer chooses.
Figure 8. wireframe of singer-profuct.php Cart.php The shopping cart is designed with smart stand out, helping customers easily add products, customers can also delete and supplement depending on their needs. Shopping cart item is an indispensable category for any e-commerce website, online sale. You will easily see a shopping cart icon placed in the right corner of the website to help customers understand the number of products selected and the total amount. When they click on the shopping cart to view details, transactions such as shipping, payment and ordering will be displayed to help close the customer quickly.
Figure 10.. wireframe of singer-profuct.php Login. Php This page will let the administrator login username and password to log into the system.
Figure 11. wireframe of login. Php Admin: list product:
Figure 14. suasp. php
1.6 Site diagram
2.Use your design document with appropriate principles, standards and guidelines to produce a branded, multipage website supported with realistic content. I used Xampp and Sublime Text to develop a fully functional website, based on an existing design.
2.1 On the administrator side:
When running the program, the system will appear a login form for users to enter username and password.
Figure 15. Login Figure 16. Login. php
Figure 18. Delete product When the administrator wants to add the product: Figure 19. Add Product
Figure 20. Add Product (code) Or when the administrator wants to fix the product:
