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

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (4.41 MB, 52 trang )

<span class="text_page_counter">Trang 1</span><div class="page_container" data-page="1">

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

</div><span class="text_page_counter">Trang 2</span><div class="page_container" data-page="2">

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

</div><span class="text_page_counter">Trang 3</span><div class="page_container" data-page="3">

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)

</div><span class="text_page_counter">Trang 4</span><div class="page_container" data-page="4">

II. Microsoft SQL Server...8

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

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

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

1. Mơ tả bài tốn:...10

2. Xác định 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

</div><span class="text_page_counter">Trang 5</span><div class="page_container" data-page="5">

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

</div><span class="text_page_counter">Trang 6</span><div class="page_container" data-page="6">

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 tố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

</div><span class="text_page_counter">Trang 7</span><div class="page_container" data-page="7">

<small>Hình 6: Sơ đồ Use Case khách hàng...17</small>

<small>Hình 7: Sơ đồ Use Case Admin...18</small>

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

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

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

<small>Hình 25: Giao diện đăng nhập Admin...41</small>

<small>Hình 26: Giao diện trang chủ Admin...41</small>

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

<small>Hình 31: Giao diện thống kê...44</small>

<small>Hình 32: Giao diện trang chủ...44</small>

<small>Hình 39: Giao diện thanh tốn...48</small>

</div><span class="text_page_counter">Trang 8</span><div class="page_container" data-page="8">

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

</div><span class="text_page_counter">Trang 9</span><div class="page_container" data-page="9">

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.

</div><span class="text_page_counter">Trang 10</span><div class="page_container" data-page="10">

CHƯƠNG 1: CƠ SỞ LÝ THUYẾT

I. 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

</div><span class="text_page_counter">Trang 11</span><div class="page_container" data-page="11">

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. Ngồ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 hồn tồn độc lập.

</div><span class="text_page_counter">Trang 12</span><div class="page_container" data-page="12">

Hình 2: SQL Server 2014

</div><span class="text_page_counter">Trang 13</span><div class="page_container" data-page="13">

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 u cầu đề:

1.Mơ tả bài tố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.

</div><span class="text_page_counter">Trang 14</span><div class="page_container" data-page="14">

- 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 số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.

</div><span class="text_page_counter">Trang 15</span><div class="page_container" data-page="15">

- Ngồi những 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 tồ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.

</div><span class="text_page_counter">Trang 16</span><div class="page_container" data-page="16">

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

</div><span class="text_page_counter">Trang 17</span><div class="page_container" data-page="17">

+ 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 <sub>Kiểm sốt</sub>thơ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

</div><span class="text_page_counter">Trang 18</span><div class="page_container" data-page="18">

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

</div><span class="text_page_counter">Trang 36</span><div class="page_container" data-page="36">

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

</div><span class="text_page_counter">Trang 37</span><div class="page_container" data-page="37">

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

</div><span class="text_page_counter">Trang 38</span><div class="page_container" data-page="38">

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

</div><span class="text_page_counter">Trang 39</span><div class="page_container" data-page="39">

KIỂU DỮLIỆU

MÔ TẢ

KIỂU DỮ

LIỆU NULL/N<sup>NOT</sup>ULL

8 SoDienTho

</div><span class="text_page_counter">Trang 40</span><div class="page_container" data-page="40">

MƠ TẢ

hóa đơn3 NgayGiaoHan

T <sup>TÊN THUỘC</sup>TÍNH <sup>KIỂU DỮ</sup>LIỆU NULL/NU<sup>NOT</sup>LL

MƠ TẢ

</div><span class="text_page_counter">Trang 41</span><div class="page_container" data-page="41">

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Ả

</div><span class="text_page_counter">Trang 42</span><div class="page_container" data-page="42">

II. Sơ đồ quan hệ

Hình 24: CSDL

</div><span class="text_page_counter">Trang 43</span><div class="page_container" data-page="43">

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

</div><span class="text_page_counter">Trang 44</span><div class="page_container" data-page="44">

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

</div><span class="text_page_counter">Trang 45</span><div class="page_container" data-page="45">

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

</div><span class="text_page_counter">Trang 46</span><div class="page_container" data-page="46">

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

</div><span class="text_page_counter">Trang 47</span><div class="page_container" data-page="47">

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

</div><span class="text_page_counter">Trang 48</span><div class="page_container" data-page="48">

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

</div><span class="text_page_counter">Trang 49</span><div class="page_container" data-page="49">

- 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 tốn

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

</div><span class="text_page_counter">Trang 50</span><div class="page_container" data-page="50">

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

Hình 39: Giao diện thanh tố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

</div><span class="text_page_counter">Trang 51</span><div class="page_container" data-page="51">

KẾT LUẬN

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

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

- 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 tố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.

</div>