LINK TẢI LUẬN VĂN MIỄN PHÍ CHO AE KET-NOI
TÓM TẮT
Hiện nay, thế giới đang trong thời kì công nghệ phát triển song song với đó là những rủi ro tiềm ẩn về sức khỏe. Trong đó, Việt Nam là một trong những quốc gia mắc các bệnh liên quan đến béo phì và thiếu hụt chất dinh dưỡng. Chế độ dinh dưỡng là một yếu tố vô cùng quan trọng quyết định sức khỏe của con người. Đa số người dân hiện nay chỉ lo tập trung làm nhiều việc mà ăn uống qua loa, không lành mạnh sẽ sớm đối mặt với các nguy cơ về bệnh tật sau này.
Đề tài “Thiết kế hệ thống Eatclean sử dụng công nghệ ReactJS và Laravel” được thực hiện nhằm xây dựng một hệ thống thương mại điện tử mang đến thông điệp về thực phẩm sạch, những nhận thức, thông tin về vấn đề chăm sóc sức khỏe toàn diện từ sâu bên trong cụ thể là lựa chọn chế độ ăn uống phù hợp với bản thân và tiện lợi.
Ở đề tài này, hệ thống Eatclean sẽ được phân thành ba quyền chính là Admin, User và Customer. User bao gồm các chức năng về quản lý như quản lý combo, quản lý món ăn trong combo, quản lý đơn hàng, thu thập và phân tích dữ liệu. Admin có các chức năng tương tự User nhưng có quyền quản lý User như thêm mới, chỉnh sửa, tìm kiếm hay khóa tài khoản của User. Về phía Customer có các chức năng như tính toán chỉ số TDEE để xác định lượng calories cần nạp hàng ngày dựa trên chỉ số cơ thể. Từ đó chọn ra các combo phù hợp với mục tiêu của bản thân.
Về quy trình đặt hàng bao gồm việc sử dụng công cụ TDEE để tính toán lượng calories cần nạp mỗi ngày. Từ đó hệ thống sẽ gợi ý các combo phù hợp hay Customer có thể chọn combo từ thực đơn. Ở mỗi combo sẽ có các món khác nhau, Customer tùy chọn món của combo miễn là đủ số lượng món combo quy định. Sau khi chọn món xong thì hệ thống sẽ hiển thị hóa đơn tạm thời và Customer chọn khu vực giao hàng để hệ thống tính toán. Cuối cùng đến bước thanh toán sẽ gồm hai cách là thanh toán bằng VNPAY hay COD. Khi thanh toán thành công hệ thống sẽ gửi hóa đơn đến mail của Customer, nếu Customer là thành viên thì sẽ có một trang lịch sử đơn hàng để có thể theo dõi đơn hàng hiện tại hay các đơn hàng đã đặt.
ii
MỤC LỤC
LỜI CẢM ƠN ..............................................................................................................i TÓM TẮT .................................................................................................................. ii MỤC LỤC................................................................................................................. iii DANH MỤC CÁC TỪ VIẾT TẮT ............................................................................v DANH MỤC SƠ ĐỒ .................................................................................................vi DANH MỤC BẢNG................................................................................................ vii DANH MỤC HÌNH ẢNH ...................................................................................... viii CHƯƠNG 1: TỔNG QUAN......................................................................................1 1.1. Giới thiệu đề tài....................................................................................................1 1.2. Mục tiêu nghiên cứu.............................................................................................2 1.3. Ý nghĩa đề tài .......................................................................................................2 1.4. Phạm vi nghiên cứu..............................................................................................2 1.5. Phương pháp nghiên cứu......................................................................................3 1.6. Yêu cầu chức năng ...............................................................................................3 1.7. Yêu cầu phi chức năng.........................................................................................4 1.8. Cấu trúc đồ án ......................................................................................................5 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT ..........................................................................6 2.1. Kiến trúc hệ thống................................................................................................6
2.1.1. Giới thiệu.......................................................................................................6 2.1.2. Kiến trúc Front-Back.....................................................................................6 2.1.3. Kiến trúc Microservice ..................................................................................7
2.2. Các công nghệ áp dụng ........................................................................................7 2.2.1. Tổng quan về Laravel....................................................................................7 2.2.2. ReactJS ........................................................................................................14 2.2.3. MySQL ........................................................................................................17
CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ ............................................................18 3.1. Quy trình hoạt động ...........................................................................................18 3.2. Mô hình use case và đặc tả.................................................................................19
3.2.1. Admin ..........................................................................................................19 3.2.2. User..............................................................................................................22 3.2.2.1. Use case quản lý combo món ăn ..........................................................22 3.2.2.2. Use case quản lý món ăn trong combo .................................................25 3.2.2.3. Use case quản lý đơn đặt hàng .............................................................28 3.2.2.4. Use case thống kê, phân tích doanh thu và đơn hàng...........................30
iii
3.2.3. Customer......................................................................................................32 3.2.3.1. Use case tính toán chỉ số TDEE ...........................................................32 3.2.3.2. Use case đặt hàng..................................................................................33 3.2.3.3. Use case thành viên ..............................................................................35
3.3. Sơ đồ hoạt động..................................................................................................37 3.3.1. Admin ..........................................................................................................37 3.3.2. User..............................................................................................................38
3.3.2.1. Chức năng quản lý combo món ăn .......................................................38 3.3.2.2. Chức năng quản lý món ăn trong combo..............................................39 3.3.2.3. Chức năng quản lý đơn đặt hàng ..........................................................40 3.3.2.4. Chức năng thống kê, phân tích doanh thu và đơn hàng........................41
3.3.3. Customer......................................................................................................42 3.3.3.1. Chức năng tính toán chỉ số TDEE ........................................................42 3.3.3.2. Chức năng đặt hàng ..............................................................................43 3.3.3.3. Chức năng thành viên ...........................................................................44
3.4. Mô hình thực thể kết hợp ..................................................................................45 CHƯƠNG 4: TRIỂN KHAI HỆ THỐNG ...............................................................46 4.1. Hướng dẫn sử dụng hệ thống .............................................................................46
4.1.1. Trang quản trị ..............................................................................................46 4.1.1.1. Quản lý tài khoản..................................................................................46 4.1.1.2. Quản lý Combo.....................................................................................50 4.1.1.3. Quản lý món ăn.....................................................................................53 4.1.1.4. Quản lý đơn đặt hàng............................................................................56 4.1.1.5. Thống kê và phân tích dữ liệu ..............................................................57
4.1.2. Trang khách hàng ........................................................................................59 4.1.2.1. Tính toán TDEE....................................................................................59 4.1.2.2. Đặt hàng................................................................................................60 4.1.2.3. Thành viên ............................................................................................65
4.2. Đánh giá hệ thống ..............................................................................................67 CHƯƠNG 5: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN.........................................69 5.1. Kết quả đạt được ................................................................................................69 5.2. Hướng phát triển ................................................................................................69 TÀI LIỆU THAM KHẢO.........................................................................................70
iv
DANH MỤC CÁC TỪ VIẾT TẮT
COD: Cash On Delivery
CRUD: Create – Read – Update – Delete HTML: HyperText Markup Language
API: Application Programming Interface MVC: Model – View – Controller
ORM: Object-Relational Mapping
SPA: Single Page Application
ORM: Object-Relational Mapping PROPS: Properties
DOM: Document Object Model
UI: User Interface
JSON: JavaScript Object Notation
TDEE: Total Daily Energy Expenditure
v
DANH MỤC SƠ ĐỒ
Sơ đồ 3.1. Use case chức năng quản lý tài khoản .....................................................19 Sơ đồ 3.2. Use case chức năng quản lý combo món ăn ............................................22 Sơ đồ 3.3. Use case chức năng quản lý món ăn trong combo...................................25 Sơ đồ 3.4. Use case chức năng quản lý đơn đặt hàng ...............................................28 Sơ đồ 3.5. Use case chức năng thống kê, phân tích doanh thu và đơn hàng ............30 Sơ đồ 3.6. Use case chức năng tính toán chỉ số TDEE.............................................32 Sơ đồ 3.7. Use case chức năng đặt hàng ...................................................................33 Sơ đồ 3.8. Use case chức năng thành viên ................................................................35 Sơ đồ 3.9. Sơ đồ hoạt động quản lý tài khoản ..........................................................37 Sơ đồ 3.10. Sơ đồ hoạt động quản lý combo ............................................................38 Sơ đồ 3.11. Sơ đồ hoạt động quản lý món ăn ...........................................................39 Sơ đồ 3.12. Sơ đồ hoạt động quản lý đơn đặt hàng ..................................................40 Sơ đồ 3.13. Sơ đồ hoạt động chức năng thống kê phân tích doanh thu đơn hàng ....41 Sơ đồ 3.14. Sơ đồ hoạt động chức năng tính toán chỉ số TDEE...............................42 Sơ đồ 3.15. Sơ đồ hoạt động chức năng đặt hàng.....................................................43 Sơ đồ 3.16. Sơ đồ hoạt động chức năng thành viên..................................................44 Sơ đồ 3.17. Mô hình thực thể kết hợp.......................................................................45
vi
DANH MỤC BẢNG
Bảng 3.1. Đặc tả use case chức năng quản lý tài khoản ...........................................21 Bảng 3.2. Đặc tả use case chức năng quản lý combo ..............................................24 Bảng 3.3. Đặc tả use case chức năng quản lý món ăn ..............................................27 Bảng 3.4. Đặc tả use case chức năng quản lý đơn đặt hàng .....................................29 Bảng 3.5. Đặc tả use case chức năng thống kê, phân tích doanh thu và đơn hàng...31 Bảng 3.6. Đặc tả use case chức năng tính toán chỉ số TDEE ...................................33 Bảng 3.7. Đặc tả use case chức năng đặt hàng..........................................................34 Bảng 3.8. Đặc tả use case chức năng thành viên ......................................................37
vii
DANH MỤC HÌNH ẢNH
Hình 2.1. Logo Laravel...............................................................................................8 Hình 2.2. Logo React. ...............................................................................................14 Hình 2.3. Logo MySQL. ...........................................................................................17 Hình 4.1. Giao diện trang quản lý tài khoản ............................................................. 46 Hình 4.2. Giao diện modal thêm tài khoản ...............................................................47 Hình 4.3. Thông báo tài khoản tạo mới thành công..................................................47 Hình 4.4. Giao diện modal chỉnh sửa thông tin tài khoản ........................................48 Hình 4.5. Thông báo chỉnh sửa tài khoản thành công...............................................48 Hình 4.6. Kết quả tìm kiếm tài khoản.......................................................................49 Hình 4.7. Nhắc nhở xác nhận khóa tài khoản ...........................................................49 Hình 4.8. Thông báo khóa tài khoản thành công ......................................................50 Hình 4.9. Giao diện trang quản lý combo.................................................................50 Hình 4.10. Giao diện modal thêm combo .................................................................51 Hình 4.11. Thông báo thêm combo thành công........................................................51 Hình 4.12. Giao diện modal chỉnh sửa combo..........................................................52 Hình 4.13. Giao diện modal chỉnh sửa combo..........................................................52 Hình 4.14. Thông báo xác nhận xóa combo .............................................................53 Hình 4.15. Thông báo xóa combo thành công .......................................................... 53 Hình 4.16. Giao diện trang quản lý món ăn..............................................................54 Hình 4.17. Giao diện thêm món ăn vào trong combo...............................................54 Hình 4.18. Thông báo thêm món ăn thành công.......................................................55 Hình 4.19. Biểu mẫu dữ liệu import món ăn.............................................................55 Hình 4.20. Giao diện các món ăn sau khi import thành công...................................56 Hình 4.21. Giao diện quản lý đơn đặt hàng ..............................................................56 Hình 4.22. Giao diện cập nhật đơn đặt hàng.............................................................57 Hình 4.23. Giao diện thống kê và phân tích dữ liệu .................................................58 Hình 4.24. Giao diện biểu đồ doanh thu ...................................................................58 Hình 4.25. Giao diện biểu đồ tổng đơn hàng ............................................................ 59 Hình 4.26. Giao diện tính toán chỉ số Calories ......................................................... 59 Hình 4.27. Giao diện kết quả tính toán lượng Calories ............................................60 Hình 4.28. Giao diện các combo có trong hệ thống..................................................61 Hình 4.29. Giao diện chi tiết combo .........................................................................61 Hình 4.30. Giao diện chọn món ................................................................................62 Hình 4.31. Giao diện chọn khư vực giao hàng .........................................................62
viii
Hình 4.32. Giao diện thanh toán ...............................................................................63 Hình 4.33. Giao diện thanh toán thành công (COD) ................................................63 Hình 4.34. Giao diện cổng thanh toán điện tử VNPAY ...........................................64 Hình 4.35. Giao diện nhập mã OTP để thanh toán ...................................................64 Hình 4.36. Giao diện thanh toán VNPAY thành công..............................................65 Hình 4.37. Thông tin email đơn đặt hàng .................................................................65 Hình 4.38. Giao diện thông tin cá nhân ....................................................................66 Hình 4.39. Giao diện lịch sử đơn đặt hàng................................................................66 Hình 4.40. Giao diện thông báo xác nhận hủy đơn hàng..........................................67 Hình 4.41. Giao diện đơn hàng đã hủy thành công...................................................67
ix
CHƯƠNG 1:
TỔNG QUAN 1.1. Giới thiệu đề tài
Trong xã hội ngày nay, tình trạng sức khỏe của con người luôn được xem là một vấn đề cốt lõi mà chúng ta cần quan tâm và coi trọng hàng đầu. Với tốc độ phát triển không ngừng nghỉ của công nghệ và kỹ thuật, cuộc sống hiện đại đã mang lại nhiều tiện nghi và tiện ích cho mỗi người chúng ta. Tuy nhiên, điều này cũng đi kèm với những tác động xấu đến sức khỏe. Chúng ta thường xem nhẹ tầm quan trọng của sức khỏe cho đến khi có những vấn về cơ thể. Áp lực từ công việc, cuộc sống bận rộn và những yêu cầu ngày càng cao đã khiến cho đại đa số chúng ta bỏ qua việc chăm sóc sức khỏe và không quan tâm đến chế độ dinh dưỡng. Số lượng người mắc những căn bệnh liên quan đến việc ăn uống thiếu khoa học như suy dinh dưỡng, thừa cân béo phì, suy nhược cơ thể ngày một tăng. Có nhiều bệnh lý không chỉ ảnh hưởng trực tiếp đến sức khỏe của một người, mà còn có thể ảnh hưởng đến các thế hệ sau này.
Với mục tiêu nâng cao chất lượng cuộc sống, giữ gìn sức khỏe và rèn luyện ngoại hình tốt từ bên trong, việc chăm sóc bản thân và cung cấp đầy đủ dinh dưỡng từ mỗi bữa ăn trở thành yếu tố quan trọng hàng đầu. Nhận thức về nhu cầu thiết yếu này của đa số người tiêu dùng ngày nay, website Eatclean ra đời như một hệ thống chuyên cung cấp dịch vụ thực phẩm sạch và lành mạnh, giúp mọi người tiếp cận các món ăn đa dạng được chuẩn bị sẵn. Các món ăn này không chỉ vừa ngon miệng, mà còn đươc thiết kế để đảm bảo cung cấp đầy đủ chất dinh dưỡng giúp cho người dùng không cần mất nhiều thời gian để nấu nướng.
Eatclean không chỉ đơn thuần là một trang web, mà còn là một nền tảng phát triển dựa trên nhu cầu sức khỏe của khách hàng. Eatclean tận dụng các hệ thống công nghệ hiện đại để mang lại trải nghiệm tốt nhất cho khách hàng. Với một giao diện thân thiện và dễ sử dụng, Eatclean tạo điều kiện cho người dùng dễ dàng tìm hiểu và tham gia vào việc xây dựng một chế độ ăn lành mạnh phù hợp với nhu cầu cá nhân của mỗi người. Bằng cách cung cấp cho người dùng công cụ tính toán TDEE. TDEE là tổng năng lượng mà cơ thể tiêu thụ trong một ngày, bao gồm năng lượng cần thiết để duy trì các hoạt động hàng ngày, quá trình trao đổi chất và vận động từ đó giúp cho người dùng có thể điều chỉnh chế độ ăn một cách phù hợp. Ngoài ra, Eatlean còn cung cấp một loạt các tùy chọn thực đơn và gói ăn phù hợp. Các món ăn được lựa chọn, tính toán kỹ càng và đáp ứng độ tươi ngon, đảm bảo rằng chúng cung cấp đủ lượng đạm, tinh bột, chất béo, vitamin và khoáng chất cần thiết để duy trì sức khỏe một cách an toàn và khoa học.
1
Hệ thống Eatclean tận dụng các công nghệ phổ biến như ReactJS và Laravel để đảm bảo hiệu suất cao và trải nghiệm người dùng được tốt nhất. Với việc sử dụng một thư viện Front-end là ReactJS, hệ thống đem lại khả năng tương tác cao, giúp trang web phản hồi nhanh chóng. Bên cạnh đó, việc sử dụng thêm framework Back- end Laravel giúp hệ thống có khả năng xử lý dữ liệu từ đơn giản đến phức tạp, quản lý tài nguyên và an toàn về bảo mật cũng như khả năng xử lý lỗi.
1.2. Mục tiêu nghiên cứu
Khảo sát nhu cầu và ý tưởng của nhà kinh doanh về thực các món ăn sạch để tiếp cận khách hàng thông qua các phương tiện truyền thông đại chúng. Tập trung vào việc hiểu rõ nhu cầu và mong muốn của nhà kinh doanh bao gồm việc tìm hiểu các yếu tố quan trọng mà khách hàng đang tìm kiếm trong dịch vụ thực phẩm sạch.
Chọn ra các thao tác có thể chuyển đổi thành các chức năng trên hệ thống website để giúp cho công việc quản lý và vận hành trở nên đơn giản và tối ưu hơn.
Nghiên cứu, tìm hiểu và chọn ra các kiến trúc và công nghệ phù hợp để xây dựng nên hệ thống ứng dụng.
Xây dựng hoàn tất một hệ thống thương mại điện tử về thực phẩm sạch hỗ trợ người kinh doanh và khách hàng sử dụng hiệu quả.
1.3. Ý nghĩa đề tài
Xây dựng và phát triển hệ thống Eatclean mang ý nghĩa vô cùng quan trọng và hữu ích cho nhà kinh doanh. Đầu tiên, nó giúp tối ưu hóa hoạt động mua bán, tạo điều kiện thuận lợi và tiện lợi cho việc giao dịch và giao hàng đối với khách hàng. Việc áp dụng công nghệ thông tin vào hoạt động kinh doanh giúp tiết kiệm thời gian và công sức, từ đó gia tăng hiệu quả và lợi nhuận.
Một ý nghĩa quan trọng khác của dự án này là tích hợp và phân tích dữ liệu khách hàng. Hệ thống sẽ thu thập thông tin về hành vi tiêu dùng của khách hàng, từ đó giúp nhà kinh doanh hiểu rõ hơn về nhu cầu và sở thích của khách hàng. Phân tích dữ liệu này sẽ cung cấp những giá trị, giúp người kinh doanh đưa ra chiến lược kinh doanh phù hợp và tối ưu hóa các quyết định về sản phẩm, tiếp thị và phân phối.
Bên cạnh đó, việc xây dựng hệ thống Eatclean cũng hỗ trợ phủ sóng thông điệp "Ăn sạch - Ăn khoẻ" của người kinh doanh tới khách hàng. Nhờ sự tiện lợi và dễ dàng tiếp cận thông qua website, người kinh doanh có thể tăng cường thông điệp về lợi ích của việc ăn uống lành mạnh và chất lượng cao. Điều này góp phần thúc đẩy ý thức về sức khỏe và tạo ra sự lan tỏa của phong cách sống Eatclean trong cộng đồng.
1.4. Phạm vi nghiên cứu
2
Ở đề tài này, sẽ triển khai xây dựng hoàn tất một hệ thống website sử dụng công nghệ ReactJS, nằm tạo ra trải nghiệm tốt nhất cho người dùng của hệ thống Eatclean. Để xử lý thao tác quản lý và vận hành hệ thống Eatclean, sẽ sử dụng các quy trình đã được khảo sát và xây dựng API server, cung cấp các xử lý cho người dùng trên website bằng công nghệ Laravel.
Hệ thống sẽ giải quyết các vấn đề trong việc quản lý và vận hành một nhà hàng như quản lý các combo, món ăn. Qua đó, Eatclean dễ dàng cập nhật và đưa ra những món ăn, combo hấp dẫn và phù hợp đến với khách hàng.
Ngoài việc quản lý menu, hệ thống cũng sẽ giải quyết các vấn đề về đặt hàng, cập nhật đơn đặt hàng. Một yếu tố quan trọng của hệ thống Eatclean là khả năng thống kê và phân tích các dữ liệu từ đó nhìn nhận được xu hướng tiêu dùng và nắm bắt sở thích của khách hàng từ đó định hình được chiến lược kinh doanh.
Ngoài ra, Eatclean còn mang lại lợi ích cho khách hàng bằng cách cung cấp một giao diện thân thiện và dễ sử dụng. Khách hàng có thể chọn ra được những combo phù hợp với cơ thể một cách nhanh chóng và dễ dàng giúp tiết kiện một khoảng thời gian.
1.5. Phương pháp nghiên cứu
Dùng phương pháp nghiên cứu thông qua việc khảo sát từ người kinh doanh và khách hàng để kết hợp tạo nên hệ thống website dễ dàng tiếp cận và tạo hiệu quả tối đa khi sử dụng.
Hành vi tiêu dùng thực tế của khách hàng sẽ thể hiện qua việc tìm kiếm, hành vi mua các sản phẩm bằng các trang mạng xã hội hay thương mại, đây là một nguồn dữ liệu lớn để người kinh doanh có thể đặt ra định hưởng xây dựng và phát triển website để tiếp cận đến khách hàng một cách tối ưu.
Nghiên cứu các kiến trúc và công nghệ phù hợp để áp dụng. Thiết kế, xây dựng ứng dụng, triển khai và cài đặt ứng dụng hệ thống API server.
1.6. Yêu cầu chức năng
Trong hệ thống website này sẽ chủ yếu bao gồm bao gồm 3 đối tượng Admin, User và Customer cùng với các chức năng:
User:
-
-
Thống kê và phân tích dữ liệu + Doanh thu
+ Đơn hàng
+ Thành viên mới đăng ký
+ Biểu đồ phân tích doanh thu và số lượng đơn hàng trong 12 tháng Quản lý combo
3
+ Tạo combo món ăn
+ Chỉnh sửa thông tin combo + Tìm kiếm thông tin combo + Xóa combo
- Quản lý món ăn trong combo
+ Thêm món ăn vào trong combo + Nhập file Excel
+ Chỉnh sửa thông tin món ăn
+ Tìm kiếm món ăn
+ Xóa món ăn
- Quản lý đơn đặt hàng
+ Xem chi tiết đơn đặt hàng
+ Cập nhật trạng thái đơn đặt hàng
Admin: tương tự như User và có thêm chức năng quản lý User:
- Tạo tài khoản User
- Chỉnh sửa thông tin tài khoản User
- Tìm kiếm User
- Khóa và mở khóa tài khoản User
Customer:
- Đăng ký và đăng nhập thành viên
- Tính toán chỉ số TDEE
- Đặt hàng chọn món ăn và chọn khu vực giao hàng
- Thanh toán bằng tiền mặt hay qua cổng thanh toán trực tuyến VNPAY
- Gửi email đơn hàng sau khi đã đặt hàng và thanh toán thành công
- Thành viên (xem và chỉnh sửa một số thông tin cá nhân, xem lịch sử đơn đặt hàng và hủy đơn hàng khi đơn hàng ở trạng thái đơn hàng mới)
1.7. Yêu cầu phi chức năng
Giao diện người dùng cần hài hòa, các thành phần, màu sắc và hình ảnh
được sử dụng hợp lý nhằm thu hút người dùng sử dụng trang web.
Hệ thống ổn định và tối ưu giúp người dùng có một trải nghiệm mượt mà,
không gặp sự cố nào đó khi sử dụng. Đồng thời phải tối ưu hiệu suất để trang web có
thể tải trang nhanh.
4
Trang web cần được thiết kế và phát triển để có khả năng mở rộng trong tương
lai. Nhu cầu con người ngày càng tăng vì vậy điều này giúp cho trang web có thể tích
hợp chức năng một cách dễ dàng.
Dễ sử dụng và trải nghiệm người dùng tốt. Giao diện người dùng phải thiết kế
rõ ràng, dễ hiểu và sắp xếp logic một cách đơn giản và hợp lý. Đồng thời, đảm bảo
được trang web có thể tương thích tốt trên các thiết bị và trình duyệt khác nhau.
Cuối cùng là về tính bảo mật và an ninh thông tin cho người dùng. Các biện
pháp bảo mật giúp cho người dùng tránh được việc bị đánh cắp dữ liệu, các mối đe
dọa bên ngoài. Bao gồm việc sử dụng mã hóa dữ liệu, xác thực người dùng, ...
1.8. Cấu trúc đồ án
Chương 1: Giới thiệu tổng quan
- Giới thiệu đề tài
- Mục tiêu nghiên cứu
- Ý nghĩa nghiên cứu
- Phạm vi nghiên cứu
- Yêu cầu chức năng
- Yêu cầu phi chức năng
Chương 2: Tìm hiểu cơ sở lý thuyết
- Tìm hiểu về các kiến trúc hệ thống
- Tìm hiểu về các công nghệ phù hợp để sử dụng trong việc xây dựng ứng dụng
Chương 3: Thiết kế hệ thống
- Phân tích hệ thống và đưa ra đặc tả cho ứng dụng
- Đưa ra sự đồ hoạt động của từng chức năng
Chương 4: Triển khai ứng dụng
- Hướng dẫn sử dụng ứng dụng
- Đánh giá hệ thống
Chương 5: Đưa ra kết luận và hướng phát triển của hệ thống
CHƯƠNG 5:
KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 5.1. Kết quả đạt được
Sau quá trình thực hiện đồ án, em đã đạt được một số kết quả như sau:
- Đầu tiên, em đã tìm hiểu được công nghệ phát triển là ReactJs và Laravel, biết được cách phát triển và vận hành của một website. Kết hợp giữa ReactJs và Laravel để tạo ra một website tối ưu và dễ dàng cải tiến.
- Tiếp theo là tìm hiểu về cơ sở dữ liệu MySQL, sử dụng ngôn ngữ truy vấn SQL kết hợp để hoàn thiện phần dữ liệu cho website.
- Cuối cùng, em tìm hiểu về thị trường web thương mại điện tử nói chung và web về thực phẩm sạch nói riêng. Từ đó áp dụng các công nghệ đã tìm hiểu được vào bên trong đề tài và hoàn tất các chức năng như:
+ Trang quản lý thương mại bao gồm quản lý người dùng, quản lý món ăn, quản lý combo, quản lý đơn đặt hàng và thống kê phân tích dữ liệu dựa trên doanh thu và đơn hàng.
+ Trang khách hàng bao gồm tính toán chỉ số Calories từ đó đưa ra các combo phù hợp với cơ thể và mục tiêu. Và với tư cách là thành viên thì khách hàng có thể xem lại thông tin cá nhân, chỉ số cơ thể và hủy bỏ đơn hàng ngay trên web khi đơn hàng ở trạng thái đơn hàng mới.
5.2. Hướng phát triển
- Hệ thống đánh giá và nhận xét: cho phép khách hàng đánh giá và viết nhận xét nhằm cung cấp thông tin cho nhà hàng và các khách hàng khác để có thể cải thiện món ăn và có cái nhìn tổng quan hơn.
- Mở rộng thanh toán trực tuyến với các cổng thanh toán khác để khách hàng có nhiều sự lựa chọn hơn.
- Mở rộng thêm dịch vụ về sức khỏe như hướng dẫn, hỗ trợ tập luyện nhằm nâng cao sức khỏe và vóc dáng.
- Tối ưu hiệu năng hoạt động của hệ thống.
Do Drive thay đổi chính sách, nên một số link cũ yêu cầu duyệt download. các bạn chỉ cần làm theo hướng dẫn.
Password giải nén nếu cần: ket-noi.com | Bấm trực tiếp vào Link để tải:
TÓM TẮT
Hiện nay, thế giới đang trong thời kì công nghệ phát triển song song với đó là những rủi ro tiềm ẩn về sức khỏe. Trong đó, Việt Nam là một trong những quốc gia mắc các bệnh liên quan đến béo phì và thiếu hụt chất dinh dưỡng. Chế độ dinh dưỡng là một yếu tố vô cùng quan trọng quyết định sức khỏe của con người. Đa số người dân hiện nay chỉ lo tập trung làm nhiều việc mà ăn uống qua loa, không lành mạnh sẽ sớm đối mặt với các nguy cơ về bệnh tật sau này.
Đề tài “Thiết kế hệ thống Eatclean sử dụng công nghệ ReactJS và Laravel” được thực hiện nhằm xây dựng một hệ thống thương mại điện tử mang đến thông điệp về thực phẩm sạch, những nhận thức, thông tin về vấn đề chăm sóc sức khỏe toàn diện từ sâu bên trong cụ thể là lựa chọn chế độ ăn uống phù hợp với bản thân và tiện lợi.
Ở đề tài này, hệ thống Eatclean sẽ được phân thành ba quyền chính là Admin, User và Customer. User bao gồm các chức năng về quản lý như quản lý combo, quản lý món ăn trong combo, quản lý đơn hàng, thu thập và phân tích dữ liệu. Admin có các chức năng tương tự User nhưng có quyền quản lý User như thêm mới, chỉnh sửa, tìm kiếm hay khóa tài khoản của User. Về phía Customer có các chức năng như tính toán chỉ số TDEE để xác định lượng calories cần nạp hàng ngày dựa trên chỉ số cơ thể. Từ đó chọn ra các combo phù hợp với mục tiêu của bản thân.
Về quy trình đặt hàng bao gồm việc sử dụng công cụ TDEE để tính toán lượng calories cần nạp mỗi ngày. Từ đó hệ thống sẽ gợi ý các combo phù hợp hay Customer có thể chọn combo từ thực đơn. Ở mỗi combo sẽ có các món khác nhau, Customer tùy chọn món của combo miễn là đủ số lượng món combo quy định. Sau khi chọn món xong thì hệ thống sẽ hiển thị hóa đơn tạm thời và Customer chọn khu vực giao hàng để hệ thống tính toán. Cuối cùng đến bước thanh toán sẽ gồm hai cách là thanh toán bằng VNPAY hay COD. Khi thanh toán thành công hệ thống sẽ gửi hóa đơn đến mail của Customer, nếu Customer là thành viên thì sẽ có một trang lịch sử đơn hàng để có thể theo dõi đơn hàng hiện tại hay các đơn hàng đã đặt.
ii
MỤC LỤC
LỜI CẢM ƠN ..............................................................................................................i TÓM TẮT .................................................................................................................. ii MỤC LỤC................................................................................................................. iii DANH MỤC CÁC TỪ VIẾT TẮT ............................................................................v DANH MỤC SƠ ĐỒ .................................................................................................vi DANH MỤC BẢNG................................................................................................ vii DANH MỤC HÌNH ẢNH ...................................................................................... viii CHƯƠNG 1: TỔNG QUAN......................................................................................1 1.1. Giới thiệu đề tài....................................................................................................1 1.2. Mục tiêu nghiên cứu.............................................................................................2 1.3. Ý nghĩa đề tài .......................................................................................................2 1.4. Phạm vi nghiên cứu..............................................................................................2 1.5. Phương pháp nghiên cứu......................................................................................3 1.6. Yêu cầu chức năng ...............................................................................................3 1.7. Yêu cầu phi chức năng.........................................................................................4 1.8. Cấu trúc đồ án ......................................................................................................5 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT ..........................................................................6 2.1. Kiến trúc hệ thống................................................................................................6
2.1.1. Giới thiệu.......................................................................................................6 2.1.2. Kiến trúc Front-Back.....................................................................................6 2.1.3. Kiến trúc Microservice ..................................................................................7
2.2. Các công nghệ áp dụng ........................................................................................7 2.2.1. Tổng quan về Laravel....................................................................................7 2.2.2. ReactJS ........................................................................................................14 2.2.3. MySQL ........................................................................................................17
CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ ............................................................18 3.1. Quy trình hoạt động ...........................................................................................18 3.2. Mô hình use case và đặc tả.................................................................................19
3.2.1. Admin ..........................................................................................................19 3.2.2. User..............................................................................................................22 3.2.2.1. Use case quản lý combo món ăn ..........................................................22 3.2.2.2. Use case quản lý món ăn trong combo .................................................25 3.2.2.3. Use case quản lý đơn đặt hàng .............................................................28 3.2.2.4. Use case thống kê, phân tích doanh thu và đơn hàng...........................30
iii
3.2.3. Customer......................................................................................................32 3.2.3.1. Use case tính toán chỉ số TDEE ...........................................................32 3.2.3.2. Use case đặt hàng..................................................................................33 3.2.3.3. Use case thành viên ..............................................................................35
3.3. Sơ đồ hoạt động..................................................................................................37 3.3.1. Admin ..........................................................................................................37 3.3.2. User..............................................................................................................38
3.3.2.1. Chức năng quản lý combo món ăn .......................................................38 3.3.2.2. Chức năng quản lý món ăn trong combo..............................................39 3.3.2.3. Chức năng quản lý đơn đặt hàng ..........................................................40 3.3.2.4. Chức năng thống kê, phân tích doanh thu và đơn hàng........................41
3.3.3. Customer......................................................................................................42 3.3.3.1. Chức năng tính toán chỉ số TDEE ........................................................42 3.3.3.2. Chức năng đặt hàng ..............................................................................43 3.3.3.3. Chức năng thành viên ...........................................................................44
3.4. Mô hình thực thể kết hợp ..................................................................................45 CHƯƠNG 4: TRIỂN KHAI HỆ THỐNG ...............................................................46 4.1. Hướng dẫn sử dụng hệ thống .............................................................................46
4.1.1. Trang quản trị ..............................................................................................46 4.1.1.1. Quản lý tài khoản..................................................................................46 4.1.1.2. Quản lý Combo.....................................................................................50 4.1.1.3. Quản lý món ăn.....................................................................................53 4.1.1.4. Quản lý đơn đặt hàng............................................................................56 4.1.1.5. Thống kê và phân tích dữ liệu ..............................................................57
4.1.2. Trang khách hàng ........................................................................................59 4.1.2.1. Tính toán TDEE....................................................................................59 4.1.2.2. Đặt hàng................................................................................................60 4.1.2.3. Thành viên ............................................................................................65
4.2. Đánh giá hệ thống ..............................................................................................67 CHƯƠNG 5: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN.........................................69 5.1. Kết quả đạt được ................................................................................................69 5.2. Hướng phát triển ................................................................................................69 TÀI LIỆU THAM KHẢO.........................................................................................70
iv
DANH MỤC CÁC TỪ VIẾT TẮT
COD: Cash On Delivery
CRUD: Create – Read – Update – Delete HTML: HyperText Markup Language
API: Application Programming Interface MVC: Model – View – Controller
ORM: Object-Relational Mapping
SPA: Single Page Application
ORM: Object-Relational Mapping PROPS: Properties
DOM: Document Object Model
UI: User Interface
JSON: JavaScript Object Notation
TDEE: Total Daily Energy Expenditure
v
DANH MỤC SƠ ĐỒ
Sơ đồ 3.1. Use case chức năng quản lý tài khoản .....................................................19 Sơ đồ 3.2. Use case chức năng quản lý combo món ăn ............................................22 Sơ đồ 3.3. Use case chức năng quản lý món ăn trong combo...................................25 Sơ đồ 3.4. Use case chức năng quản lý đơn đặt hàng ...............................................28 Sơ đồ 3.5. Use case chức năng thống kê, phân tích doanh thu và đơn hàng ............30 Sơ đồ 3.6. Use case chức năng tính toán chỉ số TDEE.............................................32 Sơ đồ 3.7. Use case chức năng đặt hàng ...................................................................33 Sơ đồ 3.8. Use case chức năng thành viên ................................................................35 Sơ đồ 3.9. Sơ đồ hoạt động quản lý tài khoản ..........................................................37 Sơ đồ 3.10. Sơ đồ hoạt động quản lý combo ............................................................38 Sơ đồ 3.11. Sơ đồ hoạt động quản lý món ăn ...........................................................39 Sơ đồ 3.12. Sơ đồ hoạt động quản lý đơn đặt hàng ..................................................40 Sơ đồ 3.13. Sơ đồ hoạt động chức năng thống kê phân tích doanh thu đơn hàng ....41 Sơ đồ 3.14. Sơ đồ hoạt động chức năng tính toán chỉ số TDEE...............................42 Sơ đồ 3.15. Sơ đồ hoạt động chức năng đặt hàng.....................................................43 Sơ đồ 3.16. Sơ đồ hoạt động chức năng thành viên..................................................44 Sơ đồ 3.17. Mô hình thực thể kết hợp.......................................................................45
vi
DANH MỤC BẢNG
Bảng 3.1. Đặc tả use case chức năng quản lý tài khoản ...........................................21 Bảng 3.2. Đặc tả use case chức năng quản lý combo ..............................................24 Bảng 3.3. Đặc tả use case chức năng quản lý món ăn ..............................................27 Bảng 3.4. Đặc tả use case chức năng quản lý đơn đặt hàng .....................................29 Bảng 3.5. Đặc tả use case chức năng thống kê, phân tích doanh thu và đơn hàng...31 Bảng 3.6. Đặc tả use case chức năng tính toán chỉ số TDEE ...................................33 Bảng 3.7. Đặc tả use case chức năng đặt hàng..........................................................34 Bảng 3.8. Đặc tả use case chức năng thành viên ......................................................37
vii
DANH MỤC HÌNH ẢNH
Hình 2.1. Logo Laravel...............................................................................................8 Hình 2.2. Logo React. ...............................................................................................14 Hình 2.3. Logo MySQL. ...........................................................................................17 Hình 4.1. Giao diện trang quản lý tài khoản ............................................................. 46 Hình 4.2. Giao diện modal thêm tài khoản ...............................................................47 Hình 4.3. Thông báo tài khoản tạo mới thành công..................................................47 Hình 4.4. Giao diện modal chỉnh sửa thông tin tài khoản ........................................48 Hình 4.5. Thông báo chỉnh sửa tài khoản thành công...............................................48 Hình 4.6. Kết quả tìm kiếm tài khoản.......................................................................49 Hình 4.7. Nhắc nhở xác nhận khóa tài khoản ...........................................................49 Hình 4.8. Thông báo khóa tài khoản thành công ......................................................50 Hình 4.9. Giao diện trang quản lý combo.................................................................50 Hình 4.10. Giao diện modal thêm combo .................................................................51 Hình 4.11. Thông báo thêm combo thành công........................................................51 Hình 4.12. Giao diện modal chỉnh sửa combo..........................................................52 Hình 4.13. Giao diện modal chỉnh sửa combo..........................................................52 Hình 4.14. Thông báo xác nhận xóa combo .............................................................53 Hình 4.15. Thông báo xóa combo thành công .......................................................... 53 Hình 4.16. Giao diện trang quản lý món ăn..............................................................54 Hình 4.17. Giao diện thêm món ăn vào trong combo...............................................54 Hình 4.18. Thông báo thêm món ăn thành công.......................................................55 Hình 4.19. Biểu mẫu dữ liệu import món ăn.............................................................55 Hình 4.20. Giao diện các món ăn sau khi import thành công...................................56 Hình 4.21. Giao diện quản lý đơn đặt hàng ..............................................................56 Hình 4.22. Giao diện cập nhật đơn đặt hàng.............................................................57 Hình 4.23. Giao diện thống kê và phân tích dữ liệu .................................................58 Hình 4.24. Giao diện biểu đồ doanh thu ...................................................................58 Hình 4.25. Giao diện biểu đồ tổng đơn hàng ............................................................ 59 Hình 4.26. Giao diện tính toán chỉ số Calories ......................................................... 59 Hình 4.27. Giao diện kết quả tính toán lượng Calories ............................................60 Hình 4.28. Giao diện các combo có trong hệ thống..................................................61 Hình 4.29. Giao diện chi tiết combo .........................................................................61 Hình 4.30. Giao diện chọn món ................................................................................62 Hình 4.31. Giao diện chọn khư vực giao hàng .........................................................62
viii
Hình 4.32. Giao diện thanh toán ...............................................................................63 Hình 4.33. Giao diện thanh toán thành công (COD) ................................................63 Hình 4.34. Giao diện cổng thanh toán điện tử VNPAY ...........................................64 Hình 4.35. Giao diện nhập mã OTP để thanh toán ...................................................64 Hình 4.36. Giao diện thanh toán VNPAY thành công..............................................65 Hình 4.37. Thông tin email đơn đặt hàng .................................................................65 Hình 4.38. Giao diện thông tin cá nhân ....................................................................66 Hình 4.39. Giao diện lịch sử đơn đặt hàng................................................................66 Hình 4.40. Giao diện thông báo xác nhận hủy đơn hàng..........................................67 Hình 4.41. Giao diện đơn hàng đã hủy thành công...................................................67
ix
CHƯƠNG 1:
TỔNG QUAN 1.1. Giới thiệu đề tài
Trong xã hội ngày nay, tình trạng sức khỏe của con người luôn được xem là một vấn đề cốt lõi mà chúng ta cần quan tâm và coi trọng hàng đầu. Với tốc độ phát triển không ngừng nghỉ của công nghệ và kỹ thuật, cuộc sống hiện đại đã mang lại nhiều tiện nghi và tiện ích cho mỗi người chúng ta. Tuy nhiên, điều này cũng đi kèm với những tác động xấu đến sức khỏe. Chúng ta thường xem nhẹ tầm quan trọng của sức khỏe cho đến khi có những vấn về cơ thể. Áp lực từ công việc, cuộc sống bận rộn và những yêu cầu ngày càng cao đã khiến cho đại đa số chúng ta bỏ qua việc chăm sóc sức khỏe và không quan tâm đến chế độ dinh dưỡng. Số lượng người mắc những căn bệnh liên quan đến việc ăn uống thiếu khoa học như suy dinh dưỡng, thừa cân béo phì, suy nhược cơ thể ngày một tăng. Có nhiều bệnh lý không chỉ ảnh hưởng trực tiếp đến sức khỏe của một người, mà còn có thể ảnh hưởng đến các thế hệ sau này.
Với mục tiêu nâng cao chất lượng cuộc sống, giữ gìn sức khỏe và rèn luyện ngoại hình tốt từ bên trong, việc chăm sóc bản thân và cung cấp đầy đủ dinh dưỡng từ mỗi bữa ăn trở thành yếu tố quan trọng hàng đầu. Nhận thức về nhu cầu thiết yếu này của đa số người tiêu dùng ngày nay, website Eatclean ra đời như một hệ thống chuyên cung cấp dịch vụ thực phẩm sạch và lành mạnh, giúp mọi người tiếp cận các món ăn đa dạng được chuẩn bị sẵn. Các món ăn này không chỉ vừa ngon miệng, mà còn đươc thiết kế để đảm bảo cung cấp đầy đủ chất dinh dưỡng giúp cho người dùng không cần mất nhiều thời gian để nấu nướng.
Eatclean không chỉ đơn thuần là một trang web, mà còn là một nền tảng phát triển dựa trên nhu cầu sức khỏe của khách hàng. Eatclean tận dụng các hệ thống công nghệ hiện đại để mang lại trải nghiệm tốt nhất cho khách hàng. Với một giao diện thân thiện và dễ sử dụng, Eatclean tạo điều kiện cho người dùng dễ dàng tìm hiểu và tham gia vào việc xây dựng một chế độ ăn lành mạnh phù hợp với nhu cầu cá nhân của mỗi người. Bằng cách cung cấp cho người dùng công cụ tính toán TDEE. TDEE là tổng năng lượng mà cơ thể tiêu thụ trong một ngày, bao gồm năng lượng cần thiết để duy trì các hoạt động hàng ngày, quá trình trao đổi chất và vận động từ đó giúp cho người dùng có thể điều chỉnh chế độ ăn một cách phù hợp. Ngoài ra, Eatlean còn cung cấp một loạt các tùy chọn thực đơn và gói ăn phù hợp. Các món ăn được lựa chọn, tính toán kỹ càng và đáp ứng độ tươi ngon, đảm bảo rằng chúng cung cấp đủ lượng đạm, tinh bột, chất béo, vitamin và khoáng chất cần thiết để duy trì sức khỏe một cách an toàn và khoa học.
1
Hệ thống Eatclean tận dụng các công nghệ phổ biến như ReactJS và Laravel để đảm bảo hiệu suất cao và trải nghiệm người dùng được tốt nhất. Với việc sử dụng một thư viện Front-end là ReactJS, hệ thống đem lại khả năng tương tác cao, giúp trang web phản hồi nhanh chóng. Bên cạnh đó, việc sử dụng thêm framework Back- end Laravel giúp hệ thống có khả năng xử lý dữ liệu từ đơn giản đến phức tạp, quản lý tài nguyên và an toàn về bảo mật cũng như khả năng xử lý lỗi.
1.2. Mục tiêu nghiên cứu
Khảo sát nhu cầu và ý tưởng của nhà kinh doanh về thực các món ăn sạch để tiếp cận khách hàng thông qua các phương tiện truyền thông đại chúng. Tập trung vào việc hiểu rõ nhu cầu và mong muốn của nhà kinh doanh bao gồm việc tìm hiểu các yếu tố quan trọng mà khách hàng đang tìm kiếm trong dịch vụ thực phẩm sạch.
Chọn ra các thao tác có thể chuyển đổi thành các chức năng trên hệ thống website để giúp cho công việc quản lý và vận hành trở nên đơn giản và tối ưu hơn.
Nghiên cứu, tìm hiểu và chọn ra các kiến trúc và công nghệ phù hợp để xây dựng nên hệ thống ứng dụng.
Xây dựng hoàn tất một hệ thống thương mại điện tử về thực phẩm sạch hỗ trợ người kinh doanh và khách hàng sử dụng hiệu quả.
1.3. Ý nghĩa đề tài
Xây dựng và phát triển hệ thống Eatclean mang ý nghĩa vô cùng quan trọng và hữu ích cho nhà kinh doanh. Đầu tiên, nó giúp tối ưu hóa hoạt động mua bán, tạo điều kiện thuận lợi và tiện lợi cho việc giao dịch và giao hàng đối với khách hàng. Việc áp dụng công nghệ thông tin vào hoạt động kinh doanh giúp tiết kiệm thời gian và công sức, từ đó gia tăng hiệu quả và lợi nhuận.
Một ý nghĩa quan trọng khác của dự án này là tích hợp và phân tích dữ liệu khách hàng. Hệ thống sẽ thu thập thông tin về hành vi tiêu dùng của khách hàng, từ đó giúp nhà kinh doanh hiểu rõ hơn về nhu cầu và sở thích của khách hàng. Phân tích dữ liệu này sẽ cung cấp những giá trị, giúp người kinh doanh đưa ra chiến lược kinh doanh phù hợp và tối ưu hóa các quyết định về sản phẩm, tiếp thị và phân phối.
Bên cạnh đó, việc xây dựng hệ thống Eatclean cũng hỗ trợ phủ sóng thông điệp "Ăn sạch - Ăn khoẻ" của người kinh doanh tới khách hàng. Nhờ sự tiện lợi và dễ dàng tiếp cận thông qua website, người kinh doanh có thể tăng cường thông điệp về lợi ích của việc ăn uống lành mạnh và chất lượng cao. Điều này góp phần thúc đẩy ý thức về sức khỏe và tạo ra sự lan tỏa của phong cách sống Eatclean trong cộng đồng.
1.4. Phạm vi nghiên cứu
2
Ở đề tài này, sẽ triển khai xây dựng hoàn tất một hệ thống website sử dụng công nghệ ReactJS, nằm tạo ra trải nghiệm tốt nhất cho người dùng của hệ thống Eatclean. Để xử lý thao tác quản lý và vận hành hệ thống Eatclean, sẽ sử dụng các quy trình đã được khảo sát và xây dựng API server, cung cấp các xử lý cho người dùng trên website bằng công nghệ Laravel.
Hệ thống sẽ giải quyết các vấn đề trong việc quản lý và vận hành một nhà hàng như quản lý các combo, món ăn. Qua đó, Eatclean dễ dàng cập nhật và đưa ra những món ăn, combo hấp dẫn và phù hợp đến với khách hàng.
Ngoài việc quản lý menu, hệ thống cũng sẽ giải quyết các vấn đề về đặt hàng, cập nhật đơn đặt hàng. Một yếu tố quan trọng của hệ thống Eatclean là khả năng thống kê và phân tích các dữ liệu từ đó nhìn nhận được xu hướng tiêu dùng và nắm bắt sở thích của khách hàng từ đó định hình được chiến lược kinh doanh.
Ngoài ra, Eatclean còn mang lại lợi ích cho khách hàng bằng cách cung cấp một giao diện thân thiện và dễ sử dụng. Khách hàng có thể chọn ra được những combo phù hợp với cơ thể một cách nhanh chóng và dễ dàng giúp tiết kiện một khoảng thời gian.
1.5. Phương pháp nghiên cứu
Dùng phương pháp nghiên cứu thông qua việc khảo sát từ người kinh doanh và khách hàng để kết hợp tạo nên hệ thống website dễ dàng tiếp cận và tạo hiệu quả tối đa khi sử dụng.
Hành vi tiêu dùng thực tế của khách hàng sẽ thể hiện qua việc tìm kiếm, hành vi mua các sản phẩm bằng các trang mạng xã hội hay thương mại, đây là một nguồn dữ liệu lớn để người kinh doanh có thể đặt ra định hưởng xây dựng và phát triển website để tiếp cận đến khách hàng một cách tối ưu.
Nghiên cứu các kiến trúc và công nghệ phù hợp để áp dụng. Thiết kế, xây dựng ứng dụng, triển khai và cài đặt ứng dụng hệ thống API server.
1.6. Yêu cầu chức năng
Trong hệ thống website này sẽ chủ yếu bao gồm bao gồm 3 đối tượng Admin, User và Customer cùng với các chức năng:
User:
-
-
Thống kê và phân tích dữ liệu + Doanh thu
+ Đơn hàng
+ Thành viên mới đăng ký
+ Biểu đồ phân tích doanh thu và số lượng đơn hàng trong 12 tháng Quản lý combo
3
+ Tạo combo món ăn
+ Chỉnh sửa thông tin combo + Tìm kiếm thông tin combo + Xóa combo
- Quản lý món ăn trong combo
+ Thêm món ăn vào trong combo + Nhập file Excel
+ Chỉnh sửa thông tin món ăn
+ Tìm kiếm món ăn
+ Xóa món ăn
- Quản lý đơn đặt hàng
+ Xem chi tiết đơn đặt hàng
+ Cập nhật trạng thái đơn đặt hàng
Admin: tương tự như User và có thêm chức năng quản lý User:
- Tạo tài khoản User
- Chỉnh sửa thông tin tài khoản User
- Tìm kiếm User
- Khóa và mở khóa tài khoản User
Customer:
- Đăng ký và đăng nhập thành viên
- Tính toán chỉ số TDEE
- Đặt hàng chọn món ăn và chọn khu vực giao hàng
- Thanh toán bằng tiền mặt hay qua cổng thanh toán trực tuyến VNPAY
- Gửi email đơn hàng sau khi đã đặt hàng và thanh toán thành công
- Thành viên (xem và chỉnh sửa một số thông tin cá nhân, xem lịch sử đơn đặt hàng và hủy đơn hàng khi đơn hàng ở trạng thái đơn hàng mới)
1.7. Yêu cầu phi chức năng
Giao diện người dùng cần hài hòa, các thành phần, màu sắc và hình ảnh
được sử dụng hợp lý nhằm thu hút người dùng sử dụng trang web.
Hệ thống ổn định và tối ưu giúp người dùng có một trải nghiệm mượt mà,
không gặp sự cố nào đó khi sử dụng. Đồng thời phải tối ưu hiệu suất để trang web có
thể tải trang nhanh.
4
Trang web cần được thiết kế và phát triển để có khả năng mở rộng trong tương
lai. Nhu cầu con người ngày càng tăng vì vậy điều này giúp cho trang web có thể tích
hợp chức năng một cách dễ dàng.
Dễ sử dụng và trải nghiệm người dùng tốt. Giao diện người dùng phải thiết kế
rõ ràng, dễ hiểu và sắp xếp logic một cách đơn giản và hợp lý. Đồng thời, đảm bảo
được trang web có thể tương thích tốt trên các thiết bị và trình duyệt khác nhau.
Cuối cùng là về tính bảo mật và an ninh thông tin cho người dùng. Các biện
pháp bảo mật giúp cho người dùng tránh được việc bị đánh cắp dữ liệu, các mối đe
dọa bên ngoài. Bao gồm việc sử dụng mã hóa dữ liệu, xác thực người dùng, ...
1.8. Cấu trúc đồ án
Chương 1: Giới thiệu tổng quan
- Giới thiệu đề tài
- Mục tiêu nghiên cứu
- Ý nghĩa nghiên cứu
- Phạm vi nghiên cứu
- Yêu cầu chức năng
- Yêu cầu phi chức năng
Chương 2: Tìm hiểu cơ sở lý thuyết
- Tìm hiểu về các kiến trúc hệ thống
- Tìm hiểu về các công nghệ phù hợp để sử dụng trong việc xây dựng ứng dụng
Chương 3: Thiết kế hệ thống
- Phân tích hệ thống và đưa ra đặc tả cho ứng dụng
- Đưa ra sự đồ hoạt động của từng chức năng
Chương 4: Triển khai ứng dụng
- Hướng dẫn sử dụng ứng dụng
- Đánh giá hệ thống
Chương 5: Đưa ra kết luận và hướng phát triển của hệ thống
CHƯƠNG 5:
KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 5.1. Kết quả đạt được
Sau quá trình thực hiện đồ án, em đã đạt được một số kết quả như sau:
- Đầu tiên, em đã tìm hiểu được công nghệ phát triển là ReactJs và Laravel, biết được cách phát triển và vận hành của một website. Kết hợp giữa ReactJs và Laravel để tạo ra một website tối ưu và dễ dàng cải tiến.
- Tiếp theo là tìm hiểu về cơ sở dữ liệu MySQL, sử dụng ngôn ngữ truy vấn SQL kết hợp để hoàn thiện phần dữ liệu cho website.
- Cuối cùng, em tìm hiểu về thị trường web thương mại điện tử nói chung và web về thực phẩm sạch nói riêng. Từ đó áp dụng các công nghệ đã tìm hiểu được vào bên trong đề tài và hoàn tất các chức năng như:
+ Trang quản lý thương mại bao gồm quản lý người dùng, quản lý món ăn, quản lý combo, quản lý đơn đặt hàng và thống kê phân tích dữ liệu dựa trên doanh thu và đơn hàng.
+ Trang khách hàng bao gồm tính toán chỉ số Calories từ đó đưa ra các combo phù hợp với cơ thể và mục tiêu. Và với tư cách là thành viên thì khách hàng có thể xem lại thông tin cá nhân, chỉ số cơ thể và hủy bỏ đơn hàng ngay trên web khi đơn hàng ở trạng thái đơn hàng mới.
5.2. Hướng phát triển
- Hệ thống đánh giá và nhận xét: cho phép khách hàng đánh giá và viết nhận xét nhằm cung cấp thông tin cho nhà hàng và các khách hàng khác để có thể cải thiện món ăn và có cái nhìn tổng quan hơn.
- Mở rộng thanh toán trực tuyến với các cổng thanh toán khác để khách hàng có nhiều sự lựa chọn hơn.
- Mở rộng thêm dịch vụ về sức khỏe như hướng dẫn, hỗ trợ tập luyện nhằm nâng cao sức khỏe và vóc dáng.
- Tối ưu hiệu năng hoạt động của hệ thống.
Do Drive thay đổi chính sách, nên một số link cũ yêu cầu duyệt download. các bạn chỉ cần làm theo hướng dẫn.
Password giải nén nếu cần: ket-noi.com | Bấm trực tiếp vào Link để tải:
You must be registered for see links