![Page 1: Bài 7 Xây dựng website thương mại điện tử - Xây dựng ứng dụng web](https://reader031.vdocuments.pub/reader031/viewer/2022013121/547c55feb4af9f9b158b5192/html5/thumbnails/1.jpg)
Bài 7Xây dựng website thương mại điện tử
![Page 2: Bài 7 Xây dựng website thương mại điện tử - Xây dựng ứng dụng web](https://reader031.vdocuments.pub/reader031/viewer/2022013121/547c55feb4af9f9b158b5192/html5/thumbnails/2.jpg)
Mẫu thiết kế và quy trình bậc thangCấu trúc thư mục của website
Mục tiêu
Bài 7 - Xây dựng website thương mại điện tử 2
![Page 3: Bài 7 Xây dựng website thương mại điện tử - Xây dựng ứng dụng web](https://reader031.vdocuments.pub/reader031/viewer/2022013121/547c55feb4af9f9b158b5192/html5/thumbnails/3.jpg)
Mẫu thiết kế và tinh chỉnh bậc thangCấu trúc thư mục của một website
Giới thiệu
Bài 7 - Xây dựng website thương mại điện tử 3
![Page 4: Bài 7 Xây dựng website thương mại điện tử - Xây dựng ứng dụng web](https://reader031.vdocuments.pub/reader031/viewer/2022013121/547c55feb4af9f9b158b5192/html5/thumbnails/4.jpg)
Trang chủ của bản mẫu Guitar Shop
Bài 7 - Xây dựng website thương mại điện tử 4
![Page 5: Bài 7 Xây dựng website thương mại điện tử - Xây dựng ứng dụng web](https://reader031.vdocuments.pub/reader031/viewer/2022013121/547c55feb4af9f9b158b5192/html5/thumbnails/5.jpg)
Các khái niệm:Mẫu thiết kế (Prototype)Tinh chỉnh bậc thang (stepwise refinement)
Ưu điểm của mẫu thiết kế:Giúp nhận biết vấn đề sớm, từ đó giảm thiểu chi phísửaThân thiện với người dùng
Bản mẫu (prototype)
Bài 7 - Xây dựng website thương mại điện tử 5
![Page 6: Bài 7 Xây dựng website thương mại điện tử - Xây dựng ứng dụng web](https://reader031.vdocuments.pub/reader031/viewer/2022013121/547c55feb4af9f9b158b5192/html5/thumbnails/6.jpg)
Cấu trúc thư mục của website
Bài 7 - Xây dựng website thương mại điện tử 6
![Page 7: Bài 7 Xây dựng website thương mại điện tử - Xây dựng ứng dụng web](https://reader031.vdocuments.pub/reader031/viewer/2022013121/547c55feb4af9f9b158b5192/html5/thumbnails/7.jpg)
Home_view.phpIndex.phpMain.css
Các file ở thư mục gốc của website
Bài 7 - Xây dựng website thương mại điện tử 7
![Page 8: Bài 7 Xây dựng website thương mại điện tử - Xây dựng ứng dụng web](https://reader031.vdocuments.pub/reader031/viewer/2022013121/547c55feb4af9f9b158b5192/html5/thumbnails/8.jpg)
Ứng dụng CatalogỨng dụng CartỨng dụng Checkout và AccountTrang My Account
Giới thiệu một sốgiao diện người dùng mẫu
Bài 7 - Xây dựng website thương mại điện tử 8
![Page 9: Bài 7 Xây dựng website thương mại điện tử - Xây dựng ứng dụng web](https://reader031.vdocuments.pub/reader031/viewer/2022013121/547c55feb4af9f9b158b5192/html5/thumbnails/9.jpg)
Trang catalog/category_view.php
Bài 7 - Xây dựng website thương mại điện tử 9
![Page 10: Bài 7 Xây dựng website thương mại điện tử - Xây dựng ứng dụng web](https://reader031.vdocuments.pub/reader031/viewer/2022013121/547c55feb4af9f9b158b5192/html5/thumbnails/10.jpg)
Trang catalog/product_view.php
Bài 7 - Xây dựng website thương mại điện tử 10
![Page 11: Bài 7 Xây dựng website thương mại điện tử - Xây dựng ứng dụng web](https://reader031.vdocuments.pub/reader031/viewer/2022013121/547c55feb4af9f9b158b5192/html5/thumbnails/11.jpg)
Trang cart/cart_view.php
Bài 7 - Xây dựng website thương mại điện tử 11
![Page 12: Bài 7 Xây dựng website thương mại điện tử - Xây dựng ứng dụng web](https://reader031.vdocuments.pub/reader031/viewer/2022013121/547c55feb4af9f9b158b5192/html5/thumbnails/12.jpg)
Trangaccount/account_login_register.php
Bài 7 - Xây dựng website thương mại điện tử 12
![Page 13: Bài 7 Xây dựng website thương mại điện tử - Xây dựng ứng dụng web](https://reader031.vdocuments.pub/reader031/viewer/2022013121/547c55feb4af9f9b158b5192/html5/thumbnails/13.jpg)
Trangcheckout/checkout_confirm.php
Bài 7 - Xây dựng website thương mại điện tử 13
![Page 14: Bài 7 Xây dựng website thương mại điện tử - Xây dựng ứng dụng web](https://reader031.vdocuments.pub/reader031/viewer/2022013121/547c55feb4af9f9b158b5192/html5/thumbnails/14.jpg)
Trangcheckout/checkout_payment.php
Bài 7 - Xây dựng website thương mại điện tử 14
![Page 15: Bài 7 Xây dựng website thương mại điện tử - Xây dựng ứng dụng web](https://reader031.vdocuments.pub/reader031/viewer/2022013121/547c55feb4af9f9b158b5192/html5/thumbnails/15.jpg)
Trangaccount/account_view_order.php
Bài 7 - Xây dựng website thương mại điện tử 15
![Page 16: Bài 7 Xây dựng website thương mại điện tử - Xây dựng ứng dụng web](https://reader031.vdocuments.pub/reader031/viewer/2022013121/547c55feb4af9f9b158b5192/html5/thumbnails/16.jpg)
Trang account/account_view.php
Bài 7 - Xây dựng website thương mại điện tử 16
![Page 17: Bài 7 Xây dựng website thương mại điện tử - Xây dựng ứng dụng web](https://reader031.vdocuments.pub/reader031/viewer/2022013121/547c55feb4af9f9b158b5192/html5/thumbnails/17.jpg)
Trang Admin Login và Admin MenuỨng dụng Product ManagerỨng dụng Category ManagerỨng dụng Order ManagerỨng dụng Account Manager
Giới thiệu một số giao diệndành cho người quản trị
Bài 7 - Xây dựng website thương mại điện tử 17
![Page 18: Bài 7 Xây dựng website thương mại điện tử - Xây dựng ứng dụng web](https://reader031.vdocuments.pub/reader031/viewer/2022013121/547c55feb4af9f9b158b5192/html5/thumbnails/18.jpg)
Trangadmin/account/account_login.php
Bài 7 - Xây dựng website thương mại điện tử 18
![Page 19: Bài 7 Xây dựng website thương mại điện tử - Xây dựng ứng dụng web](https://reader031.vdocuments.pub/reader031/viewer/2022013121/547c55feb4af9f9b158b5192/html5/thumbnails/19.jpg)
Trang admin/index.php
Bài 7 - Xây dựng website thương mại điện tử 19
![Page 20: Bài 7 Xây dựng website thương mại điện tử - Xây dựng ứng dụng web](https://reader031.vdocuments.pub/reader031/viewer/2022013121/547c55feb4af9f9b158b5192/html5/thumbnails/20.jpg)
Trangadmin/product/product_list.php
Bài 7 - Xây dựng website thương mại điện tử 20
![Page 21: Bài 7 Xây dựng website thương mại điện tử - Xây dựng ứng dụng web](https://reader031.vdocuments.pub/reader031/viewer/2022013121/547c55feb4af9f9b158b5192/html5/thumbnails/21.jpg)
Trangadmin/products/product_view.php
Bài 7 - Xây dựng website thương mại điện tử 21
![Page 22: Bài 7 Xây dựng website thương mại điện tử - Xây dựng ứng dụng web](https://reader031.vdocuments.pub/reader031/viewer/2022013121/547c55feb4af9f9b158b5192/html5/thumbnails/22.jpg)
Trang admin/product/product_add_edit.php
Bài 7 - Xây dựng website thương mại điện tử 22
![Page 23: Bài 7 Xây dựng website thương mại điện tử - Xây dựng ứng dụng web](https://reader031.vdocuments.pub/reader031/viewer/2022013121/547c55feb4af9f9b158b5192/html5/thumbnails/23.jpg)
Trangadmin/category/category_list.php
Bài 7 - Xây dựng website thương mại điện tử 23
![Page 24: Bài 7 Xây dựng website thương mại điện tử - Xây dựng ứng dụng web](https://reader031.vdocuments.pub/reader031/viewer/2022013121/547c55feb4af9f9b158b5192/html5/thumbnails/24.jpg)
Trangadmin/orders/orders_view.php
Bài 7 - Xây dựng website thương mại điện tử 24
![Page 25: Bài 7 Xây dựng website thương mại điện tử - Xây dựng ứng dụng web](https://reader031.vdocuments.pub/reader031/viewer/2022013121/547c55feb4af9f9b158b5192/html5/thumbnails/25.jpg)
Trangadmin/account/account_view.php
Bài 7 - Xây dựng website thương mại điện tử 25
![Page 26: Bài 7 Xây dựng website thương mại điện tử - Xây dựng ứng dụng web](https://reader031.vdocuments.pub/reader031/viewer/2022013121/547c55feb4af9f9b158b5192/html5/thumbnails/26.jpg)
Mẫu thiết kế là mô hình hoạt động được củamột website hoặc một phần của websiteTinh chỉnh bậc thang là quy trình cải tiến từngbước một mẫu thiết kế thông qua việc kiểm travà đánh giá sau mỗi bướcLợi ích chính của việc thiết kế mẫu:
Giúp phát hiện ra các vấn đề từ rất sớm trong vòngđời phát triển sản phẩm => Làm giảm tối đa chi phíđể giải quyết chúngThân thiện với khách hàng
Tổng kết bài học
Bài 7 - Xây dựng website thương mại điện tử 26