Đồ án báo cáo Xây dựng website giới thiệu và bán đồng hồ cho cửa hàng Duy Mạnh

Ngày nay, công nghệ thông tin đã có những bước phát triển mạnh mẽ theo cả chiều rộng và sâu. Máy tính điện tử không còn là một thứ phương tiện quý hiếm mà đang ngày càng trở thành một công cụ làm việc và giải trí thông dụng của con người, không chỉ ở nơi làm việc mà còn ngay cả trong gia đình. Đặc biệt là công nghệ thông tin được áp dụng trên mọi lĩnh vực kinh tế, chính trị, xã hội… Ứng dụng công nghệ thông tin và tin học hóa được xem là một trong yếu tố mang tính quyết định trong hoạt động của quốc gia, tổ chức và trong cả các cửa hàng. Nó đóng vai trò hết sức quan trọng và có thể tạo nên bước đột phá mạnh mẽ. Mạng Internet là một trong những sản phẩm có giá trị hết sức lớn lao và ngày càng trở nên một công cụ không thể thiếu, là nền tảng để truyền tải, trao đổi thông tin trên toàn cầu. Nhờ có Internet, chúng ta đã thực hiện được những công việc với tốc độ nhanh hơn, chi phí thấp hơn nhiều so với cách thức truyền thống. Chính điều này, đã thúc đẩy sự khai sinh và phát triển của thương mại điện tử trên khắp thế giới, làm biến đổi đáng kể bộ mặt văn hóa, nâng cao đời sống con người. Trong hoạt động sản xuất, kinh doanh, thương mại điển tử đã khẳng định được xúc tiến và thúc đẩy sự phát triển của doanh nghiệp. Đối với một cửa hàng, việc quảng bá và giới thiệu sản phẩm đến khách hàng đáp ứng nhu cầu mua sắm ngày càng cao của khách hàng sẽ là cần thiết. Trong thời gian đi thực tập tại cửa hàng đồng hồ Duy Mạnh, em đã thực hiện đồ án “Xây dựng Website giới thiệu và bán đồng hồ cho cửa hàng Duy Mạnh” với mong muốn củng cố lại kiến thức mà em đã được học trong chương trình Đại học để vận dụng vào đó xây dựng một trang web có tính thực tiễn, đồng thời củng cố và nâng cao kiến thức, kỹ năng, bổ sung kinh nghiệm thực tế.

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC MỎ - ĐỊA CHẤT

MỤC LỤC

LỜI CẢM ƠN 9

LỜI NÓI ĐẦU 10

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

1.1 Giới thiệu chung về đề 11

1.2 Tính cấp thiết của đề tài 11

1.2 Mục tiêu của đề tài 11

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

1.4 Nội dung nghiên cứu: 12

CHƯƠNG 2: KHẢO SÁT HỆ THỐNG 13

2.1 Khảo sát hệ thống 13

2.1.1 Giới thiệu về cửa hàng Đồng hồ 13

2.1.2 Cách thức kinh doang của cửa hàng 13

2.1.3 Đánh giá hiện trạng 14

2.1.4 Giải pháp khắc phục 15

2.1.4 Phạm vị website được ứng dụng 15

2.1.5 Đối tượng sử dụng 15

2.1.6 Mục đính của website 15

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

3.1 Đặc tả yêu cầu 17

3.2 Các yêu cầu phi chức năng 18

3.3 Tác nhân của hệ thống 18

3.4 Biểu đồ Use case 20

3.4.1 Biểu dồ Use case tổng quát 20

3.4.2 Biểu đồ phân rã cho tác nhân Admin 21

3.4.3 Biểu đồ phân rã cho tác nhân Khách hàng 30

3.4.4 Biểu đồ trình tự 31

3.4.5 Biểu đồ hoạt động 36

3.4.6 Biểu đồ lớp 40

3.4.7 Biều đồ thành phần 42

3.4.8 Biểu đồ triển khai 43

CHƯƠNG 4: THIẾT KẾ HỆ THỐNG 44

4.1 Lựa chọn phương án thiết kế 44

4.1.1 Lựa chọn công nghệ 44

4.1.2 Giới thiệu về công nghệ 44

4.2 Xây dựng cở dữ liệu 57

4.2.1 Danh sách các bảng 57

4.2.2 Bảng Admins 58

4.2.3 Bảng bình luận 58

4.2.4 Bảng đánh giá 59

4.2.5 Bảng bài viết 59

4.2.6 Bảng menu 60

4.2.7 Bảng sản phẩm yêu thích 60

4.2.8 Bảng sản phẩm 61

4.2.9 Bảng thuộc tính 62

4.2.11 Bảng người dùng 63

4.2.12 Bảng liên hệ 64

4.2.13 Bảng kiểu 64

4.2.14 Bảng từ khóa 64

4.2.15 Bảng sản phẩm 65

4.2.16 Bảng giao dịch 65

4.2.17 Mô hình quan hệ cơ sở dữ liệu 66

Chương 5: KẾT QUẢ THỰC NGHIỆM 67

5.1 Môi trường phát triển 67

5.1.1Giới thiệu qua về công cụ hỗ trợ 67

5.1.2 Triển khai website 68

5.2 Giao diện website 69

5.3.1 Giao diện quản trị 69

5.3.2 Giao diện danh sách kiểu 70

5.3.3 Giao diện danh mục sản phẩm 70

5.3.4 Giao diện danh sách sản phẩm 70

5.3.5 Giao diện đánh giá, review sản phẩm 71

5.3.6 Giao diện nhận xét, bình luận 71

5.3.7 Giao diện danh sách menu 72

5.3.8 Giao diện bài viết 72

5.3.9 Giao diện khách hàng (thành viên) 73

5.3.10 Giao diện danh sách liên hệ 73

5.3.11 Giao diện danh sách đơn hàng 74

5.3.12 Giao diện quản lý tài khoản 74

5.3.13 Giao diện thống kê doanh thu 75

5.3.14 Giao diện trang chủ website 77

5.3.15 giao diện đánh giá và bình luận sản phẩm 78

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

5.3.17 Giao diện chi tiết bài viết 79

5.3.18 Giao diện chi tiết giỏ hàng 79

5.3.19 Giao diện đăng ký 79

5.3.20 Giao diện đăng nhập 80

4.3.21 Giao diện gửi thông tin liên hệ 80

5.3.22 Giao diện quản lý tài khoản của khách hàng (thành viên) 81

5.3.23 Giao diện hóa đơn của khách hàng 81

5.3.24 Giao diện đăng nhập và chat của khách hàng (tích hợp Facebook) 81

KẾT LUẬN 83

TÀI LIỆU THAM KHẢO 84

DANH MỤC CÁC HÌNH V

Hình 3 1 Biểu đồ use case tổng quát 19

Hình 3 2 Biểu đồ use case chức năng đăng nhập 19

Hình 3 3 Biểu đồ use case chức năng quản lý sản phẩm 20

Hình 3 4 Biểu đồ use case chức năng quản lý tin tức 23

Hình 3 5 Biểu đồ use case chức năng quản lý người dùng 24

Hình 3 6 Biểu đồ use case chức năng quản lý đơn hàng 26

Hình 3 7 Biểu đồ use case chức năng quản lý hệ thống 27

Hình 3 8 Biểu đồ phân rã cho tác nhân khách hàng 28

Hình 3 9 Biểu đồ trình tự cho chức năng đăng nhập 30

Hình 3 10 Biểu đồ trình tự cho chức năng đăng đăng ký 30

Hình 3 11 Biểu đồ trình tự cho chức năng đặt hàng 31

Hình 3 12 Biểu đồ trình tự cho chức năng quản lý tài khoản 32

Hình 3 13 Biểu đồ trình tự cho chức năng quản lý người dùng 32

Hình 3 14 Biểu đồ trình tự cho chức năng quản lý sản phẩm 33

Hình 3 15 Biểu đồ trình tự cho chức năng quản lý tin tức 33

Hình 3 16 Biểu đồ trình tự cho chức năng quản lý đơn hàng 34

Hình 3 17 Biểu đồ hoạt động chức năng đăng nhập 34

Hình 3 18 Biểu đồ hoạt động chức năng đăng ký 35

Hình 3 19 Biểu đồ hoạt động chức năng thêm mới bài viết 35

Hình 3 20 Biểu đồ hoạt động chức năng sửa bài viết 36

Hình 3 21 Biểu đồ hoạt động chức năng xóa bài viết 36

Hình 3 22 Biểu đồ hoạt động chức năng thêm mới sản phẩm 37

Hình 3 23 Biểu đồ hoạt động chức năng sửa sản phẩm 37

Hình 3 24 Biểu đồ hoạt động chức năng xóa sản phẩm 38

Hình 3 25 Biểu đồ hoạt động chức năng xóa người dùng 38

Hình 3 26 Biểu đồ lớp 40

Hình 3 27 Biểu đồ thành phần 41

Hình 3 28 Biểu đồ triển khai

Hình 4 1 Framework Laravel 48

Hình 4 2 Tỉ lệ người sử dụng Laravel năm 2013 49

Hình 4 3 Tỉ lệ người sử dụng Laravel năm 2015 50

Hình 4 4 MVC trong Laravel 51

Hình 4 5 Mô hình quan hệ cơ sở dữ liệu 65Y Hình 5 1 Visual studio code 67

Hình 5 2 Chức năng của visual studio code 68

Hình 5 3 Khởi động xampp 69

Hình 5 4 Thực thi câu lệnh 69

Hình 5 5 Thực thi câu lệnh 69

Hình 5 6 Giao diện web sau khi khởi động 70

Hình 5 7 Giao diện quản trị viên 70

Hình 5 8 Giao diện danh sách kiểu 71

Hình 5 9 Giao diện danh mục sản phẩm 71

Hình 5 10 Giao diện danh sách sản phẩm 72

Hình 5 11 Giao diện đánh giá, review sản phẩm 72

Hình 5 12 Giao diện nhận xét, bình luận 73

Hình 5 13 Giao diện danh sách menu 73

Hình 5 14 Giao diện bài viết 74

Hình 5 15 Giao diện khách hàng (quản trị viên) 74

Hình 5 16 Giao diện danh sách liên hệ 75

Hình 5 17 Giao diện danh sách đơn hàng 75

Hình 5 18 Giao diện quản lý tài khoản 76

Hình 5 19 Giao diện quản lý doanh thu 77

Hình 5 20 Giao diện trang chủ 78

Hình 5 21 Giao diện đánh giá và bình luận 79

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

Hình 5 23 Giao diện chi tiết bài viết 80

Hình 5 24 Giao diện chi tiết giỏ hàng 80

Hình 5 25 Giao diện đăng ký 81

Hình 5 26 Giao diện đăng nhập 81

Hình 5 27 Giao diện gửi thông tin liên hệ 81

Hình 5 28 Giao diện quản lý tài khoản của khách hàng (thành viên) 82

Hình 5 29 Giao diện hóa đơn của khách hàng 82

Hình 5 30 Giao diện đăng nhập chat 83

Hình 5 31 Giao diện chát chi tiết 83

DANH MỤC CÁC BẢNG BI

Bảng 3 1 Bảng yêu cầu phi chức năng 16

Bảng 3 2 Bảng chức năng admin 16

Bảng 3 3 Bảng chức năng quản lý 17

Bảng 3 4 Bảng chức năng người dùng 17

Bảng 3 5 Bảng danh sách các đối tượng 39Y Bảng 4 1 Bảng cấu trúc thư mục của ứng dụng Laravel 51

Bảng 4 2 Bảng danh sách các bảng 55

Bảng 4 3 Bảng admin 56

Bảng 4 4 Bảng bình luận 56

Bảng 4 5 Bảng đánh giá 57

Bảng 4 6 Bảng bài viết 57

Bảng 4 7 Bảng menu 58

Bảng 4 8 Bảng sản phẩm yêu thích 58

Bảng 4 9 Bảng sản phẩm 59

Bảng 4 10 Bảng thuộc tính 60

Bảng 4 11 Bảng đơn hàng 61

Bảng 4 12 Bảng người dùng 61

Bảng 4 13 Bảng liên hệ 62

Bảng 4 14 Bảng kiểu 62

Bảng 4 15 Bảng từ khóa 62

Bảng 4 16 Bảng sản phẩm 63

Bảng 4 17 Bảng giao dịch 63

Xin gửi lời cảm ơn chân thành đến gia đình, bố mẹ và bạn bè vì đã luôn lànguồn động viên to lớn, giúp đỡ em vượt qua những khó khăn trong suốt quá trình họctập.

Mặc dù đã cố gắng hoàn thiện đồ án với tất cả sự nỗ lực của bản thân, nhưngchắc chắn không thể tránh khỏi những thiếu sót Kính mong quý Thầy Cô tận tình chỉbảo

Một lần nữa, em xin chân thành cảm ơn và luôn mong nhận được sự đóng gópquý báu của tất cả mọi người

Hà Nội, ngày tháng năm 2021

Sinh viên thực hiệnPhạm Đức Mạnh

LỜI NÓI ĐẦU

Ngày nay, công nghệ thông tin đã có những bước phát triển mạnh mẽ theo cảchiều rộng và sâu Máy tính điện tử không còn là một thứ phương tiện quý hiếm màđang ngày càng trở thành một công cụ làm việc và giải trí thông dụng của con người,không chỉ ở nơi làm việc mà còn ngay cả trong gia đình Đặc biệt là công nghệ thôngtin được áp dụng trên mọi lĩnh vực kinh tế, chính trị, xã hội… Ứng dụng công nghệthông tin và tin học hóa được xem là một trong yếu tố mang tính quyết định trong hoạtđộng của quốc gia, tổ chức và trong cả các cửa hàng Nó đóng vai trò hết sức quantrọng và có thể tạo nên bước đột phá mạnh mẽ

Mạng Internet là một trong những sản phẩm có giá trị hết sức lớn lao và ngàycàng trở nên một công cụ không thể thiếu, là nền tảng để truyền tải, trao đổi thông tintrên toàn cầu Nhờ có Internet, chúng ta đã thực hiện được những công việc với tốc độnhanh hơn, chi phí thấp hơn nhiều so với cách thức truyền thống Chính điều này, đãthúc đẩy sự khai sinh và phát triển của thương mại điện tử trên khắp thế giới, làm biếnđổi đáng kể bộ mặt văn hóa, nâng cao đời sống con người Trong hoạt động sản xuất,kinh doanh, thương mại điển tử đã khẳng định được xúc tiến và thúc đẩy sự phát triểncủa doanh nghiệp Đối với một cửa hàng, việc quảng bá và giới thiệu sản phẩm đếnkhách hàng đáp ứng nhu cầu mua sắm ngày càng cao của khách hàng sẽ là cần thiết

Trong thời gian đi thực tập tại cửa hàng đồng hồ Duy Mạnh, em đã thực hiện đồ

án “Xây dựng Website giới thiệu và bán đồng hồ cho cửa hàng Duy Mạnh” với

mong muốn củng cố lại kiến thức mà em đã được học trong chương trình Đại học đểvận dụng vào đó xây dựng một trang web có tính thực tiễn, đồng thời củng cố và nângcao kiến thức, kỹ năng, bổ sung kinh nghiệm thực tế

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

1.1 Tính cấp thiết của đề tài

Hiện nay việc ứng dụng công nghệ thông tin tại việt nam rất phổ biến, đặc biệt

là trong lĩnh vực kinh doanh và bán hàng online Chỉ cần có máy tính kết nốiinternet và một dòng dữ liệu truy tìm thì mọi người có thể mua được bất cứ thứ gìmình thích ở bất kỳ đâu hay ở bất kỳ địa điểm nào đó

Chọn thực tập tại một cửa hàng lớn về đồng hồ chyên cung cấp các loại đồng

hồ đeo tay từ những dòng đồng hồ thường cho đến dòng đồng hồ thông minh Nhậnthấy sự phát triển trong lĩnh vực kinh doanh online này và muốn đáp ứng được nhucầu của người dùng không cần đến tận cửa hàng nên website bán hàng đã được lậpra

Vẫn show đầy đủ các loại đồng cửa hàng có,public giá cả công khai trên trangwebsite của cửa hàng như giá cả , giới thiệu các loại đồng hồ nổi bật nhất tại cửahàng, tiết kiệm được nhiều thời gian cho khách hàng

Cùng với đó cửa hàng đồng hồ Duy Mạnh là một cửa hàng kinh doanh các dòngđồng hồ thường và đồng hồ thông minh (smartwatch) đang rất cần một website để

có thể giới thiệu sản phẩm, thực hiện bán hàng trực tuyến

Em nhận thấy đây là một đề tài hay, bổ ích và vô cùng thực tế, có thể cung cấp cho

em nhiều kiến thức về thị trường cũng như là kiến thức về công nghệ hiện nay

1.2 Mục tiêu của đề tài

Xây dựng được website có các chức năng đáp ứng được yêu cầu của ngườidùng:

 Người quản lý

Quản lý các đơn hàng các giao dịch

Quản lý danh mục sản phẩm

Quản lý sản phẩm: Cập nhật thông tin về các sản phẩm

Quản lý thống kê: quản lý doanh thu theo ngày tháng năm, sản phẩm

Quản lý tin tức

Tạo tài khoản

Quản lý thông tin tài khoản

Tìm kiếm thông tin sản phẩm

Đặt hàng và kiểm tra tình trạng đơn hàng

online với giao dịch thanh toán khi nhận hàng, nhận email xác nhận đặt hàng từ bênbán khi hoàn thành đặt đơn hàng online Đồng thời phần quản trị website thực hiện cácchức năng quản trị hệ thống thêm - sửa –hiển thị hoặc không hiển thị danh mục, sảnphẩm, tin tức, tài khoản người dùng; theo dõi thay đổi trạng thái đơn hàng; thực hiệnthống kê các đơn hàng theo loại đơn hàng, hoặc là theo thời gian; báo cáo doanh thu.Với giới hạn về thời gian và cơ sở hạ tầng nên phạm vi của đề tài ứng dụng emxây dựng có các chức năng sẽ chưa được phát triển là:

Gửi thông báo trực tiếp khi có đơn hàng mới ở phần quản trị

Xử lý đơn hàng hủy/ đơn hàng trả lại

Nhập sản phẩm từ file Excel

Thanh toán online

1.4 Nội dung nghiên cứu:

Nội dung của đồ án được chia làm 5 chương:

Chương 1: Tổng quan về đề tài giới thiệu tổng quan về đề tài.

Chương 2: Khảo sát hệ thống, khảo sát bài toán để đưa ra phương án tốt nhất thực

hiện đồ án và ứng dụng thương mại điện tử với website bán hàng trực tuyến

Chương 3: Phân tích hệ thống mô tả các cách thức tổ chức, quản lý bán đồng hồ,

đồng thời đưa ra các yêu cầu cụ thể cho việc xây dựng website giới thiệu về sự pháttriển của truyền thông trong cuộc sống hiện nay đến khách hàng

Chương 4: Thiết kế hệ thống giới thiệu công nghệ thực hiện đồ án, trình bày nội

dung phân tích và đưa ra các bảng dữ liệu được thiết kế trong qua trình xây dựngwebsite

Chương 5: Kết quả thực nghiệm mô tả cài đặt web, mô tả giao diện, hoạt động

các chức năng được thiết kế trong website

CHƯƠNG 2: KHẢO SÁT HỆ THỐNG

2.1 Khảo sát hệ thống

2.1.1 Giới thiệu về cửa hàng đồng hồ Duy Mạnh

Cửa hàng bán đồng hồ Duy Mạnh có địa chỉ tại số 102 đường Nguyễn LươngBằng, Thành phố Hải Dương, Hải Dương

Cửa hàng chuyên cung cấp đồng hồ của các hãng như Omega, Aries Gold,Diamond… Các dòng đồng hồ thường và đồng hồ thông minh (smartwatch) Cửa hàngluôn là điểm đến yêu thích của giới công nghệ nói chung và giới săn đồng hồ mới nóiriêng Cửa hàng luôn cập nhật các thông tin, mặt hàng mới nhất trên thế giới cũng như

ở Việt Nam Đội ngũ nhân viên trẻ đẹp, năng động, sẵn sàng phục vụ quý khách hàngkịp thời, đầy đủ nhất

Tiêu chí hoạt động của của hàng là làm sao mặt hàng đến tay người tiêu dùnggiá rẻ nhất thị trường nhưng chất lượng phải được đảm bảo Việc giữ uy tín với kháchhàng là phương châm hoạt động, phát triển thương hiệu của cửa hàng

Hiện tại cửa hàng vừa phục vụ cho khách hàng đến mua hàng trực tiếp tại cửahàng và muốn phục vụ cho một số khách hàng có nhu cầu mua tại cửa hàng nhưngkhông thể đến trực tiếp cửa hàng được

2.1.2 Mô trình nghiệp vụ của cửa hàng

Hoạt động kinh doanh của cửa hàng hoa chủ yếu diễn ra 2 quá trình:

 Quá trình nhập hàng:

Cửa hàng được cung cấp hàng từ nhiều nhà cung cấp và thương hiệu khácnhau : đồng hồ Diamond D , Q&Q,Citizen,Aries Gold,… Khi cửa hàng có nhucầu thì người quản lý sẽ liên hệ với các nhà cung cấp và yêu cầu nhà cung cấp gửithông tin như : Tên , thương hiệu đồng hồ, số lượng có thể cung cấp được cho cửahàng,giá cả Sau khi thỏa thuận xong về giá cả và số lượng sẽ tiến hành kí hợpđồng mua hàng với nhà cung cấp Quá trình giao hàng sẽ được thực hiện theo thờigian đã thỏa thuận giữa nhà cung cấp và cửa hàng

Khi nhận hàng, bộ phận quản lý kho kiểm tra hàng, nếu khớp với hợp đồng muahàng thì lập hoá đơn mua hàng có các thông tin về tên hàng, số lượng, đơn giá,tổng tiền, đồng thời chuyển cho quản lý viết phiếu chi có thông tin về họ tên, địachỉ, lý do chi tiền, tổng số tiền chi,… để thanh toán tiền với nhà cung cấp, ngượclại thì sẽ có thông tin phản hồi với nhà cung cấp

Sau khi nhận hàng quản lý sẽ kiểm hàng và nhận hàng đồng thời lập chứng

từ nhập kho và cập nhật danh mục hàng vào sổ nhập kho và lưu trữ thông tin như:

mã nhà cung cấp, tên nhà cung cấp, tên,nhãn hiệu, quy cách,sản phẩm hàng hóa,

số lượng thực nhập, đơn giá và tổng số tiền

Khi nhận nhận được điện thoại yêu cầu cung cấp hàng của khách hàng, nhânviên sẽ gửi báo giá các mặt hàng cho khách hàng Sau khi thống nhất, nếu đồng ýkhách hàng sẽ gửi yêu cầu mua hàng thông qua đơn đặt hàng, điện thoại… Nhânviên bán hàng sẽ tiếp nhận đơn đặt hàng, xác nhận và cập nhật vào sổ khách hàngsau đó chuyển cho bộ phận quản lí kho, đồng thời cập nhật danh sách khách hàngvào sổ khách hàng Dựa trên các thông tin trong đơn đặt hàng, quản lý sẽ kiểmtra số lượng hàng trong kho, nếu đáp ứng đủ yêu cầu của khách hàng thì lậpchứng từ xuất kho và cập nhật danh mục hàng xuất vào sổ xuất kho, sau đóchuyển hàng cho nhân viên giao hàng để tiến hành giao hàng cho khách Ngượclại thì trình lãnh đạo để có kế hoạch nhập hàng về

Bộ phận bán hàng, khi nhận được hàng từ kho sẽ kiểm tra hàng và lập hoáđơn bán hàng đồng thời thực hiện giao hàng đến tận nơi cho khách hàng

đã ảnh hưởng đến rất nhiều doanh thu của cửa hàng

Thứ hai, do thói quen , nhu cầu mua sắm của khách hàng qua mạng ngày càng

phổ biến hơn nên số lượng khách đến cửa hàng trong những năm gần đây sụt giảm dần

đó cũng là một trong những yếu tố ảnh hưởng đến doanh thu của cửa hàng

Để khắc phục những khó khăn trên cũng như muốn mở rộng hình thức kinhdoanh và quảng bá sản phẩm đồng hồ của cửa hàng không những cho khách hàngtrong tỉnh mà còn cho khách hàng toàn quốc biết nên chủ cửa hàng quết định xây dựngmột website nhằm :

Tăng cường hoạt động quản lý, dựa trên hệ thống thông tin quản lý tin học

Hỗ trợ nhân viên, người chủ cửa hàng thực hiện các nghiệp vụ

Tiết kiệm chi phí thuê địa điểm, quảng bá đến người tiêu dùng

Tăng lợi nhuận cho người chủ của hàng.

Đáp ứng nhu cầu mua bán ngày càng phát triển của xã hội, xây dựng nên mộtmôi trường làm việc hiệu quả

Thúc đẩy phát triển buôn bán trực tuyến

Rút ngắn khoảng cách giữa người mua và người bán, tạo ra một Website trựctuyến có thể đưa nhanh thông tin cũng như việc trao đổi mua bán các loại điện thoạiqua mạng

Việc quản lý hàng trở nên dễ dàng

Sản phẩm được sắp xếp có hệ thống nên người dùng dễ tìm kiếm sản phẩm

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

3.1 Đặc tả yêu cầu

3.1.1 Yêu cầu chức năng

Website bán đồng hồ có các chức năng sau:

Giao diện quản trị hệ thống ( người bán )

Quản trị hệ thống có quyền quản lý toàn bộ hoạt động của website quản lý vàbán đồng hồ:

- Chức năng quản lý sản phẩm: Người quản trị thực hiện các hành động thêm,sửa, xóa các đối tượng quản lý, thêm chức năng tìm kiếm, xuất thông tin sản phẩm

- Chức năng quản lý bài viết: Người quản trị được phép thực hiện hoạt độngthêm, sửa, xóa các đối tượng được quản lý

- Chức năng quản lý tài khoản: Người dùng được phép thực hiện hoạt độngđộng sửa, các chức năng được quản lý

- Chức năng quản lý người dùng: Người quản trị được phép thực hiện hoạtđộng xóa các chứ năng mình quản lý

- Quản lý đơn hàng: Cho phép tìm kiếm, xuất thông tin, xem đơn hàng (trong

đó được xóa sản phẩm trong đơn hàng), cập nhật trạng thái đơn hàng, xóa đơn hàng

- Chức năng quản lý hệ thống: Người quản trị được phép thực hiện hoạt độngthêm, sửa, xóa slide, sự kiện,

- Chức năng thống kê doanh thu: người quản trị theo dõi được doanh thu củawebsite

Giao diện khách hàng ( người mua)

Frontend của website bán hàng online được xây dựng trên các tiêu chí:

- Giao diện đẹp, các thao tác đơn giản và thân thiện với người dùng

- Thông tin sản phẩm phong phú, đa dạng, luôn cập nhật những sản phẩm mớinhất

- Có thông tin liên hệ của cửa hàng

- Font chữ đơn giản, hình ảnh dễ nhìn, màu sắc hài hòa

- Tính bảo mật dữ liệu của hệ thống phải cao

- Đảm bảo vận hành tốt khi có nhiều người dùng cùng tương tác tại cùng mộtthời điểm

- Website tương thích với các trình duyệt phổ biến

Frontend của website bán hàng thực hiện các chức năng:

- Hiển thị các sản phẩm bán chạy, sản phẩm mới, sản phẩm nổi bật, sản phẩmvừa xem, tin tức

- Khách hàng có thể xem thông tin chi tiết của sản phẩm, gửi đánh giá, bìnhluận sản phẩm

- Cho phép khách hàng đặt mua sản phẩm

- Cho phép khách hàng đăng ký, đăng nhập hệ thống

- Cho phép tìm kiếm các sản phẩm và tin tức

- Cho phép xem các tin tức, bài viết nổi bật

- Cho phép quản lý tài khoản: xem tổng quan trang cá nhân, cập nhật thông tintài khoản, quản lý đơn hàng, xem sản phẩm yêu thích, sản phẩm đã xem, xem lịch sửlogin

- Cho phép gửi thông tin liên hệ

3.1.2 Các yêu cầu phi chức năng

Bảng 3 1 Bảng yêu cầu phi chức năng

3.2 Xây dựng biểu đồ ca sử dụng

3.2.1 Tác nhân của hệ thống

Các tác nhân chính của hệ thống bao gồm:

Tác nhân Admin: thực hiện các chức năng như quản lý sản phẩm, quản lý tintức, quản lý người dùng, quản lý đơn hàng, quản lý hệ thống Để thực hiện chức năngnày admin phải đăng nhập

Tác nhân khách hàng: có thể thực hiện các chức năng như tìm kiếm sản phẩm, tin tức– bài viết, xem thông tin chi tiết của sản phẩm, bài viết, đặt hàng, xem giỏ hàng, đăng

ký tài khoản mới, bình luận sản phẩm, đánh giá sản phẩm, đăng nhập hệ thống, gửithông tin liên hệ, quản lý tài khoản

Chức năng admin

Bảng 3 2 Bảng chức năng admin

1 Quản trị hệ thống Quản lý toàn hộ hệ thống, có quyền thay đổi các thông tin sản phẩm, bài viết, trong hệ thống.

2 Quản lý sản phẩm Quản lý, lưu trữ thông tin về sản phẩm như mã sản phẩm, tên sản phẩm… thêm, sửa, xóa sản phẩm

chóng và chính xác

trình duyệt web hiện tại

STT Tên ca sử dụng Mô tả

hàng, địa chỉ, mã khách hàng, số điện thoại, email

7 Quản lý giao dịch Quản lý thông tin giao như: Mã giao dịch, mã khách hàng, địa chỉ người nhận, số điện thoại, tổng tiền.

8 Quản lý chi tiết hóa

đơn

Quản lý hóa đơn của khách hàng như: mã giao dịch,

mã hóa đơn, mã sản phẩm, số lượng, thành tiền

9 Giỏ hàng Giỏ hàng là để lưu thông tin mà khách hàng đã chọn có những trường như: mã giỏ hàng, mã sản phẩm,

mã giao dịch, ngày tạo

10 Tạo một tài khoản

mới

Khách hàng có thể thực hiện thao tác đăng ký để trở thành nhân viên thuận tiện cho việc mua sản phẩm

và hưởng những khuyến mại của cửa hàng

11 Quản lý thông tin tàikhoản Khách hàng có thể thay đổi thông tin của tài khoản ,thay đổi mật khẩu , địa chỉ , thông tin liên lạc.

12 Quản lý thông tin tàikhoản Khách hàng có thể thay đổi thông tin của tài khoản ,thay đổi mật khẩu , địa chỉ , thông tin liên lạc.

Thực hiện đăng nhập vào hệ thông, bắt buộc phải nhập email và password Kiểm tra hợp lệ trùng với

dữ liệu có sẵn thì hệ thống sẽ cho phép đăng nhập

14 Tìm kiếm thông tin

Tìm kiếm, nhanh về thông tin sản phẩm, dựa vào cáctiêu chí tìm kiếm của website như tìm theo tên của sản phẩm…

Khách hàng có thể thực hiện chức năng này để đặt mua hàng, nhằm giảm thiểu thời gian và chi phí cho khách hàng

Sau khi đăng nhập và chọn mua sản phẩm, giỏ hàng

là nơi chứa thông tin về sản phẩm mà khách hàng đã chọn mua như số lượng sản phẩm, tên sản phẩm và giá tiền sản phẩm đó

3.4 Biểu đồ Use case

3.4.1 Biểu dồ Use case tổng quát

Khái quát chức năng chính của hệ thống Các chức năng này có tính tổng quát

dễ dàng nhìn thấy được trên quan điểm của các tác nhân Dựa vào yêu cầu của bài toán

ta có use case tổng quát như sau:

Hình 3 1 Biểu đồ use case tổng quát

3.4.2 Biểu đồ phân rã cho tác nhân Admin

3.4.3 Biểu đồ phân rã cho tác nhân Khách hàng

Hình 3 2 Biểu đồ phân rã cho tác nhân khách hàng

3.4.4 Biểu đồ trình tự

Mục đích: biểu diễn tương tác giữa những người dùng và những đối tượng bêntrong hệ thống Biểu đồ này cho biết các thông điệp được truyền tuần tự như thế nàotheo thời gian Thứ tự các sự kiện trong biểu đồ tuần tự hoàn toàn tương tự như trongkịch bản mô tả ca sử dụng tương ứng

Biểu diễn: Biểu đồ trình tự được biểu diễn bởi các đối tượng và thông điệptruyền đi giữa các đối tượng đó

 Biểu đồ trình tự cho chức năng Đăng nhập

Hình 3 3 Biểu đồ trình tự cho chức năng đăng nhập

 Biểu đồ trình tự cho chức năng đăng ký

Hình 3 4 Biểu đồ trình tự cho chức năng đăng đăng ký

 Biểu đồ trình tự cho chức năng đặt hàng

Hình 3 5 Biểu đồ trình tự cho chức năng đặt hàng

 Biểu đồ trình tự cho chức năng quản lý tài khoản

Hình 3 6 Biểu đồ trình tự cho chức năng quản lý tài khoản

 Biểu đồ trình tự cho chức năng quản lý người dùng

Hình 3 7 Biểu đồ trình tự cho chức năng quản lý người dùng

 Biểu đồ trình tự cho chức năng quản lý sản phẩm

Hình 3 8 Biểu đồ trình tự cho chức năng quản lý sản phẩm

 Biểu đồ tuần tự cho chức năng quản lý tin tức

Hình 3 9 Biểu đồ trình tự cho chức năng quản lý tin tức

 Biểu đồ trình tự cho chức năng quản lý đơn hàng

Hình 3 10 Biểu đồ trình tự cho chức năng quản lý đơn hàng

3.4.6 Biểu đồ lớp

 Danh sách các đối tượng

ST

1 Category Mô tả các thuộc tính và các phương thức liên

quan tới nghiệp vụ quản lý danh mục sản phẩm

2 News Mô tả các thuộc tính và các phương thức liên

quan tới nghiệp vụ quản lý bài viết

3 Order Mô tả các thuộc tính và các phương thức liên

quan tới nghiệp vụ quản lý danh sách đơn hàng

4 Product Mô tả các thuộc tính và các phương thức liên

quan tới nghiệp vụ quản lý danh sách sản phẩm

5 Transaction Mô tả các thuộc tính và các phương thức liên

quan tới nghiệp vụ quản lý thông tin giao dịch

6 User Mô tả các thuộc tính và các phương thức liên

quan tới nghiệp vụ quản lý danh sách thành viên

Bảng 3 3 Bảng danh sách các đối tượng

 Mô hình lớp

Hình 3 11 Biểu đồ lớp

CHƯƠNG 4: THIẾT KẾ HỆ THỐNG

4.1 Lựa chọn phương án thiết kế

4.1.1 Lựa chọn công nghệ

Công cụ sử dụng :

- Visual Studio Code

- Công cụ lập trình: HTML, CSS, BOOTSTRAP, JQUERY

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

- Framework hỗ trợ: Laravel 5.8

- Công cụ quản lý CSDL: MySQL

Em lựa chọn và sử dụng các công nghệ trên bởi vì:

Trong chương trình đào tạo em có được tiếp cận với các công nghệ này và emnhận thấy rằng nó đủ khả năng giải quyết được bài toán mà em nêu ra đó là “Xây dựngwebsite giới thiệu và bán hoa tươi cho cửa hàng Lovely Flowers”

Ưu điểm của các công nghệ em đưa ra: Phần mềm sử dụng để lập trình nhẹ,giao diện đơn giản, có các công cụ hỗ trợ đầy đủ chức năng thực hiện soạn thảo code.Ngôn ngữ lập trình được sử dụng là mã nguồn mở, hoàn toàn miễn phí và có cộngđồng người dùng đông đảo Những phẩn mềm, mã nguồn mở nổi tiếng sử dụng PHPlà: Joomla CMS, vBulletin Forum, phpBB Forum, IBF Forum, osCommerce… Quản

lý CSDL với MySQL cũng rất tiện lợi, đơn giản, tốc độ xử lý nhanh và có thể chạyđược trên nhiều hệ điều hành

4.1.2 Giới thiệu về công nghệ

 Giới thiệu Visual Studio Code

Visual Studio Code là gì?

Visual Studio Code là một trình biên tập mã được phát triển bởi Microsoft dànhcho Windows, Linux và macOS Nó hỗ trợ chức năng debug, đi kèm với Git, có syntaxhighlighting, tự hoàn thành mã thông minh, snippets, và cải tiến mã nguồn Nó cũngcho phép tùy chỉnh, do đó, người dùng có thể thay đổi theme, phím tắt, và cá tùy chọnkhác Nó miễn phí và là phần mềm mã nguồn mở, mặc dù gói tải xuống chính thì là cógiấy phép

rộng) cũng được công bố.

Tính năng

Visual Studio Code là một trình biên tập mã Nó hỗ trợ nhiều ngôn ngữ và chứcnăng tùy vào ngôn ngữ sử dụng theo như trong bảng sau Nhiều chức năng của VisualStudio Code không hiển thị ra trong các menu tùy chọn hay giao diện người dùng.Thay vào đó, chúng được gọi thông qua khung nhập lệnh hoặc qua một tập tin json (ví

dụ như tập tin tùy chỉnh của người dùng) Khung nhập lệnh là một giao diện theo dònglệnh Tuy nhiên, nó biến mất khi người dùng nhấp bất cứ nơi nào khác, hoặc nhấn tổhợp phím để tương tác với một cái gì đó ở bên ngoài đó Tương tự như vậy với nhữngdòng lệnh tốn nhiều thời gian để xử lý Khi thực hiện những điều trên thì quá trình xử

Vai trò: HTML có vai trò xây dựng cấu trúc siêu văn bản trên một website hoặckhai báo các tập tin kỹ thuật số (media) như hình ảnh, video, nhạc

- Tạo ra các kiểu dáng có thể áp dụng cho nhiều trang web, giúp tránh phảilặp lại việc định dạng cho các web giống nhau

c BOOTSTRAP

Định nghĩa: bootstrap là một framework HTML, CSS và Javascript cho phépngười dùng dễ dàng thiết kế website theo một chuẩn nhất định, tạo các website thânthiện với người dùng

Vai trò:

- Rất dễ sử dụng: nó đơn giản vì nó được base trên HTML, CSS và

JavaScript chỉ cần có kiến thức cơ bản về 3 cái đó là có thể sử dụng được Bootstrap.

- Responsive: Bootstrap xây dựng sẵn reponsive css trên các thiết bị

Iphones, tablets và desktops Tính năng này giúp người dùng tiết kiệm rất nhiềuthời gian trong việc tạo ra một website thân thiện với các thiết bị điện tử, thiết bị cầmtay

- Tương thích với trình duyệt: nó tương thích với tất cả các trình duyệt(Chrome, Firefox, Internet Explore, Safari, Opera)

d JQUERY

Định nghĩa: Jquery là một thư viện kiểu mới của JavaScript Jquery là một bộcông cụ tiện ích JavaScript làm đơn giản hóa các tác vụ đa dạng với việc viết code íthơn

Tác dụng: Jquery làm đơn giản hóa việc truyền tải HTML, xử lý sự kiện, tạohiệu ứng động và tương tác Ajax

 Giới thiệu về PHP

PHP (Personal Home Page hay PHP Hypertext Preprocessor) được giới thiệunăm 1994 bởi R Lerdoft, như một bộ sưu tập của ngôn ngữ chưa chặt chẽ dựa vàoPerl và các công cụ của trang chủ Vì quá trình xử lý dựa trên máy chủ nên các trangWeb được viết bằng PHP sẽ dễ dàng hơn ở bất cứ hệ điều hành nào Nói một cáchngắn gọn: PHP là một ngôn ngữ lập trình kiểu script, chạy trên Server và trả về mãHTML cho trình duyệt Xu hướng sử dụng PHP trong việc thiết kế Web đang ngàycàng phát triển trong giai đoạn hiện nay và trong tương lai

PHP là một ngôn ngữ lập trình được kết nối chặt chẽ với máy chủ Nói mộtcách đơn giản không theo thuật ngữ khoa học thì một quá trình xử lý PHP được thựchiện trên máy chủ (Windowns hoặc Unix) Khi một trang Web muốn dùng PHP thìphải đáp ứng được tất cả các quá trình xử lý thông tin trong trang Web đó, sau đó đưa

ra kết quả như ngôn ngữ HTML Vì quá trình xử lý này diễn ra trên máy chủ nên trangWeb được viết bằng PHP sẽ dễ nhìn hơn ở bất kì hệ điều hành nào

Cũng giống như hầu hết các ngôn ngữ lập trình khác, PHP có thể nối trực tiếpvới HTML Mã PHP tách biệt với HTML bằng các thực thể đầu và cuối Khi một tàiliệu được đưa ra phân tích, quá trình xử lý PHP chỉ được thực hiện ở những điểm quantrọng, rồi sau đó đưa ra kết quả

Mã PHP được đặt trong một kiểu tag đặc biệt cho phép ta có thể vào hoặc rakhỏi chế độ PHP, cú pháp của PHP cơ bản cũng giống như một số ngôn ngữ lập trìnhkhác, đặc biệt là C và Perl

PHP được nhận dạng dưới 4 dạng phiên bản:

a.Ví dụ:

số lượng cơ sở dữ liệu khá đồ sộ gồm cả MySQL, mSQL, OPBC và Oracle Nó cũng

có thể làm việc với các hình ảnh các file dữ liệu, FTP, XML và host của các kĩ thuậtứng dụng khác

Cho đến nay thì PHP đã được công bố tới phiên bản 4 và càng ngày càng hoànhảo và dễ sử dụng, và là một dịch vụ hàng đâu miễn phí

Một số nhà phát triển ứng dụng web, thường sử dụng PHP để xây dựng các ứng

dụng thương mại điện tử cho đến thời điểm tháng 1 năm 2001 có 5 triệu tên miền trênthế giới sử dụng PHP.

PHP là open source, điều này có nghĩa là bạn có thể làm việc trên mã nguồn,thêm, sửa, sử dụng và phân phối chúng Để tham khảo thêm các mã nguồn của PHP,bạn có thể vào internet tại địa chỉ http://www.php.net hay http://www.zen.com

- Tại sao phải sử dụng PHP:

Như chúng ta đã biết, có rất nhiều trang Web được xây dựng bởi ngôn ngữHTML (HyperText Markup Language) Đây chỉ là các trang Web tĩnh, nghĩa là chúngchỉ chứa đựng một nội dung cụ thể với dòng văn bản đơn thuần, hình ảnh, và có thểđược hỗ trợ bởi JavaScript hoặc là JavaApple Những trang web như vậy người ta gọi

là Client-Side Tuy nhiên, Internet và Intranets đã được sử dụng cho các ứng dụng cầntới cơ sở dữ liệu Các trang ứng dụng như vậy được gọi là trang web động, bởi vì nộidung của chúng luôn thay đổi tùy thuộc vào dữ liệu và người sử dụng PHP là ngônngữ làm được như vậy Bằng cách chạy chương trình PHP trên máy chủ Web server,bạn có thể tạo ra các ứng dụng có sự tương tác với cơ sở dữ liệu và đây gọi là các trangWeb động

Chúng ta hãy xem xét cách hoạt động của một trang Web viết bằng HTML vàPHP như thế nào:

- Với các trang HTML: Khi có yêu cầu tới một trang web từ phía người sửdụng (Brower) Websever thực hiện ba bước sau:

+ Đọc yêu cầu từ phía brower +

Tìm trang web trên Sever

+ Gửi trang web đó lại cho brower nếu tìm thấy qua Internet hoặc Intranet

- Với các trang PHP: Khác với trang HTML, khi một trang PHP được yêucầu, webserver sẽ phân tích và thực thi các đoạn mã PHP để tạo ra các

trang HTML Điều đó được thể hiện bằng bốn bước:

- Đọc yêu cầu từ phía brower

- Tìm trang web trên Sever

- Thực hiện đoạn mã PHP trên trang đó để sửa đổi nội dung của trang

- Gửi trở lại nội dung cho brower (đây là trang HTML có hiển thị được bởicác trình duyệt như Internet Explorer hoặc FireFox)

Tóm lại sự khác nhau giữa HTML và PHP là HTMl không được thực hiện trênmáy chủ WebSever còn *.php được viết bằng các đoạn mã PHP được thực hiện trênmáy chủ WebSever do đó nó mềm dẻo và linh động hơn

PHP cung cấp một hệ thống thư viện phong phú: Do PHP ngay từ đầu đượcthiết kế nhằm mục đích xây dựng và phát triển các ứng dụng trên nền Web nên PHPcung cấp rất nhiều hàm xây dựng sẵn thực hiện các công việc rất dễ dàng như: gửinhận mail, làm việc với cookie, session, và nhiều thứ khác nữa.

PHP là một ngôn ngữ rất dễ dùng, dễ học và đơn giản hơn nhiều so với cácngôn ngữ khách như Java, Perl Nếu bạn đã biết ngôn ngữ C thì mọi việc học PHPhoàn toàn thuận lợi vì PHP có cấu trúc giống với ngôn ngữ C

PHP có thể sử dụng được trên nhiều hệ điều hành, chúng ta có thể viết chúngtrên Unix, Lunix và các phiên bản khác nhau của Windows Và có thể đem các mãPHP này chạy trên các hệ điều hành khác mà không phải sửa đổi lại mã

PHP là ngôn ngữ mã mở nên có một cộng đồng các thành viên chuyên về PHPđông đảo, rộng lớn trên khắp thế giới Vì vậy, mọi người có thể tự do, dễ dàng traođổi, thảo luận với nhau để cùng phát triển các chương trình PHP của mình

 Tìm hiểu về Laravel

a, giới thiệu về Laravel

Laravel là một bộ mã nguồn PHP Framework hoàn toàn miễn phí, được thiết kế

và xây dựng theo chuẩn mô hình MVC Laravel được phát hành theo giấy phép MIT,với mã nguồn của nó được lưu trữ trên GitHub Phiên bản đầu tiên được phát hànhngày 22 tháng 1 năm 2012 bởi Taylor Otwell và phiên bản mới nhất hiện này làLaravel 5 phát hành tháng 1 năm 2015 Theo thống kê đánh giá của một cuộc khảo sátcác PHP Framework phổ biến 2013, thì Laravel đứng thứ hạng cao, sau đó làZendframework, Symfony, Yii Framework, CodeIgniter… Đây là một framework khámới mẻ và dễ tiếp cận, được rất nhiều lập trình viên ưa thích và sử dụng

Hình 4 1 Framework Laravel

Trước hết, sự tinh tế của Laravel nằm ở chỗ bắt kịp được xu hướng côngnghệ mà điểm nhấn ở đây là các tính năng mới trong các phiên bản PHP 5.3 trở lên.Điều đó được thể hiện qua khái niệm namespace, composer, closure và rất nhiềunhững tiêu chuẩn trong design pattern được áp dụng trên nền tảng framework này.Đồng thời, với cách hướng dẫn đơn giản và dễ tiếp cận giống với CodeigniterFramework đã khiến người dùng thích ngay từ lần đầu tiếp xúc

Laravel là một kết hợp tinh hoa từ các Framework khác, nó cung cấp một bộcông cụ mạnh mẽ và một kiến trúc ứng dụng kết hợp nhiều tính năng tốt nhất củaCodeIgniter, Yii, ASP.NET MVC, Ruby on Rails, Sinatra

b, Sự phát triển của Laravel

Đến cuối năm 2013, khi các chuyên gia tổng hợp về sự tăng trưởng của Laraveltrong những tháng cuối năm thì chúng ta có thể thấy Laravel vượt lên dẫn đầu trướccác PHP framework lớn mạnh khác một cách ngoạn mục, khi tỷ lệ % của Laravelchiếm tới những 25,85%, trong khi các framework đình đám khác lại tụt giảm thêthảm như Zend framework 2 chỉ còn 4,51% là 1 ví dụ

Hình 4 2 Tỉ lệ người sử dụng Laravel năm 2013

Còn đến đầu năm 2015 với sự ra mắt của Laravel 5 thì tỉ lệ người dùng Laravelcũng được thống kê như sau:

Hình 4 3 Tỉ lệ người sử dụng Laravel năm 2015

c, Các điểm nhấn đặc sắc của Laravel

Laravel là một PHP Framework Nó giảm bớt các tác vụ thường gặp của cáctrang web như authentication, routing, sessions, và caching Nó ra đời vào tháng04/2011, có lẽ là khá mới mẻ, nhưng cũng chính vì ra đời muộn màng như thế đã buộc

nó phải học hỏi cái hay từ các PHP Framework đàn anh đi trước Không những là cácPHP Framework, nó còn học cái hay từ Ruby on Rails, ASP.NET MVC, và Sinatra

Tham khảo Best PHP Frameworks 2014 frameworks-2014/, ta thấy Laravel đang được cộng đồng đánh giá cao