(Đồ án tốt nghiệp) Xây dựng Website phục vụ hoạt động kinh doanh của SPA(Đồ án tốt nghiệp) Xây dựng Website phục vụ hoạt động kinh doanh của SPA(Đồ án tốt nghiệp) Xây dựng Website phục vụ hoạt động kinh doanh của SPA(Đồ án tốt nghiệp) Xây dựng Website phục vụ hoạt động kinh doanh của SPA(Đồ án tốt nghiệp) Xây dựng Website phục vụ hoạt động kinh doanh của SPA(Đồ án tốt nghiệp) Xây dựng Website phục vụ hoạt động kinh doanh của SPA(Đồ án tốt nghiệp) Xây dựng Website phục vụ hoạt động kinh doanh của SPA(Đồ án tốt nghiệp) Xây dựng Website phục vụ hoạt động kinh doanh của SPA(Đồ án tốt nghiệp) Xây dựng Website phục vụ hoạt động kinh doanh của SPA(Đồ án tốt nghiệp) Xây dựng Website phục vụ hoạt động kinh doanh của SPA(Đồ án tốt nghiệp) Xây dựng Website phục vụ hoạt động kinh doanh của SPA(Đồ án tốt nghiệp) Xây dựng Website phục vụ hoạt động kinh doanh của SPA(Đồ án tốt nghiệp) Xây dựng Website phục vụ hoạt động kinh doanh của SPA(Đồ án tốt nghiệp) Xây dựng Website phục vụ hoạt động kinh doanh của SPA(Đồ án tốt nghiệp) Xây dựng Website phục vụ hoạt động kinh doanh của SPA(Đồ án tốt nghiệp) Xây dựng Website phục vụ hoạt động kinh doanh của SPA(Đồ án tốt nghiệp) Xây dựng Website phục vụ hoạt động kinh doanh của SPA(Đồ án tốt nghiệp) Xây dựng Website phục vụ hoạt động kinh doanh của SPA
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM KHOA ĐÀO TẠO CHẤT LƯỢNG CAO - - ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE PHỤC VỤ HOẠT ĐỘNG KINH DOANH CỦA SPA SVTH : LÊ MINH PHƯỚC VŨ NGỌC PHÁT MSSV: 15110103 15110096 Khóa: 2015 Ngành: CƠNG NGHỆ THƠNG TIN GVHD: THS TRẦN CƠNG TÚ Tp Hồ Chí Minh, tháng 12 năm 2020 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM KHOA ĐÀO TẠO CHẤT LƯỢNG CAO - - ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE PHỤC VỤ HOẠT ĐỘNG KINH DOANH CỦA SPA SVTH : LÊ MINH PHƯỚC VŨ NGỌC PHÁT MSSV: 15110103 15110096 Khóa: 2015 Ngành: CÔNG NGHỆ THÔNG TIN GVHD: THS TRẦN CÔNG TÚ Tp Hồ Chí Minh, tháng 12 năm 2020 LỜI CẢM ƠN Trong học kỳ này, phân công quý thầy cô khoa Đào tạo Chất lượng cao, Trường Đại Học Sư Phạm Kỹ Thuật TP.HCM, nhóm chúng em hoàn thành Khóa luận tốt nghiệp “XÂY DỰNG ỨNG DỤNG PHỤC VỤ HOẠT ĐỘNG CỦA SPA” Nhóm chúng em xin chân thành cảm ơn GV ThS Trần Công Tú, người hướng dẫn cho nhóm chúng em suốt q trình hồn thành khóa luận Mặc dù thầy bận khơng ngần ngại dẫn nhóm, định hướng cho nhóm, để nhóm hồn thành tốt nhiệm vụ Một lần nhóm chúng em chân thành cảm ơn thầy chúc thầy dồi sức khoẻ Nhóm chúng em chân thành cảm ơn quý thầy, cô khoa Đào tạo Chất lượng cao, Trường Đại Học Sư phạm Kỹ thuật thành phố Hồ Chí Minh tận tình truyền đạt kiến thức năm chúng em học tập Với vốn kiến thức tiếp thu trình học khơng tảng cho q trình nghiên cứu khóa luận mà cịn hành trang q báu để em bước vào đời cách vững tự tin Với điều kiện thời gian kinh nghiệm hạn chế sinh viên, báo cáo khơng thể tránh thiếu sót Chúng em mong nhận bảo, đóng góp ý kiến q thầy để chúng em có điều kiện bổ sung, nâng cao ý thức mình, phục vụ tốt cơng tác thực tế sau Cuối chúng em kính chúc quý thầy, cô dồi sức khỏe thành công nghiệp cao quý Chúng em xin chân thành cảm ơn! Thành phố Hồ Chí Minh, ngày 19 tháng 12 năm 2020 Sinh viên thực Lê Minh Phước Vũ Ngọc Phát i TÓM TẮT Trong bối cảnh cách mạng cơng nghiệp 4.0 vào cao trào vai trị website ngày quan trọng Thậm chí số doanh nghiệp phát triển đến 80 – 90% doanh thu từ website Website trở nên phổ biến mà cịn cơng cụ khơng thể thiếu doanh nghiệp cá nhân hoạt động kinh doanh Đây là phương thức quảng bá thông tin nhanh nhạy tiếp cận hiệu người dùng Internet Website đánh giá là cơng cụ dễ dàng để chăm sóc khách hàng tiềm đồng thời mở rộng khách hàng mục tiêu doanh nghiệp Mặt khác, website là bước tiến quan trọng hiệu việc thực chiến lược marketing công ty Đối với cá nhân, sử dụng mạng xã hội, xem thông tin website là cách đơn giản nhanh để nắm đầy đủ thông tin cần thiết sản phẩm, dịch vụ và là cách đơn giản để tìm kiếm khách hàng, thu thập thơng tin đối tác quan trọng cho công việc kinh doanh ii MỤC LỤC NHIỆM VỤ THỰC HIỆN ĐỒ ÁN TỐT NGHIỆP i 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 CẢM ƠN i TÓM TẮT .ii MỤC LỤC iii DANH MỤC CÁC BẢNG BIỂU vi DANH MỤC HÌNH ẢNH viii CHƯƠNG I: MỞ ĐẦU 1 Lý chọn đề tài Mục tiêu đề tài Nội dung Phương pháp nghiên cứu Ý nghĩa khoa học thực tiễn CHƯƠNG II: CƠ SỞ LÝ THUYẾT ASP.NET MVC 1.1 Giới thiệu ASP.NET MVC 1.1.1 ASP.NET MVC ? 1.1.2 Xây dựng theo mơ hình MVC 1.1.3 Lợi ích xây dựng ứng dụng web dựa mơ hình MVC 1.2 Kiến trúc ứng dụng Asp.Net MVC 1.2.1 Giao tiếp kiến trúc Asp.Net MVC 1.2.2 Các vấn đề Url Routing 1.3 Những ưu điểm mà ASP.Net MVC mạng lại cho SQL SERVER 2.1 Giới thiệu SQL Sever 2.2 Tại lại sử dụng SQL thiết kế Web iii Thanh toán qua Momo 3.1 Các phương thức toán 10 3.2 Các bước để tích hợp với MoMo 10 CHƯƠNG III: PHÂN TÍCH VÀ THIẾT KẾ ỨNG DỤNG 11 Khảo sát trạng 11 Phân tích hệ thống 16 2.1 Chức phía Frontend 16 2.2 Chức phía Backend 19 Mơ hình hóa u cầu 23 3.1 Use case 23 3.2 Đặc tả Use case 24 3.2.1 Use case Đăng nhập 24 2.2.2 Use case Quản lý khách hàng 24 3.2.3 Use case Quản lý dịch vụ 25 3.2.4 Use case Quản lý sản phẩm 26 3.2.5 Use case Quản lý nhân viên 26 3.2.6 Use case Thêm nhân viên 27 3.2.7 Use case Thêm khách hàng 28 3.2.8 Use case Thêm sản phẩm 28 3.2.9 Use case Thêm dịch vụ 29 3.2.10 Use case Đặt hàng 30 3.2.11 Use case Đặt lịch 30 3.2.12 Use case Cập nhật khách hàng 31 3.2.13 Use case Cập nhật sản phẩm 32 3.2.14 Use case Cập nhật nhân viên 33 3.2.15 Use case Cập nhật dịch vụ 33 3.2.16 Use case Thanh toán online 34 3.3 Sơ đồ lớp 35 iv 3.4 Lược đồ tuần tự 37 3.5 Thiết kế sở liệu 49 3.5.1 Sơ đồ ERD 49 3.5.2 Danh sách chi tiết thuộc tính bảng 50 3.6 Thiết kế giao diện: 63 3.6.1 Trang quản trị 63 3.6.2 Trang người dùng 88 CHƯƠNG IV: CÀI ĐẶT VÀ KIỂM THỬ 98 Cài đặt 98 1.1 Công nghệ sử dụng 98 1.2 Môi trường lập trình 98 Kiểm thử 99 CHƯƠNG V: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 101 Tổng kết 101 1.1 Về mặt lý thuyết 101 1.2 Về mặt thực 101 Hạn chế 102 Hướng phát triển đề tài: 102 TÀI LIỆU THAM KHẢO 103 v DANH MỤC CÁC BẢNG BIỂU Bảng Use Case Đăng nhập Bảng Use case Quản lý khách hàng Bảng 3 Use Case Quản lý Dịch vụ Bảng Use Case Quản lý sản phẩm Bảng Use Case Quản lý nhân viên Bảng Use Case Thêm nhân viên Bảng Use Case Thêm khách hàng Bảng Use Case Thêm sản phẩm Bảng Use Case Thêm dịch vụ Bảng 10 Use Case Đặt hàng Bảng 11 Use Case Đặt lịch Bảng 12 Use Case Cập nhật khách hàng Bảng 13 Use Case cập nhật sản phẩm Bảng 14 Use Case Cập nhật nhân viên Bảng 15 Use Case Cập nhật dịch vụ Bảng 16 Use Case Thanh tốn online Bảng 17 Mơ tả tên bảng sơ đồ ERD Bảng 18 Mô tả giao diện đăng nhập Bảng 19 Bảng mô tả giao diện trang quản lý Bảng 20 mô tả giao diện trang đặt hàng Bảng 21 Mô tả giao diện Tài khoản Bảng 22 Mô tả giao diện trang Nhân viên Bảng 23 Mô tả giao diện trang danh sách sản phẩm vi Bảng 24 Bảng mô tả giao diện trang thêm sản phẩm Bảng 25 Bảng mô ả giao diện trang danh sách danh mục sản phẩm Bảng 26 Bảng mô tả giao diện trang thêm danh mục sản phẩm Bảng 27 Bảng mô tả giao diện trang danh sách dịch vụ Bảng 28 Bảng mô tả giao diện trang thêm dịch vụ Bảng 29 Bảng mô tả giao diện trang danh sách danh mục dịch vụ Bảng 30 Bảng mô tả giao diện trang thêm danh mục dịch vụ Bảng 31 Bảng mô tả giao diện trang mã giảm giá Bảng 32 Bảng mô tả giao diện trang danh sách blog Bảng 33 Bảng mô tả giao diện trang danh mục blog Bảng 34 Bảng mô tả giao diện trang Dictionary Bảng 35 Bảng mô tả giao diện trang quản lý Banner Bảng 36 Bảng mô tả giao diện trang About Us Bảng 37 Bảng mô tả giao diện trang Contact Bảng 38 Bảng mô tả giao diện trang quản lý Foote Bảng 39 Bảng mô tả giao diện trang quản lý danh sách Menu Bảng 40 Bảng mô tả giao diện trang quản lý Slide Home Bảng 41 Bảng mô tả giao diện trang quản lý Đặt lịch Bảng 42 Bảng mô tả giao diện trang chủ Bảng 43 Bảng mô tả giao diện trang sản phẩm Bảng 44 Bảng mô tả giao diện trang chi tiết sản phẩm Bảng 45 Bảng mô tả giao diện trang dịch vụ Bảng 46 Bảng mô tả giao diện chi tiết danh mục blog Bảng 47 Bảng mô tả giao diện Đặt lịch dịch vụ Bảng 48 Bảng mô tả giao diện Giỏ hàng vii DANH MỤC HÌNH ẢNH Hình 1.1: Mẫu thiết kế MVC Hình 1.2: Giao tiếp kiến trúc Asp.Net MVC Hình 3.1 Website thucucclinics.com Hình 3.2 Website Seoulspa.vn Hình 3.3 Website boclinic.vn Hình 3.4 Website miumiuspa.com Hình 3.5 Website mochuongspa.com Hình 3.6 Website goldenlotusspa.vn Hình 3.4 Lược đồ chức Use case Hình 3.4.1 Admin bảo trì website Hình 3.4.2 Admin thêm khách hàng Hình 3.4.3: Admin cập nhật khách hàng Hình 3.4.4: Admin xóa khách hàng Hình 3.4.5: Admin thêm nhân viên Hình 3.4.6: Admin cập nhật nhân viên Hình 3.4.7: Admin xóa nhân viên Hình 3.4.8: Admin tìm kiếm sản phẩm Hình 3.4.9: Admin thêm sản phẩm Hình 3.4.10: Admin cập nhật sản phẩm Hình 3.4.11: Admin xóa sản phẩm Hình 3.4.12: Nhân viên thêm khách hàng Hình 3.4.13: Nhân viên cập nhật khách hàng Hình 3.4.14: Nhân viên xóa khách hàng viii Các trang sản phẩm khác Nhấn để xem sản phẩm khác Bảng 43 Bảng mô tả giao diện trang sản phẩm Hình 3.6.28 Giao diện trang chi tiết sản phẩm Kiểu Mô tả chi tiết STT Tên Xem hình sản phẩm Nhấn để xem full hình sản phẩm Số lượng sản phẩm muốn mua Thêm vào giỏ hàng Nhấn để chọn số lượng sản phẩm muốn mua Nhấn để thêm vào giỏ hàng Mô tả sản phẩm Nhấn để xem mô tả sản phẩm 90 Xem đánh giá sản phẩm Nhấn để xem đánh giá sản phẩm Bảng 44 Bảng mô tả giao diện trang chi tiết sản phẩm Hình 3.6.29 Các danh mục dịch vụ Hình 3.6.30 Giao diện trang dịch vụ 91 Tên Bảng mô tả giao diện trang dịch vụ Đặt lịch Xem chi tiết dịch vụ STT Kiểu Mô tả chi tiết Nhấn để đặt lịch cho dịch vụ Nhấn xem chi tiết dịch vụ Bảng 45 Bảng mô tả giao diện trang dịch vụ Hình 3.6.31 Giao diện trang chi tiết dịch vụ 92 Hình 3.6.32 Giao diện trang About Us 93 Hình 3.6.33 Các danh mục Blog Hình 3.6.34 Giao diện chi tiết danh mục blog 94 STT Tên Kiểu Mô tả chi tiết Tìm kiếm Blog Nhập tên blog cần tìm kiếm Xem danh mục blog khác Input Icon Nhấn xem danh mục blog khác Bảng 46 Bảng mô tả giao diện chi tiết danh mục blog Hình 3.6.35 Giao diện trang Contact 95 Hình 3.6.36 Giao diện Đặt lịch dịch vụ STT Tên Kiểu Mô tả chi tiết Ngày muốn đặt lịch Select Nhấn chọn ngày muốn đặt lịch hẹn Giờ muốn đặt lịch Select Nhấn chọn muốn đặt lịch hẹn Chọn dịch vụ Select Nhấn để chọn dịch vụ muốn đặt lịch hẹn Nhắn tin Input Nhắn tin với Store Đặt lịch hẹn Nhấn để đồng ý đặt lịch hẹn Bảng 47 Bảng mô tả giao diện Đặt lịch dịch vụ 96 Hình 3.6.37 Giao diện Giỏ hàng STT Tên Kiểu Mô tả chi tiết Hình ảnh sản phẩm img Hình ảnh sản phẩm Tên sản phẩm Tên sản phẩm Giá tiền sản phẩm Giá tiền sản phẩm Tổng giá tiền cho sản phẩm ứng với số lượng chọn Xóa sản phẩm Nhắn tin với Store Xóa sản phẩm Bảng 48 Bảng mô tả giao diện Giỏ hàng 97 CHƯƠNG IV: CÀI ĐẶT VÀ KIỂM THỬ Cài đặt Trong trình xây dựng đề tài, nhóm sử dụng phần mềm hỗ trợ sau: • Sử dụng Visual Studio 2019 để viết code • Sử dụng Microsoft SQL Sever và để tạo sở liệu • Sử dụng trang web draw.io phần mềm StarUML để vẽ sơ đồ UML, sequence, erd Cài đặt chung: - Bước 1: Cài đặt Visual Studio trang chủ https://visualstudio.microsoft.com/downloads/ - Bước 2: Cài đặt git trang chủ https://git-scm.com/download/win - Bước 3: Cài đặt Microsoft SQL Sever trang chủ https://www.microsoft.com/en-us/sql-server/sql-server-downloads - Bước 4: Cài đặt Microsoft SQL Sever Management Studio 18 website: https://docs.microsoft.com/en-us/sql/ssms/download-sql-server-management-studiossms?view=sql-server-ver15 - Bước 5: Truy cập địa chỉ: https://github.com/leminhphuoc/KhoaLuanTotNghiep - Bước 6: Mở CommandLine lên gõ dòng lệnh sau để clone source code Backend FontEnd máy git clone https://github.com/leminhphuoc/KhoaLuanTotNghiep.git 1.1 Cơng nghệ sử dụng Phía Sever: - Dùng Asp.net MVC để lập trình - Cơ sở liệu dùng SQL Sever Phía Client: HTML, CSS, Bootstrap số thư viện có sẵn 1.2 Mơi trường lập trình Sử dụng cơng cụ Visual Studio để lập trình quản lý code 98 - Visual studio cơng cụ hỗ trợ lập trình thiết kế website tiếng Mcrosoft và chưa có phần mềm thay Visual Studio viết bằng ngơn ngữ là C# và VB+ - Visual Studio cho phép người dùng tự chọn lựa giao diện cho máy tùy thuộc vào nhu cầu sử dụng - Visual Studio hỗ trợ lập trình nhiều ngôn ngữ như: C/C++, C#, F#, Visual Basic, HTML, CSS, JavaScript - Là công cụ hỗ trợ việc Debug cách dễ dàng mạnh mẽ như: Break Point, xem giá trị biến trình chạy, hỗ trợ debug câu lệnh - Visual Studio đơng đảo lập trình viên giới sử dụng Kiểm thử Các chức kiểm thử: Chức Mô tả chi tiết Kết Kiểm tra đơn hàng Click vào nút thông tin đơn hàng để kiểm tra đơn hàng OK Ngày thực test 20/12/2020 Mua hàng Click vào mua sản phẩm sản phẩm hiển thị giỏ hàng OK 20/12/2020 Thêm sản phẩm Nhập tất thơng tin sản phẩm xác OK 20/12/2020 Chú thích Kiểm tra xem có đơn hàng nào chưa xác nhận hay không Kiểm tra thơng tin sản phẩm có xác hay khơng chức tăng giảm số lượng sản phẩm hoạt động hay khơng Khơng 99 Xóa sản phẩm Thêm sửa xóa trang quản trị admin Đặt lịch Chỉnh sửa Content Page thông qua trang quản trị Mã giảm giá áp dụng mua sản phẩm Click vào nút Delete Các sản phẩm, khách hàng, nhân viên, danh mục, nhà cung cấp phải thêm sửa xóa Chọn đặt lịch dịch vụ hẹn Thay đổi nội dung hình ảnh Website OK 20/12/2020 Khơng OK 20/12/2020 Không OK 20/12/2020 Không Ok 20/12/2020 Không Kiểm tra mã giảm giá xem có áp dụng với số lượng sản phẩm khác không OK 20/12/2020 Không Bảng Kiểm thử sản phẩm 100 CHƯƠNG V: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Tổng kết Trong thời gian bắt đầu nhận đề tài đến sau trải qua việc phân tích tìm kiếm hướng giải để thực đề tài nhìn chung nhóm hoàn thành mục tiêu là mong muốn mà ban đầu đặt Qua việc tự học tìm kiếm thơng tin qua mạng để thực đề tài, nhóm em biết hiểu quy trình xây dựng ứng dụng cách sử dụng công cụ hỗ trợ cho việc lập trình, cách phân tích sở liệu, việc giải vấn đề… Qua giúp nhóm em cải thiện nhiều kỹ và có thêm nhiều kinh nghiệm 1.1 Về mặt lý thuyết Sau thời gian học tập thực nhóm hiểu về: - Cách hoạt động sử dụng thành thạo Asp.net MVC - Cách tạo, sử dụng sở liệu hệ quản trị sở liệu MySQL - Biết cách tích hợp cơng nghệ để xây dựng thành ứng dụng quản lý spa chạy website 1.2 Về mặt thực Xây dựng website quản lý spa: Đối với khách: + Xem dịch vụ sản phẩm chăm sóc spa + Booking dịch vụ spa + Đặt mua sản phẩm spa + Đặt lịch hẹn cho dịch vụ spa Đối với người quản trị: + Chức đăng nhập quản trị + Chức xem và quản lý dịch vụ, sản phẩm (có thể thêm, xửa, xóa dịch vụ, sản phẩm) + Chức xem và quản lý booking khách hàng 101 + Chức quản lý lịch hẹn với khách hàng + Chức quản lý xếp hình ảnh, nội dung cho website + Chức quản lý Order khách hàng + Chức quản lý Blog Hạn chế Nhìn chung website đạt yêu cầu đề ban đầu trình xây dựng Sản phẩm website quản lý spa đáp ứng nhu cầu tìm kiếm dịch vụ sản phẩm spa khách hàng Tuy vài chức cần hoàn thiện để website trở nên thân thiện và đáp ứng cách tốt với người sử dụng Hướng phát triển đề tài: Với lượng thời gian kiến thức hạn chế nên đề tài mang tính spa Nếu nói việc đáp ứng hết nhu cầu spa cho người dùng kết đề tài bao quát hết Do hướng phát triển đề tài khơng thể thiếu Để có nhìn xa tương lai và mang lại thỏa mãn cho người, đề tài “Xây dựng website quản lý spa” cần phải có hướng phát triển sau: - Cải thiện giao diện thân thiện với người dùng - Xây dựng google map API tối ưu định vị vị trí người dùng, thực chức đường đến địa spa gần - Thêm chức thông báo cho toàn hệ thống - Cải thiện trang BOOKING cho dễ tiếp cận người dùng Với hướng phát triển trên, nhóm tin rằng tương lai ứng dụng phát triển thị trường người dùng, với tính ứng dụng giúp cho người dùng có trải nghiệm tốt việc tìm kiếm cho spa phù hợp, tiết kiệm chi phí thời gian tiền bạc cho người, từ chất lượng sống nâng cao 102 TÀI LIỆU THAM KHẢO Tiếng Anh [1] David Matson, Brad Wilson, Jon Galloway, K Scott Allen, “Professional ASP.NET MVC 5” [2] Enrico Buonanno (2017), “Functional Programming in C#: How to write better C# code” [3] Jamie Chan (2015),”Learn C# in One Day and Learn It Well: C# for Beginners with Hands-on Project” 103 ... dụng thực tế để phục vụ nhu cầu, lợi ích cho người sử dụng Xây dựng ứng dụng website phục vụ hoạt động Spa đáp ứng đầy đủ nhu cầu Spa thông dụng như: - Giới thiệu Spa, hoạt động Spa Giới thiệu... SƯ PHẠM KỸ THUẬT TP.HCM KHOA ĐÀO TẠO CHẤT LƯỢNG CAO - - ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE PHỤC VỤ HOẠT ĐỘNG KINH DOANH CỦA SPA SVTH : LÊ MINH PHƯỚC VŨ NGỌC PHÁT MSSV: 15110103 15110096 Khóa:... Hình 3.1 Website thucucclinics.com Hình 3.2 Website Seoulspa.vn Hình 3.3 Website boclinic.vn Hình 3.4 Website miumiuspa.com Hình 3.5 Website mochuongspa.com Hình 3.6 Website goldenlotusspa.vn Hình