tiểu luận môn học lập trình web tên tiểu luận xây dựng website bán quần áo

Khảo sát hiện trạng:Sau khi khảo sát hiện trạng thì em có được những thông tin sau:- Quản lý khách hàng: Mỗi khách hàng được quản lý các thông tin như sau: Họ tên, Tuổi, SĐT, địa chỉ, em

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘTVIỆN KỸ THUẬT – CÔNG NGHỆ

TIỂU LUẬN MÔN HỌCLẬP TRÌNH WEB

TÊN TIỂU LUẬN

XÂY DỰNG WEBSITE BÁN QUẦN ÁO

GVHD : Nguyễn Hữu VĩnhSVTH : Nguyễn Hồng LongMSSV : 1824801030255

BÌNH DƯƠNG, 12/2020

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘTVIỆN KỸ THUẬT – CÔNG NGHỆ

TIỂU LUẬN MÔN HỌCLẬP TRÌNH WEB

TÊN TIỂU LUẬN

XÂY DỰNG WEBSITE BÁN QUẦN ÁO

GVHD : Nguyễn Hữu VĩnhSVTH : Nguyễn Hồng LongMSSV : 1824801030255

BÌNH DƯƠNG – 12/2020

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘTVIỆN KỸ THUẬT – CÔNG NGHỆNHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN

Họ và tên giảng viên: Nguyễn Hữu Vĩnh

Tên đề tài: XÂY DỰNG WEBSITE BÁN QUẦN ÁONội dung nhận xét:

GIẢNG VIÊN CHẤM(Ký, ghi rõ họ tên)

II Microsoft SQL Server 8

CHƯƠNG 2: KHẢO SÁT VÀ PHÂN TÍCH YÊU CẦU ĐỀ 10

I Khảo sát hiện trạng: 10

II Phân tích yêu cầu đề: 10

1 Mô tả bài toán: 10

2 Xác định yêu cầu trang web: 11

CHƯƠNG 3: PHÂN TÍCH HỆ THỐNG 13

I Phân tích hệ thống: 13

II Mô tả yêu cầu hệ thống: 16

1 Biểu đồ use case: 16

2 Xác định các Use Case: 19

2.1 Khách hàng 19

2.2 Quản trị viên 19

3 Mô tả các Use Case: 20

3.1 Use case đăng nhập 20

3.2 Use Case Đăng ký thành viên 21

3.3 Use Case Tìm kiếm sản phẩm 21

3.4 Use case xem quảng cáo, tin tức 22

3.5 Use case liên hệ 23

3.6 Use case thanh toán 23

3.7 Use case đặt hàng 24

3.8 Use case quản lý sản phẩm 25

3.9 Use case quản lý hóa đơn 26

3.10 Use case quản lý KH 26

3.11 Use case quản lý thống kê 27

1

4 Biểu đồ hoạt động và tuần tự 29

4.8 Chức năng thống kê doanh thu 36

CHƯƠNG 4: THIẾT KẾ CƠ SỞ DỮ LIỆU 37

II Sơ đồ quan hệ 40

CHƯƠNG 5: THIẾT KẾ GIAO DIỆN 41

I Giao diện của người quản trị 41

1 Giao diện đăng nhập Admin 41

2 Giao diện trang chủ Admin 41

3 Giao diện Quản lý khách hàng 42

4 Giao diện quản lý sản phẩm 42

5 Giao diện quản lý hóa đơn 43

7 Giao diện Thống kê 44

II Giao diện của khách hàng 44

1 Giao diện trang chủ 44

2 Giao diện đăng nhập 45

3 Giao diện đăng ký 45

2

4 Giao diện quên mật khẩu 46

5 Giao diện sản phẩm 46

6 Giao diện chi tiết sản phẩm 47

7 Giao diện xem giỏ hàng 48

8 Giao diện thanh toán 48

9 Giao diện tìm kiếm sản phẩm 49

KẾT LUẬN 50

1 Kết quả đạt được 50

2 Những điểm chưa làm được 50

3 Hướng phát triển của đề tài 50

TÀI LIỆU THAM KHẢO 51

3

Hình 5: Sơ đồ Use Case tổng quát 16

Hình 6: Sơ đồ Use Case khách hàng 17

Hình 7: Sơ đồ Use Case Admin 18

Hình 8: Biểu đồ hoạt động chức năng đăng ký 29

Hình 9: Biểu đồ tuần tự chức năng đăng ký 29

Hình 10: Biểu đồ hoạt động chức năng đăng nhập 30

Hình 11: Biểu đồ tuần tự chức năng đăng nhập 30

Hình 12: Biểu đồ hoạt động tìm kiếm 31

Hình 13: Biểu đồ tuần tự tìm kiếm 31

Hình 14: Biểu đồ hoạt động chức năng đặt hàng 32

Hình 15: Biểu đồ tuần tự chức năng đặt hàng 32

Hình 16: Biểu đồ hoạt động quản lý sản phẩm 33

Hình 17: Biểu đồ tuần tự quản lý sản phẩm 33

Hình 18: Biểu đồ hoạt động chức năng quản lý hóa đơn 34

Hình 19: Biểu đồ tuần tự chức năng quản lý hóa đơn 34

Hình 20: Biểu đồ hoạt động chức năng quản lý KH 35

Hình 21: Biểu đồ hoạt động chức năng quản lý khách hàng 35

Hình 22: Biểu đồ hoạt động chức năng thống kê doanh thu 36

Hình 23: Biểu đồ tuần tự chức năng thống kê doanh thu 36

Hình 24: CSDL 40

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

Hình 26: Giao diện trang chủ Admin 41

Hình 27: Giao diện Quản lý khách hàng 42

Hình 28: Giao diện Quản lý sản phẩm 42

Hình 29: Giao diện Quản lý hóa đơn 43

Hình 30: Giao diện Quản lý bình luận 43

Hình 31: Giao diện thống kê 44

Hình 32: Giao diện trang chủ 44

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

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

Hình 35: Giao diện quên mật khẩu 46

Hình 36: Giao diện sản phẩm 46

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

Hình 38: Giao diện xem giỏ hàng 47

Hình 39: Giao diện thanh toán 48

Hình 40: Giao diện tìm kiếm sản phẩm 48

4

DANH MỤC BẢNG

Bảng 1: Đặc tả Use Case Đăng nhập 20

Bảng 2: Đặc tả Use Case đăng ký 21

Bảng 3: Đặc tả Use Case tìm kiếm sản phẩm 22

Bảng 4: Đặc tả Use Case xem quản cáo 22

Bảng 5: Đặc tả Use Case liên hệ 23

Bảng 6: Đặc tả Use Case thanh toán 24

Bảng 7: Đặc tả Use Case đặt hàng 25

Bảng 8: Đặc tả Use Case quản lý sản phẩm 25

Bảng 9: Đặc tả Use Case quản lý hóa đơn 26

Bảng 10: Đặc tả Use Case quản lý KH 27

Bảng 11: Đặc tả Use Case thống kê 28

MỞ ĐẦU

Ngày nay trước sự phát triển của khoa học kỹ thuật thì việc ứng dụngcông nghệ vào cuộc sống thật sự rất quan trọng và hữu ích không chỉ đem lạihiệu quả cao trong công việc mà còn góp phần to lớn cho sự nghiệp phát triểncủa con người của cộng đồng và của đất nước Hiện tại như chúng ta thấy đa sốcác ngành nghề phổ biến trong xã hội đều ứng dụng công nghệ - kỹ thuật vàovừa tạo được nâng suất cao mà còn giảm thiểu được thời gian làm việc đem lạithu nhập cao góp phần đẩy mạnh sự phát triển kinh tế và một trong số đó thì lĩnhvực quản lý thực sự giúp ích rất nhiều cho con người, việc áp dụng quản lý vàmua bán bằng máy tính thay cho việc quản lý và mua bán bằng thủ công ở cácdoanh nghiệp, công ty, cá nhân… là rất cần thiết.

-Trong hoạt động sản xuất, kinh doanh, thương mại điện tử đã khẳng dịnhđược vai trò xúc tiến và thúc đẩy sự phát triển của doanh nghiệp Đối với mộtcửa hàng hay shop, việc quảng bá và giới thiệu đến khách hàng các sản phẩmmới đáp ứng được nhu cầu của khách hàng thực sự cần thiết

Vì vậy mà em đã thực hiện đồ án “XÂY DỰNG WEBSITE BÁN QUẦNÁO” với mong muốn giúp cho khách hàng có thể xem và mua sắm online ngaytại nhà giảm thiểu được thời gian và công sức khi đến tận cửa hàng

Phần mềm được xây dựng với mục dích giúp cho việc mua sắm được dễdàng và nhanh gọn hơn, không mất thời gian và công sức.

Vì khả năng và thời gian còn hạn chế nên bài tiểu luận không tránh khỏicó những thiếu sót nhất định, rất mong sự góp ý của thầy, cô và các bạn để bàitiểu luận của em được hoàn thiện hơn Xin chân thành cảm ơn.

6

CHƯƠNG 1: CƠ SỞ LÝ THUYẾTI Visual studio

Visual studio là một trong những công cụ hỗ trợ lập trình và thiết kếwebsite rất nổi tiếng nhất hiện nay của Mcrosoft và chưa có một phần mềm nàocó thể thay thế được nó Visual Studio được viết bằng 2 ngôn ngữ đó chính là C#và VB+ Đây là 2 ngôn ngữ lập trình giúp người dùng có thể lập trình được hệthống một các dễ dàng và nhanh chóng nhất thông qua Visual Studio.

Visual Studio là một phần mềm lập trình hệ thống được sản xuất trực tiếptừ Microsoft Từ khi ra đời đến nay, Visual Studio đã có rất nhiều các phiên bảnsử dụng khác nhau Điều đó, giúp cho người dùng có thể lựa chọn được phiênbản tương thích với dòng máy của mình cũng như cấu hình sử dụng phù hợpnhất.

Bên cạnh đó, Visual Studio còn cho phép người dùng có thể tự chọn lựa giaodiện chính cho máy của mình tùy thuộc vào nhu cầu sử dụng

7

Hình 1: Visual Studio 2019

II Microsoft SQL Server

SQL Server hay còn gọi là Microsoft SQL Server, viết tắt là MS SQL Server.Đây là một phần mềm được phát triển bởi Microsoft dùng để lưu trữ dữ liệu dựatrên chuẩn RDBMS, và nó cũng là một hệ quản trị cơ sở dữ liệu quan hệ đốitượng (ORDBMS) SQL Server là một trong 3 công nghệ dữ liệu dẫn đầu hiệnnày cùng với Oracle Database và IBM’s DB2.

SQL Server hoạt động là một máy chủ cơ sở dữ liệu Chức năng chính của nó làlưu trữ và truy xuất dữ liệu theo yêu cầu của các ứng dụng phần mềm Nó sửdụng câu lệnh SQL để trao đổi dữ liệu giữa máy Client và máy cài SQL Server.SQL Server cung cấp đầy đủ công cụ để quản lý, từ giao diện GUI cho đến việcsử dụng ngôn ngữ truy vấn SQL Ngoài ra điểm mạnh của nó là Microsoft nêncó khá nhiều nền tảng kết hợp hoàn hảo với SQL Server như ASP.NET, C# xâydựng Winform, bởi vì nó hoạt động hoàn toàn độc lập.

8

Hình 2: SQL Server 2014

9

CHƯƠNG 2: KHẢO SÁT VÀ PHÂN TÍCH YÊU CẦU ĐỀ

I Khảo sát hiện trạng:

Sau khi khảo sát hiện trạng thì em có được những thông tin sau:

- Quản lý khách hàng: Mỗi khách hàng được quản lý các thông tin như sau: Họ tên, Tuổi, SĐT, địa chỉ, email….

- Quản lý hàng hóa: Mỗi một hàng hóa thì sẽ được quản lý các thông tin sau:Mã hàng, Tên hàng, Nhà sản xuất, Hình ảnh, Số lượng, Đơn giá, Mã loại hàng, Tên loại hàng…

- Quản lý nhà sản xuất: Tên nhà sản xuất, Mã nhà sản xuất, Địa chỉ, SĐT, Email,

- Quản lý tin tức: mã tin tức, tên tin tức, mục tin, - Bên cạnh đó thì hệ thống còn xử lý đơn hàng và thống kê.

Về khách hàng: khác với việc mua sắm ở của hàng ở đây khách hàng sẽ tự thao tác thông qua website từng bước cụ thể để có thể mua sắm.

II Phân tích yêu cầu đề:

1.Mô tả bài toán:

Đây là một website bán và giới thiệu sản phẩm của cửa hàng, công ty đếnngười tiêu dùng với các chi tiết mặt hàng và giá cả chính xác Có các chứcnăng cụ thể như sau:

- Cho phép cập nhật hàng vào CSDL như thêm hàng, sửa thông tin mặthàng, xóa mặt hàng đã hết…

- Hiển thị danh sách các mặt hàng theo từng loại.- Hiển thị hàng hóa khách hàng đã chọn mua.- Hiển thị thông tin khách hàng.

- Quản lý đơn đặt hàng.

10

- Cập nhật thông tin nhà sản xuất, loại hàng, tin tức.- Xử lý đơn hàng.

- Thống kê các khách hàng đã mua hàng trong ngày, trong tháng, trongnăm.

2.Xác định yêu cầu trang web:

Hệ thống có 2 phần:Thứ nhất: Phần khách hàng:

- Khách hàng là những người có nhu cầu mua sắm hàng hóa, họ sẽ tìmkiếm các mặt hàng cần thiết từ hệ thống và đặt mua các mặt hàng này Vìthể phải có các chức năng sau:

- Hiển thị danh sách các mặt hàng của cửa hàng để khách hàng xem, lựachọn và mua.

- Khách hàng xem các thông tin tin tức mới, khuyến mãi trên trang web.- Sau khi khách hàng chọn và đặt hàng trực tiếp thì phải hiện lên đơn hàng

để khách hàng có thể nhập thông tin mua hàng và xem hóa đơn mua hàng.Thứ hai: Dành cho người quản trị:

- Người làm chủ có quyền kiểm soát mọi hoạt động của hệ thống Ngườinày được cấp username và password để đăng nhập vào hệ thống thực hiệncác chức năng như sau:

- Cập nhật, thêm, sửa, xóa các mặt hàng, loại hàng, nhà sản xuất và cácthông tin cụ thể khác đòi hỏi phải có sự chính xác.

- Tiếp nhận kiểm tra và xác nhận các đơn hàng đặt qua website của kháchhàng

- Thống kê doanh thu bán được trong ngày, các mặt hàng chạy Từ đó mỗitháng sẽ thống kê lại doanh thu các mặt hàng bán được nhiều và các mặthàng bán chậm.

- Chăm sóc khách hàng: Tiếp nhận thông tin các câu hỏi của khách và phảnhồi lại cho khách hàng khi cần thiết Bên cạnh đó thì có thể tư vấn và giúpđỡ khách hàng có nhu cầu.

11

- Ngoài những yêu cầu trên thì website cấp các thông tin quảng cáo hấp dẫnthu hút khách hàng Và điều website phải được thiết kế sao cho nhìn bắtmắt dễ hiểu và làm sao cho khách hàng có thể nhìn thấy được thông tin họcần tìm, cuối cùng là hệ thống website phải có tính bảo mật an toàn vềthông tin của khách hàng Đồng thời website luôn phải cập nhật, sửa lỗivà đổi mới.

12

CHƯƠNG 3: PHÂN TÍCH HỆ THỐNG

I Phân tích hệ thống:

Biểu đồ phân cấp chức năng:

Hình 3: Chức năng cơ bản của website

Biểu đồ luồng dữ liệu:

website bán QUẦN ÁO

Khách hàngGiao dịch

Đăng nhập

Đăng ký

Tìm kiếm Xem TT sản

phảm Đặt hàng

Liên hệ

Quản trị

QL Khách hàngQL sản phẩm

+ Biểu đồ luồng dữ liệu mức khung cảnh:

Biểu đồ mức khung cảnh cần thể hiện các tác nhân của hệ thống, các luồngdữ liệu tổng quan.

Khách hàng gửi các yêu cầu mua hàng tới hệ thống, hệ thống nhận các đơnhàng và gửi lại các thông tin cho khách hàng Sau quá trình kiểm tra và xử lý thìsẽ trả lời khách hàng.

+ Biểu đồ phân cấp chức năng dưới mức đỉnh

Khách Hàng

Các thông tin tiện íchKhách hàng

Quản trịThông tin

mua hàngHóa đơn

mua hàng

Báo cáo trả lời

Mua hàng

Website bán Quần áo

Yêu cầu thống kê khoThông tin

đăng nhập Kiểm soátthông tin KHThông tin

phản hồi

Thông tinphản hồiQuản trị

Hình 4: Phân cấp chức năng14

s n ph mả ẩ

Báo giá

Hàng hóa

Các thông tin khác

viên VIP

Hàng hóa

15

Hình 16: Biểu đồ hoạt động quản lý sản phẩm

Hình 17: Biểu đồ tuần tự quản lý sản phẩm

33

4.6 Chức năng quản lý hóa đơn

4.7 Chức năng quản lý KH

Hình 18: Biểu đồ hoạt động chức năng quản lý hóa đơn

Hình 19: Biểu đồ tuần tự chức năng quản lý hóa đơn

Hình 20: Biểu đồ hoạt động chức năng quản lý KH

Hình 21: Biểu đồ hoạt động chức năng quản lý khách hàng34

4.8 Chức năng thống kê doanh thu

CHƯƠNG 4: THIẾT KẾ CƠ SỞ DỮ LIỆU

I Đặc tả dữ liệu

Hình 22: Biểu đồ hoạt động chức năng thống kê doanh thu

Hình 23: Biểu đồ tuần tự chức năng thống kê doanh thu

35

KIỂU DỮLIỆU

MÔ TẢ

KIỂU DỮ

LIỆU NULL/NNOTULL

8 SoDienTho

36

MÔ TẢ

hóa đơn3 NgayGiaoHan

T TÊN THUỘCTÍNH KIỂU DỮLIỆU NULL/NUNOTLL

MÔ TẢ

37

KIỂU DỮ LIỆU

KHÓA CHÍNH

KHÓA PHỤ

khách Bảng 16: Bảng Size_Sản phẩm

Bảng 17: Bảng SizeST

KIỂU DỮLIỆU

MÔ TẢ

KIỂU DỮLIỆU

MÔ TẢ

38

II Sơ đồ quan hệ

Hình 24: CSDL

39

CHƯƠNG 5: THIẾT KẾ GIAO DIỆN

I Giao diện của người quản trị

1 Giao diện đăng nhập Admin

- Người quản trị đăng nhập bằng tài khoản đã được cấp quyền để đăng nhậpvào hệ thống.

Hình 25: Giao diện đăng nhập Admin2 Giao diện trang chủ Admin

Hình 26: Giao diện trang chủ Admin40

3 Giao diện Quản lý khách hàng

- Người quản trị có thể quản lý các thông tin khách hang tại đây.

Hình 27: Giao diện Quản lý khách hàng4 Giao diện quản lý sản phẩm

- Người quản trị có thể quản lý thông tin các sản phẩm tại đây.

Hình 28: Giao diện Quản lý sản phẩm

41

5 Giao diện quản lý hóa đơn

- Người quản trị có thể quản lý các hóa đơn bán hang tại giao diện này.

Hình 29: Giao diện Quản lý hóa đơn6 Giao diện Quản lý bình luận

- Người quản trị có thể quản lý các bình luận của khách hàng tại giao diện này.

Hình 30: Giao diện Quản lý bình luận

42

7 Giao diện Thống kê

- Người quản trị có thể thống kê doanh thu tại giao diện này.

II Giao diện của khách hàng

1 Giao diện trang chủ

Hình 31: Giao diện thống kê

Hình 32: Giao diện trang chủ43

2 Giao diện đăng nhập

- Khách hàng có thể đăng nhập vào trang chủ cửa hang bằng tài khoản đãcó của mình để mua sắm tại cửa hàng.

3 Giao diện đăng ký

- Khách hàng có thể đăng kí tài khoản để có thể mua sắm tại cửa hàng.Hình 34: Giao diện đăng ký

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

44

4 Giao diện quên mật khẩu

- Khách hang có thể sử dụng chức năng quên mật khẩu để lấy lại mật khẩu của mình tại trang này.

5 Giao diện sản phẩm

- Khách hàng có thể xem các sản phẩm của cửa hàng tại trang này.

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

Hình 35: Giao diện quên mật khẩu

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

45

- Khách hàng có thể xem thông tin chi tiết các sản phẩm của cửa hàng.

7 Giao diện xem giỏ hàng

- Khách hàng có thể xem giỏ hàng của mình đã mua sắm.

8 Giao diện thanh toán

Hình 38: Giao diện xem giỏ hàng

46

- Sau khi mua sắm khách hàng có thể thực hiện thanh toán ở giao diện này.

Hình 39: Giao diện thanh toán9 Giao diện tìm kiếm sản phẩm

- Khách hàng nhập sản phẩm cần tìm trên thanh tìm kiếm và nhấn enter, các sản phẩm cần tìm sẽ hiển thị trong trang này.

10

Hình 40: Giao diện tìm kiếm sản phẩm

47

KẾT LUẬN1 Kết quả đạt được

Sau thời gian thực hiện đề tài, chương trình đã hoàn thành và đạt được một sốkết quả

sau:

- Hiểu rõ quy trình bán quần áo trực tuyến

- Xây dựng thành công website bán quần áo đáp ứng nhu cầu đặt ra củangười tiêu dùng

- Tìm hiểu và nắm khá rõ về các công cụ để xây dựng website như: SQLServer, Visual Studio.

- Giao diện của chương trình thân thiện, dễ sử dụng,

- Website đã giúp người dùng tiết kiệm thời gian, công sức để có được mộtsản phẩm ưng ý Dễ dàng quản lý thông tin chi tiết người dùng, các thông tin vềsản phẩm và những đơn hàng của người mua sản phẩm từ đó sẽ thuận tiện choviệc thanh toán và giao hàng

- Thực hiện kiểm thử phần mềm ở mức độ lập trình 2 Những điểm chưa làm được

- Chưa thể cập nhật hết được tất cả những sản phẩm hiện đang có mặt trên thịtrường Vì website khá rộng nên chưa thiết kế hoàn chỉnh được.

- Website chưa được thử nghiệm trên mạng Internet

3.Hướng phát triển của đề tài

Với nỗ lực của bản thân, em đã cố gắng hoàn thành yêu cầu đề tài Do thời gian và năng lực có hạn nên website của em chỉ đi sâu vào chức năng bán sản phẩm Nhóm đề tài hướng phát triển website trở thành một website bán hàng chuyênnghiệp Cung cấp đầy đủ những mặt hàng hiện đang có trên thị trường với giá cảhợp lý, phải chăng.

48