Bài thuyết trình project 2 TÊN đề TÀI website bán labtop online

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 TỐN SỬ DỤNG
CHƯƠNG II.TỔNG QUAN BÀI TỐ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 TỐ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 TỐN SỬ DỤNG


Về ngơn ngữ

HTML,CSS,Javascript

PHP

Laravel


CHƯƠNG II.TỔNG QUAN BÀI TỐ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 TỐ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

Visual studio code

My sql

Xampp


CHƯƠNG II.TỔNG QUAN BÀI TỐN
1. Mơ tả bài tố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 tố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 TỐ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 TỐN
3.Thơng tin Đầu vào, Đầu ra của hệ thống

3.1. Thơng tin Đầu vào

• Thơng tin danh mục
• Thơng tin sản phẩm
• Thơng tin tên sản phẩm tìm
kiếm
• Thơng tin giỏ hàng

• Thơng tin khách hàng
• Thơng tin đơn hàng

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


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 tố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