ASP.NET BÁO CÁO TIỂU LUẬN Xây dựng website bán quần áo Bản phân tích thiết kế

ĐẠI HỌC THÁI NGUYÊN
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG
-------  -------

BÁO CÁO TIỂU LUẬN
ĐỀ TÀI:
WEBSITE SHOP THỜI TRANG

Thành Viên:
1. ……..
2. ………..
3. …………
4. …………….
5. ……………….

Giáo viên hướng dẫn: ThS

Thái nguyên, tháng 7 năm 2021

1


LỜI MỞ ĐẦU
Ngày nay dưới sự phát triển của khoa học kỹ thuật đã hỗ trợ rất nhiều trong
cuộc sống, công việc và nghiên cứu nhân loại. Sự phát triển của công nghệ thông tin
đem lại vô số thuận tiện trong đời sống. Các phần mềm được xây dựng để áp dụng vào
đời sống phục vụ cho những nhu cầu của con người. Dựa trên những xu hướng của
thời đại cơng nghệ số nhóm em xây dựng Website bán quần áo để giúp quảng cáo
các sản phẩm cho cửa hàng X để quảng bá cho các sản phẩm của cửa hàng cũng như
để mọi người có thể thuận tiện xem các thông tin trước khi đến cửa hàng để thuận tiện
cho sự lựa chọn của khách hàng.

Với trình độ hiểu biết và kinh nghiệm có hạn, đề tài khơng tránh khỏi sai xót và
hạn chế nhất định, chúng em rất mong nhận được sự góp ý của các thầy cơ giáo, các
sinh viên để giúp chúng tơi hồn thành tốt hơn về đề tài này. Trong thời gian thực hiện
đề tài nhóm chúng em xin chân thành cảm ơn tới các thầy cô giáo trong khoa Công
nghệ thông tin, đặc biệt là thầy (

)đã hướng dẫn và giúp đỡ chúng em trong q

trình nghiên cứu và hồn thành dự án thành công.
Chúng em xin chân thành cảm ơn!

2


Mục Lục

3


CHƯƠNG 1:

LẬP KẾ HOẠCH THỰC HIỆN

1.1 Thời gian thực hiện
A : Hoàn thành

P : Đang chờ D : Loại bỏ

1.2 Kế hoạch chi tiết
Thành viên thực

Công việc

hiện

Ghi chú

…
1.Lên kế hoạch cho từng người

Nt

A

3.Lên kế hoạch xây dựng và công nghệ

Nt

A

4.Lập thời gian phù hợp cho từng công việc

Nt

A

5.Tổng kết

.

A

6.Thu thập và làm rõ yêu cầu

.

7. Phân tích các yêu cầu đã thu thập được

.

8. Thiết kế kiến trúc phần mềm

.

Tuần 02 9. Lập trình các chức năng đã phân tích và

….

Tuần 01

thiết kế
10. Kiểm thử giao diện và các chức năng đã

…..

lập trình
11.Tổng kết

…..

Tuần 03 12.Thu thập và làm rõ các yêu cầu phát sinh
13. Phân tích các yêu cầu đã thu thập được
phát sinh

……
…..

14. Thiết kế kiến giao diện

…….

15. Lập trình các chức năng phát sinh

……..

16. Kiểm thử các chức năng phát sinh

………

4


17. Tổng kết

……….

18. Thu thập và làm rõ các yêu cầu phát sinh ……….

Tuần 04

19. Phân tích các yêu cầu đã thu thập được

…….

20. Thiết kế cơ sở dữ liệu

………

21.Lập trình kết nối với cơ sở dữ liệu

……….

22. Kiểm thử thao tác với cơ sở dữ liệu

……….

23.Tổng kết

……….
……

24.Thu thập và làm rõ các yêu cầu phát sinh
25. Phân tích các yêu cầu phát sinh
Tuần 05 26. Thiết kế giao diện cho các chức năng phát
sinh

……..
…….

27. Lập trình các chức năng phát sinh

………

28. Kiểm thử phi chức năng

……….

29: Tổng kết

Tuần 06

………

……..

……….

30.Báo cáo

Nt
Nt

31: Tổng kết

5


CHƯƠNG 2:
1.1

THU THẬP, LÀM RÕ YÊU CẦU

Thu thập yêu cầu
Yêu cầu chức năng của một hệ thống là quan trọng vì yêu cầu cung cấp các cơ

sở cho tất cả cơng việc phát triển hệ thống sau đó.
Hình thức thu thập yêu cầu: Phỏng vấn
2.1.1 Danh sách các câu hỏi khi thu thập và làm rõ yêu cầu của ứng dụng
Phỏng vấn : Chủ Shop
STT

1.

Câu hỏi (Questions)

Trả lời (Answers)

Anh chị đang sử dụng hình thức nào

Hiện chưa có chỉ bán dựa trên

để giới thiệu các mẫu quần áo của

những đợt giảm giá mọi người nhìn

cửa hàng mình ?

2.

4.

thấy trước cửa hàng để mua.

Thông tin các mặt hàng của cửa
hàng đến mọi người bằng cách nào?

Những khách hàng quen hoặc
những khách hàng vãng lai họ đến
cửa hàng để lựa chọn

Anh chị có muốn bán các sản phẩm
của mình online khơng?

Có

Anh có muốn có một website để giới
5

thiệu các mặt hàng của cửa hàng
cũng như bán online cho khách hàng

Có

khơng?

6.

7.

Anh chị

muốn có một giao diện

website như thế nào ?

Dễ nhìn, dễ sử dụng , có đầy đủ
thơng tin mà dịch vụ chúng tơi
cung cấp.

Anh muốn có tài liệu hướng dẫn sử
dụng ứng dụng hay khơng ?

6

Có . Tơi mong muốn có

Ghi
chú


Phỏng vấn: Khách Hàng
STT

8.

Câu hỏi (Questions)

Trả lời (Answers)

Ghi

chú

Tôi thường đến các cửa hàng

Anh chị hay mua các mặt hàng quần áo

mua hoặc vào các trang web của

như nào?

cửa hàng đó để lựa chọn.

Anh chị có xem được đầy đủ các
9.

thơng tin về sản phầm mình xem

Có

khơng?

10.

11.

Anh chị đánh giá như nào về các sản
phẩm mua online?

Thường thì sẽ giống với shop
quảng cáo những cũng có những

sản phẩm khơng được giống.

Anh chị có hay mua các sản phẩm Có và tơi thấy nó rẻ hơn so với
quần áo online khơng?

khi đến shop

Nhóm tự thảo luận (Vị trí Admin)
STT

12.

16.
17.
18.

Câu hỏi (Questions)

Trả lời (Answers)

Có cần thiết quản lý thơng tin về các

Có . Quản lý về các thông tin về

sản phẩm không?

các sản phẩm.

Admin có cần quản lý tài khoản

có

khơng?
Admin có cần đăng nhập khơng ?

có

Admin có thể xóa các mặt hàng đăng
lên khơng?
7

có

Ghi
chú


19.

Khách hàng có cần đăng ký tài khoản
khơng?

Khơng bắt buộc

20.

Khách hàng có cần đăng nhập khơng?

Khơng bắt buộc

21

Có cần quản lý tài khoản user khơng?

có

2.1.2 u cầu chức năng/phi chức năng của ứng dụng
Yêu cầu từ phía Stakeholder (Yêu cầu chức năng)
u cầu chức năng
1. Khách hàng:
• Xem thơng tin sản phẩm.
• Tìm kiếm các sản phẩm.
• Liên hệ.
• Đăng ký
• Đăng nhập
• Thêm vào giỏ hàng
2. Quản lý :
• Quản lý các sản phẩm.
• Quản lý tài khoản
• Đăng nhập
• Quản lý tài khoản user

Yêu cầu phi chức năng
• Ứng dụng chạy trên hệ điều hành window.
8


• Ứng dụng có giao diện đơn giản, dễ sử dụng.
• Ứng dụng có phần hướng dẫn sử dụng.
• Ứng dụng có thể cập nhật liên tục các thơng tin về khu du lịch

9


CHƯƠNG 3:

PHÂN TÍCH VÀ THIẾT KẾ ỨNG DỤNG

3.1 Đặc tả yêu cầu
3.1.1 Mục đích

Bán hàng online ở Việt Nam đã và đang phát triển rất mạnh mẽ. Hiện nay
với sự phát triển của công nghệ thông tin ai ai cũng được tiếp xúc với công
nghệ, vậy lên việc mua sắm của mọi người cũng rất đa năng có thể lên mạng
xem các mẫu quần áo ở những cửa hàng mới ra để mua sắm cũng như tiết kiệm
được thời gian để đến các cửa hàng lựa chọn.
Và hơn bao giờ hết, các doanh nghiệp doanh nghiệp Việt Nam đều nhận
thức sức mạnh của internet và lợi ích của việc thiết kế website để quảng báo về
các sản phẩm của công ty mình đem.
Từ đó chúng em đề xuất đề tài xây dựng website Shop quần áo cho công ty
X. Quảng cáo các sản phẩm quần áo của cửa hàng để mọi người có thể lựa chọn
mua hàng một cách dễ dàng và đưa ra những sản phẩm mới nhất mọi người có
thế mua hàng online để tiết kiệm thời gian và đưa ra được nhiều sự lựa chọn cho
bản thân.
a. Yêu cầu chức năng:
 Chức năng đăng ký
 Chức năng đăng nhập
 Chức năng xem thông tin sản phẩm
 Chức năng quản lý sản phẩm
 Chức năng giỏ hàng

b. Yêu cầu phi chức năng:
 Ứng dụng tương thích và có thể chạy trên nhiều loại trình duyệt
 Ứng dụng có giao diện đơn giản, dễ sử dụng.
 Ứng dụng có thể cập nhật liên tục các sản phẩm mới ra.

3.1.2 Phạm vi

Website kinh doanh thời trang được xây dựng bới nhóm 3. Với mục đích
đưa các sản phẩm của cửa hàng nên hệ thống website để kinh doanh buôn bán.
Hệ thống cho phép khách hàng có thể đăng nhập web, mua hàng, tìm kiếm
và xem thơng tin các sản phẩm. Người quản lý có thể quản lý thơng tin các sản
phẩm của hàng tại website.
10


a. Công cụ mà môi trường để phát triển dự án:

Cơng cụ của các thành viên trong nhóm: máy tính cấu hình, điện thoại, các
phần mềm hỗ chợ có bản quyền
Các phần mềm cơng cụ:
•

Visual Studio code

•

Photoshop

•

MS Office

•

MS Project

Cơng nghệ sử dụng:





HTML/CSS
Visual Studio
SQL server
Bootstrap

3.1.3 Các định nghĩa, thuật ngữ, từ viết tắt
STT
1
2
3

Thuật ngữ, từ viêt tắt

Giải thich

CSDL
Qly
Screen

Form
KH

Ghi chú

Cơ sở dữ liệu
Quản lý
Màn hình
Giao diện
Khách hàng

Tài liệu tham khảo
ST
T
1
2

Tên tài liệu

Ghi chú

Giáo trình mơn quản lý dự án phát triển phần mền
uml-diagrams.org

11


3.2 Mô tả tổng quan ứng dụng

Các tác nhân của hệ thống: Khách hang, quản lý

a. chức năng của người dùng:






Xem thơng tin địa điểm du lịch
Tìm kiếm địa điểm du lịch
Đăng nhập
Đăng ký
Bình luận

b. chức năng của người quản lý:



Quản lý các sản phẩm
Đăng nhập.

3.2.1 Mơ hình usecase tổng quát

3.2.1 Biểu đồ use case chi tiết với từng tác nhân
-

Tác nhân khách hàng:
12


Hình: 2.2 Biểu đồ use case chi tiết với tác nhân khách hàng

-

Tác nhân quản lý:

Hình 2.3: Biểu đồ use case của tác nhân quản lý(admin)
3.2.2 Danh sách các tác nhân và mô tả
Tác nhân
Quản lý
Khách hàng

Mô tả tác nhân
Là người đăng nhập giao diện quản lý của webstie. Có thể
quản lý thông tin quản lý loại sản phẩm, quản lý sản phẩm
Là người truy cập và sử dụng website thời trang. Có các chức
13

Ghi
chú


năng đăng nhập, đăng ký, đăng xuất, xem thông tin sản
phẩm, quản lý giỏ hàng…

3.2.3 Danh sách Use case và mô tả

ID
UC-1

Tên Use case
Đăng ký

UC-2

Đăng nhập

UC-3

UC-10

Xem thông tin
sản phẩm
Quản lý giỏ
hàng
Đăng xuất
Quản lý sản
phẩm
Quản lý loại sản
phẩm
Thêm sản phẩm
giỏ hàng
Xóa sản phẩm
giỏ hàng
Thêm sản phẩm

UC-11

Xóa sản phẩm

UC-4
UC-5

UC-6
UC-7
UC-8
UC-9

Mơ tả ngắn gọn use case
Use case cho phép khách hàng đăng ký tài khoản tại
website quảng bá du lịch
- Giúp khách hàng có thể đăng nhập vào website
-Giúp Quản lý có thể đăng nhập vào trang quản lý
Use case cho phép khách hàng xem thông tin chi tiết
sản phẩm
Use case cho phép khách hàng quản lý thông tin sản
phẩm tại giỏ hàng
Use case cho phép khách hàng đăng xuất khỏi website
Use case cho quản lý quản lý sản phẩm tại webtise
Use case cho quản lý quản lý loại sản phẩm tại webtise
Use case cho phép khách hang thêm sản phẩm mới
vào giỏ hàng
Use case cho phép khách hang xóa sản phẩm khỏi giỏ
hàng
Use case cho phép quản lý thêm sản phẩm mới lên
webstie
Use case cho phép quản lý xóa sản phẩm khỏi webstie

3.3. Đặc tả yêu cầu chức năng (FUNCTIONAL)
3.3.1. Đăng ký tài khoản(UC-1)
Đặc tả Use case
Mô tả use case UC đăng ký tài khoản
Tên chức năng: Đăng ký tài khoản(UC-1)

Tạo thành công tài khoản người dùng.
Mục đích
Chức năng cho phép khách hàng đăng ký tài khoản gồm các trường:Tên
Mô tả:
khách hàng, Email, Số điên thoại, Email, Mật khẩu, Địa chỉ. tại website

Tác nhân:
Điều kiện trước:
Điều kiện sau:

Khách hàng
Trang đăng ký được mở
Đăng ký tài khoản thành công và trở lại giao diện đăng nhập

14


Luồng sự kiện chính (Basic flows)
Bước
Tác nhân

1

Phản hồi của hệ thống

Người dùng nhập đầy đủ thông tin
trên giao diện đăng ký và yêu cầu
đăng ký tài khoản

2

Hệ thống tiếp nhận thông tin, lưu thông tin
đăng ký và hiển thị thông báo

Luồng sự kiện phụ (Alternative Flows):
2.1. Nếu thông tin người dùng nhập vào là khơng hợp lệ thì hiển thị thơng báo lỗi tại vị
trí thơng tin khơng hợp lệ

Biểu đồ
Biểu đồ hoạt động UC đăng ký tài khoản

Biểu đồ trình tự UC đăng ký tài khoản

15


3.3.2. Use case đăng nhập(UC-2)
Đặc tả Use case
Tên chức năng: Đăng nhập tài khoản(UC-2)

Mục đích:
Mơ tả:
Tác nhân:

Cho phép người dùng đăng nhập website
Sau khi nhập đủ và chính xác các trường: Usename, Password và yêu
cầu đăng nhập. Chức năng cho phép khách và quản lý đăng nhập hệ
thống.
- Khách hàng
- Quản lý.

Điều kiện trước:

Giao diện đăng nhập được mở

Điều kiện sau:

Giao diện trang chính

Luồng sự kiện chính (Basic flows)
Bước
Tác nhân
1
2

Phản hồi của hệ thống

Tại trang “Đăng nhập”, người dùng
nhập thông tin đăng nhập
Người dùng yêu cầu đăng nhập

3

Hệ thống kiểm tra thông tin tài khoản

4

Hệ thống xử lý đăng nhập của người dùng và
trả về kết quả đăng nhập thành công

16


Các dịng sự kiện ngoại lệ:
2.1. Nếu thơng tin người dùng nhập vào là khơng hợp lệ thì hiển thị thơng báo lỗi tại vị
trí thơng tin khơng hợp lệ
3.1. Nếu tên đăng nhập hoặc mật khẩu không trùng khớp với thơng tin có trong cơ sở
dữ liệu, hệ thống sẽ thông báo “Tên tài khoản hoặc mật khẩu sai”

Biểu đồ
a. biểu đồ trình tự

b. Biểu đồ hoạt động

17


3.3.3 Use case xem thông tin sản phẩm(UC-3)
Đặc tả use case
Tên chức năng: xem thơng tin sản phẩm(UC-3)
Mục đích:

Hiển thị thông tin chi tiết sản phẩm

Mô tả:

Sau khi người dùng click vào “xem chi tiết” giao diện thông tin chi tiết
sản phẩm được hiển thị

Tác nhân:

Khách hàng

Điều kiện trước:

đã truy cập vào website, tại giao diện trang chính.

Điều kiện sau:

giao diện chi tiết sản phẩm

Luồng sự kiện chính (Basic flows)
Bước
Tác nhân
1

Phản hồi của hệ thống

Tại giao diện trang chủ khách hàng yêu
cầu xem thông tin chi tiết sản phẩm

2

Hệ thống truy suất thông sản phẩm
trong CSDL.

3

Hệ thống hiện thị thông tin địa điểm
du lịch.

Luồng sự kiện phụ:

Biểu đồ
a. biểu đồ trình tự

18


b. Biểu đồ hoạt động

3.3.4 Use case Quản lý giỏ hàng(UC-4)
Đặc tả Use case
Tên chức năng: Quản lý giỏ hàng(UC-4)
Mục đích:

Cho phép người dùng quản lý sản phẩm tại giỏ hàng

Mơ tả:

Sau khi đăng nhập tại giao diện bất kì. Khách hàng yêu cầu hiển thị giỏ
hàng, tại đây khách hàng có thể xóa sản phảm khỏi giỏ hàng.

Tác nhân:

Khách hàng

19

Điều kiện trước:

Đã đăng nhập tài khoản vào website.

Điều kiện sau:

Giao diện giỏ hàng.

Luồng sự kiện chính (Basic flows)
Bước
Tác nhân
1

Phản hồi của hệ thống

Tại trang bất kì, khách hàng yêu cầu hiển
thị giỏ hàng

2

Truyền yêu cầu

3

Yêu cầu tìm kiếm sản phẩm giỏ hàng

4

Hệ thống truy xuất CSDL

5

Hệ thống hiện thị thông tin sản phẩm
giỏ hàng

Luồng sự kiện phụ (Alternative Flows):

Biểu đồ
a. biểu đồ trình tự

b. biểu đồ hoạt động

20


3.3.5 Use case đăng xuất(UC-5)
Đặc tả use case
Tên chức năng: Liên hệ(UC-5)
Mục đích:

Cho phép Khách hàng đăng xuất khỏi website

Mơ tả:

Giúp khách hàng đăng xuất tài khoản đã đăng nhập vào hệ thống

Tác nhân:

Khách hàng

Điều kiện trước:

Giao diện tài khoản được mở và đã đăng nhập vào website

Điều kiện sau:

Giao diện trang chính

Luồng sự kiện chính (Basic flows)
Bước
Tác nhân
1

Phản hồi của hệ thống

Tại giao tài khoản khách hàng
yêu cầu đăng xuất

2

Hệ thống tiếp nhận yêu, đăng xuất tài khản
khỏi website

Luồng sự kiện phụ (Alternative Flows):

Biểu đồ
a. biểu đồ trình tự
21

b. Biểu đồ hoạt động

3.3.6 Use case Quản lý sản phẩm(UC-6)
Đặc tả use case
Tên chức năng: Quản lý sản phẩm (UC-6)
Mục đích:
Mơ tả:

Cho phép người quản lý thơng tin sản phảm tại website
Hỗ trỡ người quản lý quản lý thông tin sản phẩm của website.(thêm, xóa)

Tác nhân:

Quản lý

Điều kiện trước:

Đã đăng nhập vào website quản lý

Điều kiện sau:

hiển thị giao diện quản lý sản phẩm

22


Các dịng sự kiện tổng qt chính: (Mơ tả các dịng sự kiện chính):
Bước
1

Tác nhân
Quản lý u cầu hiển thị giao diện
quản lý sản phẩm

Phản hồi của hệ thống

2

Truyền yêu cầu

3

Yêu cầu hiển thị form quản lý sản phảm
Truy vấn CSDL
Hiển thị giao diện quản lý sản phẩm

Các dòng sự kiện ngoại lệ:

biểu đồ
a. biểu đồ trình tự

b. Biểu đồ hoạt động

23


3.3.7 Quản lý loại sản phẩm(UC-7)
Đặc tả use case
Tên chức năng: Quản lý loại sản phẩm(UC-7)
Mục đích:

Mơ tả:

Cho phép người quản lý sửa thông tin địa điểm du lịch tại website
Sau khi đăng nhập vào website, Quản lý yêu cầu hiển thị giao diện quản lý
sản phẩm

Tác nhân:

Quản lý

Điều kiện trước:

Đăng nhập vào website quản lý

Điều kiện sau:

Quản lý loại sản phẩm

Các dịng sự kiện tổng qt chính: (Mơ tả các dịng sự kiện chính):
Bước
1

Tác nhân
Quản lý u cầu hiển thị giao diện
quản lý loại sản phẩm

Phản hồi của hệ thống

2

Truyền yêu cầu

3

Truyền yêu cầu hiển thị

4

Hệ thống lưu thông tin địa điểm đã sửa vào
CSDL thông báo thành công
Hiển thị giao diện quản lý sản phẩm

5
Các dòng sự kiện ngoại lệ:

biểu đồ
a. biểu đồ trình tự

b. Biểu đồ hoạt động
•

Sửa địa điểm du lịch:

24


3.3.8 Use case thêm mới sản phẩm giỏ hàng(UC-8)
Đặc tả use case
Tên chức năng: Thêm mới sản phẩm giỏ hàng(UC-8)
Mục đích:

Mơ tả:

Cho phép khách hàng thêm mới sản phẩm vào giỏ hàng
Tại giao diện thông tin chi tiết sản phẩm, khách hàng lựa chọn số lượng sản
phẩm muốn mua và yêu càu thêm sản phẩm vào giỏ hàng, sản phẩm sẽ
được thêm mới vào giỏ hàng

Tác nhân:

Khách hàng

Điều kiện trước:

Đã đăng nhập vào website và giao diện chi tiết sản phẩm được mở

Điều kiện sau:

Giao diện quản lý giỏ hàng

Các dịng sự kiện tổng qt chính: (Mơ tả các dịng sự kiện chính):
Bước
1

Tác nhân
Khách hàng chọn số lượng sản phẩm
và yêu cầu thêm sản phẩm vào giỏ
hàng

Phản hồi của hệ thống

2

Gửi yêu cầu

3

Truyền yêu cầu

4

Hệ thống truy suất cơ sở dữ liệu

5

Trả về kết quả thêm sản phẩm giỏ hàng

6

Xác nhận thêm sản phẩm thành công

25