You are on page 1of 32

TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI

Bài thuyết trình Project 2


TÊN ĐỀ TÀI: WebSite Bán Labtop Online

Giao viên hướng dẫn: Lê Thị Hoa


Sinh Viên thực hiện: EANG SOKUNTHEA
MSSV: 20180280
MỤ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
NỘ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Ử


CHƯƠ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ệ:

My sql Visual studio code Xampp


CHƯƠNG I. CÔNG NGHỆ VÀ THUẬT TOÁN SỬ DỤNG
 Về ngôn ngữ

HTML,CSS,Javascript PHP Laravel


CHƯƠNG II.TỔNG QUAN BÀI TOÁN
1.2. Công nghệ sử dụng

 Để 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ư:

 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.
 
CHƯƠNG II.TỔNG QUAN BÀI TOÁN
1.2. Công nghệ sử dụng

 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

Xampp
Visual studio code My sql
CHƯƠNG II.TỔNG QUAN BÀI TOÁN

1. Mô tả bài toán

Nghiệp vụ: Nhu cầu mua bán online của khách


CHƯƠNG II.TỔNG QUAN BÀI TOÁN
2. Quy trinh nhiệm vụ
2.1. Khách hàng

• 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

CHƯƠNG II.TỔNG QUAN BÀI TOÁN
2. Quy trinh nhiệm vụ
2.2. Admin

• 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 
CHƯƠNG II.TỔNG QUAN BÀI TOÁN
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 mục • Thông tin danh sách danh mục
• Thông tin sản phẩm • Danh sách sản phẩm và thông tin chi tiết sản
• Thông tin tên sản phẩm tìm phẩm
kiếm • Thông tin quản trị viên bao gồm email password
• Thông tin giỏ hàng address và số điện thoại
• Thông tin khách hàng • Hiển thị thông tin những sản phẩm đã chọn để
• Thông tin đơn hàng mua tại giỏ hàng
CHƯƠ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
CHƯƠ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
CHƯƠ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
CHƯƠ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
CHƯƠNG III.PHẦN TÍCH VÀ THIẾT KẾ HỆ THỐNG
3.3. Thiết kế Cở sở dữ liệu
CHƯƠ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


CHƯƠNG VI.CÀI ĐẶT CHƯƠNG TRÌNH – KIỂM THỬ
4. Giao diện chương trình
 Trang đăng kỳ hoặc đăng nhập khách hàng
CHƯƠNG VI.CÀI ĐẶT CHƯƠNG TRÌNH – KIỂM THỬ
4. Giao diện chương trình
 Trang xem detail sản phẩm
CHƯƠNG VI.CÀI ĐẶT CHƯƠNG TRÌNH – KIỂM THỬ
4. Giao diện chương trình
 Trang giỏ hàng sản phẩm
CHƯƠ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 đăng nhập chi tiết thành toán


CHƯƠNG VI.CÀI ĐẶT CHƯƠNG TRÌNH – KIỂM THỬ
4. Giao diện chương trình
 Trang đặt hàng và chọn hình thức giỏ hàng
CHƯƠNG VI.CÀI ĐẶT CHƯƠNG TRÌNH – KIỂM THỬ
4. Giao diện chương trình
 Trang xuất ra hóa đơn
CHƯƠ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
CHƯƠ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
CHƯƠ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
CHƯƠ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
CHƯƠ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
CHƯƠ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
CHƯƠ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 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 User
• 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.
CHƯƠ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 Admin

• Trang Admin gồm có trang  Đơn hang, Quản lý danh mục,  Quản lý Brand Product, Quản lý
Product.
• Đơn hang:
o Có thể Quản lý đơn hàng: là trang quản lý đơn hàng mà khách hàng đã mua.
• Quản lý danh mục:
o Có thể Thêm danh mục, Liệt kê danhTrang
mục. Web User
• 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.
Thanks You!!!

You might also like