mô hình hóa yêu cầu cho đề tài xây dựng ứng dụng web nhà hàng và order food online

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CÔNG NGHỆ THÔNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM BÁO CÁO MƠ HÌNH HĨA U CẦU CHO ĐỀ TÀI: XÂY DỰNG ỨNG DỤNG WEB NHÀ HÀNG VÀ ORDER FOOD ONLINE GVHD: Thầy Mai Tuấn Khơi Nhóm sinh viên thực Nguyễn Lê Điền Phạm Gia Thịnh Nguyễn Trường Tráng 16110309 16110475 16110489 I GIỚI THIỆU ĐỀ TÀI Tên đề tài: Xây dựng ứng dụng web nhà hàng order food online Mô tả: Ứng dụng web quản lý nhà hàng với tính như: cho phép người dùng truy cập website để xem thông tin nhà hàng; xem thông tin thực đơn, ăn, kiện nhà hàng, đội ngũ nhân viên,…; cho phép người dùng đặt bàn, gọi online thao tác đơn giản website; cho phép quản trị viên nhà hàng quản lý danh mục liên quan như: thực đơn, ăn, nhân viên, kiện,… II MÔ TẢ NGHIỆP VỤ ĐỀ TÀI Use case diagram hệ thống Mô tả nghiệp vụ, quy định biểu mẫu cho đối tượng use case 2.1 Đối tượng Khách 2.1.1 Giới thiệu Khách đối tượng phổ biến tiếp cận với website Đối tượng có quyền xem thơng tin website xem thông tin nhà hàng, xem trang chủ, xem ăn, xem thực đơn, xem viết Khách muốn thực chức nâng cao như, đặt món, đặt bàn, đặt tiệc phải đăng nhập đăng ký tài khoản để sử dụng chức 2.1.2 Mô tả chi tiết 2.1.2.1 Bảng nghiệp vụ đối tượng Khách T T Tên nghiệp vụ Loại nghiệp vụ Mã quy định Mã biểu mẫu Ghi Đăng ký Xác nhận GUEST-QD-DK GUEST-BM-DK Đăng ký GUEST-QDXNĐK GUEST-BMXNDK Đăng nhập GUEST-QD-DN GUEST-BM-DN đăng ký Đăng nhập Xem thông tin nhà hàng GUEST-QDXTTNH GUEST-BMXTTNH Xem trang chủ GUEST-QDXTC GUEST-BMXTC Xem ăn GUEST-QDXMA GUEST-BMXMA Xem thực đơn GUEST-QDXTD GUEST-BMXTD Xem đội ngũ nhân viên GUEST-QDXDNNV GUEST-BMXDNNV Xem viết GUEST-QDXBV GUEST-BMXBV Xem nội dung trang web 2.1.2.2 Bảng quy định cho nghiệp vụ cụ thể T T Mã quy định Tên quy định GUESTQD-DK Khách - Khi chế độ guest (khách), khách hàng có đăng ký thể đăng ký tài khoản cách tài khoản nhập thơng tin: họ tên, địa chỉ, SĐT, Email, mật nhập lại mật vào text box tương ứng Chọn giới tính thơng qua radio button Chọn ngày sinh thông qua DateTimePicker Các định dạng liệu cụ thể cho trường sau: Mô tả + Họ tên: khơng có u cầu đặc biệt; + Địa chỉ: khơng có u cầu đặc biệt; + Điện thoại: có 10 11 ký tự số; + Email: phải định dạng regular expression sau: “^[a-z][a-z0-9_\.]{5,32}@[az0-9]{2,}(\.[a-z0-9]{2,4}){1,2}$” + Mật khẩu: khơng có u cầu đặc biệt; + Nhập lại mật khẩu: khơng có u cầu đặc biệt; -Chọn checkbox để đồng ý với điều khoản nhà hàng sau xem xét Cuối cùng, việc nhấn vào nút đăng kí khách hàng hồn tất việc đăng kí tài khoản Ghi -Dữ liệu khách nhập inssert vào database, khơng báo lỗi xuất thông báo “Thông tin nhập khơng hợp lệ Vui lịng kiểm tra lại!” Mật mã hóa theo chuẩn MD5 cách băm chuỗi “Email + Password” (đã ghép chung với nhau) sau lưu vào trường Password - Mục đích đăng ký tài khoản để giúp khách hàng (guest) trở thành người dùng (user) nhà hàng phục vụ cho tác vụ mà có user có đăng nhập nghiệp vụ sau GUESTQDXNĐK GUESTQD-DN - Khách hàng nhập đầy đủ thông tin nói phần đăng ký tài khoản gửi lên cho server xử lý Lúc server gửi đường dẫn đến email mà khách hàng Khách cung cấp trước Khách hàng phải bấm vào xác nhận đường dẫn để xác nhận tài khoản đăng ký - Khi khách hàng bấm vào đường dẫn tài tài khoản khoản khách hàng đăng ký thức sử dụng Trong trường hợp khách hàng chưa xác thực tài khoản email khơng thể đăng nhập tài khoản chưa xác thực Khách đăng nhập vào trang web - Khách hàng thực việc đăng nhập cách nhập tên đăng nhập (email) mật vào textbox tương ứng, sau bấm vào nút Đăng nhập - Các thông tin khách hàng nhập hệ thống kiếm tra cách mã hóa MD5 thơng tin (băm chuỗi email + password) sau so sánh với liệu trường password xem có khớp với hay khơng, khớp khách phép vào trang web với vai trò tương ứng với tài khoản mình: + Là người dùng thơng thường sử dụng chức bản; + Là quản trị viên website ngồi cịn có chức quản trị danh mục quản lý - Nếu thông tin khơng khớp báo lỗi cách show thơng báo “Tên tài khoản mật không hợp lệ Vui lòng kiểm tra lại.” đưa gợi ý cho người dùng: + Nhập lại thông tin; + Đăng ký tài khoản + Quên mật GUESTQDXTTNH - Khách xem thơng tin nhà hàng như: địa chỉ, số điện thoại, thời gian làm việc, thông tin khác nhà hàng với số hình ảnh minh họa Khách xem thơng tin nhà hàng - Thông tin nhà hàng hiển thị nhiều nơi trang web Nhất phần footer danh mục “Liên hệ” trang web - Trang chủ trang mà khách hàng thấy truy cập vào trang web - Ở đây, khách hàng thấy thơng tin sau: + Logo nhà hàng, tab danh mục mà nhà hàng cung cấp chức tìm kiếm GUESTQD-XTC Khách hàng xem trang chủ + Banner chiếm khoảng diện tích lớn logo nhà hàng chứa thơng tin ăn hot, khuyến nhằm giúp người dùng thấy thông tin hot cách nhanh + Một số thực đơn tiêu biểu nhà hàng + Đội ngũ nhân viên nhà hàng + Các thông tin khuyến ăn + Các nhận xét khách hàng nhà hàng + Một số thông tin viết mà nhà hàng cập nhật gần + Phần Footer với số chức kèm theo - Khách hàng xem thơng tin ăn như: Tên ăn, Giá, Một số hình ảnh minh Khách họa, phần nội dung nguồn gốc, sơ lượt q trình kỹ thuật chế biến, mơ tả sản phẩm hàng xem Khách hàng chọn số lượng muốn mua ăn thêm vào giỏ hàng ưng ý Phía sản phẩm liệt kê số sản phầm khác nhằm gợi ý cho khách hàng GUESTQDXMA - Khách hàng xem thông tin loại Khách thực đơn như: Tên thực đơn, mô tả thực đơn, GUESThàng giá kèm ăn thực đơn Ngồi QD-XTD xem thực ra, trang web cịn có hệ thống giúp lọc thực đơn đơn theo giá nhằm giúp khách hàng tìm ăn có giá phù hợp GUESTQD- Khách hàng - Ở đây, khách hàng xem đội ngũ nhân viên nhân viên làm việc nhà hàng, cần XDNNV GUESTQDXBV nhấp vào nhân viên xem đội thơng nhân viên đó, gồm: Họ tên, mơ tả ngũ nhân thân, chức vụ nhân viên kèm theo trình viên độ chun mơn thành tích mà nhân viên đạt Khách hàng xem viết - Phần tin tức bao gồm tin tức hoạt động nhà hàng, thông tin kiện ẩm thực, Blog chia sẻ ăn mẹo chế biến, khuyến mãi, ưu đãi nhà hàng để khách hàng nắm bắt sớm -Khách hàng khơng thể để lại bình luận, sau tiến hành đăng nhập bình luận Nếu khách cố ý bình luận sau nhấn nút bình luận, hệ thống chuyển đến trang đăng nhập để yêu cầu khách hàng đăng nhập để thực việc bình luận 2.1.2.3 Biểu mẫu cho loại nghiệp vụ cụ thể Mã biểu mẫu: GUEST-BM-DK Tên biểu mẫu: Biểu mẫu Khách đăng ký tài khoản Mã biểu mẫu: GUEST-BM-DN Tên biểu mẫu: Biểu mẫu khách đăng nhập vào trang web Mã biểu mẫu: GUEST-BM-XTTNH Tên biểu mẫu: Biểu mẫu khách xem thông tin nhà hàng Mã biểu mẫu: QUEST-BM-XTC Tên biểu mẫu: Biểu mẫu khách hàng xem trang chủ Mã biểu mẫu: QUEST-BM-XMA Tên biểu mẫu: Biểu mẫu khách xem ăn Mã biểu mẫu: GUEST-BM-XDNNV Tên biểu mẫu: Biểu mẫu khách xem đội ngũ nhân viên Mã biểu mẫu: QUEST-BM-XBV Tên biểu mẫu: Biểu mẫu khách hàng xem viết 2.2 Đối tượng Người dùng 2.2.1 Giới thiệu Đối tượng người dùng đối tượng khách sau đăng nhập thành công vào website Đối tượng thực chức nhiều đối tượng khách như: quản lý thông tin cá nhân, đặt sản phẩm online chức bình luận cho ăn, viết Sau sử dụng trang web, người dùng đăng xuất khỏi trang trở lại thành đối tượng khách 2.2.2 Mô tả chi tiết 2.2.2.1 Bảng nghiệp vụ đối tượng T T Tên nghiệp vụ Loại nghiệp vụ Mã quy định Mã biểu mẫu Ghi Xem thông tin nhà hàng Xem nội dung trang web USER-QDXTTNH USER-BMXTTNH Như Khác h Như Khác h Xem trang chủ USER-QD-XTC USER-BM-XTC Xem ăn USER-QDXMA USER-BMXMA Như Khác h quản lý, dịng bảng thơng tin ăn, bao gồm: tên ăn, hình, mơ tả, giá, phần trăm khuyến mãi, loại ăn, thực đơn Với dịng ứng với ăn có thao tác xóa, sửa, xem quản lý bình luận cho ăn ứng với dịng QLMA - Trên đầu bảng danh sách ăn nút thêm ăn (xem biểu mẫu minh họa), cho phép người quản trị thêm ăn Cạnh bên tìm kiếm nút tìm kiếm cho người quản trị tìm kiếm ăn cần tìm - Dưới cuối bảng phần phân trang hiển thị số lượng có giới hạn ăn mà người quản trị nhìn thấy 11 ADMINQD-TMA Thêm ăn - Người quản trị nhập đầy đủ thông tin quy định bắt buộc (các trường bắt buộc nhập có đánh dấu *) ăn cần thêm vào ô tương ứng Các trường không bắt buộc (không có dấu *) người quản trị tùy chọn nhập không - Các trường form thêm ăn bao gồm: tên ăn, hình, mơ tả, giá, phần trăm khuyến mãi, loại ăn, thực đơn - Khi người quản trị không nhập ô bắt buộc nhập (có dấu *) nhập sai định dạng liệu hiển thị lỗi thơng báo màu đỏ textbox trường Các định dạng liệu cụ thể cho trường sau: + Tên ăn (*): khơng có u cầu đặc biệt; + Hình (*): người dùng bấm nút chọn hình ảnh để tải ảnh lên Các ảnh hợp lệ có định dạng *.jpg, *.jpeg, *.png, *.bmp; + Phần trăm khuyến mãi: định dạng kiểu số; + Loại ăn (*): người dùng chọn từ combobox loại ăn có sẵn bảng Loại ăn database - Người quản trị bấm nút thêm để thêm ăn vào database, chưa quy định nhập liệu trường khơng cho phép thêm cách đưa thông báo lỗi màu đỏ “Dữ liệu chưa xác, vui lịng kiểm tra lại!” bên cạnh nút thêm Nếu thơng tin nhập hợp lệ thực thao tác insert ăn vào database chuyển hướng trang danh sách ăn 12 ADMINQD-SMA Sửa ăn - Hiện thơng tin ăn chọn để sửa Mỗi trường textbox Người quản trị trực tiếp sửa thông tin textbox Nếu thơng tin sau sửa hợp lệ: trường có dấu * phải nhập đầy đủ; liệu phải định dạng theo quy định (trình bày mơ tả quy định nghiệp vụ ADMINQD-TMA - thêm ăn) - Người quản trị nhân nút hoàn tất sau hoàn thành việc chỉnh sửa Nếu có lỗi thơng báo lỗi màu đỏ “Dữ liệu chưa xác, vui lịng kiểm tra lại!” bên cạnh nút hoàn tất Ngược lại thực hiên thao tác update thơng tin ăn vào database chuyển hướng trang danh sách ăn - Hiện thơng tin ăn cần xóa gồm: tên ăn, mơ tả, hình, giá, phần trăm khuyến mãi, loại ăn, thực đơn để người quản trị xem cách tổng quan trước xóa hồn tồn ăn 13 ADMINQD-XMA - Nếu thực chắn xóa ăn Xóa người quản trị nhấn nút xóa để xác nhận việc xóa Thao tác delete ăn khỏi database ăn thực trước trang web chuyển hướng trang danh sách ăn - Nếu trình xác nhận xóa có xảy nhầm lẫn người quản trị khơng muốn xóa quản trị viên người quản trị nhấn vào nút quay lại trang chủ để hủy bỏ thao tác xóa - Đối với ăn cụ thể có danh sách bình luận ăn Người quản trị xem danh sách đưa định xóa hay khơng xóa bình luận cụ thể 14 ADMINQDQLBLM A Quản lý - Nếu định xóa bình luận người bình luận quản trị nhấn nút xóa dịng tương ứng ăn bình luận Thơng báo xác nhận xóa để xác nhận việc xóa liệu, thực nhấn xác nhận xóa, thao tác delete bình luận khỏi database thực cách gọi ajax xóa dịng nhân viên khỏi danh sách bình luận giao diện 15 ADMINQDQLBV Quản lý viết - Người quản trị chức nhìn thấy giao diện bảng chứa danh sách viết quản lý, dịng bảng thơng tin viết, bao gồm: tên viết, hình, mô tả, giá, phần trăm khuyến mãi, loại viết, thực đơn Với dòng ứng với viết có thao tác xóa, sửa, xem quản lý bình luận cho viết ứng với dịng - Trên đầu bảng danh sách viết nút thêm viết (xem biểu mẫu minh họa), cho phép người quản trị thêm viết Cạnh bên tìm kiếm nút tìm kiếm cho người quản trị tìm kiếm viết cần tìm - Dưới cuối bảng phần phân trang hiển thị số lượng có giới hạn viết mà người quản trị nhìn thấy 16 ADMINQD-VBV Viết viết - Người quản trị nhập đầy đủ thông tin quy định bắt buộc (các trường bắt buộc nhập có đánh dấu *) viết cần thêm vào ô tương ứng Các trường không bắt buộc (không có dấu *) người quản trị tùy chọn nhập không - Các trường form thêm viết bao gồm: tên viết, mô tả, nội dung, loại viết, người viết - Khi người quản trị khơng nhập bắt buộc nhập (có dấu *) nhập sai định dạng liệu hiển thị lỗi thông báo màu đỏ ô textbox trường Các định dạng liệu cụ thể cho trường sau: + Tên viết (*): khơng có u cầu đặc biệt; + Mơ tả: khơng có u cầu đặc biệt; + Nội dung (*): cho phép nhập liệu html thơ, chèn hình ảnh, chèn liên kết, video + Loại viết (*): chọn từ combobox loại viết có database; + Người viết (*): Chọn từ combobox quản trị viên có database - Người quản trị bấm nút thêm để thêm viết vào database, chưa quy định nhập liệu trường không cho phép thêm cách đưa thông báo lỗi màu đỏ “Dữ liệu chưa xác, vui lịng kiểm tra lại!” bên cạnh nút thêm Nếu thơng tin nhập hợp lệ thực thao tác insert viết vào database chuyển hướng trang danh sách viết 17 ADMINQD-SBV Sửa viết - Hiện thông tin viết chọn để sửa Mỗi trường textbox Người quản trị trực tiếp sửa thơng tin textbox Nếu thông tin sau sửa hợp lệ: trường có dấu * phải nhập đầy đủ; liệu phải định dạng theo quy định (trình bày mô tả quy định nghiệp vụ ADMINQD-VBV - viết viết) - Người quản trị nhấn nút hoàn tất sau hồn thành việc chỉnh sửa Nếu có lỗi thông báo lỗi màu đỏ “Dữ liệu chưa xác, vui lịng kiểm tra lại!” bên cạnh nút hoàn tất Ngược lại thực thao tác update thông tin viết vào database chuyển hướng trang danh sách viết - Hiện thơng tin viết cần xóa gồm: tên viết, mô tả, nội dung thô (dạng html) viết để người quản trị xem cách tổng quan trước xóa hồn tồn viết 18 ADMINQD- XBV Xóa viết - Nếu thực chắn xóa quản trị viên người quản trị nhấn nút xóa để xác nhận việc xóa Thao tác delete biết tương ứng khỏi database thực trước trang web chuyển hướng trang danh sách viết - Nếu trình xác nhận xóa có xảy nhầm lẫn người quản trị khơng muốn xóa viết người quản trị nhấn vào nút quay lại trang chủ để hủy bỏ thao tác xóa - Đối với viết cụ thể có danh sách bình luận viết Người quản trị xem danh sách đưa định xóa hay khơng xóa bình luận cụ thể 19 ADMINQDQLBLBV Quản lý - Nếu định xóa bình luận người bình luận quản trị nhấn nút xóa dịng tương ứng viết bình luận Thơng báo xác nhận xóa để xác nhận việc xóa liệu, thực nhấn xác nhận xóa, thao tác delete bình luận khỏi database thực cách gọi ajax xóa dịng nhân viên khỏi bảng bình luận giao diện 2.3.2.3 Biểu mẫu cho loại nghiệp vụ cụ thể Mã biểu mẫu: ADMIN-BM-QLQTV Tên biểu mẫu: Biểu mẫu Quản trị viên quản lý nhân viên Mã biểu mẫu: ADMIN-BM-TQTV Tên biểu mẫu: Biểu mẫu Quản trị viên thêm nhân viên Mã biểu mẫu: ADMIN-BM-SQTV Tên biểu mẫu: Biểu mẫu Quản trị viên sửa nhân viên Mã biểu mẫu: ADMIN-BM-XQTV Tên biểu mẫu: Biểu mẫu Quản trị viên xóa nhân viên Mã biểu mẫu: ADMIN-BM-PQ Tên biểu mẫu: Biểu mẫu Quản trị viên phân quyền cho nhân viên Mã biểu mẫu: ADMIN-BM-QLTD Tên biểu mẫu: Biểu mẫu Quản trị viên quản lý thực đơn Mã biểu mẫu: ADMIN-BM-TTD Tên biểu mẫu: Biểu mẫu Quản trị viên thêm thực đơn Mã biểu mẫu: ADMIN-BM-STD Tên biểu mẫu: Biểu mẫu Quản trị viên sửa thực đơn Mã biểu mẫu: ADMIN-BM-XTD Tên biểu mẫu: Biểu mẫu Quản trị viên xóa thực đơn Mã biểu mẫu: ADMIN-BM-QLMA Tên biểu mẫu: Biểu mẫu Quản trị viên quản lý ăn Mã biểu mẫu: ADMIN-BM-TMA Tên biểu mẫu: Biểu mẫu Quản trị viên thêm ăn Mã biểu mẫu: ADMIN-BM-SMA Tên biểu mẫu: Biểu mẫu Quản trị viên sửa ăn Mã biểu mẫu: ADMIN-BM-XMA Tên biểu mẫu: Biểu mẫu Quản trị viên xóa ăn Mã biểu mẫu: ADMIN-BM-QLBLMA Tên biểu mẫu: Biểu mẫu Quản trị viên quản lý bình luận ăn Mã biểu mẫu: ADMIN-BM-QLBV Tên biểu mẫu: Biểu mẫu Quản trị viên quản lý viết Mã biểu mẫu: ADMIN-BM-VBV Tên biểu mẫu: Biểu mẫu Quản trị viên viết viết Mã biểu mẫu: ADMIN-BM-SBV Tên biểu mẫu: Biểu mẫu Quản trị viên sửa viết Mã biểu mẫu: ADMIN-BM_XBV Tên biểu mẫu: Biểu mẫu Quản trị viên xóa viết Mã biểu mẫu: ADMIN-BM-QLBLBV Tên biểu mẫu: Biểu mẫu Quản trị viên quản lý bình luận viết III PHÂN CÔNG CÔNG VIỆC TT Sinh viên Nguyễn Lê Điền Phạm Gia Thịnh Nguyễn Trường Tráng Công việc - Thiết kế user case cho actor Quản trị viên - Xây dựng bảng nghiệp vụ, quy định cho actor Quản trị viên - Vẽ biểu mẫu nghiệp vụ cho actor Quản trị viên - Thiết kế user case cho actor Khách - Xây dựng bảng nghiệp vụ, quy định cho actor Khách - Vẽ biểu mẫu nghiệp vụ cho actor Khách - Thiết kế user case cho actor Người dùng - Xây dựng bảng nghiệp vụ, quy định cho actor Người dùng - Vẽ biểu mẫu nghiệp vụ cho actor Người dùng ... GIỚI THIỆU ĐỀ TÀI Tên đề tài: Xây dựng ứng dụng web nhà hàng order food online Mô tả: Ứng dụng web quản lý nhà hàng với tính như: cho phép người dùng truy cập website để xem thông tin nhà hàng; xem... khách hàng Khách cung cấp trước Khách hàng phải bấm vào xác nhận đường dẫn để xác nhận tài khoản đăng ký - Khi khách hàng bấm vào đường dẫn tài tài khoản khoản khách hàng đăng ký thức sử dụng. .. khác nhà hàng với số hình ảnh minh họa Khách xem thông tin nhà hàng - Thông tin nhà hàng hiển thị nhiều nơi trang web Nhất phần footer danh mục “Liên hệ” trang web - Trang chủ trang mà khách hàng