Báo cáo Đồ Án môn học Đồ Án phần mềm Đề tài xây dựng web bán Điện thoại

Trang HOME - Trang hiển trị các sản phẩm điện thoại để người mua có thể tìm kiếm và chọn để xem chi tiết rồi mua sản phẩm.. Quản lý danh mục hàng hóa - Hiển thị danh mục các sản phẩm để

Bộ Giáo Dục Và Đào TạoTrường Đại Học Ngoại Ngữ - Tin Học Thành Phố Hồ Chí Minh

Khoa Công Nghệ Thông Tin

BÁO CÁO ĐỒ ÁN MÔN HỌC

ĐỒ ÁN PHẦN MỀM

ĐỀ TÀI : XÂY DỰNG WEB BÁN ĐIỆN THOẠI

Giáo Viên Hướng Dẫn : Ths Phan Thị Ngọc Hân

Nhóm: 8 Thành Viên :

1 Lê Quang Phúc – MSSV: 21DH114012

2 Lê Hoài Linh – MSSV: 21DH113832

3 Phan Hoàng Long – MSSV: 21DH112632

4 Lê Nguyễn Ngọc Tú – MSSV: 21DH114287

Tp Hồ chí minh, Ngày 20 tháng 11 năm 2023

NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN

CHẤM ĐIỂM

Lê Quang Phúc

Lê Hoài Linh

Phan Hoàng Long

Lê Nguyễn Ngọc Tú

BẢNG PHÂN CÔNG VIỆC VÀ TỰ ĐÁNH GIÁ

Mã số nhóm: 8

Tên thành viên Mã số sinh viên Đánh giá

Phan Hoàng Long 21DH112632

Lê Nguyễn Ngọc Tú 21DH114287

Mục lục

2 MÔ TẢ ĐỀ TÀI 6

1 Trang HOME 6

2 Quản lý người dùng: đăng ký, đăng nhập 6

3 Quản lý danh mục hàng hóa 6

4 Quản lý giỏ hàng 6

5 Thanh toán 6

6 Phân trang 6

3 SƠ ĐỒ CƠ SỞ DỮ LIỆU 7

4 MÀN HÌNH GIAO DIỆN 8

4.1 Sơ đồ liên kết các trang giao diện 8

4.2 Trang HOME 8

4.3 Trang CHI TIẾT SẢN PHẨM 9

4.4 Trang MUA HÀNG 9

4.5 Trang THANH TOÁN 9

5 MÔ TẢ CHI TIẾT ỨNG DỤNG THEO MÔ HÌNH MVC 10

5.1 MODELS 10

Chitietdonhang.cs 10

Donhang.cs 10

GioHang.cs 11

LoginModel.cs 11

Hangsanxuat.cs 11

Hedieuhanh.cs 11

PhanQuyen.cs 12

Nguoidung.cs 12

5.1.1 Model Diagram 14

5.2 CONTROLLERS 14

5.3 VIEWS 21

6 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 24

6.1 KẾT LUẬN 24

6.2 Hướng Phát Triển 24

1 MÔ TẢ ĐỀ TÀI

Đồ án thực hiện thiết kế trang web bán điện thoại di động

Thiết kế 1 trang web bán điện thoại di động, bao gồm các chức năng cơ bản sau:

1 Trang HOME

- Trang hiển trị các sản phẩm điện thoại để người mua có thể tìm kiếm và chọn để xem chi tiết rồi mua sản phẩm

- Hiển thị banner trang web, giới thiệu và liên hệ với trang bán hàng

- Hiển thị nơi để khách hàng đăng kí tài khoảng mua hàng

2 Quản lý người dùng: đăng ký, đăng nhập

- Cho phép người dùng tạo tài khoảng để có thể mua hàng và có thể quản lí người dùng đã đăng kí tài khoảng dưới quyền admin

3 Quản lý danh mục hàng hóa

- Hiển thị danh mục các sản phẩm để khách hàng có thể xem và lựa chọn

4 Quản lý giỏ hàng

- Cho phép người dùng thêm và chỉnh sửa sản phẩm muốn mua theo nhu cầu mua hàng

5 Thanh toán

- Cho phép người dùng xem lại sản phẩm chọn mua ( hiển thị tổng tiền sản phẩm,địa chỉ, sđt) và hoàn tất xác nhận thanh toán

6 Phân trang

- Trang admin: cho phép admin chỉnh sửa chi tiết các sản phẩm xuất hiện trên trang HOME

- Trang khách hàng/ người dùng: cho phép khách hàng xem chi tiết sản phẩm , tương tác với trang web để mua hàng.

Các chức năng tham khảo theo trang web: Fptshop.com.vn | Điện thoại, Laptop, Tablet, Phụ kiện chính hãng giá tốt nhất

2 SƠ ĐỒ CƠ SỞ DỮ LIỆU

- Bảng hangsanxuat: chứa dữ liệu mã hãng và tên hãng của sản phẩm điện thoại

- Bảng chitietdonhang: chứa dữ liệu đơn hàng khi khách hàng đặt hàng sẽ gồm mã đơn hàng,mã sản phẩm , số lượng, đơn giá, thành tiền

- Bảng donhang: chứa dữ liệu đơn hàng khi khách đặt hàng sẽ gồm mã đơn, ngày đặt, tình trạng, mã người dùng

- Bảng hedieuhanh: chứa dữ liệu mã hệ điều hành và tên hệ điều hành của sản phẩm

- Bảng sanpham: chứa chi tiết dữ liệu về sản phẩm điện thoại bao gồm mã sản phẩm, tên sản phẩm, giá tiền, số lượng, mô tả,…

- Bảng nguoidung: chứa dữ liệu mã người dùng , họ tên , email , số điện thoại,… mà người dùng đăng kí tài khoảng trên trang web

- Bảng phanquyen: chứa dữ liệu phân quyền cho tài khoảng gồm ID quyền, tên quyền

Trang ĐƠNHÀNG Người dùng Admin

Đăng xuất

3.3 Trang CHI TIẾT SẢN PHẨM

Hình 2 Trang Chi Tiết Sản Phẩm

3.4 Trang MUA HÀNG

Hình 3 Trang Mua Hàng

3.5 Trang THANH TOÁN

4 MÔ TẢ CHI TIẾT ỨNG DỤNG THEO MÔ HÌNH MVC

4.1 MODELS

Models: Các đối tượng Models là một phần của ứng dụng, các đối tượng này thiết lậplogic của phần dữ liệu của ứng dụng Thông thường, các đối tượng model lấy và lưu trạngthái của model trong CSDL Ví dụ như, một đối tượng Product (sản phẩm) sẽ lấy dữ liệu từCSDL, thao tác trên dữ liệu và sẽ cập nhật dữ liệu trở lại vào bảng Products ở SQL Server.Trong các ứng dụng nhỏ, model thường là chỉ là một khái niệm nhằm phân biệthơn là được cài đặt thực thụ, ví dụ, nếu ứng dụng chỉ đọc dữ liệu từ CSDL và gởichúng đến view, ứng dụng không cần phải có tầng model và các lớp liên quan

Sanpham.cs

-Lưu các thông tin của sản phẩm điện thoại: Mã sản phẩm, Tên sản phẩm, Giá tiền, Sốlượng sản phẩm, Mô tả sản phẩm, Thông tin thẻ sim, Thông tin bộ nhớ trong, Tình trạng sản phẩm (mới/cũ), Thông tin RAM, Ảnh bìa sản phẩm, Mã hãng, Mã hệ điều hành, Chi tiết đơn hàng, Hãng sản xuất, Hệ điều hành

4.1.1 Model Diagram

4.2 CONTROLLERS

Controllers: Controller là các thành phần dùng để quản lý tương tác người dùng,làm việc với model và chọn view để hiển thị giao diện người dùng Trong một ứngdụng MVC, view chỉ được dùng để hiển thị thông tin, controller chịu trách nhiệmquản lý và đáp trả nội dung người dùng nhập và tương tác với người dùng Ví dụ,controller sẽ quản lý các dữ liệu người dùng gởi lên và gởi các giá trị đó đến model,model sẽ lấy dữ liệu từ CSDL nhờ vào các giá trị này

Hình 4 Controller

DanhmucController: Quản lí chi tiết danh mục các sản phẩm

DonhangsController: Quản lí hiển thị danh sách các đơn hàng, chi tiết và số lượng

GioHangController: Quản lí chức năng thêm, sửa , xóa , cập nhật, tính tổng số lượng, tính tổng tiền và đặt hàng

HomeController: Điều chỉnh thông tin trang web, cách liên hệ và giới thiệu

SanPhamController: Điều chỉnh chi tiết từng sản phẩm , hình ảnh, giá tiền, số lượng.

UserController: Điều chỉnh đăng kí,đăng nhập và đăng xuất cho khách hàng tương tác trang

Controller của admin

Hình 5 Controller admin

HangsanxuatsController: Quản lí thêm, sửa , xóa, hiển thị chi tiết hãng sản xuất

HedieuhanhsContrller: Quản lí thêm, sửa, xóa , hiển thị chi tiết hệ điều hành

HomeController: Quản lí chỉnh sửa ,xem , sửa , xóa ,hiển thị chi tiết sản phẩm,hệ điều hành,hãng các sản phẩm điện thoại.

NguoidungsController: Quản lí chi tiết người dùng trên trang

PhanQuyensController: Quản lí phân quyền cho người dùng trên trang

4.3 VIEWS

Views: Views là các thành phần dùng để hiển thị giao diện người dùng (UI) Thông thường, view được tạo dựa vào thông tin dữ liệu model Ví dụ như, view dùng để cập nhật bảng Products sẽ hiển thị các hộp văn bản, drop-down list, và các check box dựa trên Product

Hình 6 View

Ta add phần danh mục đến view đặt tên là DanhmucPartial.cshtml chứa tên hãng.



 Sau đó ta tiếp tục add đơn hàng đến view gồm Details.cshtml và index.cshtml

- Details.cshtml chứa chi tiết đơn hàng bao gồm: sản phẩm, số lượng, đơn giá và thànhtiền

- Còn đối với index.cshtml sẽ chứa danh sách đơn hàng bao gồm: họ tên người đặt hàng, ngày đặt và tình trạng của đơn hàng

Add giỏ hàng đến view gồm Giohang.cshtml,GiohangPartial, SuaGiohang và ThanhToanDonHang

- Giohang gồm: MaSp, TenSP, Ảnh bìa, Đơn giá, Số lượng, Thành tiền

- GiohangPartial: cho ta xem tổng số lượng sản phẩm trong giỏ hàng

- SuaGiohang: sẽ chứa cá thuộc tính như Giohang và chứa thêm cập nhật giỏ hàng và xóa giỏ hàng

-ThanhToanDonHang: sẽ chứa thông tin chuyển khoảng của người bán

Add Home đến View gồm About.cshtml, Contact.cstml, index.cshtml,

SilidePartial

- About.cshtml sẽ cung cấp thêm thông tin trên trang web/

- Contact.cshtml sẽ chứa địa chỉ số điện thoại và email của trang web giúp khách hàng

có thể liên lạc để được cửa hàng tư vấn

- Index.cshtml sẽ show trang web bán hàng gồm các phẩm nổi bật cho khách hàng

Add Sản phẩm đến view đặt tên là Sanpham gồm các hãng điện thoại và xem chi tiết sản phẩm.

Add User đến View gồm Dangnhap.cshtml, Dangky.cshtml,

- Dangky.cshtml cho phép người dùng đăng ký tài khoản để mua hàng

- Dangnhap.cshtml để người dùng đăng nhập tài khoản đăng ký để thực hiện mua hàng

- Test.cshtml hiển thị thông tin người dùng và có thể đăng xuất tài khoản đăng ký

Phần Shared

- _Layout.cshtml: trang layout để hiển thị chi tiết các chức năng ta đã triển khai cho

người dùng

Hình 7 View admin

Ta add các phương thức trong Controller Hangsanxuats đến Create.cshtml , Delete.cshtml, Details.cshtml, Edit.cshtml, Index.cshtml

- Create.cshtml để tạo hãng sản xuất cho sản phẩm

- Delete.cshtml để tiến hành xóa hãng sản xuất

- Detais.cshtml đế làm hiển thị chi tiết hãng sản xuất

- Edit.cshtml để chỉnh sửa hãng sản xuất

- Index.cshtml để hiện quản lí hãng sản xuất

Add các phương thức trong Controller Hedieuhanhs cũng như Hangsanxuats

- Create Cshtml để tạo hệ điều hành cho sản phẩm

- Delete.cshtml để tiến hành xóa hệ điều hành

- Detais.cshtml đế làm hiển thị chi tiết hệ điều hành

- Edit.cshtml để chỉnh sửa hệ điều hành

- Index.cshtml để hiện quản lí hệ điều hành

Tương tự Home, Nguoidungs, PhanQuyens cũng add các phương thức như trên Phần Shared

- _LayoutAdmin.cshtml: trang layout hiển trị chi tiết các chức năng của trang admin.

5 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN

5.1 KẾT LUẬN

- Chức năng tương đối đầy đủ, hiển thị sản phẩm theo hàng ngang , thêm sửa xóasản phẩm

- Giao diện dễ dàng thao tác, trực quan , sinh động và dễ nhìn

- Trang web cập nhật khá nhiều sản phẩm hot hit về điện thoại di động

- Trang Admin dễ sử dụng , sử dụng đầy đủ các chức năng thêm , sửa , xóa và

mô tả chi tiết các sản phẩm

5.2 Hướng Phát Triển

- Chưa tối ưu hết các chức năng và giao diện

- Thêm chức năng tạo mã giảm giá và các chương trình sự kiện

- Thêm chức năng tri ân cho khách hàng thường xuyên mua hoặc mua nhiều sản phẩm

- Thêm chức năng chat với trang web để khách hàng có thể tương tác dễ dàng và thuận tiện hơn

- Phát triển đa ngôn ngữ cho trang web

- Sửa lỗi font chữ , các form chức năng cho trang web

- Nâng cao tính bảo mật cho

- Tích hợp định vị của Google Map để định vị dễ dàng thuận tiện cho việc giao hàng

Tài Liệu Tham Khảo

[1] Xây dựng ứng dụng web bằng ASP.NET và SQL SEVER - Phạm Hữu Khang, Hoàng Đức Hải chủ biên; Phương Lan hiệu đính (2006)

[2] Lập trình cơ sở dữ liệu sql sever Nhà xuất bản lao động – xã hội,2000

[3] Bootstrap 4 modal - How to Create a Modal,