BaoCao_G4

88
Trường đại học Sư phạm kỹ thuật, Tp.HCM Khoa Đào tạo chất lượng cao --oOo-- BÁO CÁO ĐỒ ÁN MÔN HỌC Môn: Thương mại điện tử Năm học: 2013-2014 Học kỳ 2 Đồ án: Xây dựng website bán quần áo Nhóm 04: - 10110177 – Lê Thị Nga ( Nhóm Trưởng) - 10110228 – Cao Nguyên Ngọc - 10110056 – Đào Duy Khánh Giáo viên phụ trách: Thầy: Lương Vĩ Minh Năm 2014

Transcript of BaoCao_G4

Trường đại học Sư phạm kỹ thuật, Tp.HCM

Khoa Đào tạo chất lượng cao

--oOo--

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

Môn: Thương mại điện tử

Năm học: 2013-2014 Học kỳ 2

Đồ án: Xây dựng website bán quần áo

Nhóm 04:

- 10110177 – Lê Thị Nga ( Nhóm Trưởng)

- 10110228 – Cao Nguyên Ngọc

- 10110056 – Đào Duy Khánh

Giáo viên phụ trách:

Thầy: Lương Vĩ Minh

Năm 2014

Mục lục

1. Thông tin nhóm .............................................................................................................. 7

2. Đánh giá thành viên trong nhóm ........................................................................................... 8

3. Thảo luận, phân tích chức năng, giải pháp của đồ án ............................................................... 8

4. Lập kế hoạch thực hiện đồ án ............................................................................................. 11

5. Báo cáo họp nhóm ............................................................................................................ 12

6. Thiết kế dữ liệu cho đồ án .................................................................................................. 13

a. Thiết kế Mô hình ER ................................................................................................................. 13

b. Mô hình quan hệ của Dữ liệu .................................................................................................... 14

7. Thiết kế layout cho đồ án môn học ...................................................................................... 15

7.1. FrontEnd ................................................................................................................................ 15

7.1.1. Mô hình ER: .................................................................................................................. 15

7.1.2. Nhóm Sản Phẩm ............................................................................................................ 16

7.1.3. Chi Tiết Sản Phẩm ......................................................................................................... 17

7.1.4. Thanh Toán ................................................................................................................... 18

7.1.5. Thông Tin Đơn Hàng .................................................................................................... 19

7.1.6. Đăng Kí ......................................................................................................................... 19

7.1.7. Đăng Nhập..................................................................................................................... 20

8. Thiết kế giao diện cho đồ án ............................................................................................... 21

8.1. FrontEnd ................................................................................................................................ 21

8.1.1. Trang chủ - Ngọc ........................................................................................................... 21

8.1.2. Danh Sách sản phẩm – Khánh ....................................................................................... 22

8.1.3. Chi tiết sản phẩm – Ngọc .............................................................................................. 23

8.1.4. Giỏ hàng và thanh toán - Nga ....................................................................................... 24

8.1.5. Đăng nhập- Khánh ........................................................................................................ 24

8.1.6. Đăng kí - Khánh ............................................................................................................ 25

8.1.7. Like FaceBook – Nga .................................................................................................... 26

8.1.8. Google+ - Ngọc .............................................................................................................. 28

8.2. BackEnd ................................................................................................................................ 30

8.2.1. Đăng nhập Admin- Khánh ............................................................................................ 30

8.2.2. Quản lý tài khoản- Nga ................................................................................................. 30

8.2.3. Thêm tài khoản -Nga ..................................................................................................... 31

8.2.4. Quản lý đơn hàng -Nga ................................................................................................. 31

8.2.5. Quản lý sản phẩm- Nga ................................................................................................. 32

8.2.6. Thêm sản phẩm- Nga .................................................................................................... 32

8.2.7. Quản lý loại sản phẩm - Nga ......................................................................................... 33

Nhóm 4

Page 3 of 88

8.2.8. Thêm loại sản phẩm - Nga ............................................................................................ 33

8.2.9. Chỉnh sửa loại sản phẩm - Nga ..................................................................................... 34

8.2.10. Quản lý chi tiết sản phẩm – Ngọc ................................................................................. 34

8.2.11. Thêm chi tiết sản phẩm- Ngọc ...................................................................................... 35

8.2.12. Chỉnh sửa chi tiết sản phẩm – Ngọc .............................................................................. 35

8.2.13. Quản lý màu – Ngọc ...................................................................................................... 36

8.2.14. Thêm màu – Ngọc ......................................................................................................... 36

8.2.15. Sửa màu – Ngọc ............................................................................................................ 37

8.2.16. Quản lý size – Ngọc ...................................................................................................... 37

8.2.17. Thêm size – Ngọc .......................................................................................................... 38

9. Phân tích, cài đặt chức năng cho đồ án ................................................................................ 39

9.1. FrontEnd ................................................................................................................................ 39

9.1.1. Xem danh sách nhóm sản phẩm – Ngọc ....................................................................... 39

9.1.2. Xem danh sách loại sản phẩm - Khánh ......................................................................... 40

9.1.3. Tìm kiếm autocomplete – Ngọc .................................................................................... 43

9.1.4. Tìm kiếm nâng cao – Ngọc ........................................................................................... 46

9.1.5. Xem chi tiết sản phẩm – Ngọc ...................................................................................... 54

9.1.6. Thêm vào giỏ hàng - Nga .............................................................................................. 55

9.1.7. Quản lí giỏ hàng -Nga ................................................................................................... 57

9.1.8. Tiếp tục thanh toán -Nga ............................................................................................... 59

9.1.9. Hoàn tất đặt hàng - Nga ................................................................................................. 60

9.1.10. Thanh toán - Nga ........................................................................................................... 61

9.1.11. Đăng ký - Khánh ........................................................................................................... 62

9.1.12. Đăng nhập - Khánh ....................................................................................................... 63

9.1.13. Like, Share Facebook .................................................................................................... 63

9.1.14. Google+ .......................................................................................................................... 64

9.2. BackEnd ( Chỉ hỗ trợ trên firefox/IE (version 9 trở lên)) ..................................................... 64

9.2.1. Đăng nhập vào trang Admin – Ngọc ............................................................................. 64

9.2.2. Admin- Quản lý tài khoản – Nga .................................................................................. 65

9.2.3. Admin-Quản lý sản phẩm – Nga ................................................................................... 69

9.2.4. Admin-Quản lý chi tiết sản phẩm – Ngọc ..................................................................... 74

10. Báo cáo kiểm thử sản phẩm của đồ án ................................................................................. 82

11. Hướng dẫn cài đặt ............................................................................................................ 83

11.1. Import cơ sở dữ liệu vào SQLServer ................................................................................. 83

- Bước 1:Mở Microsoft SQL Server Management lên, kết nối nối vào server, chọn file > open

> file ............................................................................................................................................. 83

Nhóm 4

Page 4 of 88

Bước 2: Chọn đường dẫn dẫn đến file Database/data.sql đi kèm theo project sau đó open: ......... 83

Bước 3: Nhấn click vào Execute hoặc phím F5 để chạy. .............................................................. 83

11.2. Chỉnh sửa cấu hình file config của project ........................................................................ 85

Bước 1: Mở vào Source/FashionShop chạy file FashionShop.sln sau khi chay ta có: .................. 85

Bước 2: Bên tay phải chọn cửa sổ Solution Explorer kéo xuống dưới cùng chọn web.cofig: ...... 86

Bước 3: Chỉnh cấu hình file web.config ....................................................................................... 86

Bước 4: Sau đó ta có thể ấn F5 và chạy chương trình. .................................................................. 87

12. Hướng dẫn sử dụng .......................................................................................................... 88

Nhóm 4

Page 5 of 88

DANH MỤC HÌNH

Hình 1: Sơ đồ usecase............................................................................................................... 8 Hình 2: Mô hình ER ..................................................................................................................13 Hình 3: Layout trang chủ ..........................................................................................................15 Hình 4: Layout nhóm sản phẩm .................................................................................................16 Hình 5: Layout chi tiết sản phẩm ...............................................................................................17 Hình 6: Layout thanh toán ........................................................................................................18 Hình 7: Thông tin đơn hàng ......................................................................................................19 Hình 8: Layout Đăng kí .............................................................................................................19 Hình 9: Layout Đăng nhập ........................................................................................................20 Hình 10: Giao diện trang chủ .....................................................................................................21 Hình 11: Giao diện danh sách sản phẩm .....................................................................................22 Hình 12: Giao diện chi tiết sản phẩm .........................................................................................23 Hình 13: Giao diện giỏ hàng và thanh toán ................................................................................24 Hình 14: Giao diện đăng nhập ...................................................................................................24 Hình 15: Giao diện đăng ký .......................................................................................................26 Hình 16: Giao diện like Facebok ................................................................................................27 Hình 17: Google+ .....................................................................................................................29 Hình 18: Giao diện đăng nhập Admin .........................................................................................30 Hình 19: Giao diện quản tài khoản Admin ...................................................................................30 Hình 20: Giao diện thêm tài khoản .............................................................................................31 Hình 21: Giao diện quản lý đơn hàng .........................................................................................31 Hình 22: Giao diện quản lí sản phẩm..........................................................................................32 Hình 23: Giao diện thêm sản phẩm ............................................................................................32 Hình 24: Giao diện quản lí loại sản phẩm ....................................................................................33 Hình 25: Giao diện thêm loại sản phẩm ......................................................................................33 Hình 26:Giao diện chỉnh sửa loại sản phẩm ................................................................................34 Hình 27: Giao diện quản lí ctsp ..................................................................................................34 Hình 28: Giao diện thêm ctsp ....................................................................................................35 Hình 29: Giao diện chỉnh sửa ctsp .............................................................................................35 Hình 30: Giao diện quản lí màu .................................................................................................36 Hình 31: Giao diện thêm màu ...................................................................................................36 Hình 32:Giao diện sửa màu .......................................................................................................37 Hình 33: Giao diện quản lí size ..................................................................................................37 Hình 34: Giao diện thêm size ....................................................................................................38 Hình 35: Chức năng xem danh sách nhóm sản phẩm ..................................................................39 Hình 36: Chức năng xem danh sách nhóm sản phẩm ..................................................................40 Hình 37: Chức năng xem danh sách nhóm sản phẩm ..................................................................43 Hình 38: Chức năng tìm kiếm nâng cao ......................................................................................47 Hình 39: Chức năng xem chi tiết sản phẩm ................................................................................54 Hình 40: Chức năng thêm vào giỏ hàng .....................................................................................56 Hình 41: Chức năng quản lí giỏ hàng ........................................................................................57 Hình 42: Chức năng tiếp tục thanh toán ....................................................................................59 Hình 43: Chức năng hoàn tất đặt hàng .......................................................................................60 Hình 44: Chức năng thanh toán .................................................................................................61 Hình 45: Chức năng đăng ký .....................................................................................................62 Hình 46: Chức năng đăng nhập .................................................................................................63 Hình 47: Chức năng like, share Facebook ...................................................................................63 Hình 48: Chức năng đăng nhập trang admin ...............................................................................64

Nhóm 4

Page 6 of 88

Hình 49: Chức năng quản lí tài ..................................................................................................66 Hình 50: Chức năng quản lí tài khoản ........................................................................................66 Hình 51: Chức năng quản lí sản .................................................................................................69 Hình 52: Chức năng xem danh sách ctsp ....................................................................................74 Hình 53: Chức năng thêm ctsp ..................................................................................................75 Hình 54: Chức năng xóa ctsp ....................................................................................................76 Hình 55: Chức năng xem danh sách màu ...................................................................................77 Hình 56: Chức năng thêm mới màu ...........................................................................................78 Hình 57: Chức năng xóa màu ....................................................................................................79

Nhóm 4

Page 7 of 88

1. Thông tin nhóm

MSSV Họ tên Email Số điện thoại Vai trò

10110177 Lê Thị Nga [email protected] 01684116231

10110228 Cao Nguyên

Ngọc

[email protected]

m

01683022042

10110056 Đào Duy

Khánh

khanhbp1992@gmail.

com

0979640354

Nhóm 4

Page 8 of 88

2. Đánh giá thành viên trong nhóm

MSSV Họ tên Tỉ lê đánh giá % trên toàn đồ án

Tỉ lệ đáng giá % hoàn thành

công việc

Ký xác nhận

10110177 Lê Thị Nga 35% 95%

10110228 Cao Nguyên

Ngọc

35% 95%

10110056 Đào Duy Khánh 30% 90%

3. Thảo luận, phân tích chức năng, giải pháp của đồ án

- Sơ đồ UseCase

Hình 1: Sơ đồ usecase

Nhóm 4

Page 9 of 88

STT Chức năng Thảo Luận Chức Năng Actor

1. Đăng ký Đăng ký thông tin cá nhân: tên đăng

nhập(email), mật khẩu, họ tên, điạ

chỉ, điện thoại.

User

1. Đăng nhập cho

user

Đăng nhập bằng tài khoản đã đăng

User

2. Đăng nhập cho

admin

Đăng nhập bằng tài khoản đã đăng

Admin

3. Xem đơn hàng Xem thông tin về:

- Ngày đặt hàng

- Mã đơn hàng

- Số lượng mua

- Tổng giá

- Trạng thái giao hàng

Cho phép user

xem đơn hàng

chính họ, admin

xem tất cả các

đơn hàng.

4. Thêm vào giỏ hàng Thêm vào giỏ hàng của chính người

dùng

User

5. Quản lí giỏ hàng Cho xem sửa số lượng sản phẩm đặt

hàng, xóa sản phẩm đã đặt trong giỏ

hàng.

User

6. Xem, sửa tài khoản Xem tài khoản và chỉnh sửa thông

tin tài khoản trừ “tên tài khoản”

đăng nhập.

User

7. Đặt hàng Cho phép người dùng đặt hàng User

Nhóm 4

Page 10 of 88

8. Xem phí vận

chuyển

Sau khi nhập địa chỉ vào ô địa chỉ,

website sẽ tự động tính phí vận

chuyển theo khoảng cách

User

9. Thanh toán Sau khi đặt hàng xong sẽ có button

dẫn đến trang thanh toán

User

10. Cập nhật đơn hàng Sau khi thanh toán, trạng thái đơn

hàng đơn hàng được cập nhật từ

“chưa thành toán” => “thanh toán”.

11. Chọn nhóm sản

phẩm

Chọn nhóm sản phẩm trên thanh

menu

User

12. Chọn loại sản

phẩm

Sau khi chọn nhóm sản phẩm, mới

chọn được loại sản phẩm

User

13. Tìm kiếm nâng cao Tìm kiếm sản phẩm nâng cao theo

các tiêu chí màu, size.

User

14. Xem trang chủ Xem màn hình tranh chủ User

15. Tìm kiếm Tìm kiếm autocomplete tên sản

phẩm

User

16. Xem chi tiết sản

phẩm

Xem chi tiết về sản phẩm đã chọn:

- Cho phép chọn size

- Chọn màu

- Cập nhật số lượng sản phẩm

User

17. Quản lí tài khoản Cho phép thêm, xóa, sửa tài khoản Admin

18. Quản lí sản phầm Cho phép thêm, xóa, sửa sản phẩm Admin

19. Quản lí Size Cho phép thêm, xóa, sửa Size Admin

20. Quản lí màu Cho phép thêm, xóa, sửa sản màu Admin

Nhóm 4

Page 11 of 88

4. Lập kế hoạch thực hiện đồ án (Đính kèm ở trang sau) A3

Nhóm 4

Page 12 of 88

5. Báo cáo họp nhóm (Đính kèm ở trang sau) A3

Nhóm 4

Page 13 of 88

6. Thiết kế dữ liệu cho đồ án

a. Thiết kế Mô hình ER

Hình 2: Mô hình ER

Nhóm 4

Page 14 of 88

b. Mô hình quan hệ của Dữ liệu (Đính kèm ở trang sau) A3

Nhóm 4

Page 15 of 88

7. Thiết kế layout cho đồ án môn học

7.1. FrontEnd

7.1.1. Mô hình ER:

Hình 3: Layout trang chủ

Nhóm 4

Page 16 of 88

7.1.2. Nhóm Sản Phẩm

Hình 4: Layout nhóm sản phẩm

Nhóm 4

Page 17 of 88

7.1.3. Chi Tiết Sản Phẩm

Hình 5: Layout chi tiết sản phẩm

Nhóm 4

Page 18 of 88

7.1.4. Thanh Toán

Hình 6: Layout thanh toán

Nhóm 4

Page 19 of 88

7.1.5. Thông Tin Đơn Hàng

Hình 7: Thông tin đơn hàng

7.1.6. Đăng Kí

Hình 8: Layout Đăng kí

Nhóm 4

Page 20 of 88

7.1.7. Đăng Nhập

Hình 9: Layout Đăng nhập

Nhóm 4

Page 21 of 88

8. Thiết kế giao diện cho đồ án

8.1. FrontEnd

8.1.1. Trang chủ - Ngọc

Hình 10: Giao diện trang chủ

Nhóm 4

Page 22 of 88

8.1.2. Danh Sách sản phẩm – Khánh

Hình 11: Giao diện danh sách sản phẩm

Nhóm 4

Page 23 of 88

8.1.3. Chi tiết sản phẩm – Ngọc

Hình 12: Giao diện chi tiết sản phẩm

Nhóm 4

Page 24 of 88

8.1.4. Giỏ hàng và thanh toán - Nga

Hình 13: Giao diện giỏ hàng và thanh toán

8.1.5. Đăng nhập- Khánh

Hình 14: Giao diện đăng nhập

Nhóm 4

Page 25 of 88

8.1.6. Đăng kí - Khánh

Nhóm 4

Page 26 of 88

8.1.7. Like FaceBook – Nga

Hình 15: Giao diện đăng ký

Nhóm 4

Page 27 of 88

Hình 16: Giao diện like Facebok

Nhóm 4

Page 28 of 88

8.1.8. Google+ - Ngọc

Nhóm 4

Page 29 of 88

Hình 17: Google+

Nhóm 4

Page 30 of 88

8.2. BackEnd

8.2.1. Đăng nhập Admin- Khánh

Hình 18: Giao diện đăng nhập Admin

8.2.2. Quản lý tài khoản- Nga

Hình 19: Giao diện quản tài khoản Admin

Nhóm 4

Page 31 of 88

8.2.3. Thêm tài khoản -Nga

Hình 20: Giao diện thêm tài khoản

8.2.4. Quản lý đơn hàng -Nga

Hình 21: Giao diện quản lý đơn hàng

Nhóm 4

Page 32 of 88

8.2.5. Quản lý sản phẩm- Nga

Hình 22: Giao diện quản lí sản phẩm

8.2.6. Thêm sản phẩm- Nga

Hình 23: Giao diện thêm sản phẩm

Nhóm 4

Page 33 of 88

8.2.7. Quản lý loại sản phẩm - Nga

Hình 24: Giao diện quản lí loại sản phẩm

8.2.8. Thêm loại sản phẩm - Nga

Hình 25: Giao diện thêm loại sản phẩm

Nhóm 4

Page 34 of 88

8.2.9. Chỉnh sửa loại sản phẩm - Nga

Hình 26:Giao diện chỉnh sửa loại sản phẩm

8.2.10. Quản lý chi tiết sản phẩm – Ngọc

Hình 27: Giao diện quản lí ctsp

Nhóm 4

Page 35 of 88

8.2.11. Thêm chi tiết sản phẩm- Ngọc

Hình 28: Giao diện thêm ctsp

8.2.12. Chỉnh sửa chi tiết sản phẩm – Ngọc

Hình 29: Giao diện chỉnh sửa ctsp

Nhóm 4

Page 36 of 88

8.2.13. Quản lý màu – Ngọc

Hình 30: Giao diện quản lí màu

8.2.14. Thêm màu – Ngọc

Hình 31: Giao diện thêm màu

Nhóm 4

Page 37 of 88

8.2.15. Sửa màu – Ngọc

Hình 32:Giao diện sửa màu

8.2.16. Quản lý size – Ngọc

Hình 33: Giao diện quản lí size

Nhóm 4

Page 38 of 88

8.2.17. Thêm size – Ngọc

Hình 34: Giao diện thêm size

Nhóm 4

Page 39 of 88

9. Phân tích, cài đặt chức năng cho đồ án

9.1. FrontEnd

9.1.1. Xem danh sách nhóm sản phẩm – Ngọc

- Màn hình

- Khi chọn vào danh mục nhóm thì hàm tương ứng sẽ được gọi thực hiện:

- View hiển thị lên giao diện:

Hình 35: Chức năng xem danh sách nhóm sản phẩm

Nhóm 4

Page 40 of 88

9.1.2. Xem danh sách loại sản phẩm - Khánh

- Màn hình

Hình 36: Chức năng xem danh sách nhóm sản phẩm

Nhóm 4

Page 41 of 88

- Chèn danh mục nhóm vào menu

- Hàm thực hiện là:

- View hiển thị lên giao diện:

Nhóm 4

Page 42 of 88

Nhóm 4

Page 43 of 88

9.1.3. Tìm kiếm autocomplete – Ngọc

- Màn hình

Hình 37: Chức năng xem danh sách nhóm sản phẩm

- Chèn ô tìm kiếm autocomplete

Nhóm 4

Page 44 of 88

- Hàm thực hiện là:

Nhóm 4

Page 45 of 88

- View hiển thị lên giao diện:

Nhóm 4

Page 46 of 88

9.1.4. Tìm kiếm nâng cao – Ngọc

- Màn hình

Nhóm 4

Page 47 of 88

Hình 38: Chức năng tìm kiếm nâng cao

- Chèn tìm kiếm theo màu, theo giá vào Left_Menu

Màu:

Nhóm 4

Page 48 of 88

Giá:

Ajax:

Nhóm 4

Page 49 of 88

Nhóm 4

Page 50 of 88

- Hàm thực hiện:

Nhóm 4

Page 51 of 88

Nhóm 4

Page 52 of 88

Nhóm 4

Page 53 of 88

- View hiển thị lên giao diện:

Nhóm 4

Page 54 of 88

9.1.5. Xem chi tiết sản phẩm – Ngọc

- Màn hình

Hình 39: Chức năng xem chi tiết sản phẩm

Nhóm 4

Page 55 of 88

- Hàm thực hiện là:

- View hiển thị lên giao diện:

9.1.6. Thêm vào giỏ hàng - Nga

- Màn hình:

Nhóm 4

Page 56 of 88

Hình 40: Chức năng thêm vào giỏ hàng

- Chèn vào web:

- Hàm thực hiện :

Nhóm 4

Page 57 of 88

9.1.7. Quản lí giỏ hàng -Nga

- Màn hình:

Hình 41: Chức năng quản lí giỏ hàng

- Chèn vào Web:

Nhóm 4

Page 58 of 88

- Hàm Thực Hiện:

Cập nhật:

Remove:

Nhóm 4

Page 59 of 88

9.1.8. Tiếp tục thanh toán -Nga

- Màn Hình:

Hình 42: Chức năng tiếp tục thanh toán

- Hàm thực hiện:

Nhóm 4

Page 60 of 88

9.1.9. Hoàn tất đặt hàng - Nga

Hình 43: Chức năng hoàn tất đặt hàng

Nhóm 4

Page 61 of 88

View hiển thị

Hàm thực hiện

9.1.10. Thanh toán - Nga

View hiển thị:

Hình 44: Chức năng thanh toán

Nhóm 4

Page 62 of 88

9.1.11. Đăng ký - Khánh

Hình 45: Chức năng đăng ký

Nhóm 4

Page 63 of 88

9.1.12. Đăng nhập - Khánh

9.1.13. Like, Share Facebook

Hình 46: Chức năng đăng nhập

Hình 47: Chức năng like, share Facebook

Nhóm 4

Page 64 of 88

9.1.14. Google+

9.2. BackEnd ( Chỉ hỗ trợ trên firefox/IE (version 9 trở lên))

9.2.1. Đăng nhập vào trang Admin – Ngọc

- Màn hình:

Hình 48: Chức năng đăng nhập trang admin

Nhóm 4

Page 65 of 88

- Chèn vào web:

- Hàm thực hiện :

9.2.2. Admin- Quản lý tài khoản – Nga

- Một phần màn hình hiện thị danh sách tài khoản :

Nhóm 4

Page 66 of 88

Hình 49: Chức năng quản lí tài

- Danh sách tài khoản đưa lên màn hình:

- Có thể thêm mới tài khoản

- Khi chọn them mới màn hình thêm mới được hiện thị nhập đầy đủ thông tin và nhấn nút thêm mới

Hình 50: Chức năng quản lí tài khoản

Nhóm 4

Page 67 of 88

- Xóa tài khoản

- Nhấp vào biểu tượng chéo để xóa

Nhóm 4

Page 68 of 88

- Cập nhật tài khoản

- Nhấp vào biểu tượng cây viết để sửa

- Màn hình sửa hiện thị điền đầy đủ thông tin và nhấn nút sửa

Nhóm 4

Page 69 of 88

9.2.3. Admin-Quản lý sản phẩm – Nga

- Xem danh sách sản phẩm

Màn hình hiện thị:

Hình 51: Chức năng quản lí sản

Danh sách sản phẩm đưa lên màn hình:

Nhóm 4

Page 70 of 88

- Thêm sản phẩm : Nhấn vào nút thêm để thêm 1 sản phẩm

Màn hình thêm sản phẩm được gọi nhập đầy đủ thông tin và nhấn nút thêm hàm thêm thực hiện thêm sản phẩm vào sơ sở dữ liệu

- Xóa sản phẩm

Nhấn vào biểu tượng chéo để xóa Hàm xóa được gọi

Nhóm 4

Page 71 of 88

- Chỉnh sửa sản phẩm:

Chọn vào biểu tượng cây bút để chỉnh sửa

Nhập đầy đủ thông tin và nhấn nút sửa hàm chỉnh sửa được gọi

Nhóm 4

Page 72 of 88

- Xem danh sách loại sản phẩm

- Thêm loại sản phẩm: Tương tự thêm sản phẩm

Code sử lý:

Nhóm 4

Page 73 of 88

- Xóa loại sản phẩm

- Sửa loại sản phẩm

Nhóm 4

Page 74 of 88

9.2.4. Admin-Quản lý chi tiết sản phẩm – Ngọc

9.2.4.1. Xem danh sách chi tiết sản phẩm Màn hình hiện thị :

Hình 52: Chức năng xem danh sách ctsp

Hàm thực hiện:

Nhóm 4

Page 75 of 88

9.2.4.2. Thêm chi tiết sản phẩm

Hình 53: Chức năng thêm ctsp

Nhấn vào nút thêm để thêm 1 chi tiết sản phẩm

Nhập đầy đủ thông tin và nhấn nút thêm hàm thêm sẽ được gọi:

Nhóm 4

Page 76 of 88

9.2.4.3. Xóa chi tiết sản phẩm Nhấn vào dấu chéo để xóa

Hình 54: Chức năng xóa ctsp

Code xử lý

9.2.4.4. Cập nhật chi tiết sản phẩm Nhấn vào cây bút để cập nhật

Điền các thông tin cần cập nhật và nhấn nút cập nhật hàm cập nhật sẽ gọi:

Nhóm 4

Page 77 of 88

9.2.4.5. Xem danh sách màu Màn hình hiện thị

Hình 55: Chức năng xem danh sách màu

Code đưa lên màn hình:

Nhóm 4

Page 78 of 88

9.2.4.6. Thêm mới màu

Nhấn vào nút thêm màu để thêm

Hình 56: Chức năng thêm mới màu

Hàm xử lý

Nhóm 4

Page 79 of 88

9.2.4.7. Xóa màu Nhấn vào biểu tượng dấu chéo để xóa

Hình 57: Chức năng xóa màu

Nhóm 4

Page 80 of 88

Hàm xử lý

9.2.4.8. Chỉnh sửa màu Nhấp vào biểu tượng cây viết để chỉnh sửa Hàm xử lý

Nhóm 4

Page 81 of 88

Nhóm 4

Page 82 of 88

10. Báo cáo kiểm thử sản phẩm của đồ án Hướng dẫn: Phần này các thành viên nào phụ trách kiểm thử đồ án sẽ viết báo cáo việc

kiểm thử ở mức tổng quát. Những chức năng nào đã được kiểm, kiểm bao nhiêu và một

số bộ test. Các test-case được gom cụm theo thành viên phụ trách và có ghi rõ họ tên.

Nhóm 4

Page 83 of 88

11. Hướng dẫn cài đặt

11.1. Import cơ sở dữ liệu vào SQLServer

- Bước 1:Mở Microsoft SQL Server Management lên, kết nối nối vào server, chọn

file > open > file

Bước 2: Chọn đường dẫn dẫn đến file Database/data.sql đi kèm theo project sau đó open:

Bước 3: Nhấn click vào Execute hoặc phím F5 để chạy.

Nhóm 4

Page 84 of 88

Nhóm 4

Page 85 of 88

11.2. Chỉnh sửa cấu hình file config của project

Bước 1: Mở vào Source/FashionShop chạy file FashionShop.sln sau khi chay ta có:

Nhóm 4

Page 86 of 88

Bước 2: Bên tay phải chọn cửa sổ Solution Explorer kéo xuống dưới cùng chọn web.cofig:

Bước 3: Chỉnh cấu hình file web.config Nhấp double click vào Web.config sau đó tìm đến thẻ <connectionStrings> trên dòng

<add name="FashionDBContext" tìm đến data source= “tên sqlserver” vào:

Nhóm 4

Page 87 of 88

Bước 4: Sau đó ta có thể ấn F5 và chạy chương trình.

Nhóm 4

Page 88 of 88

12. Hướng dẫn sử dụng

Host somee.com Tên đăng nhập Pass Link host 10110056 Khanh10110056 http://group3-10110056-

daoduykhanh.somee.com/

10110228 Ngoc10110228 http://group3-10110228-caonguyenngoc.somee.com/

10110177 Nga10110177 http://group3-10110177-lethinga.somee.com/

Tài khoản Ngân lượng Tên đăng nhập Tên đăng nhập Account chủ website

[email protected] conyeume123

Account khách hàng

[email protected]

conyeume123

Thông tin tài khoản đăng nhập hệ thống

Tên đăng nhập Mật khẩu Phân quyền

[email protected] 123456789 admin

[email protected] 123456789 admin

[email protected] 123456789 user

[email protected] 123456789 user