Lập trình web tên đề tài xây dựng website bán giày juno

Website bán hàng không chỉ là công cụ truyền tải thông tin sản phẩm, dịch vụ đến người tiêu dùng một cách đầy đủ và nhanh chóng thu hút một lương khách hàng tiềm năng lớn dành cho doanh

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT

VIỆN KỸ THUẬT - CÔNG NGHỆ

BÁO CÁO KẾT THÚC HỌC PHẦN

LẬP TRÌNH WEB

TÊN ĐỀ TÀI:

XÂY DỰNG WEBSITE BÁN GIÀY JUNO

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT

VIỆN KỸ THUẬT - CÔNG NGHỆ

BÁO CÁO KẾT THÚC HỌC PHẦN

LẬP TRÌNH WEB

TÊN ĐỀ TÀI:

XÂY DỰNG WEBSITE BÁN GIÀY JUNO

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

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

Tên đề tài: XÂY DỰNG WEBSITE SHOP GIÀY JUNO

Nội dung nhận xét:

Điểm:

Bằng số:

Bằng chữ:

GIẢNG VIÊN

(Ký, ghi rõ họ tên)

Nguyễn Hữu Vĩnh

LỜI GIỚI THIỆU

Trong nền kinh tế hiện nay, các nhà kinh doanh luôn nỗ lực tìm kiếm những chiến lượcmarketing nhằm thu hút và bán hàng hiệu quả, đẩy mạnh phát triển cho doanh nghiệp Sức cạnh tranh của các đơn vị kinh doanh ngày càng trở nên khốc liệt và không ít các chủ đầu tư đã ứng dụng hệ thống internet vào sản xuất kinh doanh Ngoài việc bán hàng trên mạng xã hội, hệ thống các trang thương mại điện tử thì website được đánh giá phương tiện hỗ trợ bán hàn ghiệp quả và khá linh hoạt

Website bán hàng không chỉ là công cụ truyền tải thông tin sản phẩm, dịch vụ đến người tiêu dùng một cách đầy đủ và nhanh chóng thu hút một lương khách hàng tiềm năng lớn dành cho doanh nghiệp khi kết hợp với các chiến lược Marketing online

Vì thế, Tôi tham gia làm bài tập lớn về “xây dựng website bán giày Juno” Với mục đích là cầu nối gắn kết giữa Nhà cung cấp và người sử dụng Website của chúng tôi đạidiện cho một Nhà cung cấp, cung cấp các mặt hàng và cung cấp thông tin sản phẩm của Nhà cung cấp đến người tiêu dùng

Sự thành công của một trang web thể hiện ở những dịch vụ mà trang đó đáp ứng được đối với người dùng; do vậy việc phân tích yêu cầu người dùng một cách chính xác và trung thực là điều cực kì quan trọng, Khách hàng muốn đặt mua sản phẩm của Nhà cung cấp, Khách hàng không cần phải đến tận Nhà cung cấp để đặt mua Mà khách hàng chỉ cần ghé vào website là có thể đặt mua sản phẩm mà mình cần vừa tiện lợi, vừa nhanh, vừa tiết kiệm thời gian, công sức và chi phí đi lại

Dưới sự hướng dẫn của Thầy: Nguyễn Hữu Vĩnh và sự nỗ lực giúp đở của các bạn,chúng tôi đã thảo luận, thống nhất và hoàn thành: “xây dựng website bán giày Juno”.Đây là một hệ thống đơn giản nhưng đủ mạnh để cho phép nhanh chóng Thiết kế cácứng dụng bán hàng trên Internet Nhưng sẽ không tránh khỏi được những thiếu sót.Mong Thầy và các bạn đóng góp ý kiến để Website của tôi được hoàn thiện hơn và cónhiều ứng dụng tốt trong cuộc sống thực tế

Em chân thành cám ơn!

Mục lục

Chương 1 Giới thiệu 8

1.1 Giới thiệu đề tài 8

1.2 Phạm vi của đề tài 8

1.3 Chức năng chính của đề tài 9

Chương 2 : Phân tích và thiết kế hệ thống 10

2.1 Biểu đồ Class 10

2.1.1 Sơ đồ Class tổng quan 10

2.1.2 Mô tả từng Class 10

- Bảng Giày: Lưu thông tin sản phẩm 10

2.2 Biểu đồ Use-Case 15

2.2.1 Sơ đồ tổng quan 15

2.2.2 Sơ đồ phân rã chức năng: 16

2.2.3 Đặc tả các use-case 17

Chương 3 : Giao diện của phần mềm 29

3.1 Giao diện người dùng 29

3.1.1 Giao diện trang đăng nhập 29

3.1.2 Giao diện trang chủ 29

3.1.3 Giao diện đăng nhập 30

3.1.4 Giao diện đăng kí 30

3.1.5 Footer 31

3.1.6 Giao diện sản phẩm 31

3.1.7 Giao diện tìm kiếm sản phẩm 32

3.1.8 Giao diện giỏ hàng 32

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

3.1.10 Giao diện đặt hàng 34

3.1.11 Giao diện chi tiết đặt hàng 34

3.2 Giao diện Admin 35

3.2.1 Giao diện trang admin 35

3.2.2 Giao diện đăng nhập 36

3.2.3 Giao diện quản lý đơn hàng 36

3.2.4 Giao diện quản lý sản phẩm 37

3.2.5 Quản lý doanh thu 37

3.2.6 Quản lý nhân viên 38

3.2.7 Quản lý khách hàng 38

Chương 4 KẾT LUẬN 39

4.1 Kết quả đạt được 39

4.2 Những điểm chưa làm được 40

Chương 5 TÀI LIỆU THAM KHẢO 40

Danh Mục Hình

Hình 1 Use-case đăng nhập -15

Hình 2 Use-case đăng nhập Admin -16

Hình 3 UC Đăng kí -17

Hình 4 Use-case giỏ hàng -18

Hình 5 Use-case Mua Hàng -19

Hình 6 Use-case Quản lý -20

Hình 7 Sơ đồ Đăng ký -21

Hình 8 Sơ đồ Đăng Nhập -22

Hình 9 Sơ đồ Đặt hàng -23

Hình 10 Sơ đồ Quản lý thông tin cá nhân -23

Hình 11 Sơ đồ hoạt động Đăng ký -24

Hình 12 Sơ đồ hoạt động Đăng nhập -24

Hình 13 Sơ đồ hoạt động xem sản phẩm -25

Hình 14 Sơ đồ hoạt động Tìm kiếm sản phẩm -25

Hình 15 Sơ đồ hoạt động Đặt hàng -25

Hình 16 Sơ đồ hoạt động Tình trạng đơn hàng -26

Hình 17 Sơ đồ hoạt động quản lý thông tin cá nhân -26

Hình 18 Giao diện đăng nhập -27

Hình 19 Giao diện trang chủ -27

Hình 20 Giao diện đăng nhập -28

Hình 21 Giao diện đăng kí -28

Hình 22 Footer -28

Hình 23 Giao diện sản phẩm -29

Hình 24 Giao diện trang tìm kiếm -30

Hình 25 Giao diện trang Giỏ hàng -30

Hình 26 Giao diện chi tiết sản phẩm -31

Hình 27 Giao diện đặt hàng -32

Hình 28 Giao diện chi tiết đặt hàng -32

Hình 29 Trang admin -33

Hình 30 Trang đăng nhập -34

Hình 31 Quản lý đơn hàng -34

Hình 32 Trang nhập sản phẩm -35

Hình 33 Trang thống kê doanh thu -35

Hình 34 Quản lý khách hàng -36

Hình 35 Quản lý khách hàng -36

Danh Mục Bảng

Bảng 1 Sơ đồ class tổng quát -9

Bảng 2 Giày -9

Bảng 3 Khách hàng -10

Bảng 4 Loại Giày -10

Bảng 5 Nhân viên -11

Bảng 6 Đánh giá sản phẩm -11

Bảng 7 Nhập giày -11

Bảng 8 Nhà sản xuất. -12

Bảng 9 Chi tiết đặt hàng. -12

Bảng 10 Nhân viên -12

Bảng 11 Danh sách sản phẩm -13

Bảng 12 Chức vụ. -13

Bảng 13 Đặt hàng -13

Bảng 14 Use-case tổng quan -14

Bảng 15Sơ đồ phân rã chức năng. -15

Bảng 16 UC đăng nhập -17

Bảng 17 Use-case đăng nhập Admin -18

Bảng 18 UC Đăng kí -19

Bảng 19Use-case giỏ hàng -20

Bảng 20 Use-case Mua Hàng -21

Bảng 21 Use-case Quản lý -22

Chương 1 Giới thiệu

1.1 Giới thiệu đề tài

Ngày nay với việc học kỹ thuật ngày càng phát triển mạnh mẽ đặc biệt là côngnghệ thông tin, những gì mà công nghệ thông tin tạo ra giúp con người phát triển trongnhiều lĩnh vực

Đặc biệt trong lĩnh vực thương mại điện tử, việc áp dụng công nghệ thông tinvào thương mại điện tử giúp cho việc mua bán trên mạng ngày càng dễ dàng hơn, sẽkích thích người tiêu dùng mua hàng nhiều hơn qua đó sẽ làm tăng doanh thu cho cửahàng Tuy nhiên hiện nay việc mua bán trên mạng cũng còn nhiều vấn đề cần giảiquyết như:

Người tiêu dùng lo ngại về chất lượng sản phẩm

Lo ngại hàn ghoá không đén được tay người tiêu dùng

Lo ngại về tính bảo mật thông tin của khách hàng trên website thương mại điệntử

Lo ngại về tính bảo mật của hệ thống thanh toán trên website

Mặt kahsc việc bán hàng qua mạng có nhiều lợi ích hơn so với bán hàngtruyeefnt hống như:

Quảng bá thông tin và tiếp thị trong thị trường toàn cầu với chi phí thấp

Cung cấp dịch vụ tốt hơn cho khách hàng

Tăng doanh thu và giảm chi phí

Tạo lợi thế cạnh tranh

Do đó, để tạo nên một website thương mại điện tử chuyên nghiệp và tạo đượclòng tin cho khách hàng là một việc không dễ dàng

Trong khuôn khổ đề tài của mình, em chỉ dừng lại ở việc xây dựng Website bángiày Juno Mặt dù đã cố gắng rất nhìu để hoàn thành công việc nhưng d thời gian cóhạn và kiến thức thực tế chưa nhiều nên còn nhiều thiếu sót cần được bỗ sung Emmong nhận được ý kiến đóng góp của thầy cô và bạn bè

1.2 Phạm vi của đề tài

Ngày nay trong cuộc sống của chúng ta không xa lại đối với hình ảnh của nhưngđôi giày thể thao, thời trang, sành điệu, … Giày có thể nói là 1 thứ không thể thiếu

trong cuộc sống thời hiện đại vì thế nhóm chúng em xây dựng 1 website bán giày được cung cấp bởi công ty giày Juno phục vụ cho khách hàng được xem, tìm hiểu và mua hàng trực tiếp trên website.

1.3 Chức năng chính của đề tài

Phía hệ thống website sẽ phải đầu tư định hướng website lên Top từ Kiếm (SEO)

để việc tiếp cận và tiêu thụ sản phẩm được phát triển hơn

Quản trị hệ thống website cần liên tục cập nhật các mẫu giày mới được săn đón, cần cóđội ngũ chuyên nghiệp cho việc mua, bán, giao hàng được hiệu quả cao nhất

Thông tin sản phẩm của website phải thật chính xác và tin tưởng cho người dùng và đưa thông tin sản phẩm lên website nhanh nhất có thể

Sẽ có bộ phận nhân viên tiếp nhận thông tin sản phẩm, rà soát và chuyển thông tin đến bộ phận giao hàng hóa

Khách hàng có thể đặt hàng, Mua hàng, xem sản phẩm, chia sẽ sản phẩm cho các người dùng khác cùng truy cập xem và mua sản phẩm

Qua Phân tích yêu cầu chúng ta cần phải xây dựng có quyền và chức năng cho các đối tượng:

Khách hàng: xem sản phẩm, mua sản phẩm, đánh giá sản phẩm, bình luận sản phẩm, tìm sản phẩm, đăng kí tài khoản, đổi được thông tin tài khoản, chia sẻ sản phẩm, …

Admin: đưa thông tin lên website, kiểm soát quyền của các admin dưới, kiểm soát trang web, kiểm soát người dùng, đổi thông tin trang web, …

Chương 2 : Phân tích và thiết kế hệ thống

2.1 Biểu đồ Class

2.1.1 Sơ đồ Class tổng quan

Bảng 1 Sơ đồ class tổng quát

2.1.2 Mô tả từng Class

- Bảng Giay: Lưu thông tin sản phẩm

Bảng 2 Giày

- Bảng KhachHang: Lưu thông tin khách hàng.

- Bảng ChucVu:

Bảng 12 Chức vụ.

- Bảng DatHang:

Bảng 13 Đặt hàng

2.2 Biểu đồ Use-Case

2.2.1 Sơ đồ tổng quan

Bảng 14 Use-case tổng quan

2.2.2 Sơ đồ phân rã chức năng:

Bảng 15Sơ đồ phân rã chức năng.

2.2.3 Đặc tả các use-case

+ Use-case đăng nhập

Hình 1 Use-case đăng nhập

Mô tả Use-Case cho phép Khách hàng đăng nhập để mua hàng

Điều kiện kích hoạt Khi người dùng chọn chức năng đăng nhập từ trang chủ

của hệ thốngTiền điều kiện Người dùng phải có tài khoản trên hệ thống

Hậu điều kiện Người dùng đăng nhập thành công

Luồng sự kiện chính 1 Hệ thống hiển thị màn hình đăng nhập

2 Người dùng nhập tên đăng nhập và mật khẩu

3 Hệ thống kiểm tra thông tin đăng nhập

4 Nếu thành công hệ thống hiển thị màn hình đăng nhập thành công

5 Kết thúc Use-Case

Luồng sự kiện phụ A Mật khẩu không hợp lệ: Khi người dùng nhập sai tên

đăng nhập hoặc mật khẩu

1 Hệ thống hiển thị lại màn hình đăng nhập để người dùng nhập lại thông tin kèm theo thông báo tên đăng nhập

và mật khẩu bị sai

2 Quay lại bước 2 trong luồng sự kiện chính

Bảng 16 UC đăng nhập

+ Use-case đăng nhập Admin

Hình 2 Use-case đăng nhập Admin

Điều kiện kích hoạt Khi người dùng chọn chức năng đăng nhập từ trang chủ

của hệ thốngTiền điều kiện Người dùng phải có tài khoản trên hệ thống

Hậu điều kiện Người dùng đăng nhập thành công

Luồng sự kiện chính 1 Hệ thống hiển thị màn hình đăng nhập

2 Người dùng nhập tên đăng nhập và mật khẩu

3 Hệ thống kiểm tra thông tin đăng nhập

4 Nếu thành công hệ thống hiển thị màn hình đăng nhập thành công

5 Kết thúc Use-CaseLuồng sự kiện phụ A Mật khẩu không hợp lệ: Khi người dùng nhập sai tên

đăng nhập hoặc mật khẩu

1 Hệ thống hiển thị lại màn hình đăng nhập để người dùng nhập lại thông tin kèm theo thông báo tên đăng nhập

và mật khẩu bị sai

2 Quay lại bước 2 trong luồng sự kiện chính

Bảng 17 Use-case đăng nhập Admin

+Use-case Đăng kí

Hình 3 UC Đăng kí

Mô tả Use-Case cho phép khách hàng đăng kí tài khoản

Điều kiện kích hoạt Khi người dùng chọn chức năng đăng kí từ trang chủ của

hệ thốngTiền điều kiện Người dùng phải nhập thông tin

Hậu điều kiện Người dùng đăng kí thành công

Luồng sự kiện chính 1 Hệ thống hiển thị màn hình đăng kí

2 Người dùng nhập tthông tin

3 Hệ thống kiểm tra thông tin và lưu thông tin đăng kí

4 Nếu thành công hệ thống hiển thị màn hình đăng nhập

5 Kết thúc Use-CaseLuồng sự kiện phụ A Mật khẩu không hợp lệ: Khi người dùng nhập sai

thông tin hoặc thiếu thông tin

1 Hệ thống hiển thị lại màn hình đăng kí để người dùng nhập lại thông tin kèm theo thông báo tên đăng nhập và

Mô tả Cho phép khách hàng xem và chỉnh sửa các sản phẩm

trong giỏ hàng

Điều kiện kích hoạt Khách hàng chọn nút giỏ hàng trên website

Tiền điệu kiện Khách hàng đã có sản phẩm trong giỏ hàng

Hậu điều kiên Cập nhật thành công

Luồng sự kiện chính

Khách hàng chọn nút giỏ hàng trên website

Hệ thống hiển thị các công cụ thay đổi số lượng, xóa hàng hóa cho từng mặt hàng trong giỏ

Khách hàng thao tác với công cụ theo nhu cầuNếu thay đổi số lượng thì hệ thống sẽ cập nhật số lượng mới Nếu số lượng không đủ trong kho thì thực hiện luồng sự kiện phụ A1

Nếu xóa thì hệ thống sẽ xóa sản phẩm khỏi giỏ hàngKết thúc use case

Luồng sự kiện phụ

A1: Số lượng sản phẩm không đủ

Hệ thống thông báo số lượng không đủThực hiện bước 3.1 tổng luồng sự kiện chính

Bảng 19Use-case giỏ hàng

+ Use-case Mua Hàng

Hình 5Use-case Mua Hàng

Mô tả Use case cho phép người dùng mua hàng từ website

Điều kiện kích hoạt Khi người dùng chọn chức năng mua hàng trong chi tiết sản phẩm hoặc từ nút mua hàng ngoài khi xem sản phẩm

Tiền điệu kiện Có sẩn phẩm trong giỏ hàng

Luồng sự kiện chính

Người dùng chọn nút mua sản phẩm

Hệ thống lấy thống tin hàng hóa cho vào giỏ hàng

Hệ thống thông báo đã thêm vào giỏ hàngKết thúc use case

Luồng sự kiện phụ Không có

Bảng 20 Use-case Mua Hàng

+ Use-case Quản lý

Hình 6 Use-case Quản lý

Mô tả Use case cho phép admin điều chỉnh các danh mục trên hệ thống

Điều kiện kích hoạt Khi người dụng đăng nhập vào hệ thống Admin

Tiền điệu kiện Người dùng đã có cở dử liệu

Hậu điều kiên Cập nhật thành công

Luồng sự kiện chính Người dùng đăng nhập Admin

Người dùng xác nhận thay đổi dử liệuNgười dùng chọn nút thêm, xoá, sửa

Hệ thống lưu thông tin thay đổi

Hệ thống thông báo thành côngKết thúc use case

2.3.2 Đăng nhập

Hình 8 Sơ đồ Đăng Nhập

2.3.3 Đặt hàng

Hình 9 Sơ đồ Đặt hàng

2.3.4 Quản lý thông tin cá nhân

Hình 10 Sơ đồ Quản lý thông tin cá nhân

2.4 Biểu đồ hoạt động

2.4.1 Đăng ký

Hình 11 Sơ đồ hoạt động Đăng ký

2.4.2 Đăng nhập

Hình 12 Sơ đồ hoạt động Đăng nhập

2.4.3 Xem sản phẩm

Hình 13 Sơ đồ hoạt động xem sản phẩm

2.4.4 Tìm kiếm sản phẩm

Hình 14 Sơ đồ hoạt động Tìm kiếm sản phẩm

2.4.5 Đặt hàng

Hình 15 Sơ đồ hoạt động Đặt hàng

Sơ đồ hoạt động Đặt hàng

2.4.6 Kiểm tra tình trạng đơn hàng

Hình 16 Sơ đồ hoạt động Tình trạng đơn hàng

2.4.7 Quản lý thông tin cá nhân

Hình 17 Sơ đồ hoạt động quản lý thông tin cá nhân

Chương 3 : Giao diện của phần mềm

3.1 Giao diện người dùng.

3.1.1 Giao diện trang đăng nhập

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

3.1.2 Giao diện trang chủ

Hình 19 Giao diện trang chủ

3.1.3 Giao diện đăng nhập

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

3.1.4 Giao diện đăng kí

Hình 21 Giao diện đăng kí

3.1.5 Footer

Hình 22Footer

3.1.6 Giao diện sản phẩm

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

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

Hình 24 Giao diện trang tìm kiếm

3.1.8 Giao diện giỏ hàng

Hình 25Giao diện trang Giỏ hàng

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

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

3.1.10 Giao diện đặt hàng

Hình 27 Giao diện đặt hàng

3.1.11 Giao diện chi tiết đặt hàng

Hình 28 Giao diện chi tiết đặt hàng

Trang 34

3.2 Giao diện Admin

3.2.1 Giao diện trang admin

Hình 29 Trang admin

Trang 35

3.2.2 Giao diện đăng nhập

Hình 30 Trang đăng nhập

3.2.3 Giao diện quản lý đơn hàng

Hình 31 Quản lý đơn hàng

Trang 36

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

Hình 32 Trang nhập sản phẩm

3.2.5 Quản lý doanh thu

Hình 33 Trang thống kê doanh thu

Trang 37

3.2.6 Quản lý nhân viên

Hình 34 Quản lý khách hàng

3.2.7 Quản lý khách hàng

Hình 35 Quản lý khách hàng

Trang 38

Chương 4 KẾT LUẬN

Trong thời buổi công nghiệp hóa hiện nay, việc buôn bán qua mạng đã trở nênphổ biến với hầu hết mọi người Đây cũng là xu hướng trong xã hội hiện nay khimọi người chỉ với một cú nhấp chuột cũng có thể dễ dàng đặt mua được sản phầm

mà mình ưng ý một cách dễ dàng và không phải mất thời gian đi đến tận nơi đểmua Việc mua bán này giúp tiết kiệm thời gian và tiền bạc khi mọi người có thểlựa chọn sản phẩm với giá cả đa dạng và nhu cầu cá nhân của từng người

Vì thế, sau khi tiến hành khảo sát thì em quyết định Thiết kế một trang webbán giày mà cụ thể là “Thiết kế website shop giày Juno”với các chức năng cơ bảncần thiết cho một trang web buôn bán cần có vì em thấy nhu cầu mua sắm và đâycũng là một thị trường tiềm năng có thể khai thác buôn bán

Website “shop giày Juno” thứ nhất dùng để quảng bá cho sân, thứ hai là kênhthông tin cho mọi người, thứ ba là một địa chỉ tin cậy để những khách hàng yêuthích thời trang tìm mua được cho mình những sản phẩm chất lượng Qua quátrình nghiên cứu và cố gắng thực hiện dưới sự hướng dẫn tận tình của Giảng viên,

sự giúp đỡ của bạn bè trong khóa học đồ án nghiên cứu thể hiện được những điềusau:

4.1 Kết quả đạt được

- Hiểu rõ quy trình bán Giày trực tuyến

- Xây dựng thành công website bán Giày đáp ứng nhu cầu đặt ra của ngườ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ư: SQL Server,Visual Studio

- Website đã giúp người dùng tiết kiệm thời gian, công sức để có được một sảnphẩ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

Trang 39