CHƯƠNG II.TỔNG QUAN BÀI TOÁN MySQL: để xây dựng database lưu trữ thông tin về người mua hàngUser, chi tiết sản phẩm và người quản lý hàngAdmin … PHP: Vì PHP là một ngôn ngữ hướng đối
Trang 1Bài thuyết trình Project 2
Giao viên hướng dẫn: Lê Thị Hoa
Sinh Viên thực hiện: EANG SOKUNTHEA
MSSV: 20180280
Giao viên hướng dẫn: Lê Thị Hoa
Sinh Viên thực hiện: EANG SOKUNTHEA
MSSV: 20180280
TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI
TÊN ĐỀ TÀI: WebSite Bán Labtop Online
Trang 2MỤC ĐÍCH
Về đề tài “Lập trình website bán Labtop Online” với mong muốn vận dụng những kiến thức mình đã học , xây dựng được một trang web có tính thực tiễn , đồng thời em cũng qua thực hành Với một số mục tiêu khi thiết kế trang web của em là:
- Bước đầu xây dựng website bán hàng online nhằm quảng bá rộng rãi các sản phẩm
- Rút ngắn khoảng cách giữa nhà phân phối và người tiêu dùng, đồng thời tiết kiệm thời gian chi phí một cách đáng kể thông qua những thông tin phù hợp nhất với nhu cầu của khách hàng
- Với đề tài này là một cách thức quản lý website giúp cho những người quản trị dễ dàng trong việc thay đổi, cập nhật thông tin trang web, cũng như quản lý hiệu quả khách hàng và các đơn đặt hàng trên mạng
Trang 3NỘI DUNG
CHƯƠNG I CÔNG NGHỆ VÀ THUẬT TOÁN SỬ DỤNG
CHƯƠNG II.TỔNG QUAN BÀI TOÁN
CHƯƠNG III.PHẦN TÍCH VÀ THIẾT KẾ HỆ THỐNG CHƯƠNG VI.CÀI ĐẶT CHƯƠNG TRÌNH – KIỂM THỬ
Trang 4CHƯƠNG I CÔNG NGHỆ VÀ THUẬT TOÁN SỬ DỤNG
1 Giới thiệu về công nghệ
Về công nghệ:
Về công nghệ:
My sql Visual studio code Xampp
Trang 5CHƯƠNG I CÔNG NGHỆ VÀ THUẬT TOÁN SỬ DỤNG
Về ngôn ngữ
Về ngôn ngữ
HTML,CSS,Javascript PHP Laravel
Trang 6CHƯƠNG II.TỔNG QUAN BÀI TOÁN
MySQL: để xây dựng database lưu trữ thông tin về người mua hàng(User), chi tiết sản phẩm và người quản lý
hàng(Admin) …
PHP: Vì PHP là một ngôn ngữ hướng đối tượng mà lại rất dễ dàng tạo ra một server nên em đã lựa chọn PHP
làm ngôn ngữ server side, giao tiếp với database và phía Client
HTML, JS, CSS (Bootstrap): Để tạo ra một trang web tưng đối dễ nhìn và thân thiên, em quyết định sử dụng
Bootstrap để quá trình thiết kế và lập trình giao diện có thể trở nên thuận tiện hơn
Để xây dựng được một website bán hàng laptop online này, Em đã sử dụng một vài công cụ để hỗ trợ quá
trình làm Project 2 như:
1.2 Công nghệ sử dụng
Trang 7CHƯƠNG II.TỔNG QUAN BÀI TOÁN
Môi trường phát triển ứng dụng:
Trình viết code: Visual Studio Code
Máy chủ ảo: Xampp
Công cụ xây dựng cơ sở dữ liệu MySQL
1.2 Công nghệ sử dụng
Visual studio code My sql Xampp
Trang 8CHƯƠNG II.TỔNG QUAN BÀI TOÁN
Nghiệp vụ: Nhu cầu mua bán online của khách
1 Mô tả bài toán
Trang 9CHƯƠNG II.TỔNG QUAN BÀI TOÁN
• Xem danh sách sản phẩm : Người mua có thể xem danh sách tất cả sản phầm cùng với tên, g
iá, hình ảnh, mô tả ngắn cho từng sản phầm
• Tìm kiếm sản phẩm : Tìm kiếm sản phẩm dựa trên tên
• Xem chi tiết sản phẩm : Xem được chi tiết sản phẩm như thông số kĩ thuật, các loại sản
phẩm , mô tả chi tiết, đặc điểm nổi bật, hình thức thanh toán
• Đăng kí, đăng nhập : đăng kí, đăng nhập với quyền user, chỉ khi đăng nhập mới có thế thêm vào giỏ hàng, đặt hàng
• Quản lý giỏ hàng : Giỏ hàng chứa các sản phầm do người dùng thêm vào Có thể thêm, sửa, xóa các sản phầm trong giỏ hàng Chọn sản phẩm trong giỏ hàng để đặt hàng
• Đặt hàng : Có thể chọn sản phẩm trong giỏ hàng hoặc trong danh sách sản phầm để đặt hàng
2 Quy trinh nhiệm vụ
2.1 Khách hàng
Trang 10CHƯƠNG II.TỔNG QUAN BÀI TOÁN
• Quản lý cơ sở dữ liệu: xem, thêm, sửa, xóa thông tin về hàng hóa, loại sản phầm nhà cung c
ấp, hóa đơn, khách hàng
2 Quy trinh nhiệm vụ
2.2 Admin
Trang 11CHƯƠNG II.TỔNG QUAN BÀI TOÁN
• Thông tin danh mục
• Thông tin đơn hàng
3.Thông tin Đầu vào, Đầu ra của hệ thống
3.1 Thông tin Đầu vào 3.2 Đầu ra của hệ thống
• Thông tin danh sách danh mục
• Danh sách sản phẩm và thông tin chi tiết sản phẩm
• Thông tin quản trị viên bao gồm email password address và số điện thoại
• Hiển thị thông tin những sản phẩm đã chọn để mua tại giỏ hàng
Trang 12CHƯƠNG III.PHẦN TÍCH VÀ THIẾT KẾ HỆ THỐNG
3.1 Biểu đồ use case phân rã mức 2
Use case quản lý người dùng mức 2
Use case quản lý người dùng mức 2
Trang 13CHƯƠNG III.PHẦN TÍCH VÀ THIẾT KẾ HỆ THỐNG
3 Biểu đồ use case phân rã mức 2
Use case khách hàng mức 2
Use case khách hàng mức 2
Trang 14CHƯƠNG III.PHẦN TÍCH VÀ THIẾT KẾ HỆ THỐNG
3 Biểu đồ use case phân rã mức 2
Use case quản trị viên mức 2
Use case quản trị viên mức 2
Trang 15CHƯƠNG III.PHẦN TÍCH VÀ THIẾT KẾ HỆ THỐNG
3.2 Biểu đồ trình tự
Biểu đồ trình tự của Use-case Add To ShoppingCart
Biểu đồ trình tự của Use-case Add To ShoppingCart
Trang 16CHƯƠNG III.PHẦN TÍCH VÀ THIẾT KẾ HỆ THỐNG
3.3 Thiết kế Cở sở dữ liệu
Trang 17CHƯƠNG VI.CÀI ĐẶT CHƯƠNG TRÌNH – KIỂM THỬ
4 Giao diện chương trình
4.1 Trang khách hàng
Trang 18CHƯƠNG VI.CÀI ĐẶT CHƯƠNG TRÌNH – KIỂM THỬ
4 Giao diện chương trình
Trang 19CHƯƠNG VI.CÀI ĐẶT CHƯƠNG TRÌNH – KIỂM THỬ
4 Giao diện chương trình
Trang 20CHƯƠNG VI.CÀI ĐẶT CHƯƠNG TRÌNH – KIỂM THỬ
4 Giao diện chương trình
Trang 21CHƯƠNG VI.CÀI ĐẶT CHƯƠNG TRÌNH – KIỂM THỬ
4 Giao diện chương trình
Trang đăng nhập chi tiết thành toán
Trang 22CHƯƠNG VI.CÀI ĐẶT CHƯƠNG TRÌNH – KIỂM THỬ
4 Giao diện chương trình
Trang 23CHƯƠNG VI.CÀI ĐẶT CHƯƠNG TRÌNH – KIỂM THỬ
4 Giao diện chương trình
Trang 24CHƯƠNG VI.CÀI ĐẶT CHƯƠNG TRÌNH – KIỂM THỬ
4.2.Trang quản trị viên quản lý hàng:
Trang đăng nhập Admin
Trang đăng nhập Admin
Trang 25CHƯƠNG VI.CÀI ĐẶT CHƯƠNG TRÌNH – KIỂM THỬ
4.2.Trang quản trị viên quản lý hàng:
Trang Liệt kê danh mục sản phẩm
Trang Liệt kê danh mục sản phẩm
Trang 26CHƯƠNG VI.CÀI ĐẶT CHƯƠNG TRÌNH – KIỂM THỬ
4.2.Trang quản trị viên quản lý hàng:
Trang Liệt kê thương hiệu sản phẩm
Trang Liệt kê thương hiệu sản phẩm
Trang 27CHƯƠNG VI.CÀI ĐẶT CHƯƠNG TRÌNH – KIỂM THỬ
4.2.Trang quản trị viên quản lý hàng:
Trang Liệt kê sản phẩm
Trang Liệt kê sản phẩm
Trang 28CHƯƠNG VI.CÀI ĐẶT CHƯƠNG TRÌNH – KIỂM THỬ
4.2.Trang quản trị viên quản lý hàng:
Trang Liệt kê đơn hàng khách hàng
Trang Liệt kê đơn hàng khách hàng
Trang 29CHƯƠNG VI.CÀI ĐẶT CHƯƠNG TRÌNH – KIỂM THỬ
4.2.Trang quản trị viên quản lý hàng:
View thông tin khách hàng
View thông tin khách hàng
Trang 30CHƯƠNG VI.CÀI ĐẶT CHƯƠNG TRÌNH – KIỂM THỬ
4.3 Kết quả chương trình minh họa
Trang Web User
Trang Web User
• Trang web có thể đăng ký hoặc đăng nhập tài khoản để mua hàng
• Trang web có thể tạo danh mục cho các sản phẩm
• Trang Web có thể tìm kiếm sản phẩm mà mình muốn tìm
• Trang Web có thể xem sản phẩm theo danh mục hoặc brand menu tren trang và xem sản phẩm trên trang chủ
• User có thể giỏ hàng trên trang chủ hoặc giỏ hàng khi xem đetail của hàng
• Trang web có thể xem chi tiết giỏ hàng và có thể xóa hay udate số lượng sản phẩm
• Trang web có thể thành toán sản phẩm và đăng kỳ thông tin thành toán của mình
• Trang web có thể Xem lại giỏ hàng và chọn hình thức thành toán sau đó chọn đặt hàng
• Trang web có giao diện dễ nhìn, thân thiện với người sử dụng
• Xem chi tiết thông tin các sản phẩm
• Cho phép khách hàng đặt hàng các nhâp thông tin cá nhân để giao hang
• Sau khi nghiên cưu, em đã xây dựng được một giao diên website, thay thể cách quản lý thủ công bằng tay mất rất nhiều thời gian và tôn công sức của người quản lý
• Trang website có ứng dụng thực tiễn để quản lý các thông tin liên quan đến sản phẩm, đơn hàng và quản trị viên
Trang Web User
Trang 31CHƯƠNG VI.CÀI ĐẶT CHƯƠNG TRÌNH – KIỂM THỬ
4.3 Kết quả chương trình minh họa
o Có thể Thêm danh mục, Liệt kê danh mục
• Quản lý Brand Product:
o Có thể Quản lý Brand Product, Liệt kê Brand Product
• Quản lý Product:
o Có thể Thêm Product, Liệt kê Product
Trang Web User
Trang 32Thanks You!!!