web301 slide 7
DESCRIPTION
Lập Trình Web PHP Nâng Cao - Giáo Trình FPTTRANSCRIPT
![Page 1: Web301 slide 7](https://reader037.vdocuments.net/reader037/viewer/2022110122/55954bbe1a28abd5548b465e/html5/thumbnails/1.jpg)
Bài 7Xây dựng website thương mại điện tử
![Page 2: Web301 slide 7](https://reader037.vdocuments.net/reader037/viewer/2022110122/55954bbe1a28abd5548b465e/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: Web301 slide 7](https://reader037.vdocuments.net/reader037/viewer/2022110122/55954bbe1a28abd5548b465e/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: Web301 slide 7](https://reader037.vdocuments.net/reader037/viewer/2022110122/55954bbe1a28abd5548b465e/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: Web301 slide 7](https://reader037.vdocuments.net/reader037/viewer/2022110122/55954bbe1a28abd5548b465e/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: Web301 slide 7](https://reader037.vdocuments.net/reader037/viewer/2022110122/55954bbe1a28abd5548b465e/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: Web301 slide 7](https://reader037.vdocuments.net/reader037/viewer/2022110122/55954bbe1a28abd5548b465e/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: Web301 slide 7](https://reader037.vdocuments.net/reader037/viewer/2022110122/55954bbe1a28abd5548b465e/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: Web301 slide 7](https://reader037.vdocuments.net/reader037/viewer/2022110122/55954bbe1a28abd5548b465e/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: Web301 slide 7](https://reader037.vdocuments.net/reader037/viewer/2022110122/55954bbe1a28abd5548b465e/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: Web301 slide 7](https://reader037.vdocuments.net/reader037/viewer/2022110122/55954bbe1a28abd5548b465e/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: Web301 slide 7](https://reader037.vdocuments.net/reader037/viewer/2022110122/55954bbe1a28abd5548b465e/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: Web301 slide 7](https://reader037.vdocuments.net/reader037/viewer/2022110122/55954bbe1a28abd5548b465e/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: Web301 slide 7](https://reader037.vdocuments.net/reader037/viewer/2022110122/55954bbe1a28abd5548b465e/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: Web301 slide 7](https://reader037.vdocuments.net/reader037/viewer/2022110122/55954bbe1a28abd5548b465e/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: Web301 slide 7](https://reader037.vdocuments.net/reader037/viewer/2022110122/55954bbe1a28abd5548b465e/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: Web301 slide 7](https://reader037.vdocuments.net/reader037/viewer/2022110122/55954bbe1a28abd5548b465e/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: Web301 slide 7](https://reader037.vdocuments.net/reader037/viewer/2022110122/55954bbe1a28abd5548b465e/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: Web301 slide 7](https://reader037.vdocuments.net/reader037/viewer/2022110122/55954bbe1a28abd5548b465e/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: Web301 slide 7](https://reader037.vdocuments.net/reader037/viewer/2022110122/55954bbe1a28abd5548b465e/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: Web301 slide 7](https://reader037.vdocuments.net/reader037/viewer/2022110122/55954bbe1a28abd5548b465e/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: Web301 slide 7](https://reader037.vdocuments.net/reader037/viewer/2022110122/55954bbe1a28abd5548b465e/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: Web301 slide 7](https://reader037.vdocuments.net/reader037/viewer/2022110122/55954bbe1a28abd5548b465e/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: Web301 slide 7](https://reader037.vdocuments.net/reader037/viewer/2022110122/55954bbe1a28abd5548b465e/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: Web301 slide 7](https://reader037.vdocuments.net/reader037/viewer/2022110122/55954bbe1a28abd5548b465e/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: Web301 slide 7](https://reader037.vdocuments.net/reader037/viewer/2022110122/55954bbe1a28abd5548b465e/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