Xây dựng website bán trang sức pnj của cửa hàng phú nhuận

Về lý thuyết - Tìm hiểu phần mềm StarUML để phân tích và thiết kế hệ thống - Tìm hiểu phần mềm Balsamiq Mockups để phác thảo giao diện - Tìm hiểu phần mềm Visual Studio Code để viết chươ

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT

KHOA ĐIỆN – ĐIỆN TỬ

Tel: (84-02363) 894882 – Fax: (84-02363) 894882Website: http://feee.ute.udn.vn - E-mail: cntt@ute.edu.vn

BÁO CÁO ĐỒ ÁN TỐT

NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN

MÃ NGÀNH : 50533

ĐỀ TÀI : XÂY DỰNG WEBSITE BÁN TRANG SỨC PNJ

CỦA CỬA HÀNG PHÚ NHUẬN

SINH VIÊN : Nguyễn Thị Kim Ngân

LỚP : 17T3

CBHD : ThS Trần Bửu Dung

ĐÀ NẴNG, 09/2020

LỜI CẢM ƠN

Tôi xin chân thành cảm ơn các thầy cô trong khoa Điện – Điện tử, bộ môn Công nghệ thông tin, trường Đại học Sư phạm Kỹ thuật đã truyền đạt những kiến thức quý báu cho tôi trong những năm học vừa qua và nhất là đã tạo điều kiện thuận lợi cho tôi học tập, thực hiện đề tài tốt nghiệp này.

Đặc biệt, tôi xin chân thành cảm ơn Cô giáo ThS Trần Bửu Dung đã trực tiếp, tận tình giúp đỡ và hướng dẫn tôi trong suốt thời gian thực hiện đề tài.

Và để có được kết quả như ngày hôm nay, tôi rất biết ơn gia đình Ông Bà, Cha Mẹ

và những người thân trong gia đình đã động viên, khích lệ, tạo mọi điều kiện thuận lợi nhất về vật chất lẫn tinh thần trong suốt quá trình học tập cũng như quá trình thực hiện đề tài tốt nghiệp này.

Mặc dù đã cố gắng hoàn thành đồ án trong phạm vi và khả năng cho phép nhưng chắc chắn sẽ không tránh khỏi những thiếu sót Tôi rất mong nhận được sự thông cảm, góp ý và tận tình chỉ bảo của quý Thầy Cô và các bạn.

Một lần nữa xin chân thành cám ơn!

Đà Nẵng, ngày 27 tháng 09 năm 2020

Sinh viên thực hiện

Nguyễn Thị Kim Ngân

LỜI CAM ĐOAN

Tôi xin cam đoan:

1 Những nội dung trong luận văn này là do tôi thực hiện dưới

sự hướng dẫn trực tiếp của Cô ThS Trần Bửu Dung

2 Mọi tham khảo dùng trong luận văn đều được trích dẫn rõ ràng tên tác giả, tên công trình, thời gian, địa điểm công bố.

3 Mọi sao chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá, tôi xin chịu hoàn toàn trách nhiệm.

Sinh viên thực hiện

Nguyễn Thị Kim Ngân

NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN

Đà Nẵng, ngày tháng năm 2020

GVHD

NHẬN XÉT CỦA HỘI ĐỒNG PHẢN BIỆN

Đà Nẵng, ngày tháng năm 2020

HĐPB

MỤC LỤC

LỜI CẢM ƠN i

LỜI CAM ĐOAN ii

NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN iii

NHẬN XÉT CỦA HỘI ĐỒNG PHẢN BIỆN iv

MỤC LỤC v

CHƯƠNG 1: TỔNG QUAN ĐỀ TÀI 1

I Tên đề tài 1

II Lý do chọn đề tài 1

III Mục tiêu và phạm vi đề tài 1

1 Mục tiêu đề tài 1

2 Phạm vi đề tài 1

IV Phương pháp nghiên cứu và công nghệ 1

1 Phương pháp nghiên cứu 2

2 Giải pháp công nghệ 2

V Nội dung nghiên cứu 2

1 Về lý thuyết 2

2 Về thực tiễn 2

VI Kết quả dự kiến 3

VII Kế hoạch thực hiện 3

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

I Sơ đồ use case 4

II Đặc tả use case 4

1 Use case đăng nhập 4

2 Use case đăng ký 5

3 Use case cập nhật thông tin cá nhân 7

4 Use case xem thông tin sản phẩm 8

5 Use case tìm kiếm sản phẩm 8

6 Use case cập nhật giỏ hàng 9

7 Use case đặt hàng 9

8 Use case quản lý sản phẩm 10

9 Use case quản lý nhập hàng 11

III Sơ đồ ERD 12

MỤC LỤC

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

I Bảng dữ liệu 13

1 Bảng nguoidung 13

2 Bảng phanquyen 13

3 Bảng vaitronguoidung 13

4 Bảng danhsachquyen 14

5 Bảng vaitroquyen 14

6 Bảng sanpham 14

7 Bảng loaisanpham 15

8 Bảng trangthaidonhang 15

9 Bảng donhang 15

10 Bảng chitietdonhang 16

11 Bảng binhluan 16

12 Bảng nhacungung 16

13 Bảng phieunhap 17

14 Bảng chitietphieunhap 17

II Sơ đồ quan hệ 18

CHƯƠNG 4: XÂY DỰNG CHƯƠNG TRÌNH 19

I Trang chủ 19

II Trang giới thiệu 20

III Trang sản phẩm 21

IV Trang liên hệ 22

V Trang chi tiết sản phẩm 23

VI Trang đăng ký 24

VII Trang đăng nhập 24

VIII Trang cập nhật thông tin cá nhân 25

IX Trang giỏ hàng 26

X Trang đặt hàng 27

XI Trang đăng nhập Admin 28

XII Trang quản lý tài khoản 28

XIII Trang phân quyền 29

XIV Trang quản lý sản phẩm 29

XV Trang quản lý nhập hàng 30

XVI Trang tạo phiếu nhập hàng 30

MỤC LỤC

XVII Trang quản lý đơn hàng 31

XVIII Trang báo cáo thống kê 31

CHƯƠNG 5: KẾT LUẬN 32

I Ưu điểm và khuyết điểm của đề tài 32

1 Ưu điểm 32

2 Khuyết điểm 32

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

TÀI LIỆU THAM KHẢO 33

GVHD:Trần Bửu Dung Báo cáo đồ án tốt nghiệp

Trang 1 SVTH: Nguyễn Thị Kim Ngân

CHƯƠNG 1: TỔNG QUAN ĐỀ TÀI

I Tên đề tài

Thiết kế website bán trang sức PNJ của cửa hàng Phú Nhuận

II Lý do chọn đề tài

- Trong một vài năm trở lại đây khi các tiêu chuẩn làm đẹp được chú trọng và đề cao đã

có rất nhiều cửa hàng trang sức ra đời nhằm đáp ứng nhu cầu người tiêu dùng Môhình kinh doanh khá thành công nên các nhà cung cấp nhanh chóng mở rộng mạnglưới của mình thành một chuỗi cửa hàng kinh doanh Việc quảng bá và giới thiệu đếnkhách hàng các sản phẩm trong từng thời điểm một cách hiệu quả và kịp thời là yếu tốquan trọng giúp đưa thương hiệu quảng bá tới đông đảo khách hàng

- Hiện nay, các công nghệ tiên tiến phát triển ngày càng mạnh mẽ và được ứng dụngngày càng nhiều vào các lĩnh vực kinh tế, sản xuất cũng như đời sống thường nhật củacon người Một điểm tiêu biểu trong việc phát triển các công nghệ đó phải kể đến việcứng dụng công nghệ thông tin vào hầu khắp các hoạt động Nhờ đó các công việc đượcthực hiện nhanh, chính xác và đạt kết quả cao hơn rất nhiều Khi xã hội ngày càng pháttriển, mức sống của người dân được nâng cao, thu nhập kinh tế ngày càng được cảithiện thì nhu cầu làm đẹp, mua những món đồ trang sức đắt tiền không còn trở nên xa

lạ với mọi người nữa mà ngược lại nó trở thành một món đồ cần thiết khi đi dự tiệc đốivới mỗi người dân hiện nay Hầu hết mọi người đều mua cho mình một bộ trang sứcphù hợp với nhu cầu và túi tiền của mình Tuy nhiên, với cuộc sống ngày càng tấp nậpnhư hiện nay thì việc dành thời gian để đi mua cho mình một bộ trang sức cũng là mộttrở ngại của nhiều người Bởi vậy, việc có thể ngồi ở nhà và lựa chọn cho mình mộtmón đồ trang sức ưng ý qua mạng Internet nó sẽ tiết kiệm được thời gian và công sứccủa mỗi người Qua những lý do kể trên thì em đã quyết định thực hiện đề tài “Xâydựng Website bán trang sức PNJ của cửa hàng Phú Nhuận”

III Mục tiêu và phạm vi đề tài

1 Mục tiêu đề tài

Xây dựng website bán trang sức PNJ với đầy đủ các tính năng cơ bản của một hệ thốngthương mại điện tử cho phép người sử dụng có thể tìm kiếm, đặt hàng các sản phẩm trangsức nhanh chóng và dễ dàng

- Người dùng có thể dễ dàng đặt và mua hàng trực tuyến nhanh chóng và tiện dụng

- Đối với nhân viên và người quản lý thì hệ thống có những chức năng để hổ trợ việcquản lý cửa hàng tốt hơn như quản lý đơn hàng,quản lý doanh thu, in hóa đơn và báocáo thống kê

1 Phương pháp nghiên cứu

- Áp dụng phương pháp nghiên cứu lý thuyết (phương pháp thu thập thông tin qua sách,các tài liệu, trang web) để tìm được các cơ sở lý thuyết liên quan đến vấn đề mìnhnghiên cứu

- Phương pháp xử lý thông tin

- Phương pháp phân tích, đánh giá: dựa vào những cơ sở lý thuyết đã tìm được và nhìn nhận vấn đề vào thực tế để lựa chọn giải pháp hoàn thiện đề tài

- Phương pháp tổng hợp: Áp dụng lựa chọn tốt nhất từ bước phân tích kết hợp với công nghệ, từ đó từng bước hoàn thành đề tài

- Tham khảo các cửa hàng bán trang sức tại Đà Nẵng để tìm hiểu về giá

2 Giải pháp công nghệ

- Ngôn ngữ lập trình: PHP

- Framework Laravel

- Ajax, Bootstrap, JQuery

- Hệ quản trị cơ sở dữ liệu MySQL

- Công cụ hỗ trợ: Balsamiq Mockups, Visual Studio code

V Nội dung nghiên cứu

1 Về lý thuyết

- Tìm hiểu phần mềm StarUML để phân tích và thiết kế hệ thống

- Tìm hiểu phần mềm Balsamiq Mockups để phác thảo giao diện

- Tìm hiểu phần mềm Visual Studio Code để viết chương trình

- Tìm hiểu và vận dụng ngôn ngữ PHP, hệ quản trị cơ sở dữ liệu MySQL, Framework Laravel để xây dựng website

- Nhân viên quản lý

o Đăng nhập và phân quyền tài khoản

o Quản lý đơn hàng

o Quản lý sản phẩm

o Quản lý nhập hàng

o Xem báo cáo và thống kê doanh thu

VI Kết quả dự kiến

Xây dựng website với đầy đủ các chức năng đã nếu ở mục V

VII Kế hoạch thực hiện

STT Công việc Thời gian Ghi chú

1 Tìm hiểu qui trình nghiệp vụ thực tế của cửahàng 1 tuần

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

I Sơ đồ use case

Hình 2.1: Sơ đồ Use Case

II Đặc tả use case

1 Use case đăng nhập

- Tác nhân: Thành viên, Quản trị viên, Nhân viên

- Chức năng: Đăng nhập tài khoản

- Đầu vào: Nhập Tài khoản và Mật khẩu

- Xử lý:

o Bước 1: Người dùng nhập tài khoản và mật khẩu sau đó nhấn nút đăng nhập

o Bước 2: Hệ thống kiểm tra thông tin đăng nhập có tồn tại hay không

- Đầu ra:

o Tài khoản đúng: Hệ thống thông báo đăng nhập thành công

o Ngược lại hệ thống thông báo thất bại

- Use case liên quan:

- Phác thảo giao diện:

Hình 2.2: Phác thảo giao diện Đăng nhập

2 Use case đăng ký

- Tác nhân : Khách vãng lai

- Chức năng: Đăng ký thành viên

- Đầu vào: Kích chuột vào ô đăng ký thành viên và nhập đầy đủ thông tin: Họ tên, giới tính, ngày sinh, email, số điện thoại, địa chỉ, ID, mật khẩu

- Đầu ra:

o Không có sai sót: Hệ thống trả về thông báo kết quả đăng ký thành công

o Ngược lại hệ thống thông báo đến chỗ bị sai sót cho người dùng biết và sửa đổi thông tin

- Use case liên quan:

- Phác thảo giao diện:

Hình 2.3: Phác thảo giao diện Đăng ký

3 Use case cập nhật thông tin cá nhân

- Tác nhân: Thành viên

- Chức năng: Thay đổi thông tin cá nhân

- Đầu vào: Điền thông tin cần cập nhật và thông tin cần chỉnh sửa

- Xử lý:

o Bước 1: Người dùng điền thông tin cần cập nhật

o Bước 2: Hệ thống sẽ kiểm tra và lưu thông tin

- Đầu ra: Thông báo kết quả cập nhật

- Use case liên quan:

- Phác thảo giao diện:

Hình 2.4: Phác thảo giao diện cập nhật thông tin

4 Use case xem thông tin sản phẩm

- Tác nhân: Khách vãng lai, thành viên, quản trị viên

- Chức năng: Xem thông tin chi tiết sản phẩm

- Đầu vào: Chọn sản phẩm mình muốn xem

- Xử lý:

o Bước 1: ở giao diện trang chủ khách hàng có thể bấm vào nút “chi tiết sản phẩm” ở dưới ảnh sản phẩm

o Bước 2: hệ thống kiểm tra thông tin và hiển thị

- Đầu ra: Thông tin sản phẩm được hiển thị

- Phác thảo giao diện:

Hình 2.5: Phác thảo giao diện xem thông tin sản phẩm

5 Use case tìm kiếm sản phẩm

- Tác nhân: khách vãng lai, thành viên

- Đầu ra:

o Hiển thị ra những sản phẩm mà người dùng tìm kiếm

o Ngược lại hệ thống sẽ thông báo không có sản phẩm mà người dùng tìm kiếm

- Phác thảo giao diện:

Hình 2.6: Phác thảo giao diện tìm kiếm

6 Use case cập nhật giỏ hàng

- Tác nhân: Thành viên

- Chức năng: Cập nhật lại số lượng

- Đầu vào: Thành viên có tài khoản

- Xử lý: Khách hàng có thể thực hiện các chức năng thêm, tăng số lượng các sản phẩm nằm trong giỏ hàng

- Đầu ra: giỏ hàng được cập nhật

7 Use case đặt hàng

- Tác nhân: Thành viên

- Chức năng: Đặt các sản phẩm muốn mua

- Đầu vào: Đưa sản phẩm vào giỏ hàng

- Xử lý:

o Bước 1: khách hàng hoàn tất việc điểu chỉnh giỏ hàng và nhấn nút đặt hàng

o Bước 2: Hệ thống chuyển sang trang xác nhận

o Bước 3: Tại đây khách hàng xác nhận thông tin giao hàng và nhấn nút đặt hàng

- Đầu ra: Hệ thống thông báo đặt hàng thành công và hiển thị ra thông tin đơn hàng vừa đặt

- Phác thảo giao diện:

Hình 2.7: Phác thảo giao diện đặt hàng

8 Use case quản lý sản phẩm

- Tác nhân: Quản trị viên, nhân viên kho

- Chức năng: Thêm, sửa, xóa sản phẩm

- Đầu vào: Nhấn nút thêm sản phẩm bạn muốn thêm

- Xử lý:

o Bước 1: Quản trị viên có thể thêm mới sản phẩm, sửa đổi thông tin sản phẩn, xóa sản phẩm

o Bước 2: Hệ thống xác nhân, và lưu thông tin

- Đầu ra: Thông báo cập nhật sản phẩm thành công

- Phác thảo giao diện:

Hình 2.8: Phác thảo giao diện sản phẩm

Hình 2.9: Phác thảo giao diện thêm sản phẩm

9 Use case quản lý nhập hàng

- Tác nhân: Nhân viên kho ,quản trị viên

- Chức năng: Nhập số lượng sản phẩm

- Đầu vào: Thông tin sản phẩm

- Xử lý:

o Bước 1: nhân viên có thể thêm, xóa hoặc cập nhật số lượng sản phẩm

o Bước 2: hệ thống cập nhật và lưu lại

- Đầu ra: Hệ thống thông báo cập nhật thành công

- Phác thảo giao diện:

Hình 2.10: Phác thảo giao diện nhập hàng

III Sơ đồ ERD

Hình 2.11: Sơ đồ ERD

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

I Bảng dữ liệu

1 Bảng nguoidung

STT Tên trường Kiểu dữ liệu Ràng buộc Giải thích

2 Bảng phanquyen

STT Tên trường Kiểu dữ liệu Ràng buộc Giải thích

1 maphanquyen Integer Khóa chính Mã phân quyền

3 Bảng vaitronguoidung

STT Tên trường Kiểu dữ liệu Ràng buộc Giải thích

1 maphanquyen integer Khóa ngoại Mã phân quyền

4 Bảng danhsachquyen

STT Tên trường Kiểu dữ liệu Ràng buộc Giải thích

1 madanhsachquyen integer Khóa chính Mã danh sách quyền

5 Bảng vaitroquyen

STT Tên trường Kiểu dữ

liệu

Ràng buộc Giải thích

1 madanhsachquyen integer Khóa ngoại Mã danh sách quyền

2 maphanquyen integer Khóa ngoại Mã phân quyền

6 Bảng sanpham

STT Tên trường Kiểu dữ liệu Ràng buộc Giải thích

7 Bảng loaisanpham

STT Tên trường Kiểu dữ liệu Ràng buộc Giải thích

1 maloaisp integer Khóa chính Mã loai sản phẩm

8 Bảng trangthaidonhang

STT Tên trường Kiểu dữ liệu Ràng buộc Giải thích

1 matrangthai integer Khóa chính Mã trang thái

2 tentrangthai Varchar(30)

9 Bảng donhang

STT Tên trường Kiểu dữ liệu Ràng buộc Giải thích

7 thoigian datetime

8 matrangthai integer Khóa ngoai Mã trạng thái

10 Bảng chitietdonhang

STT Tên trường Kiểu dữ liệu Ràng buộc Giải thích

1 machitietdh integer Khóa chính Mã chi tiết đơn hàng

11 Bảng binhluan

STT Tên trường Kiểu dữ liệu Ràng buộc Giải thích

12 Bảng nhacungung

STT Tên trường Kiểu dữ liệu Ràng buộc Giải thích

1 manhacungung integer Khóa chính Mã nhà cung ứng

13 Bảng phieunhap

STT Tên trường Kiểu dữ liệu Ràng buộc Giải thích

1 maphieunhap integer Khóa chính Mã phiếu nhập

2 ngaynhap datetime

3 manhacungung integer Khóa ngoại Mã nhà cung ứng

4 manhanvien integer Khóa ngoại Mã nhân viên

14 Bảng chitietphieunhap

STT Tên trường Kiểu dữ liệu Ràng buộc Giải thích

1 machitietpn integer Khóa chính Mã chí tiết phiếu nhập

4 maphieunhap integer Khóa ngoại Mã phiếu nhập

II Sơ đồ quan hệ

Hình 3.1: Sơ đồ quan hệ

CHƯƠNG 4: XÂY DỰNG CHƯƠNG TRÌNH

I Trang chủ

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

II Trang giới thiệu

Hình 4.2: Giao diện trang giới thiệu

III Trang sản phẩm

Hình 4.3: Giao diện trang sản phẩm

IV Trang liên hệ

Hình 4.4: Giao diện trang liên hệ

V Trang chi tiết sản phẩm

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

VI Trang đăng ký

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

VII Trang đăng nhập

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

VIII Trang cập nhật thông tin cá nhân

Hình 4.8: Giao diện trang cập nhật thông tin

IX Trang giỏ hàng

Hình 4.9: Giao diện trang giỏ hàng

X Trang đặt hàng

Hình 4.10: Giao diện trang đặt hàng

XI Trang đăng nhập Admin

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

XII Trang quản lý tài khoản

Hình 4.12: Giao diện trang quản lý tài khoản

XIII Trang phân quyền

Hình 4.13: Giao diện trang phân quyền

XIV Trang quản lý sản phẩm

Hình 4.14: Giao diện trang quản lý sản phẩm

XV Trang quản lý nhập hàng

Hình 4.15: Giao diện trang nhập hàng

XVI Trang tạo phiếu nhập hàng

Hình 4.16: Giao diện trang tạo phiếu nhập hàng

XVII Trang quản lý đơn hàng

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

XVIII Trang báo cáo thống kê

Hình 4.18: Giao diện trang báo cáo thống kê

- Giao diện thao tác đơn giản, trực quan.

- Khi hệ thống được triển khai, công tác quản lý sẽ được nhanh hơn, chặt chẽ hơn, thuậntiện về mặt không gian địa lý, tiết kiệm được thời gian quản lý

2 Khuyết điểm

- Hệ thống vẫn chưa được tối ưu hóa về giao diện, và một số chức năng

- Chưa làm được gửi đơn hàng qua mail

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

- Tối ưu hóa hệ thống để website hoạt động nhanh hơn

- Nâng cấp hoàn thiện giao diện người dùng, các chức năng và tính bảo mật hệ thống

- Tích hợp khung chat để hổ trợ trực tuyến khách hàng khi cần biết những thông tin không rõ trên website

- Xây dựng chức năng thanh toán qua thẻ, hỗ trợ thanh toán trực tuyến