(Đồ án hcmute) xây dựng ứng dụng cung cấp dược phẩm trên nền tảng website

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH ĐỒ ÁN TỐT NGHIỆP NGÀNH CƠNG NGHỆ KỸ THUẬT MÁY TÍNH XÂY DỰNG ỨNG DỤNG CUNG CẤP DƯỢC PHẨM TRÊN NỀN TẢNG WEBSITE GVHD: Th.S NGUYỄN VĂN PHÚC SVTH: ĐỖ NGUYỄN XUÂN QUỐC KHÁNH NGUYỄN HỒNG HỮU SKL009831 Tp Hồ Chí Minh, Tháng 7/2022 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH KHOA ĐÀO TẠO CHẤT LƯỢNG CAO ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG ỨNG DỤNG CUNG CẤP DƯỢC PHẨM TRÊN NỀN TẢNG WEBSITE SVTH : NGUYỄN HỒNG HỮU MSSV: 18119084 ĐỖ NGUYỄN XUÂN QUỐC KHÁNH MSSV: 18119087 Ngành : CƠNG NGHỆ KỸ THUẬT MÁY TÍNH GVHD: ThS NGUYỄN VĂN PHÚC TP Hồ Chí Minh, tháng 07 năm 2022 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH KHOA ĐÀO TẠO CHẤT LƯỢNG CAO ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG ỨNG DỤNG CUNG CẤP DƯỢC PHẨM TRÊN NỀN TẢNG WEBSITE SVTH : NGUYỄN HỒNG HỮU MSSV: 18119084 ĐỖ NGUYỄN XUÂN QUỐC KHÁNH MSSV: 18119087 Ngành : CƠNG NGHỆ KỸ THUẬT MÁY TÍNH GVHD: ThS NGUYỄN VĂN PHÚC TP Hồ Chí Minh, tháng 07 năm 2022 CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh Phúc ******* TP Hồ Chí Minh, ngày 18 tháng 07 năm 2022 NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Họ tên sinh viên 1: Nguyễn Hồng Hữu MSSV 1: 18119084 Họ tên sinh viên 2: Đỗ Nguyễn Xuân Quốc Khánh MSSV 2: 18119087 Ngành: Cơng Nghệ Kỹ Thuật Máy Tính Lớp: 18119CL3B Giảng viên hướng dẫn: ThS Nguyễn Văn Phúc Ngày nhận đề tài: 13/03/2022 Ngày nộp đề tài: 18/07/2022 Tên đề tài: XÂY DỰNG ỨNG DỤNG CUNG CẤP DƯỢC PHẨM TRÊN NỀN TẢNG WEBSITE Các số liệu, tài liệu ban đầu: - Kiến thức ngơn ngữ lập trình - Kiến thức cấu trúc liệu giải thuật - Kiến thức hệ điều hành thời gian thực - Kiến thức sở liệu Nội dung thực đề tài: - Nghiên cứu ngôn ngữ lập trình Javascript, PHP sở liệu MySQL - Nghiên cứu framework ReactJS Laravel - Từ nghiên cứu trên, xây dựng ứng dụng thực tế Sản phẩm: Ứng dụng cung cấp dược phẩm tảng website TRƯỞNG NGÀNH GIÁO VIÊN HƯỚNG DẪN CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh Phúc ******* PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Họ tên sinh viên 1: Nguyễn Hồng Hữu MSSV 1: 18119084 Họ tên sinh viên 2: Đỗ Nguyễn Xuân Quốc Khánh MSSV 2: 18119087 Ngành: Cơng Nghệ Kỹ Thuật Máy Tính Lớp: 18119CL3B Tên đề tài: XÂY DỰNG ỨNG DỤNG CUNG CẤP DƯỢC PHẨM TRÊN NỀN TẢNG WEBSITE Họ tên Giáo viên hướng dẫn: ThS Nguyễn Văn Phúc NHẬN XÉT Về nội dung đề tài khối lượng thực hiện: ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… Ưu điểm: ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… Khuyết điểm: ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… Đề nghị cho bảo vệ hay không? ………………………………………………………………………………… Đánh giá loại: ……………………………………………………………… Điểm: …………… (Bằng chữ: …………………………………………….) TP Hồ Chí Minh, ngày 18 tháng 07 năm 2022 Giáo viên hướng dẫn (Ký & ghi rõ họ tên) i CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh Phúc ******* PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN Họ tên sinh viên 1: Nguyễn Hồng Hữu MSSV 1: 18119084 Họ tên sinh viên 2: Đỗ Nguyễn Xuân Quốc Khánh MSSV 2: 18119087 Ngành: Cơng Nghệ Kỹ Thuật Máy Tính Lớp: 18119CL3B Tên đề tài: XÂY DỰNG ỨNG DỤNG CUNG CẤP DƯỢC PHẨM TRÊN NỀN TẢNG WEBSITE Họ tên Giáo viên hướng dẫn: ThS Nguyễn Văn Phúc NHẬN XÉT Về nội dung đề tài khối lượng thực hiện: ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… Ưu điểm: ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… Khuyết điểm: ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… ……………………………………………………………………………… Đề nghị cho bảo vệ hay không? ……………………………………………………………………………… Đánh giá loại: ……………………………………………………………………………… Điểm:……….(Bằng chữ:………………………………………………… ) …………………………………………….……………………………… TP Hồ Chí Minh, ngày 18 tháng 07 năm 2022 Giáo viên phản biện (Ký & ghi rõ họ tên) ii LỜI CAM ĐOAN Nhóm thực đề tài gồm Nguyễn Hồng Hữu Đỗ Nguyễn Xuân Quốc Khánh cam đoan đề tài “XÂY DỰNG ỨNG DỤNG CUNG CẤP DƯỢC PHẨM TRÊN NỀN TẢNG WEBSITE” q trình nghiên cứu, tìm hiểu nhóm Trong q trình nghiên cứu, nhóm làm việc hỗ trợ giám sát thầy ThS Nguyễn Văn Phúc Những nội dung trình bày báo cáo đồ án tốt nghiệp từ tìm hiểu nghiêm cứu nhóm Đạt kết nỗ lực nhóm từ q trình học tập trường, hỗ trợ từ giáo viên hướng dẫn TP Hồ Chí Minh, ngày 18 tháng 07 năm 2022 (Ký ghi rõ họ tên) Nguyễn Hồng Hữu Đỗ Nguyễn Xuân Quốc Khánh iii LỜI CẢM ƠN Trước hết, nhóm xin gửi lời cảm ơn chân thành đến quý thầy cô Khoa Điện–Điện Tử, trường Đại Học Sư Phạm Kỹ Thuật TP.HCM Đặc biệt thầy Nguyễn Văn Phúc, người giúp đỡ tạo nhiều điều kiện để nhóm thực đề tài tốt Trong khoảng thời gian làm đồ án, nhóm gặp phải khó khăn cịn thiếu hụt kinh nghiệm thực tế, chưa thục sử dụng công cụ phần mềm hỗ trợ Thế nhưng, từ lời khuyên hỗ trợ thầy tiếp thêm cho nhóm động lực để hồn thành đồ án tốt nghiệp TP Hồ Chí Minh, ngày 18 tháng 07 năm 2022 (Ký ghi rõ họ tên) Nguyễn Hồng Hữu Đỗ Nguyễn Xuân Quốc Khánh iv TÓM TẮT Trong đồ án này, nhóm xây dựng ứng dụng nhằm cung cấp cho nhà thuốc ứng dụng bán thuốc trực tuyến để gần với nhiều loại khách hàng, khách hàng khơng thể ngồi với nhiều ngun nhân, lý ví dụ minh chứng tình hình dịch bệnh vừa xảy ra, người trực tiếp mua thuốc cách trực tiếp, nhà thuốc khó khăn việc cung cấp thông tin sản phẩm phù hợp cho đối tượng Từ đó, ứng dụng giải vấn đề việc cung cấp cho nhà thuốc chức đăng bán sản phẩm, quản lý thông tin sản phẩm, đơn hàng, địa thông tin cá nhân khách hàng Khách hàng tìm kiếm lựa chọn sản phẩm theo: tên, danh mục, tỉ lệ giảm giá, thời gian đăng tải sản phẩm,…Và vai trò khách hàng xem chi tiết sản phẩm trước mua hàng cho phép khách hàng tạo thông tin tài khoản để lưu sản phẩm vào giỏ hàng, danh mục khách hàng u thích, thơng tin cá nhân, thông tin địa xem lịch sử đơn hàng Để vấn đề giải quyết, nhóm tìm hiểu, nghiêm cứu cách lưu trữ liệu, xây dựng chức phù hợp, cho ứng dụng hoạt động cách thân thiện hơn, dễ sử dụng, việc quan trọng bảo trì nâng cấp sau Nên nhóm cân nhắc đưa định sử dụng hệ sở liệu MySQL, framework nhanh nhẹn Laravel, thư viện FrontEnd ReactJS (khá ưa chuộng phát triển từ ông lớn công nghệ Facebook), để việc thiết giao diện hiệu nhóm chọn Ant Design làm thư việc hỗ trợ v MỤC LỤC NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP ii PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN i PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN ii LỜI CAM ĐOAN iii LỜI CẢM ƠN iv TÓM TẮT v MỤC LỤC vi DANH MỤC HÌNH viii DANH MỤC BẢNG x DANH MỤC CÁC TỪ VIẾT TẮT xi CHƯƠNG GIỚI THIỆU 1.1 GIỚI THIỆU TÌNH HÌNH NGHIÊN CỨU HIỆN NAY 1.2 ĐẶT VẤN ĐỀ 1.3 MỤC TIÊU ĐỀ TÀI 1.4 GIỚI HẠN ĐỀ TÀI 1.5 ĐỐI TƯỢNG VÀ PHẠM VI NGHIÊN CỨU 1.6 PHƯƠNG PHÁP NGHIÊN CỨU 1.7 BỐ CỤC QUYỂN BÁO CÁO CHƯƠNG CƠ SỞ LÝ THUYẾT 2.1 NGÔN NGỮ PHP 2.2 LARAVEL FRAMEWORK 2.3 HỆ QUẢN TRỊ CƠ SỞ DỮ LIỆU MYSQL 2.4 HTML 2.5 CSS 10 2.6 JAVASCRIPT 11 2.7 REACTJS LIBRARY 12 2.8 MƠ HÌNH CLIENT – SERVER, API VÀ RESTFUL API 13 CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ 15 3.1 PHÂN TÍCH YÊU CẦU 15 3.2 THIẾT KẾ CƠ SỞ DỮ LIỆU 20 vi Trang quản lý tài khoản Trang quản lý tài khoản gồm chức năng: quản lý thông tin tài khoản, quản lý thông tin địa chỉ, quản lý đơn hàng, danh sách sản phẩm u thích Hình 4.22: Thơng tin tài khoản Hình 4.23: Thơng tin địa (hình a) 39 Hình 4.24: Thơng tin địa (hình b) Hình 4.25: Trang quản lý đơn hàng Hình 4.26: Trang quản lý sản phẩm yêu thích 40 4.3 GIAO DIỆN DÀNH CHO NHÀ THUỐC Giao diện dành cho nhà thuốc quản lý gồm trang nhập thông tin tài khoản trang quản lý sản phẩm, đơn hàng khách hàng dạng bảng Trang đăng nhập − Ứng với nhà thuốc có tài khoản khác để đăng nhập Hình 4.6: Trang đăng nhập nhà thuốc Trang quản lý sản phẩm Chức quản lý sản phẩm bao gồm thêm bớt hàng hóa Bạn tìm kiếm hàng hóa theo tên, ngày đăng, mã sản phẩm, giảm giá, danh mục Sau hồn thành, hàng hóa đặt hiển thị giao diện người dùng 41 Hình 4.7: Trang quản lý danh sách sản phẩm nhà thuốc Khi người quản lý ấn vào biểu tượng thêm sản phẩm, hệ thống xuất pop-up để điền thông tin sản phẩm Hình 4.8: Trang thêm sản phẩm nhà thuốc (hình a) 42 Hình 4.30: Trang thêm sản phẩm nhà thuốc (hình b) Để chỉnh sửa sản phẩm, người quản lý ấn vào biểu tượng sửa sản phẩm hàng với sản phẩm cần sửa thông tin Hình 4.31: Trang chỉnh sửa sản phẩm nhà thuốc (hình a) Hình 4.32: Trang chỉnh sửa sản phẩm nhà thuốc (hình b) 43 Hình 4.33: Trang chỉnh sửa sản phẩm nhà thuốc (hình c) Trang quản lý sản phẩm Gồm chức năng: quan sát danh sách đơn hàng chỉnh sửa, theo dõi trạng thái đơn hàng Ngồi cịn tìm kiếm đơn hàng theo tên, thời gian đặt hàng, mã đơn hàng chức in đơn hàng thành file pdf Hình 4.34: Trang danh sách đơn hàng nhà thuốc Khi người quản lý ấn vào nút chi tiết đơn hàng, hệ thống pop-up thể thông tin chi tiết đơn hàng Trong pop-up, người quản lý thay đổi trạng thái đơn hàng khách hàng 44 Hình 4.35: Trang chỉnh sửa trạng thái đơn hàng nhà thuốc (hình a) Hình 4.36: Trang chỉnh sửa trạng thái đơn hàng nhà thuốc (hình b) Trang quản lý người mua thuốc − Quản lý thơng tin người mua thuốc, xóa tài khoản người mua 45 Hình 4.37: Trang quản lý thông tin người mua nhà thuốc 46 CHƯƠNG KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 5.1 KẾT LUẬN Nhờ có tận tâm từ việc hướng dẫn hỗ trợ đặc biệt giáo viên hướng dẫn thầy mơn xun suốt q trình học tập, nhóm hồn thành mục tiêu cho đề tài thiết kế xây dựng ứng dụng cung cấp dược phẩm tảng website Nhóm thực đề tài đối mặt khơng trở ngại thực đề tài Có thể kể đến khâu xây dựng phần Front-end việc thiết kế giao diện cho phù hợp với đại đa số người dùng Về phía Backend, việc xây dựng sở liệu tốn khó ảnh hưởng tới việc nâng cấp hệ thống Mặc dù gặp không khó khăn nhóm nhận trợ giúp tận tình giáo viên hướng dẫn đề hướng cho nhóm thực hiện, với cố gắng tích lũy kinh nghiệm, kiến thức quý báu kiến thức lập trình giải khó khăn thực 5.2 ĐÁNH GIÁ Ưu điểm: − Hệ thống sử dụng công nghệ ReactJS nên ứng dụng trở nên nhanh hơn, xử lý logic dễ dàng nâng cấp − Hoàn thành tất tiêu chí đề ứng dụng cung cấp dược phẩm − Giao diện đẹp, ưa nhìn, thân thiện với người dùng − Hệ thống hoạt động ổn định Nhược điểm: Dù nhóm nghiên cứu, cố gắng hoàn thành cách tốt hệ thống khuyết điểm sau: − Giao diện chưa tương thích với nhiều thiết bị khác − Ứng dụng dừng lại quy mô tham khảo học hỏi, chưa thể thương mại hoá − Cơ sở liệu chưa đa dạng 47 5.3 HƯỚNG PHÁT TRIỂN Mục tiêu mà nhóm muốn hướng tới sản phẩm có giá trị thương mại áp dụng thực tiễn Chính vậy, nhóm tiếp tục xem xét khắc phục khuyết điểm đồng thời phát triển đề tài để cạnh tranh thị trường là: − Tích hợp chức định vị vị trí khách hàng mua sản phẩm đồ để nhà thuốc dễ dàng việc giao hàng − Thêm chức tư vấn trực tuyến từ nhà thuốc đối đến người mua thuốc − Thêm chức thống kê doanh số nhà thuốc số lượng khách hàng truy cập vào hệ thống 48 TÀI LIỆU THAM KHẢO [1] ALAN FORBES, The joy of PHP: A Beginner’s Guide to Programming Interactive Web Application with PHP and mySQL Kindle Edition, Publisher: BeakCheck LLC; edition (October 11, 2012), Publication date: October 11, 2012 [2] Wikipedia, Cơ sở liệu https://vi.wikipedia.org/wiki/C%C6%A1_s%E1%BB%9F_d%E1%BB%AF_li% E1%BB%87u, xem 12/06/2022 [3] David Axmark Michael “Monty, MySQL Reference Manual, United States of America: O’Reilly & Associates, Inc, 2020 [4] Alex Banks & Eve Pocello, “Learning React: Modern Patterns for Developing React Apps 2nd Edition”, Publication date: 2019 [5] Google trend, So sánh https://trends.google.com/trends/explore?q=Laravel,CodeIgniter,Symfony, Zend,CakePHP, xem 19/06/2022 49 PHỤ LỤC Đường dẫn trang web sản phẩm: https://phano-link.vercel.app Đường dẫn chứa source code hệ thống: + Phần Front-end: https://github.com/GaryHuu/KLTN + Phần Back-end: https://github.com/GaryHuu/KLTN_BE 50 51 ĐẠI HỌC SƯ PHẠM KỸ THUẬT CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM THÀNH PHỐ HỒ CHÍ MINH Độc lập – Tự Do – Hạnh phúc KHOA ĐÀO TẠO CHẤT LƯỢNG CAO Tp HCM, ngày 15 tháng 08 năm 2022 BẢN GIẢI TRÌNH CHỈNH SỬA ĐỒ ÁN TỐT NGHIỆP NGÀNH: CNKT MÁY TÍNH Tên đề tài: XÂY DỰNG ỨNG DỤNG CUNG CẤP DƯỢC PHẨM TRÊN NỀN TẢNG WEBSITE Tên sinh viên: NGUYỄN HỒNG HỮU Tên sinh viên: ĐỖ NGUYỄN XUÂN QUỐC KHÁNH MSSV: 18119084 MSSV: 18119087 GVHD: ThS.NGUYỄN VĂN PHÚC Hội đồng bảo vệ: HĐ 4, phòng: A4 - 404, ngày 06 tháng 08 năm 2022 Giải trình chỉnh sửa báo cáo đồ án tốt nghiệp: TT Nội dung góp ý Hội đồng Kết chỉnh sửa, bổ sung Ghi Bổ sung đường “Có” khối Đã bổ sung đường “Có” khối xử lý tài khoản lưu đồ xử lý tài khoản lưu đồ hình hình 3.3 Xác nhận trưởng ngành 3.3 Xác nhận GVHD (Ký họ tên) Nhóm thực báo cáo (Ký họ tên) (Ký họ tên) 52 S K L 0