phát triển website quản lý bán đồ thể thao sử dụng js

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 223.2 Mô tả các chức năng của hệ thống RQ01 – Đăng nhập Bảng 3.1:Tính năng hệ thống Đăng nhập Tên yêu cầu Đăng nhập Đối tượng sử dụng Tất cả các nhóm

BỘ GIÁO DỤC VÀ ĐÀO TẠO

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ ĐÔNG Á

BỘ GIÁO DỤC VÀ ĐÀO TẠO

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ ĐÔNG Á

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 ii

1.3 Đề xuất phương pháp giải quyết 11

1.4 Mô tả yêu cầu bài toán 12

1.5 Xây dựng mô hình bài toán 13

CHƯƠNG II: MỘT SỐ KIẾN THỨC CƠ BẢN THỰC HIỆN ĐỀ TÀI 14

2.1 Hệ quản trị cơ sở dữ liệu 14

2.2 Ngôn ngữ lập trình 16

2.3 Tool hỗ trợ lập trình 17

CHƯƠNG III: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 21

3.1 Mô hình phân rã chức năng của hệ thống 21

3.2 Mô tả các chức năng của hệ thống 22

3.3 Phân tích thiết kế cơ sở dữ liệu 46

CHƯƠNG IV: XÂY DỰNG WEBSITE 62

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 iii

1.Giao diện User 62

2.Giao diện quản trị Admin 66

KẾT LUẬN 74

TÀI LIỆU THAM KHẢO 75

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 iv

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 v

Bảng 3.9: Tính năng hệ thống Quản lý đơn hàng 34

Bảng 3.10: Tính năng hệ thống Quản lý giỏ hàng 37

Bảng 3.11: Tính năng hệ thống Quản lý khuyến mãi 38

Bảng 3.12: Tính năng hệ thống Quản lý vai trò người dùng 40

Bảng 3 13: Tính năng hệ thống Quản lý chi tiết đơn hàng 42

Bảng 3.14: Tính năng hệ thống Tìm kiếm sản phẩm 43

Bảng 3.15: Tính năng hệ thống Xem chi tiết sản phẩm 44

Bảng 3.16: Tính năng hệ thống Đăng bài viết 44

Bảng 3.17: Tính năng hệ thống Thanh toán 45

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 vi

Hình 3.2: Mô hình phân rã chức năng của hệ thống-BackEnd 21

Hình 3.3: Mô hình luồng dữ liệu mức khung cảnh 47

Hình 3.4: Mô hình luồng dữ liệu mức đỉnh - FrontEnd 48

Hình 3.5: Mô hình luồng dữ liệu mức đỉnh - BackEnd 49

Hình 3.6: Mô hình luồng dữ liệu mức dưới đỉnh - Quản trị hệ thống 50

Hình 3.7: Mô hình luồng dữ liệu mức dưới đỉnh - Thống kê báo cáo 51

Hình 3.8: Mô hình luồng dữ liệu mức dưới đỉnh - Quản trị danh mục 52

Hình 3.9: Mô hình luồng dữ liệu mức dưới đỉnh - Tìm kiếm 53

Hình 3.10:Mô hình thực thể liên kết dữ liệu 58

Hình 3.11: Mô hình luồng dữ liệu mức đỉnh 59

Hình 3.12: Mô hình logic cơ sở dữ liệu 60

Hình 3.13: Mô hình vật lý cơ sở dữ liệu 61

Hình 4.1: Giao diện người dùng - Trang chủ 62

Hình 4.2: Giao diện người dùng- Tin tức 62

Hình 4.3: Chi tiết sản phẩm 63

Hình 4.4: Giao diện thanh toán giỏ hàng 63

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 vii

Hình 4.5: Giao diện Quản lý đơn hàng 64

Hình 4.6: Giao diện đăng kí Khách hàng 65

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

Hình 4.8: Giao diện đăng nhập Admin 66

Hình 4.9: Giao diện quản lý Báo cáo thống kê 66

Hình 4.10: Giao diện quản lý Danh mục sản phẩm 67

Hình 4.11: Giao diện thêm mới Danh mục sản phẩm 67

Hình 4.12: Giao diện quản lý Sản phẩm 68

Hình 4.13: Giao diện chức năng thêm mới Sản phẩm 68

Hình 4.14: Giao diện quản lý Nhà cung cấp 69

Hình 4.15: Giao diện chức năng thêm mới Nhà cung cấp 69

Hình 4.16: Giao diện quản lý Tin tức 70

Hình 4.17: Giao diện chức năng thêm mới Tin tức 70

Hình 4.18: Giao diện quản lý Mặt hàng sắp hết 71

Hình 4.19: Giao diện chức nặng chỉnh sửa trạng thái đơn hàng 71

Hình 4.20: Giao diện quản lý Đơn hàng 72

Hình 4.21: Giao diện quản lý Khách hàng 72

Hình 4.22: Giao diện quản lý Quản trị viên 73

Hình 4.23: Giao diện thêm mới Quản trị viên 73

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 viii

LỜI CẢM ƠN

Đề tài “ Phát triển Website quản lý bán đồ thể thao sử dụng js” đã được hoàn thành Trong quá trình nghiên cứu và hoàn thiện, em đã nhận được sự giúp đỡ và hướng dẫn rất nhiệt tình từ phía nhà trường, các thầy cô giáo

Em xin gửi lời cảm ơn chân thành đến nhà trường, khoa Công nghệ thông tin đã tận tình chỉ bảo, góp ý và tạo điều kiện cho em hoàn thành đề tài nghiên cứu một cách tốt nhất

Em xin cảm ơn cô Đỗ Thị Huyền đã nhiệt tình hướng dẫn em trong quá trình thực hiện đề tài nghiên cứu

Em xin gửi lời cảm ơn tới phía cửa hàng Neyma Sport , địa chỉ 2 ngõ 121 Thái Hà , quận Đống Đa , Hà Nội đã hỗ trợ và giúp đỡ em hoàn thiện tài liệu khảo sát của đề tài nghiên cứu

Trong quá trình thực hiện bài nghiên cứu, em đã cố gắng nỗ lực, tuy nghiên không tránh khỏi sai sót Em mong nhận được sự góp ý của thầy cô giáo và hội đồng đánh giá để bài nghiên cứu của em được hoàn thiện hơn

Em xin chân thành cảm ơn !

MỞ ĐẦU

Cùng với sự phát triển chung của công nghệ thông tin trên thế giới đã và đang góp phần nào vào việc giải quyết nhiều vấn đề trong cuộc sống mà lại nhiều hiệu quả tích cực và tính ứng dụng cao hơn Như chúng ta đã biết, bên cạnh sự phát triển của công nghệ thông tin thì sự ra đời của Internet đã góp phần rất lớn cho sự phát triển của cách mạng khoa học công nghệ Hòa cùng với sự phát triển của tin học trên thế giới, ở Việt Nam ngành Công nghệ thông tin tuy còn non trẻ nhưng tốc độ phát triển khá mạnh, đã và đang dần được ứng dụng trong nhiều lĩnh vực của nền kinh tế, xã hội, giáo dục, … góp phần thúc đấy sự phát triển của xã hội

Thực tế cho thấy, những năm gần đây, ngành Thương mại điện tử đang phát triển vô cùng mạnh mẽ Đặc biệt, từ năm 2020 đến nay, dù chịu ảnh hưởng của đại dịch Covid-19, thương mại điện tử vẫn tăng trưởng ấn tượng, góp phần đưa Việt Nam trở thành một trong những khu vực tiềm năng nhất khu vực ASEAN

Nhận ra tiềm năng ấy, là một sinh viên năm cuối khoa Công nghệ thông tin trường Đại học Công nghệ Đông Á , chuyên ngành Công nghệ Thông tin , em xin được vận dụng những kiến thức và kinh nghiệm học tập tại trường để thực hiện đề tài liên quan đến thương mại điện tử mang tên: “Phát triển Website quản lý bán đồ thể thao sử dụng js”

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 3

CHƯƠNG I: TỔNG QUAN 1.1 Tổng quan về đề tài

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

Cuộc sống càng phát triển, ứng dụng công nghệ thông tin càng rộng rãi hơn trong mọi lĩnh vực của đời sống, điều này mang lại hiệu quả sản xuất cũng như sinh hoạt của con người Nhờ có công nghệ thông tin mà việc giao dịch, kết nối và kiểm soát hàng hoá giữa người mua và người bán trở nên thuận lợi hơn rất nhiều Ví thử như thay vì việc thanh toán cũng có thể thực hiện bằng giao dịch điện tử thay vì bằng tiền mặt như trước đây Ứng dụng CNTT vào kinh doanh đã, đang và sẽ trở thành một xu hướng giữa thời đại kinh tế phát triển.Trong bối cảnh nhịp độ sống ngày càng trở nên hối hả, người ta đặc biệt quan tâm đến việc thương mại điện tử Với sự ra đời của các Website bán hàng trên mạng, mọi người có thể mua mọi thứ hàng hóa ở mọi nơi, mọi lúc mà không cần phải tới tận nơi cung cấp mặt hàng đó Ở Việt Nam hiện đang đã và đang có rất nhiều các website bán hàng trực tuyến phổ biến như Shoppe, Lazada , Sendo, …Các nhà phát triển đã khẳng định được tầm quan trọng và tính ứng dụng vô cùng hiệu quả của thương mại điện tử Đây cũng là mục tiêu mà các nhà kinh doanh hướng tới, đồng thời khẳng định tầm quan trọng của việc quản trị, quản lý kinh doanh Mục tiêu này được thể hiện bởi giá trị, doanh số thu được hay thị phần,…Đây được coi là thước đo cụ thể đánh giá năng lực và hiệu quả của công tác bán hàng Để đạt được mục tiêu này, cần có sự phối hợp đồng bộ từ giám sát bán hàng ở cấp thấp nhất đến cấp cao nhất Giám sát cần theo dõi, đôn đốc, theo sát thị trường và hỗ trợ nhân viên bán hàng Nhà quản trị cấp cao cần có những cách thức, phương pháp cụ thể và đưa ra chiến lược hành động để định hướng hoạt động cho nhân viên đạt được mục tiêu quan trọng chính yếu và dài hạn này.

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 4 Hiện nay cửa hàng Soccer Shop đã và đang hoạt động với mức thu nhập giao động từ 70-100 triệu mỗi tháng Tháng cao điểm có thể lên tới 150 triệu đồng dựa vào tệp khách hàng lâu năm đã tin tưởng mua hàng và ủng hộ, tuy nhiên chiến lược marketing và thu hút lượng khách mới chưa thực sự hiểu quả Việc quản trị các sản phẩm, nhà cung cấp, nhân viên hay báo cáo thống kê, quản lý chi tiêu, …vẫn còn sử dụng những phương pháp thủ công, chưa được áp dụng những công nghệ mới Với mong muốn giúp cửa hàng gia tăng mức tiêu thụ , lợi nhuận cũng như cải thiện được chất lượng dịch vụ, quản lý hệ thống cho Soccer Shop”

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

Xây dựng Website quản lý cho Soccer Shop Website được tạo ra với mong muốn khắc phục những khó khăn còn tồn tại trong khâu quản lý, quản trị hệ thống, sản phẩm, doanh thu, nhân sự, sản phẩm, nhà cung cấp và chức năng thống kê báo cáo Giúp cho cửa hàng có thể hoạt động thêm phần hiệu quả và cải thiện được doanh thu cũng như chất lượng dịch vụ

1.1.3 Đối tượng và phạm vi nghiên cứu của đề tài

Đề tài “ Phát triển Website quản lý bán đồ thể thao sử dụng js ” được nghiên cứu trực tiếp tại cơ sở của Soccer Shop tại Hà Nội Địa chỉ 2 ngõ 121 Thái Hà , Đống Đa , Hà Nội

1.1.4 Nội dung thực hiện

Qua những thông tin đã thu tập và tổng hợp được từ cửa hàng , em tiến hành nghiên cứu và thực hiện đồ án với nội dung như sau:

• Tìm hiểu các tài liệu , đồ án liên quan đến lập trình và thiết kế website • Tiến hành tìm kiếm, thu thập và tổng hợp thông tin trực tiếp từ cửa

hàng Soccer Shop

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 5 • Phân tích và thiết kế hệ thống hướng chức năng

• Lập trình và thiết kế giao diện bằng PHP và MySQL • Chạy thử và điều chỉnh website

• Đánh giá kết quả thực hiện • Viết báo cáo

1.1.5 Ý nghĩa khoa học và thực tiễn của đề tài

Website được xây dựng đã áp dụng thành tựu của công nghệ thông tin vào lĩnh vực thương mại

Sự ra đời của website này không chỉ giải quyết những có khăn của cửa hàng Soccer Shop mà còn mang lại kiến thức, thông tin đến với mọi người một cách nhanh chóng và tiện lợi Khách hàng chỉ cần ở nhà và thực hiện vài thao tác nhỏ là có thể nhận ngay mặt hàng mà mình mong muốn một cách dễ dàng và chu đáo nhất

Với website này khách hàng hoàn toàn có thể yên tâm về chất lượng sản phẩm cũng như trải nghiệm mà cửa hàng Soccer Shop cung cấp Ngoài ra Soccer Shop cũng xin cam kết về việc đảm bảo an toàn thông tin cá nhân Bên cạnh đó Soccer Shop sẽ dễ dàng hơn trong việc quảng bá hình ảnh của mình đến với mọi người, ở mọi nơi và trên nhiều phương tiện

1.2 Khảo sát thực trạng

Ở nước ta nhu cầu sử dụng đồ thể thao của người dân vô cùng cao đặc biệt là sau đại dịch Covid-19 , hầu như mọi người đã thay đổi quan điểm , quan tâm tới sức khỏe nhiều hơn và coi việc tập luyện là ưu tiên hàng đầu Điều này đã tạo nên động lực thúc đẩy , dẫn đến nhu cầu tăng lên đối với mặt hàng thể thao Sự sẵn có của trang phục thể thao với những đặc tính nâng cao thói quen người

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 6 dùng mặc trang phục thể thao trong cả những khoảng thời gian không tập luyện

Hình 1.1: Hoạt động mua bán hàng ngày

Tại Soccer Shop , các mẫu mã đa dạng và trang trí đẹp mắt, chất lượng sản phẩm được đặt lên hàng đầu , luôn được chăm sóc và bảo quản cẩn thận Mặt hàng có nhiều loại như giày ,găng tay thủ môn , quần áo đá bóng , giá thành cũng vô cùng đa dạng theo nhu cầu sử dụng và các loại khách hàng, trung bình từ 79.000 đến 5.990.000 Mọi sản phẩm đều đạt chất lượng cũng như giá thành vô phải chăng Soccer Shop miến phí giao hàng nội thành Hà Nội cho các đơn hàng đặt trước 17h mỗi ngày và giao hàng từ 1-2 ngày cho các đơn hàng tại các khu vực ngoại thành Sản phẩm sẽ được đóng gói cẩn thận bằng giấy và được vận chuyển trong những chiếc hộp carton vô cùng chắc chắn, đảm bảo sản phẩm vẫn giữ được chất lượng tốt nhất trước khi đến tay khách hàng Hình thức thanh toán cũng vô cùng đa dạng, bao gồm thanh toán bằng thẻ, chuyển khoản ngân hàng hoặc thu tiền tận nơi, mang đến cho khách hàng những trải nghiệm thật tiện lợi

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 7

Lựa chọn và quản lý nguồn nhập là yếu tố vô cùng quan trọng trong quy

trình quản lý cửa hàng Quản lý hàng hóa nhập không hiệu quả hoàn toàn có thể gây ra các vấn đề mất kiểm soát tồn kho, ảnh hưởng trực tiếp đến quá trình bán hàng của cửa hàng Hiện tại thông tin về các nhà cung cấp cũng như thông tin về sản phẩm đang được quản lý dưới dạng tài liệu sổ sách, chủ cửa hàng sẽ cập nhật lại thông tin vào cuối ngày

Sản phẩm của cửa hàng chủ yếu được nhập tại Quảng Tây - Trung Quốc Nơi đây nổi tiếng với mẫu mã, chất lượng và số lượng các loại mẫu mã vô cùng phong phú và đa dạng Ví dụ như tất, băng tay , băng chân , bó gối , …Với số lượng nhập sỉ cao cùng hoạt động làm ăn lâu dài cùng các chủ sạp , Soccer Shop luôn nhập được giá mềm hơn so với các nguồn khác Ngoài ra cũng cần phải kiểm soát chặt chẽ các nguồn cung cấp cho từng mặt hàng của cửa hàng như những đơn hàng bằng đường sách tay Đó là những yếu tố giúp đánh giá được nguồn hàng sau một thời gian bán để có kế hoạch thay đổi hay tiếp tục duy trì nhập hàng với từng nhà cung cấp Mặt hàng quà tặng được cửa hàng đa dạng về nguồn nhập như taobao, shoppe, lazada, …

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 8

Hình 1.2: Hình ảnh xếp hàng săn sale

Một hệ thống quản lý bán hàng đúng cách sẽ giúp cửa hàng không bỏ sót hay gây ra các vấn đề sai sót nghiêm trọng trong việc lên đơn hàng Việc quản lý đơn hàng cần được kiểm soát chặt chẽ toàn bộ thông tin khách, thông tin mua hàng, sản phẩm hay số tiền Việc tối ưu thanh toán cũng được cửa hàng áp dụng bằng cách quẹt thẻ trực tiếp hoặc chuyển khoản qua ngân hàng

Kiểm soát tốt thông tin khách hàng sẽ đem lại hiệu quả trong việc kinh doanh cũng như tiết kiệm thời gian, duy trì lượng khách hàng trung thành, nâng cao cơ hội tiếp cận khách hàng mới Mỗi khách hàng sau khi đặt hàng sẽ được lưu trữ với họ tên, địa chỉ nhận hàng, số lượng đơn hàng, giá trị đơn hàng, loại sản phẩm đã mua Điều này không chỉ giúp hiểu rõ hơn về nhu cầu của người

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 9 mua hàng mà còn hỗ trợ cho bạn trong các chương trình tri ân, khuyến mãi khác

Sau khi kiểm tra chất lượng nguyên phụ liệu, cần lập phiếu nhập kho cũng như cập nhập các thông tin vào sổ theo dõi Đồng thời, đối với các sản phẩm chuẩn bị bàn giao theo đơn hàng, cần lập phiếu xuất kho Dựa vào thông tin trên hai phiếu này, có thể đối chiếu với tình hình kiểm kho

Hiện nay trên thị trường cũng đã và đang tồn tại rất nhiều doanh nghiệp từ nhỏ đến lớn kinh doanh mặt hàng đồ thể thao Cùng với đó là những website kinh doanh của các shop cũng vô cùng đa dạng và phong phú từ hình thức, tính năng cũng như hiệu quả mà nó đem lại Thật dễ dàng để tìm kiếm những website bán đồ thể thao trên mạng internet chỉ với từ khóa “ quần áo đá bóng ”, người mua hàng có thể dễ dàng truy cập vào các website với đầy đủ tiện ích, đáp ứng được nhu cầu khách hàng một cách nhanh chóng Ví dụ như các website: neymarsport, aobongda.net, soccerstore, và còn rất nhiều các website khác đang hoạt động Nhìn chung các website này đã đáp ứng đầy đủ các tính năng cần thiết để có thể mang tới cho người dùng những trải nghiệp tốt như xem sản phẩm, tìm kiếm sản phẩm theo chủ đề, tài khoàn người dùng, giỏ hàng, thanh toán, Ngoài ra một số website có chatbot khá chuyên nghiệp, khiến cho khách hàng cảm thấy luôn được chăm sóc chu đáo và tận tình

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 10

Hình 1.3: Website NeymaSport

Hình 1.4: Website soccerstore

Cửa hàng Soccer Shop là một doanh nghiệp mới thành lập nhưng đã có cho mình nhiều chi nhánh cũng như văn phòng đặt tại 2 miền Bắc Nam Các mặt hàng kinh doanh chủ yếu của cửa hàng bao gồm: các loại giày thể thao và giày đá bóng , quần áo , …Là một doanh nghiệp mới thành lập nên hoạt động chủ yếu vẫn dựa vào kinh nghiệm của hệ thống nhân viên Do đặc điểm lượng

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 11 hàng hóa nhập và xuất ngày càng lớn nên công tác quản lý , mua bán gặp khó khăn gây mất thời gian, ảnh hưởng đến lợi ích của công ty cũng như các cửa hàng Ngày nay, cửa hàng đang từng bước hiện đại hóa hệ thống các máy tính và đưa hệ thống phần mềm vào sử dụng để hỗ trợ, đáp ứng đầy đủ, hiệu quả và chính xác những dịch vụ của cửa hàng

Trong hoạt động quản lý hàng hóa và mua bán của cửa hàng còn bộc lộ những hạn chế sau:

• Tra cứu thông tin hàng hóa, khách hàng, sản phẩm bán chạy, sản phẩm giảm giá, … nhiều khi mất thời gian và thiếu chính xác

• Việc lưu trữ các thông tin về hàng hóa, khách hàng, nhà cung cấp, … phải dùng nhiều loại giấy tờ, sổ sách

• Lượng khách hàng tăng đột biến làm cho cửa hàng quá tải, không đáp ứng kịp nhu cầu khách hàng, không kiểm soát được lượng khách

• Chưa có đăng kí thành viên cho khách

1.3 Đề xuất phương pháp giải quyết

Trước những tồn tại nêu trên, vấn đề đặt ra cho Website cần phải khắc

phục những nhược điểm của hệ thống cũ Hệ thống mới đáp ứng được những yêu cầu sau:

• Giảm khối lượng ghi chép, đảm bảo truy vấn nhanh, lưu trữ và cập nhật kịp thời, thuận tiện cho người sử dụng

• Có khả năng lưu trữ dữ liệu thông tin lâu dài • Giao diện thân thiện với người dùng

• Đăng kí khách hàng mới

• Tìm kiểm thông tin sản phẩm và khách hàng nhanh chóng • Báo cáo thống kê doanh thu, xuất nhập tồn, đơn đặt

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 12

1.4 Mô tả yêu cầu bài toán ADMIN:

• Quản lý danh mục sản phẩm ( Thêm , sửa , xóa , hiển thị ) • Quản lý sản phẩm ( Thêm, sửa , xóa , hiển thị )

• Quản lý nhà cung cấp ( Thêm, sửa , xóa , hiển thị ) • Quản lý tin tức ( Thêm, sửa , xóa , hiển thị )

• Thống kê báo cáo (tổng số sản phẩm, số sản phẩm hỏng, doanh thu theo ngày/tuần/tháng, đơn đặt )

KHÁCH HÀNG:

• Xem thông tin sản phẩm theo danh mục • Đặt mua sản phẩm

• Chỉnh sửa thông tin giỏ hàng • Đăng kí thành viên và đăng nhập • Tìm kiếm sản phẩm theo tên, giá tiền • Cập nhật số lượng giỏ hàng

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 13

1.5 Xây dựng mô hình bài toán

Hình 1.5: Mô hình bài toán

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 14

CHƯƠNG II: CÔNG NGHỆ ĐƯỢC SỬ DỤNG 2.1 Hệ quản trị cơ sở dữ liệu

2.1.1 MySQL

Hình 2.1:MySQL

Ưu điểm:

• Dễ sử dụng: MySQL là cơ sở dữ liệu tốc độ cao, ổn định, dễ sử dụng và

hoạt động trên nhiều hệ điều hành cung cấp một hệ thống lớn các hàm tiện ích rất mạnh

• Đa tính năng: MySQL hỗ trợ rất nhiều chức năng SQL được mong chờ

từ một hệ quản trị cơ sở dữ liệu quan hệ cả trực tiếp lẫn gián tiếp

• Khả năng mở rộng và mạnh mẽ: MySQL có thể xử lý rất nhiều dữ liệu

và hơn thế nữa nó có thể được mở rộng nếu cần thiết

• Nhanh chóng: Việc đưa ra một số tiêu chuẩn cho phép MySQL để làm

việc rất hiệu quả và tiết kiệm chi phí, do đó nó làm tăng tốc độ thực thi

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 15

2.1.2 MySQL Workbench

Hình 2.2:MySQL Workbench

Ưu điểm:

• Dễ sử dụng và linh hoạt: Quá trình cài đặt nhanh chóng và đơn giản với tính năng cao, có thể sửa mã nguồn miễn phí

Hiệu năng cao: Tốc độ cao và ổn định dù dữ liệu lưu trữ có lớn đến

đâu

• Hệ quản trị tiêu chuẩn: Do đã tồn tại và phát triển nhiều năm trong ngành

công nghệ, người dùng dễ dàng triển khai nhanh các dự án và tìm kiếm những chuyên gia với chi phí hợp lý.

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 16

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

Ưu điểm:

Hình 2.3: Ngôn ngữ PHP

• Tính đơn giản và linh động: PHP sử dụng mã nguồn mở nên việc

cài đặt và sử dụng nó rất dễ dàng Ngôn ngữ này phù hợp với cả những người hoàn toàn mới với nghề lập trình viên Bạn chỉ cần học chăm chỉ trong 3 – 6 tháng để thuần thục nó

• Cộng đồng hỗ trợ lớn: PHP là một ngôn ngữ phổ biến nên các diễn

đàn, đội nhóm chuyên sâu của PHP thuộc hàng ngũ đầu của ngành Bên cạnh đó, thị trường tuyển dụng cho công việc này cũng chưa bao giờ giảm nhiệt

• Cơ sở dữ liệu đa dạng: PHP cho phép kết nối với hầu hết các loại

cơ sở dữ liệu như MySQL, mSQL, MS-SQL, SQLite, PostgreSQL,

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 17 v.v Nhờ vậy, bạn sẽ không bị giới hạn và có thể chọn cơ sở dữ liệu tối ưu nhất cho ứng dụng của mình

• Thư viện phong phú: Nhiều sách hướng dẫn và các tài liệu tham

khảo có sẵn, cung cấp các kiến thức hữu ích cho các lập trình viên mới làm quen dần

Hạn chế:

• Bản chất mã nguồn PHP: Ngôn ngữ PHP có mã nguồn mở Điều

này có nghĩa là các lỗ hổng của mã nguồn sẽ bị công khai ngay sau khi chúng được tìm thấy Do đó, trước khi kịp sửa chữa, các lỗ hổng có thể bị khai thác cho các mục đích xấu

• Một số ứng dụng bằng ngôn ngữ PHP được thiết kế bởi người thiếu

kinh nghiệm: Bởi PHP phù hợp với lập trình viên mới vào nghề

Cho nên một số trang web và ứng dụng được phát triển bởi những người còn thiếu kinh nghiệm cũng sẽ đem đến hiệu suất và bảo mật kém hơn

2.3 Tool hỗ trợ lập trình 2.3.1 Visual Studio Code

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 18

Hình 2.4:Visual Studio Code

• Hỗ trợ đa nền tảng: Linux, Mac, Windows,

• Hỗ trợ đa ngôn ngữ: C/C++, C#, F#, JavaScript, JSON, Visual Basic, HTML, CSS,

• Ít dung lượng

• Tính năng mạnh mẽ

• Intellisense chuyên nghiệp • Giao diện thân thiện

• Kiến trúc mạnh mẽ và người dùng có thể khai thác mở rộng • Số lượng người sử dụng lớn tạo nên ộng đồng hỗ trợ rộng rãi

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 19

2.3.2 Sublime Text

Hình 2.5: Sublime Text

• Có khả năng giải quyết các lỗi liên kết

• Theo dõi tất cả các tập tin và thư mục để làm việc với

• Kết nối với các hệ thống kiểm soát phiên bản như Git, Mercurial • Khả năng giải quyết vấn đề

• Giữ kết hợp màu cho sự kết hợp cú pháp

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 20

2.3.3 Draw.io

Hình 2.6:Draw.io

Draw.io được biết đến là một website cung cấp nền tảng cho người dùng vẽ các biểu đồ, mô hình, sơ đồ đơn giản Đặc biệt, người dùng có thể sử dụng online không cần cài đặt vào máy, không bị giới hạn số lần sử dụng và hoàn toàn miễn phí

Công cụ này sẽ hỗ trợ hiệu quả khi bạn đang làm công việc liên quan đến hành chính văn phòng như: Xây dựng quy trình làm việc trong công ty cho nhân viên, quy trình vận hành trong kinh doanh, quy trình sản xuất,… Ngoài ra, bạn còn có thể sử dụng hiệu quả trong học tập và vẽ những sơ đồ mindmap sử dụng cho nhiều mục đích khác nhau

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 21

CHƯƠNG III: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 3.1 Mô hình phân rã chức năng của hệ thống

Hình 3.1: Mô hình phân rã chức năng của hệ thống-FrontEnd

Hình 3.2: Mô hình phân rã chức năng của hệ thống-BackEnd

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 22

3.2 Mô tả các chức năng của hệ thống

RQ01 – Đăng nhập

Bảng 3.1:Tính năng hệ thống Đăng nhập

Tên yêu cầu Đăng nhập

Đối tượng sử dụng Tất cả các nhóm người dùng Mực ưu tiên Cao

Tiền điều kiện Không

- Bước 2: Người dùng nhấp vào nút Đăng nhập - Bước 3: Hệ thống kiểm tra dữ liệu người dùng vừa nhập vào Nếu thành công hệ thống chuyển đến trang làm việc tiếp theo Ngược lại hệ thống gửi một thông báo đến người dùng

Kết quả Đăng nhập thành công hoặc thất bại

Ghi chú

RQ02 – Đăng xuất

Bảng 3.2: Tính năng hệ thống Đăng xuất

Mã yêu cầu RQ02

Tên yêu cầu Đăng xuất

Đối tượng sử dụng Tất cả các nhóm người dùng

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 23

Mực ưu tiên Cao

Tiền điều kiện Người dùng đã đăng nhập thành công trước đó

Nội dung

Cho phép tất cả các nhóm người dùng thực hiện đăng xuất ra khỏi hệ thống, kết thúc phiên làm việc

Cách xử lý

Bước 1: Người dùng nhấp vào nút Đăng xuất Bước 2: Hệ thống đăng xuất, xóa lịch sử của phiên làm việc và chuyển người dùng trở lại trang Đăng nhập nếu người dùng đăng nhập vào trang quản lý, trang chủ client nếu người dùng đăng nhập vào trang client

Kết quả Đăng xuất thành công

Ghi chú

RQ03 – Đăng ký

Bảng 3.3:Tính năng hệ thống Đăng ký

Tên yêu cầu Đăng ký

Đối tượng sử dụng Nhóm người dùng Khách hàng

Mực ưu tiên Cao

Tiền điều kiện Không

Nội dung

Cho phép người dùng là khách hàng thực hiện đăng ký tài khoản

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 24

Cách xử lý

- Bước 1: Sau khi truy cập vào truy cập vào website, khách hàng chọn mục “Đăng ký” Trang đăng ký tài khoản hiện lên để khách hàng nhập thông tin về Thông tin tài khoản(Tài khoản, , Email, Mật khẩu, Nhập lại mật khẩu), Thông tin khách hàng(Tên khách hàng, Số điện thoại, Địa chỉ) Chấp nhận các điều khoản sử dụng và chính sách bảo mật

- Bước 2: Người dùng nhấn và nút Đăng ký - Bước 3: Hệ thống kiểm tra tính hợp lệ của dữ liệu nhập vào, nếu chưa đúng hệ thống sẽ hiển thông báo tương ứng và hướng dẫn làm lại Nếu đúng, dữ liệu sẽ được lưu vào cơ sở dữ liệu và thông báo tạo tài khoản thành công đồng thời điều hướng về trang chủ của website và vào thẳng tài khoản vừa đăng ký

Kết quả

Đăng ký và kích hoạt tài khoản thành công hoặc thất bại

Ghi chú

RQ04 – Quản lý phân quyền người dùng

Bảng 3.4: Tính năng hệ thống Quản lý phân quyền người dùng

Tên yêu cầu Quản lý phân quyền người dùng

Đối tượng sử dụng QTV Mực ưu tiên Cao

Tiền điều kiện Đăng nhập thành công vào trang quản trị

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 25

- Bước 5: Nếu người dùng tiếp tục nhấn nút Có thì hệ thống tiến hành xóa bỏ hoàn toàn các thông tin của các Khách hàng được chọn ra khỏi CSDL và thông báo “Xóa thành công” đến người dùng

Xem lịch sử mua hàng của khách hàng

- Bước 1: Hệ thống hiển thị tất cả Khách hàng từ CSDL

- Bước 2: Người dùng chọn một khách hàng muốn xem lịch sử và nhấp vào nút Lịch sử tương ứng - Bước 3: Hệ thống truy vấn CSDL và hiển thị toàn bộ lịch sử của khách hàng đến người dùng Các lịch sử được hiển thị bao gồm cách lịch sử về: Đơn đặt hàng,Tình trạng và Tài khoản

Kết quả Xóa khách hàng, xem lịch sử của khách hàng thành công hoặc thất bại

Ghi chú Bắt buộc phải có thông báo xác nhận khi người dùng chọn Xóa khách hàng

RQ05 – Quản lý loại sản phẩm

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 26

Bảng 3.5Tính năng hệ thống loại sản phẩm

Tên yêu cầu Quản lý loại sản phẩm

Đối tượng sử dụng QTV Mực ưu tiên Cao

Tiền điều kiện Đăng nhập thành công vào trang quản trị

Nội dung Trong chức năng này người dùng có thể: Xóa

- Bước 5: Nếu người dùng tiếp tục nhấn nút Có thì hệ thống tiến hành xóa bỏ hoàn toàn các thông tin của các Khách hàng được chọn ra khỏi CSDL và thông báo “Xóa thành công” đến người dùng

Xem lịch sử mua hàng của khách hàng

- Bước 1: Hệ thống hiển thị tất cả Khách hàng từ CSDL

- Bước 2: Người dùng chọn một khách hàng muốn xem lịch sử và nhấp vào nút Lịch sử tương ứng - Bước 3: Hệ thống truy vấn CSDL và hiển thị toàn bộ lịch sử của khách hàng đến người dùng Các lịch sử được hiển thị bao gồm cách lịch sử về: Đơn đặt hàng,Tình trạng và Tài khoản

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 27

Kết quả Xóa khách hàng, xem lịch sử của khách hàng thành công hoặc thất bại

Ghi chú Bắt buộc phải có thông báo xác nhận khi người Mực ưu tiên Cao

Tiền điều kiện Đăng nhập thành công vào trang quản trị

Nội dung

Cho phép người dùng thực hiện các chức năng: Thêm mới, cập nhật, xóa sản phẩm, loại sản phẩm, hãng sản xuất

Cách xử lý Sau khi đăng nhập thành công vào trang quản trị của website, QTV chọn mục “Quản lý sản phẩm” Từ trang Quản lý sản phẩm, QTV có thể:

Quản lý Sản phẩm:

- Thêm mới Sản phẩm:

+ Bước 1: QTV nhấn nút “Thêm mới” trang Quản lý sản phẩm Bảng thêm mới sản phẩm hiện ra QTV lần lượt điền vào các trường thông tin về sản phẩm như: Mã sản phẩm, số lượng,Tên sản phẩm, giá bán…

+ Bước 2: QTV nhấn nút “Lưu” để kết thúc Hệ thống sẽ kiểm tra tính hợp lệ của dữ liệu nhập vào, nếu chưa đúng hệ thống sẽ hiển thông báo và hướng dẫn nhập lại Nếu đúng, dữ liệu được lưu

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 28 vào cơ sở dữ liệu đồng thời tải vào mục danh mục Lô hàng trên website vào trang Quản lý sản phẩm đồng thời thông báo “Thêm thành công”

- Chính sửa Sản phẩm:

+ Bước 1: QTV tìm sản phẩm cần chỉnh sửa và chọn nút “Chỉnh sửa” Bảng chỉnh sửa thông tin sản phẩm hiện lên QTV tiến hành chỉnh sửa + Bước 2: QTV nhấn nút “Lưu” để kết thúc Hệ thống sẽ kiểm tra tính hợp lệ của dữ liệu nhập vào, nếu chưa đúng hệ thống sẽ hiển thị thông báo và giữ nguyên các dữ liệu ban đầu Nếu đúng, dữ liệu được lưu vào cơ sở dữ liệu đồng thời tải vào mục danh mục sản phẩm trên website và trang Quản lý sản phẩm đồng thời thông báo “Cập nhật thành công”

- Xóa Sản phẩm:

+ Bước 1: QTV tìm sản phẩm cần xóa và chọn nút “Xóa” Hộp thoại xác nhận việc xóa hiện lên + Bước 2: Nếu người dùng tiếp tục nhấn nút Có thì hệ thống tiến hành xóa bỏ hoàn toàn các thông tin của sản phẩm bị xóa ra khỏi CSDL và thông báo “Xóa thành công” đến người dùng Nếu QTV không muốn xóa sản phẩm thì chọn “Không”: Hệ thống sẽ không thực hiện việc xóa và trở mục Quản lý sản phẩm

Quản lý Loại sản phẩm:

- Thêm mới Loại sản phẩm:

+ Bước 1: QTV nhấn nút “Thêm mới” trang Quản lý sản phẩm Bảng thêm mới sản phẩm hiện ra QTV lần lượt điền vào các trường thông tin về sản phẩm như: tên loại sản phẩm, mô tả

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 29 + Bước 2: QTV nhấn nút “Lưu” để kết thúc Hệ thống sẽ kiểm tra tính hợp lệ của dữ liệu nhập vào, nếu chưa đúng hệ thống sẽ hiển thông báo và hướng dẫn nhập lại Nếu đúng, dữ liệu được lưu vào cơ sở dữ liệu đồng thời tải vào mục danh mục nhóm thực phẩm trên website vào trang Quản lý sản phẩm đồng thời thông báo “Thêm thành công”

- Chỉnh sửa Loại sản phẩm:

+ Bước 1: QTV tìm nhóm thực phẩm cần chỉnh sửa và chọn nút “Chỉnh sửa” Bảng chỉnh sửa thông tin sản phẩm hiện lên QTV tiến hành chỉnh sửa

+ Bước 2: QTV nhấn nút “Lưu” để kết thúc Hệ thống sẽ kiểm tra tính hợp lệ của dữ liệu nhập vào, nếu chưa đúng hệ thống sẽ hiển thông báo và giữ nguyên các dữ liệu ban đầu Nếu đúng, dữ liệu được lưu vào cơ sở dữ liệu đồng thời tải vào mục danh mục loại sản phẩm trên website và trang Quản lý nhóm thực phẩm đồng thời thông báo “Cập nhật thành công”

- Xóa Loại sản phẩm:

+ Bước 1: QTV tìm sản phẩm cần xóa và chọn nút “Xóa” Hộp thoại xác nhận việc xóa hiện lên + Bước 2: Nếu người dùng tiếp tục nhấn nút Có thì hệ thống tiến hành xóa bỏ hoàn toàn các thông tin của loại sản phẩm bị xóa ra khỏi CSDL và thông báo “Xóa thành công” đến người dùng Nếu QTV không muốn loại sản phẩm viết thì chọn “Không”: Hệ thống sẽ không thực hiện việc xóa và trở mục Quản lý loại sản phẩm

Quản lý Hãng sản xuất:

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 30 - Thêm mới hãng sản xuất:

+ Bước 1: Người dùng nhập (hoặc chọn) đầy đủ vào các trường thông tin: Tên hãng sản xuất, Mô tả

+ Bước 2: Người dùng nhấp chọn nút lưu + Bước 3: Hệ thống kiểm tra sự đầy đủ và hợp lệ của các thông tin người dùng vừa nhập vào Nếu thông tin là đầy đủ và hợp lệ thì hệ thống tiến hành lưu thông tin vào CSDL và gửi thông báo “Thêm thành công” đến người dùng Ngược lại nếu thông tin chưa đầy đủ hoặc không hợp lệ thì hệ thống gửi một thông báo chính xác lỗi đến xuất muốn cập nhật lại thông tin

+ Bước 3: Hệ thống chuyển người dùng đến trang Cập nhật Tại đây người dùng có thể cập nhật lại thông tin của hãng sản xuất vừa chọn ở Bước 2 + Bước 4: Hệ thống kiểm tra sự đầy đủ và hợp lệ của các thông tin người dùng vừa mới cập nhật lại Nếu thông tin là đầy đủ và hợp lệ thì hệ thống tiến hành cập nhật thông tin vào CSDL và gửi thông báo “Cập nhật thành công” đến người dùng Ngược lại nếu thông tin chưa đầy đủ hoặc không hợp lệ thì hệ thống gửi một thông báo chính xác lỗi đến người dùng

- Xóa hãng sản xuất:

+ Bước 1: Hệ thống hiển thị tất cả hãng sản xuất từ CSDL để người dùng lựa chọn xóa

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 31 + Bước 2: Người dùng tìm chọn một hãng sản xuất muốn xóa

+ Bước 3: Người dùng nhấp chọn Xóa (được hiển thị dưới dạng icon xóa) để tiến hành xóa các loại sản đã chọn

+ Bước 4: Hệ thống hiển thị một thông báo Xác nhận xóa đến người dùng

+ Bước 5: Nếu người dùng tiếp tục nhấn nút Có thì hệ thống tiến hành xóa bỏ hoàn toàn các thông tin của các hãng sản xuất được chọn xóa ra khỏi CSDL và thông báo “Xóa thành công” đến Mực ưu tiên Cao

Tiền điều kiện Đăng nhập thành công vào trang quản trị

Nội dung

Cho phép người dùng thực hiện các chức năng: Thêm mới, cập nhật, xóa nhà cung cấp

Nguyễn Tuấn Thành - DCCNTT9.10.IT2 32

Cách xử lý

Sau khi đăng nhập thành công vào trang admin của website, QTV chọn mục “nhà cung cấp” Từ trang nhà cung cấp, QTV có thể:

- Thêm mới Nhà cung cấp:

+ Bước 1: QTV nhấn nút “Thêm mới” trang nhà cung cấp Bảng thêm mới nhà cung cấp hiện ra QTV lần lượt nhập (hoặc chọn) đầy đủ vào các trường thông tin về nhập (hoặc chọn) đầy đủ như:Tên,Địa chỉ,số điện thoại,logo

+ Bước 2: QTV nhấn nút “Lưu” để kết thúc Hệ thống sẽ kiểm tra tính hợp lệ của dữ liệu nhập vào, nếu chưa đúng hệ thống sẽ hiển thị thông báo và hướng dẫn nhập lại Nếu đúng, dữ liệu được lưu vào cơ sở dữ liệu đồng thời tải vào mục danh mục khuyến mãi trên website vào trang nhà cung cấp đồng thời thông báo “Thêm thành công”

- Chỉnh sửa:

+ Bước 1: QTV tìm nhà cung cấp cần chỉnh sửa và chọn nút “Chỉnh sửa” Bảng chỉnh sửa thông tin nhà cung cấp hiện lên QTV tiến hành chỉnh sửa

+ Bước 2: QTV nhấn nút “Lưu” để kết thúc Hệ thống sẽ kiểm tra tính hợp lệ của dữ liệu nhập vào, nếu chưa đúng hệ thống sẽ hiển thị thông báo và giữ nguyên các dữ liệu ban đầu Nếu đúng, dữ liệu được lưu vào cơ sở dữ liệu đồng thời tải vào mục loại sản phẩm trên website và trang loại sản phẩm đồng thời thông báo “Cập nhật thành công”

- Xóa: