BÁ O CÁ O ĐỀ TÀ I

Môn: Lập trình web

Đề tài: [tên đề tài]
(Tham khảo website: )

Giáo viên: ThS. Bùi Thị Thanh Tú

Mã số nhóm:

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

BẢ NG CHẤ M ĐIỂ M
Mã số nhóm:

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

CĐR Nội Diễn giải Thang Tên SV1 Tên SV2 Tên SV3
dung điểm
CLO 1+2+3 1. Giao diện chung
Mức độ tương đồng so 2
với trang tham khảo
Thiết kế responsive 1
2. Các thành phần MVC
CRUD 1.5
Thống kê 1
Phân trang, Tìm kiếm 1
Khác (Pure UI, beautiful 0.5
code, hosting….)
CLO 4 3. Đề tài có thể áp dụng thực tế
Mức độ khó của DB 0.5
Mức độ khó của website 0.5
CLO 5+6 4. Báo cáo và trình bày Báo cáo
Khả năng làm việc theo 1.5
nhóm, lập kế hoạch và
viết báo cáo
Năng lực giao tiếp và 0.5
trình bày giải pháp kỹ
thuật

Tổng 10
ĐÁ NH GIÁ CÔ NG VIỆ C THÀ NH VIÊ N
1 FrontEnd
Họ tên – MSSV Công việc được giao Mức độ hoàn thành Mức độ tích cực

2 Database
Họ tên – MSSV Công việc được giao Mức độ hoàn thành Mức độ tích cực

3 Backend
Họ tên – MSSV Công việc được giao Mức độ hoàn thành Mức độ tích cực

4 Báo cáo
Họ tên – MSSV Công việc được giao Mức độ hoàn thành Mức độ tích cực

3
Báo cáo đồ án lập trình web

MỤ C LỤ C
1 MÔ TẢ ĐỀ TÀI................................................................................................................................1

2 CẤU TRÚC WEBSITE.......................................................................................................................1

2.1 Phần ADMIN..........................................................................................................................1

2.2 Phần KHÁCH HÀNG................................................................................................................2

3 GIAO DIỆN THAM KHẢO PHẦN KHÁCH HÀNG...............................................................................3

3.1 Trang HOME...........................................................................................................................3

3.2 Trang DANH SÁCH SẢN PHẨM...............................................................................................4

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

3.4 Trang GIỎ HÀNG....................................................................................................................4

3.5 Trang THANH TOÁN...............................................................................................................4

3.6 Trang XÁC NHẬN ĐƠN HÀNG.................................................................................................4

3.7 Trang LỊCH SỬ MUA HÀNG....................................................................................................4

3.8 ĐĂNG KÝ / ĐĂNG NHẬP.........................................................................................................4

4 SƠ ĐỒ CƠ SỞ DỮ LIỆU...................................................................................................................4

5 ENTITY DATA MODEL.....................................................................................................................5

6 PHÂN TÍCH LAYOUT VÀ CHỨC NĂNG.............................................................................................5

6.1 Phần ADMIN..........................................................................................................................5

6.1.1 Trang LAYOUT................................................................................................................5

6.1.2 Quản lý ….......................................................................................................................5

6.2 Phần KHÁCH HÀNG................................................................................................................6

6.2.1 Trang MASTER LAYOUT..................................................................................................6

6.2.2 Trang HOME...................................................................................................................6

6.2.3 Trang DANH SÁCH SẢN PHẨM.......................................................................................7

6.2.4 Trang CHI TIẾT SẢN PHẨM.............................................................................................7

6.2.5 Trang GIỎ HÀNG............................................................................................................7

6.2.6 Trang THANH TOÁN.......................................................................................................8

6.2.7 Trang XÁC NHẬN ĐƠN HÀNG.........................................................................................8

i
Báo cáo đồ án lập trình web

6.2.8 Trang LỊCH SỬ MUA HÀNG.............................................................................................8

6.2.9 ĐĂNG KÝ / ĐĂNG NHẬP.................................................................................................8

7 TỔNG KẾT CHỨC NĂNG THEO VAI TRÒ SỬ DỤNG.........................................................................8

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

8.1 MODELS.................................................................................................................................9

8.2 VIEWS..................................................................................................................................10

8.2.1 Gói Categories..............................................................................................................10

8.2.2 Gói Colors.....................................................................................................................10

8.3 CONTROLLERS......................................................................................................................11

8.3.1 <abcController>...........................................................................................................11

8.4 SƠ ĐỒ ÁNH XẠ VIEW – CONTROLLER – MODEL...................................................................11

ii
Báo cáo đồ án lập trình web

NỘ I DUNG BÁ O CÁ O
1 MÔ TẢ ĐỀ TÀI
Trang web bán sản phẩm gì? Gồm các chức năng nào? Xem ví dụ mô tả dưới đây:

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
2. Quản lý người dùng: đăng ký, đăng nhập
3. Quản lý danh mục hàng hóa
4. Quản lý giỏ hàng
5. Thanh toán
6. Phân trang

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 CẤU TRÚC WEBSITE

2.1 Phần ADMIN

Homepage

Danh mục
hàng

Thêm

Sửa

Xóa

Xem danh
sách

1
Báo cáo đồ án lập trình web

2.2 Phần KHÁCH HÀNG

Trang HOME

Trang CHI TIẾT SẢN

Trang GIỎ HÀNG Trang TÀI KHOẢN CỦA TÔI
PHẨM

Detail Product

Trang HOÀN TẤT ĐẶT Trang THÔNG BÁO ĐẶT

Trang MUA NGAY
HÀNG HÀNG THÀNH CÔNG

2
Báo cáo đồ án lập trình web

3 GIAO DIỆN THAM KHẢO PHẦN KHÁCH HÀNG

3.1 Trang HOME

3
Báo cáo đồ án lập trình web

3.2 Trang DANH SÁCH SẢN PHẨM

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

3.4 Trang GIỎ HÀNG

3.5 Trang THANH TOÁN

3.6 Trang XÁC NHẬN ĐƠN HÀNG

3.7 Trang LỊCH SỬ MUA HÀNG

3.8 ĐĂNG KÝ / ĐĂNG NHẬP

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

4
Báo cáo đồ án lập trình web

5 ENTITY DATA MODEL

6 PHÂN TÍCH LAYOUT VÀ CHỨC NĂNG

6.1 Phần ADMIN

6.1.1 Trang LAYOUT

Logo
Content Body
Footer

6.1.2 Quản lý …

6.2 Phần KHÁCH HÀNG

6.2.1 Trang MASTER LAYOUT

6.2.1.1 Phân tích layout

Logo Thanh Search (1) Giỏ hàng/ Đăng nhập (2)

5
Báo cáo đồ án lập trình web

Content Body
Footer

6.2.1.2 Phân tích chức năng

View\Share Partial View Model

_MasterLayout.cshtml _PartialSearch.cshtml Product

_PartialNavBar.cshtml

6.2.2 Trang HOME

6.2.2.1 Phân tích layout

Logo Thanh Search (1) Giỏ hàng/ Đăng nhập (2)

Menu dọc (theo Banner (4- PartialView – lấy từ bảng Banner)
Category) (3)
Sản phẩm bạn quan tâm (5- PartialView- lấy từ bảng Product
Detail theo Discount hoặc lấy từ bảng Product theo Voucher)
Sản phẩm bán chạy (6 – theo SoldQuantity)
Bạn có thể thích (7-theo Rating)

Nổi bật (phân loại

theo khối bên
phải) Thương hiệu nổi bật (8-theo Brand)
Đi chợ mỗi ngày (9- theo Recommend)
Giá tốt hôm nay (10 – theo Price)
Gợi ý hôm nay (11 – theo Sp moi)
Footer

6.2.2.2 Phân tích chức năng

Các phần không đánh số, sẽ hiển thị dạng tĩnh trên trang Index.cshtml.

Các phần có đánh số sẽ được lấy từ Model lên, và sẽ được phân tích trong bảng dưới đây:

Controller View Partial View Model

Home Index.cshtml _PartialCategory.cshtml Category, Product, Product Detail

_PartialBanner.cshtml Banner, Product

_PartialMostFavorists.cshtml lấy từ bảng Product Detail theo

Discount hoặc lấy từ bảng
Product theo Voucher

6
Báo cáo đồ án lập trình web

_PartialBestSellers.cshtml Product Detail: lấy theo trường Sold

Quantity

Lấy qua Product lấy theo Total Sold

Quantity

_PartialSuggestions.cshtml Product: lấy theo trường Rating

Product Detail: lấy theo trường

View Quantity

_PartialBestBrands.cshtml Thương hiệu nổi bật (8- lấy Top 20

Brand có số lượng bán nhiều nhất

_PartialRecommends.cshtml Đi chợ mỗi ngày (9- theo

Recommend)

_PartialBestPrices.cshtml Giá tốt hôm nay (10 – lấy từ bảng

Product Details theo Discounted
Price)

_PartialNewProducts.cshtml Gợi ý hôm nay (11 – lấy từ Product

theo Created Date)

6.2.3 Trang DANH SÁCH SẢN PHẨM

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

6.2.5 Trang GIỎ HÀNG

6.2.6 Trang THANH TOÁN

6.2.7 Trang XÁC NHẬN ĐƠN HÀNG

6.2.8 Trang LỊCH SỬ MUA HÀNG

7
Báo cáo đồ án lập trình web

6.2.9 ĐĂNG KÝ / ĐĂNG NHẬP

7 TỔNG KẾT CHỨC NĂNG THEO VAI TRÒ SỬ DỤNG

Action Create Edit Delete Index Detail
Method /
Model

Category Admin Admin Admin Admin (all) Admin

Customer (menu)

Product Admin Admin Admin Admin (all) Admin (simple)

Customer Customer
(Product (Product
Category, Home) Detail)

Order Customer Customer (hủy Admin (các Admin (all) Admin (all)
(đặt hàng) đơn, tăng giảm đơn hàng đã
và Customer (lịch sử Customer (đơn
số lượng) quá cũ)
đặt hàng cá hàng cá nhân)
Order
Admin (cập nhân)
Detail
nhật trạng thái
đơn hàng: đã
giao, chờ giao,
…)

Customer Customer Customer Admin (xóa Admin Admin (all)

(đăng ký tài (chỉnh sửa các tài khoản
Customer
khoản, thông thông tin cá đã inactive)
(thông tin tài
tin giao nhân)
khoản cá
hàng)
Admin (cập nhân)
nhật trạng thái
active/inactive
tài khoản
khách hàng)

User Admin (tạo Admin Admin Admin Admin

tài khoản
Admin)

8
Báo cáo đồ án lập trình web

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

8.1 MODELS
Cắt hình ảnh các lớp trong gói Models, và mô tả tóm tắt mục đích và các phương thức của từng Model

Model Class Mục đích Gen từ DB Tự tạo thêm

Metadata.cs X

PartialClasses.cs x

Cart.cs X

Category.cs Lưu thông tin các chủng loại sản phẩm x

9
Báo cáo đồ án lập trình web

8.2 VIEWS

8.2.1 Gói Categories

Các file View View Partial View Mục đích

Index.cshtml x

8.2.2 Gói Colors

Các file View View Partial View Mục đích

Index.cshtml x

8.3 CONTROLLERS

8.3.1 <abcController>

Action Method Mục đích View/Partial View liên quan

10
Báo cáo đồ án lập trình web

8.3.2 <abcController>

Action Method Mục đích View/Partial View liên quan

8.4 SƠ ĐỒ ÁNH XẠ VIEW – CONTROLLER – MODEL

Model Controller View Partial View

11