Báo cáo đồ án lập trình web nâng cao đ ti xây dựng website quản lý quán cafe

TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN LẬP TRÌNH WEB NÂNG CAO Đ TI: XÂY DỰNG WEBSITE QUẢN LÝ QUÁN CAFE Sinh viên thực : NGUYỄN TRƯỜNG ANH : PHAN ĐỨC THẮNG Giảng viên hướng dẫn : PHƯƠNG VĂN CẢNH Ngành : CÔNG NGHỆ THÔNG TIN Chuyên ngành : CÔNG NGHỆ PHẦN MM Lớp : D14CNPM7 Khóa : 2019-2023 Hà Nội tháng 06 năm 2022 PHIẾU CHẤM ĐIỂM Sinh viên thực Họ tên Nguyễn Trường Anh 19810310535 Chữ ký Ghi Chú Chữ ký Ghi Phan Đức Thắng 19810310672 Giảng viên chấm Họ tên Giảng viên chấm Giảng viên chấm PHIẾU CHẤM ĐIỂM Sinh viên thực hiện: Họ tên Chữ ký Ghi Chữ ký Ghi Nguyễn Trường Anh Phan Đức Thắng Giảng viên chấm: Họ tên Giảng viên chấm 1: Giảng viên chấm 2: MỤC LỤC MƠ TẢ TĨM TẮT Lời Cảm Ơn LỜI MỞ ĐẦU CHƯƠNG : GIỚI THIỆU DỰ ÁN WEBSITE 1.Khảo sát trạng 1.1.Mô tả hệ thống 1.1.1.Mô tả toán 1.1.2.Mục đích toán .4 1.1.3.Cơ cấu tổ chức Chương : Phân tích thiết kế hệ thống 2.1 Xác định Actor Use Case tổng quát hệ thống .6 2.1.1 Các actor 2.1.2 Các usecase tổng quát hệ thống .7 2.2.3 Biểu đồ lớp .8 2.2 Phân tích thiết kế chức hệ thống 2.2.1 Phân tích chức đăng nhập 2.2.2 Phân tích chức quản lý ORDER 14 2.2.3 Phân tích chức quản lý thơng tin khách hàng, nhân viên .20 CHƯƠNG : CÀI ĐẶT HỆ THỐNG 25 3.1 Tổng quan 25 3.2 Trang quản lý thực đơn 26 3.3 Trang phòng bàn .26 3.4 Trang lịch sử order 27 3.6.Trang hóa đơn 28 3.5 Trang quản lý khách hàng .28 3.7 Trang thống kê doanh thu .29 3.8 Trang quản lý nhân viên 29 3.9 Trang quản lý tài khoản 30 3.10 Trang Đăng nhâp 31 k Danh mục hình ản Hình usecase tổng quát .7 Hình 2: Biểu đồ lớp .8 Hình 3: Biểu đồ usecase đăng nhập .9 Hình 4: Biểu đồ hoạt động chức đăng nhập 11 Hình 5: Biểu đồ trình tự đăng nhập 13 Hình 6: Biểu usecase quản lý phịng 14 Hình 7: Biểu đồ hoạt động chức ORDER 16 Hình 10: Biểu đồ trình tự ORDER 18 Hình 13: Biểu đồ usecase quản lý thông tin nhân viên, khách hàng 19 Hình 14: Biểu đồ hoạt động chức thêm thông tin nhân viên 21 Hình 18: Biểu đồ trình tự chức thêm nhân viên .23 Hình 19: Biểu đồ trình tự chức xóa thơng tin nhân viên 23 Y Hình 1- Giao diện trang tổng quan 24 Hình 2- Giao diện trang quản lý thực đơn 25 Hình 3- Giao diện trang quản lý phòng bàn 25 Hình 4- Trang lịch sử order .26 Hình 5-Trang hóa đơn .26 Hình 6- Trang quản lý khách hàng 27 Hình 9-Trang quản lý tài khoản 28 Hình 10– Giao diênk Trang Đăng nhâp .29 k MƠ TẢ TĨM TẮT 1.Mơ tả tóm tắt đề tài - Đề tài mang tên : “Xây dựng website quản lý quán cafe” - Xây dựng website với chức sau: Nội dung thực - Chương 1: Khảo sát hệ thống xác lập dự án - Chương 2: Phân tích thiết kế hệ thống - Chương 3: Cài đặt Kết đạt - Hoàn thành đề cương chun đề học phần mơn: “Đồ án lập trình web nâng cao” - Rút cho thân nhiều thành tựu học tập đời sống như: + Hiểu phương pháp bước xây dựng website + Có thêm nhiều kinh nghiệm tham gia vào dự án nhỏ để áp dụng kiến thức học vào đời sống ngày Hà Nội, ngày tháng năm 2022 Giảng viên hướng dẫn Sinh viên thực (Ký ghi rõ họ tên) (Ký ghi rõ họ tên) ThS Phương Văn Cảnh Recommandé pour toi Suite du document ci-dessous 51 Life B1 Pre Intermediate W b trang 51 Marketing BỘ ĐỀ ĐỌC HIỂU - NLXH - Lecture notes 1BỘ ĐỀ ĐỌC HIỂU NLXH - Lecture notes mẫu đề cương NCKH Aucun Unit4BỘ ĐỀ ĐỌC HIỂU - NLXH - Lecture notes mẫu đề cương NCKH 100% (2) Aucun Unit3BỘ ĐỀ ĐỌC HIỂU - NLXH - Lecture notes mẫu đề cương NCKH Aucun Lời Cảm Ơn Hiện nay, công nghệ thông tin ngành học trọng hệ thống đào tạo trường đại học Nó xem ngành “mũi nhọn” hướng đến phát triển công nghệ khoa học kỹ thuật thời đại số hóa ngày Bản thân chúng em yêu công nghệ thông tin tự nhận thức tầm quan trọng xã hội nên từ học sinh ngồi ghế nhà trường THPT, chúng em tìm hiểu đại học đào tạo ngành học Qua tìm hiểu với thời gian lâu, chúng em định sinh viên trường Đại học Điện Lực Hà Nội trường xuất sắc nghiên cứu, đào tạo đa ngành, đa lĩnh vực đặc biệt ngành công nghệ thông tin Bây chúng em sinh viên trường Đại học Điện Lực học đến học kỳ II năm ba Trong học kỳ này, trường tổ chức cho chúng em tiếp cận với môn học mà theo chúng em hữu ích sinh viên thuộc chun ngành cơng nghệ thơng tin Đó mơn: “Đồ án lập trình Web nâng cao” Chúng em xin bày tỏ lịng biết ơn sâu sắc đến thầy nhiệt tình giúp đỡ, dạy bảo, cung cấp nhiều thông tin quý báu tạo điều kiện cho chúng em trình học đồng thời chúng em xin gửi lời cảm ơn đến thầy cô giáo, đặc biệt giảng viên Phương Văn Cảnh, người mà phụ trách, tận tâm hướng dẫn trực tiếp chúng em buổi học để hồn thành mơn học Đồ án lập trình web nâng cao cách tốt Cuối cùng, chúng em xin kính chúc 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! Trân trọng! LỜI MỞ ĐẦU Ứng dụng cơng nghệ thơng tin hình thức sử dụng cơng nghệ thông tin vào lĩnh vực đời sống người, từ lĩnh vực kinh tế – xã hội, quốc phòng, an ninh đến nhiều hoạt động khác Được xem công cụ giúp người làm việc nhanh chóng, tiện lợi Ví dụ giảng dạy ,những giảng thiết kế PowerPoint với hình ảnh minh hoạ bắt mắt, âm cài sẵn giúp học sinh tiếp cận dễ dàng Ngoài ra, giáo viên sử dụng phần mềm soạn thảo văn để soạn giáo trình cách nhanh chóng hơn.Trong kinh doanh, người bán dễ dàng kiểm sốt hàng hố người mua người bán trở nên dễ dàng.Thay việc sử dụng tiền mặt để mua bán hàng hoá, sử dụng giao dịch điện tử… Để kết thúc mơn học Đồ Án Lập Trình Web Nâng Cao, chúng em lựa chọn đề tài “Quản lý order quán cafe” Một để giúp người quản lý dễ dàng theo dõi hoạt động, doanh thu,quản lý hàng hóa Hai giúp nhân viên order(phục vụ) bớt sai sót, nhầm lẫn order việc ghi giấy tốc độ ghi chậm chạp dễ làm khách hàng cảm thấy khơng hài lịng phải chờ lâu, đặc biệt cao điểm.Nhờ có hướng dẫn tận tình thầy giáo Phương Văn Cảnh,chúng em hoàn thành đề tài Từ chúng em nắm vững cách thức thiết kế đề tài cụ thể Tuy nhiên trình làm đề tài dù cố gắng tìm hiểu khơng tránh khỏi sai sót.Về chức hệ thống chúng em hoàn thiện cách tốt Chúng em mong nhận đóng góp ý kiến thầy cô để phần mềm kiến thức chúng em hoàn thiện Chúng em xin chân thành cảm ơn! CHƯƠNG : GIỚI THIỆU DỰ ÁN WEBSITE 1.Khảo sát trạng Phòng trà Pink coffee sở thành lập nên hoạt động chủ yếu mang tính thủ cơng, dựa vào kinh nghiệm hệ thống nhân viên Do đặc điểm lượng hàng hoá nhập xuất ngày lớn nên cơng tác quản lí , mua bán nhiều thời gian , cơng sức mà độ xác không cao , điều nhiều gây thiệt hại cho cửa hàng Hiện thực tế, hầu hết sở kinh doanh nhà hàng, phòng trà áp dụng quản lý qua sổ sách, chứng từ cách thủ công mà chưa áp dụng CNTT vào công việc Qua khảo sát cửa hàng áp dụng quản lý qua sổ sách thấy nhiều vấn đề gây khó khăn việc quản lý 1.1.Mô tả hệ thống 1.1.1.Mô tả tốn Việc kinh doanh-bn bán nhu cầu khơng thể thiếu Trong thời đại 4.0 ngày để giảm thiểu sức lao động thuận tiện cho việc kinh doanh nhu cầu ứng dụng cơng nghệ việc quản lý với chi phí thấp nhất, hiệu vấn đề nan giải người kinh doanh Mặt khác nhiều người kinh doanh nhiều quán café, thiết kế website quản lý quán café giúp người kinh doanh dễ dàng quản lý quán giúp nhân viên người dung dễ dàng việc đặt đồ Nắm bắt tình hình nhóm chúng em tiến hành thiết kế trang web quản lý quán café để mong giúp cho quán phát triển nhanh chóng, giúp cho chủ quán quản lý quán cách tốt 1.1.2.Mục đích tốn Giảm chi phí quản lý order Bằng phương tiện Internet/Web, nhân viên làm nhiều công việc Internet/Web giúp người quản lý nhân giảm đáng kể thời gian công sức Những trở ngại việc tiếp cận phương tiện Internet/Web hầu hết trường hợp mang lại nhiều thuận lợi lợi ích kinh doanh Thế nhưng, nhiều quán không tận dụng tiến Internet Đó số rào cản hay nói cách khác khó khăn quán tiếp cận đến loại hình quản lý trực tuyến 17 d Mô tả bước luồng nghiệp vụ Bước 1: Người dùng đăng nhập vào hệ thống chọn chức quản lý Order Bước : Người dùng chọn bàn cần order Hệ thống hiển thị form order Bước : Người dùng chọn theo trường (Đồ ăn, đồ uống…) ,hệ thống hiển thị chi tiết đồ uống trường cho người dùng đặt Bước : Hệ thống kiểm tra loại dịch vụ mà người dùng chọn tìm kiếm có bị sai cú pháp hết hàng không Nếu xảy lỗi , hiển thị thông báo Bước5 : Khi xác nhận loại dịch vụ hợp lệ Hệ thống thêm dịch vụ vào danh sách order phịng hiển thị lên bảng Bước : Người dùng tiếp tục chọn kết thúc order 3.2.2.3 Biểu đồ trình tự a Biểu đồ trình tự order 18 Hình 8: Biểu đồ trình tự ORDER 19 2.2.3 Phân tích chức quản lý thơng tin khách hàng, nhân viên 2.2.3.1 Biểu đồ use case quản lý thông tin khách hàng, nhân viên Hình 9: Biểu đồ usecase quản lý thông tin nhân viên, khách hàng  Đặc tả use case quản lý thông tin khách hàng, nhân viên Tên Use Case Quản lý thông tin khách hàng, nhân viên Mô tả Use Case cho phép người dùng quản lý thơng tin khách hàng(thêm, sửa, xóa, tìm kiếm) thơng tin nhân viên (thêm, sửa, xóa, tìm kiếm) Actor Người quản lý, nhân viên Use Case liên Đăng nhập,quản lý thông tin quan Tiền điều kiện Người dùng đăng nhập thành công vào hệ thống chọn chức quản lý khách hàng, chức quản lý thông tin nhân viên quản lý chỉnh sửa Hậu điều kiện Người dùng nắm thông tin khách hàng, nhân viên Luồng kiện Người dùng chọn chức Quản lý khách hàng, nhân viên Chọn chức : Thêm, sửa, xóa, tìm 20 kiếm Người dùng điền đầy đủ thông tin mà chức yêu cầu Hệ thống kiểm tra tính hợp lệ thơng tin, sau lưu vào sở liệu Hệ thống hiển thị lưu thành cơng Ngoại lệ A Thêm, sửa, xóa khơng thành công Hệ thống thông nhật không thành công Hệ thống tự động quay trở lại bước B Đăng kí khơng thành cơng Hệ thống yêu cầu nhập lại mật Hệ thống quay lại bước C Chấm công không thành công Hệ thống yêu cầu người dùng nhập ngày quy định Hệ thống quay lại bước 2.2.3.2 Biểu đồ hoạt động bước hoạt động I Thêm nhân viên a Người thực Người quản lý b Điều kiện kích hoạt Người quản lý đăng nhập vào hệ thống chọn chức quản lý nhân viên c Sơ đồ luồng nghiệp vụ 21 Hình 10: Biểu đồ hoạt động chức thêm thông tin nhân viên d Mô tả bước luồng nghiệp vụ Bước 1: Người quản lý đăng nhập vào hệ thống chọn chức quản lý nhân viên chọn thêm nhân viên 22 Bước 2: Hệ thống hiển thị from nhập thông tin nhân viên Bước 3: Hệ thống kiểm tra liệu người dùng nhập: + Thông tin nhập không hợp lệ Hệ thống đưa thông báo yêu cầu nhập lại + Thông tin hợp lệ Hệ thống lưu thông tin vào CSDL đưa thông báo thêm thành công Bước : Người dùng tiếp tục thêm thông tin quay lại bước 2, kết thúc thêm thông tin II.Quản lý xóa nhân viên a Người thực Người quản lý b Điều kiện kích hoạt Người quản lý đăng nhập vào hệ thống chọn chức quản lý nhân viên c Sơ đồ luồng nghiệp vụ 2.2.3.3 Biểu đồ trình tự a Biểu đồ trình tự thêm nhân viên 23 Hình 11: Biểu đồ trình tự chức thêm nhân viên b Biểu đồ trình tự xóa nhân viên Hình 12: Biểu đồ trình tự chức xóa thơng tin nhân viên 24 CHƯƠNG : CI ĐẶT HỆ THỐNG 3.1 Tổng quan HÌNH 1- GIAO DIỆN TRANG TỔNG QUAN 25 3.2 Trang quản lý thực đơn HÌNH 2- GIAO DIỆN TRANG QUẢN LÝ THỰC ĐƠN 3.3 Trang phòng bàn 26 HÌNH 3- GIAO DIỆN TRANG QUẢN LÝ PHỊNG BÀN 3.4 Trang lịch sử order HÌNH 4- TRANG LỊCH SỬ ORDER 27 3.6.Trang hóa đơn HÌNH 5-TRANG HĨA ĐƠN 3.5 Trang quản lý khách hàng HÌNH 6- TRANG QUẢN LÝ KHÁCH HÀNG 28 3.7 Trang thống kê doanh thu HÌNH 7-TRANG THỐNG KÊ DOANH THU 3.8 Trang quản lý nhân viên HÌNH 8- TRANG QUẢN LÝ NHÂN VIÊN 29 3.9 Trang quản lý tài khoản HÌNH 7-TRANG QUẢN LÝ TÀI KHOẢN 30 3.10 Trang Đăng nhâ †p HÌNH 8– GIAO DIÊkN TRANG ĐĂNG NHÂkP 31