ĐỒ án lập TRÌNH WEB NÂNG CAO xây DỰNG WEBSITE bán đồ ăn

lOMoARcPSD|18034504 TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN ĐỒ ÁN LẬP TRÌNH WEB NÂNG CAO ĐỀ TÀ I: XÂY DỰNG WEBSITE BÁN ĐỒ ĂN Sinh viên thực : TRỊNH ĐĂNG HUY : LẠI QUYẾT 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 : 2018-2023 Hà Nội, tháng 01 năm 2022 lOMoARcPSD|18034504 PHIẾU CHẤM ĐIỂM Sinh viên thực Họ tên Chữ ký Ghi Chú Điểm Trịnh Đăng Huy 19810310486 Lại Quyết Thắng 19810310492 Giảng viên chấm Họ tên Giảng viên chấm Giảng viên chấm Chữ ký Ghi lOMoARcPSD|18034504 MỤC LỤC LỜI MỞ ĐẦU 08 CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG VÀ XÁC LẬP DỰ ÁN 09 1.1 Khảo sát hệ thống 09 1.2 Bài toán 10 1.3 Xác định yêu cầu hệ thống 11 1.3.1 Yêu cầu chức 11 1.3.2 Yêu cầu phi chức 11 CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 12 2.1 Phân tích thiết kế hệ thống 12 2.1.1 Các chức hệ thống 12 2.1.2 Các tác nhân hệ thống 12 2.2 Các biểu đồ mô tả hệ thống 13 2.2.1 Usecase Diagram 13 2.2.1.1 Usecase tổng quát 13 2.2.1.2 Biểu đồ usecase đăng nhập 14 2.2.1.3 Biểu đồ usecase quản lý sản phẩm 15 2.2.1.4 Biểu đồ usecase quản lý nhân viên 17 2.2.1.5 Biểu đồ usecase quản lý liên hệ 18 2.2.1.6 Biểu đồ usecase quản lý giỏ hàng đơn hàng 19 2.2.1.7 Biểu đồ usecase quản lý khách hàng 20 2.2.2 Sequence Diagram 21 2.2.2.1 Biểu đồ Sequence diagram login 21 2.2.2.2 Biểu đồ Sequence diagram quản lý sản phẩm 22 2.2.2.3 Biểu đồ Sequence diagram quản lý nhân viên 23 2.2.2.4 Biểu đồ Sequence diagram quản lý liên hệ 24 lOMoARcPSD|18034504 2.2.2.5 Biểu đồ Sequence diagram giỏ hàng 25 2.2.2.6 Biểu đồ Sequence diagram quản lý khách hàng 26 2.2.2.7 Biểu đồ Sequence diagram quản lý hóa đơn 27 2.2.3 Biểu đồ lớp 28 CHƯƠNG 3: CÀI ĐẶT 29 3.1 Chức Website 29 3.2 Giao diện 29 3.2.1 Giao diện trang chủ 29 3.2.2 Giao diện trang giới thiệu 30 3.2.3 Giao diện trang sản phẩm 30 3.2.4 Giao diện trang chi tiết sản phẩm 31 3.2.5 Giao diện trang giỏ hàng 31 3.2.6 Giao diện đặt hàng 32 3.2.7 Giao diện trang liên hệ 32 3.2.8 Giao diện bảng điều khiển 33 3.2.9 Giao diện quản lý nhân viên 33 3.2.10 Giao diện quản khách hàng 34 3.2.11 Giao diện quản lý sản phẩm 35 3.2.12 Giao diện đánh giá 36 3.2.13 Giao diện quản lý đơn hàng 36 KẾT LUẬN 37 lOMoARcPSD|18034504 DANH MỤC BẢNG BIỂU Bảng 1: Đặc tả usecase tổng quát 14 Bảng 2: Đặc tả use case đăng nhập 15 Bảng 3: Đặc tả use case quản lý sản phẩm 16 Bảng 4: Đă ̣c tả Usecase Quản lý nhân viên 17 Bảng 5: Đă ̣c tả Usecase Quản lý liên hệ 18 Bảng 6: Đă ̣c tả Usecase giỏ hàng 20 Bảng 7: Đă ̣c tả Usecase Quản lý khách hàng 20 DANH MỤC HÌNH ẢNH Hình 2.1: Biểu đồ use case tổng quát 13 Hình 2.2: Biểu đồ use case đăng nhập 14 Hình 2.3: Biểu đồ use case quản lý sản phẩm 15 Hình 2.4: Biểu đồ use case quản lý nhân viên viên 17 Hình 2.5: Biểu đồ use case quản lý liên hệ 18 Hình 2.6: Biểu đồ use case giỏ hàng, đơn hàng 19 Hình 2.7: Biểu đồ use case quản lý khách hàng 20 Hình 2.8: Biểu đồ Sequence Diagram – Đăng nhập 21 Hình 2.9: Biểu đồ Sequence Diagram - Quản lý Sản phẩm 22 Hình 2.10: Biểu đồ Sequence Diagram - Quản lý nhân viên 23 Hình 2.11: Biểu đồ Sequence Diagram - Quản lý liên hệ 24 Hình 2.12: Biểu đồ Sequence Diagram - Giỏ hàng 25 Hình 2.13: Biểu đồ Sequence Diagram - Quản lý khách hàng 26 Hình 2.14: Biểu đồ Sequence Diagram - Quản lý hóa đơn 27 lOMoARcPSD|18034504 Hình 2.15: Biểu đồ lớp 28 Hình 3.1: Giao diện trang chủ 29 Hình 3.2: Giao diện trang giới thiệu 30 Hình 3.3: Giao diện trang sản phẩm 30 Hình 3.4: Giao diện trang chi tiết sản phẩm 31 Hình 3.5: Giao diện trang giỏ hàng 31 Hình 3.6: Giao diện đặt hàng 32 Hình 3.7: Giao diện trang liên hệ 32 Hình 3.8 : Giao diện bảng điều khiển 33 Hình 3.9: Giao diện quản lý nhân viên 33 Hình 3.10: Giao diện quản lý khách hàng 34 Hình 3.11: Giao diện quản lý sản phẩm 35 Hình 3.12: Giao diện đánh giá 36 Hình 3.13: Giao diện quản lý đơn hàng 36 lOMoARcPSD|18034504 LỜI CẢM ƠN Trong thời đại ngày nay, thời đại mà “người người làm Web, nhà nhà làm Web” việc có Website để quảng bá cơng ty hay Website cá nhân khơng cịn điều xa xỉ Thơng qua Website khách hàng lựa chọn sản phẩm mà cần cách nhanh chóng hiệu Với cơng nghệ Word Wide Web, hay gọi Web giúp bạn đưa thơng tin mong muốn lên mạng Internet cho người xem cách dễ dàng với công cụ ngôn ngữ lập trình khác Sự đời ngơn ngữ lập trình cho phép xây dựng trang Web đáp ứng yêu cầu người sử dụng PHP kịch phía trình chủ (Server Script) cho phép xây dựng trang Web sở liệu Với nhiều ưu điểm bật mà PHP MySql Server nhiều người sử dụng Với lí đó, hướng dẫn giúp đỡ thầy Phương Văn Cảnh, em chọn đề tài “Xây dựng Website bán đồ ăn” làm đề tài cho mơn học đồ án lập trình Web nâng cao Trong trình thực đồ án em nhận giúp đỡ bảo tận tình thầy, giáo Em xin chân thành cảm ơn thầy Đă ̣ng Trầ n Đức hướng dẫn trình làm đề tài Tuy nhiên, thời gian hạn hẹp, nỗ lực đồ án khó tránh khỏi thiếu sót Em mong nhận thơng cảm, lời góp ý bảo tận tình quý Thầy cô bạn lOMoARcPSD|18034504 LỜI MỞ ĐẦU Công nghệ thông tin giai đoạn có bước phát triển vũ bão lĩnh vực hoạt động khắp nơi giới Đối với Việt Nam, công nghệ thông tin phát triển vài năm trở lại bước phát triển cho thấy Việt Nam nước có tiềm lĩnh vực công nghệ thông tin Ở nước ta việc sử dụng công nghệ 4.0 vô phổ biến trở nên cấp thiết Việc đưa tin học vào công việc quản lý cửa hàng, siêu thị, quan hay xí nghiệp phổ biến nhằm giảm bớt sức lao động người, tiết kiệm thời gian, độ xác cao tiện lợi nhiều so với việc quản lý giấy tờ thủ công trước Ngành công nghệ thông tin Việt Nam non trẻ bước bứt phá thành công việc áp dụng tin học vào việc phát triển kinh tế - xã hội Chính vậy, mục tiêu đề tài hướng tới xây dựng thành cơng hệ thống web có khả đáp ứng tốt việc quản lý bán hàng cửa hàng bán đồ ăn thiết bị vi tính Với kiến thức học, tìm hiểu, chúng em hoàn thành hệ thống đưa đến tay khách hàng nhận phản hồi tích cực Trên thực tế khơng có thành cơng mà không gắn liền với hỗ trợ, giúp đỡ dù hay nhiều người khác Chúng em xin chân thành cảm ơn ban quản lý, cửa hàng trưởng nhân viên cửa hàng bán đồ ăn Cuối chúng em kính chúc q thầy, dồi sức khỏe thành công nghiệp Chúng em xin chân thành cảm ơn! lOMoARcPSD|18034504 CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG VÀ XÁC LẬP DỰ ÁN 1.1 Khảo sát hệ thống Nhu cầu ăn uống nhu cầu thiết yếu thiếu cá nhân hay tổ chức với nhịp độ phát triển ngày người khơng cịn thời gian để đường để mua sắm thực phẩm cần thiết khơng có thời gian để kiểm tra “liệu thực phẩm ăn có đủ an tồn vệ sinh không’’ quan chức ngăn chặn phần thực phẩm bẩn tràn vào thị trường Một lượng lớn thực phẩm khơng rõ nguồn gốc, khơng an tồn chưa kể đến nhiều loại thực phẩm “tắm” hóa chất độc hại trước bán thị trường nhằm mục đích thu lợi nhuận Cũng ca tử vong ung thư ngày cao, ca cấp cứu ngộ độc diễn cách th ường xuyên Lòng tin người tiêu dùng thực phẩm thị trường không cịn, loại th ực ph ẩm khơng rõ nguồn gốc xuất xứ giới thiệu lời mời chào bay bổng bán với giá cắt cổ, sản phẩm hàng nhái hàng chất lượng lại dần chiếm lĩnh thị trường khiến công ty uy tín, làm thương hiêu mà doanh nghiệp xây dựng năm mà gây thiệt hại cho người tiêu dùng, gây tâm lý hoang mang Vậy người tiêu dùng phải biết thời đại ngày nay, lượng công việc mà cá nhân đảm nhiệm khơng cho phép họ trở nhà nghỉ ngơi ngồi bên mâm cơm gia đình, buộc lịng họ phải nhắm mắt đánh cược với sức khỏe để tiếp tục làm việc khơng thể biết “ăn để có sức làm việc hay ăn để nghỉ việc’’ Trước thực tế người tài ngành cơng nghệ thông tin đưa hệ thống website đồ ăn nhanh vào thị trường để giả vấn đề bất cập mà người gặp phải Nỗi lo nguồn gốc th ực phẩm, hay thực phẩm cđạt tiêu an tồn thực hay khơng nh ững khác hàng khơng có thời gian rời khỏi ghế làm việc phục vụ cách nhiệt tình để đem đến hài lịng cho khác hàng Để đáp ứng đủ nhu cầu cho người giải quyế vấn đề cấp thiết làm cho người tiêu dung hoang mang nghành dịch vụ kinh doanh online đồ ăn nhanh phát triển với quy mô lớn Số lượng website chuỗi hàng cung ứng ngày tăng Để không kỳ vọng người tiêu dùng website đồ ăn nhanh cho người tiêu dùng thấy nhiều tiện ích, thuận lợi, dễ dà nhanh chóng, thuận tiện lần đặt phòng,thung đem lại hài lòng cho khách hàng Việc áp dụng website bán đồ ăn giúp doanh nghiệp lấy l ại lòng tin khách hàng mà giúp người tiêu dùng yên tâm Khi lOMoARcPSD|18034504 áp dụng website vào thị trường người tiêu dùng doanh nghiệp có nhiều thuận lợi Giúp người tiêu dùng có nhiều lựa chọn sảm phẩm so sánh sản phẩm với xem thông tin sảm phẩm, nguồn gộc xuất xứ cầm thiết bị thơng minh đặt hàng sản phẩm Có thể thấy thời đại công nghệ phát triển việc kinh doanh trước dần cạnh tranh mình, để phát triển cần phải áp dụng khoa học kỹ thuật vào kinh doanh nghành công nghệ thông tin, ngành công nghệ mà người nghĩ số nh ững ký tự rác rối dần giải vấn đề mà người gặp phải Vì việc áp dụng website để bán đồ ăn cho khách hàng thực cần thiết khơng cho doanh nghiệp mà cịn cho người tiêu dùng nước phát triển việc áp dụng website để bán sản phẩm doanh nghiệp phát triển để đạt doanh thu cao Mục đích em chọn đề tài nhằm tạo website cho cửa hàng đồ ăn vừa nhỏ tiếp cận kinh doanh đồ ăn trực tuyến, mở rộng tiềm kinh tế dễ dàng tiếp cận thu hút nhiều khách hàng qua website Phạm vi áp dụng với hệ thống quản lý nhà hàng doanh nghiệp để xây dựng vào tạo website 1.2 Bài toán Việc kinh doanh - mua bán nhu cầu thiếu Trong thời đại cạnh tranh ngày bên cạnh dịch bệnh SARS-CoV-2 có nhiều diễn biến phức tạp việc giới thiệu sản phẩm kinh doanh đến khách hàng với chi phí thấp nhất, hiệu cao vấn đề nan giải người kinh doanh với nhu cầu mua sắm với sản phẩm đa dạng chủng loại, đạt chất lượng hợp túi tiền người tiêu dùng Việc sở hữu website, khiến người bán hàng đỡ vất vả trình quản lý đơn hàng, đưa sản phẩm đến khách hàng cách tốt Nắm bắt tình hình nhóm chúng em tiến hành thiết kế trang web mua bán hàng online đồ ăn để mong giúp cho cửa hàng phát triển nhanh chóng, giúp cho chủ cửa hàng quản lý cửa hàng cách tốt Tuy nhiên, trang mua sắm chủ yếu tập trung vào loại hàng hóa may mặc, thời trang đồ dùng hàng ngày Các loại thực phẩm, đồ ăn hạn chế đa dạng, đặc biệt đồ ăn vặt vốn ưa chuộng đông đảo người dùng học sinh, sinh viên, giáo viên, nhân viên văn phòng… Do hạn chế thời gian lại công việc 10 lOMoARcPSD|18034504 2.2.2.3 Biểu đồ Sequence Diagram - Quản lý nhân viên : Admin : GiaoDien : NhanVien : Database Hien thi giao dien 1.1 Gui yeu cau 1.1.1 Lay danh sach nhan 1.1.2 Tra ve ket 1.2 Gui ve danh sach san Them san pham 2.1 Xac nhan thong 2.1.1 Kiem tra 2.2 Tra ve ket qua loi or 2.3 Them vao danh Sua nhan vien 3.1 Xac nhan thong 3.1.1 Kiem tra 3.3 Tra ve ket qua loi or 3.3 Cap nhat danh sach Xoa nhan vien 4.1 Chon nhan vien can 4.1.1 Chon ma nhan vien can 4.1.1.1 Kiem tra 4.1.2 Tra ve ket 4.2 Xoa cong 4.3 Cap nhat lai danh Hình 2.10: Biểu đồ Sequence Diagram - Quản lý nhân viên 23 Downloaded by vu ga (vuchinhhp2@gmail.com) lOMoARcPSD|18034504 2.2.2.4 Biểu đồ Sequence Diagram - Quản lý liên hệ : User : Admin : LienHe : GiaoDien : Database Hien thi giao dien 1.1 Gui yeu cau 1.1.1 Lay danh sach lie 1.1.2 Tra ve ket 1.2 Gui ve danh sach lie Them lien he 2.1 Xac nhan thong 2.1.1 Kiem tra thong 2.2 Tra ve ket qua 2.3 Cap nhat danh Xoa lien he 3.1 Chon lien he can 3.1.1 Chon ma lien he can 3.1.1.1 Kiem tra 3.1.2 Tra ve ket 3.2 Xoa cong 3.3 Cap nhat lai danh Hình 2.11: Biểu đồ Sequence Diagram - Quản lý liên hệ 24 Downloaded by vu ga (vuchinhhp2@gmail.com) lOMoARcPSD|18034504 2.2.2.5 Biểu đồ Sequence Diagram - Giỏ hàng : User : GioHang : GiaoDien : Database Hien thi gio hang 1.1 Gui yeu cau 1.1.1 Lay danh sach gio 1.1.2 Tra ve ket 1.2 tra ve danh sach gio Them/Sua gio hang 2.1 Xac nhan thong 2.2.1 Kiem tra 2.2 Tra ve ket qua 2.3 Cap nhat gio Xoa gio hang 3.1 Chon hang can 3.1.1 Chon ma hang can 3.1.1.1 Kiem tra 3.1.2 Tra ve ket 3.3 Xoa cong 3.4 Cap nhat gio hang Hình 2.12: Biểu đồ Sequence Diagram - Giỏ hàng 25 Downloaded by vu ga (vuchinhhp2@gmail.com) lOMoARcPSD|18034504 2.2.2.6 Biểu đồ Sequence Diagram - Quản lý khách hàng : User : Admin : GiaoDien : KhachHang : Database Hien thi giao dien QLKH 1.1 Gui yeu cau 1.1.1 Lay danh sach lie 1.1.2 Tra ve ket 1.2 Gui ve danh sach khach Them khach hang 2.1 Xac nhan thong 2.1.1 Kiem tra thong 2.2 Tra ve ket qua 2.3 Them khach Xoa khach hang 3.1 Chon khach hang can 3.1.1 Chon ma khach hang can 3.1.1.1 Kiem tra 3.1.2 Tra ve ket 3.2 Xoa cong 3.3 Cap nhat danh Hình 2.13: Biểu đồ Sequence Diagram - Quản lý khách hàng 26 Downloaded by vu ga (vuchinhhp2@gmail.com) lOMoARcPSD|18034504 2.2.2.7 Biểu đồ Sequence Diagram - Quản lý hóa đơn Hình 2.14: Biểu đồ Sequence Diagram - Quản lý hóa đơn 27 Downloaded by vu ga (vuchinhhp2@gmail.com) lOMoARcPSD|18034504 2.2.3 Biểu đồ lớp Hình 2.15: Biểu đồ lớp 28 Downloaded by vu ga (vuchinhhp2@gmail.com) lOMoARcPSD|18034504 CHƯƠNG 3: CÀI ĐẶT 3.1 Chức Website Với giao diện trực quan, dễ hiểu, ngắn gọn cung cấp giao diện tùy biến cao cho người sử dụng, đặc biệt người quản trị website, giao diện cung cấp template có sẵn viết ngôn ngữ html kết hợp với CSS tạo giao diện đơn giản, dễ nắm bắt ổn định Website cung cấp chức cho người quản lý người dùng, cụ thể quản lý bán hàng với mặt hàng đồ ăn Người sử dụng là: Admin( người điều hành website), khách hàng (những người có tài khoản trang web) 3.2 Giao diện 3.2.1 Giao diện trang chủ Hình 3.1: Giao diện trang chủ 29 Downloaded by vu ga (vuchinhhp2@gmail.com) lOMoARcPSD|18034504 3.2.2 Giao diện trang giới thiệu Hình 3.2: Giao diện trang giới thiệu 3.2.3 Giao diện trang sản phẩm Hình 3.3: Giao diện trang sản phẩm 30 Downloaded by vu ga (vuchinhhp2@gmail.com) lOMoARcPSD|18034504 3.2.4 Giao diện trang chi tiết sản phẩm Hình 3.4: Giao diện trang chi tiết sản phẩm 3.2.5 Giao diện trang giỏ hàng Hình 3.5: Giao diện trang giỏ hàng 31 Downloaded by vu ga (vuchinhhp2@gmail.com) lOMoARcPSD|18034504 3.2.6 Giao diện đặt hàng Hình 3.6: Giao diện đặt hàng 3.2.7 Giao diện trang liên hệ Hình 3.7: Giao diện trang liên hệ 32 Downloaded by vu ga (vuchinhhp2@gmail.com) lOMoARcPSD|18034504 3.2.8 Giao diện bảng điều khiển Hình 3.8 : Giao diện bảng điều khiển 3.2.9 Giao diện quản lý nhân viên Hình 3.9: Giao diện quản lý nhân viên 33 Downloaded by vu ga (vuchinhhp2@gmail.com) lOMoARcPSD|18034504 3.2.10 Giao diện quản lý khách hàng Hình 3.10: Giao diện quản lý khách hàng 34 Downloaded by vu ga (vuchinhhp2@gmail.com) lOMoARcPSD|18034504 3.2.11 Giao diện quản lý sản phẩm Hình 3.11: Giao diện quản lý sản phẩm 35 Downloaded by vu ga (vuchinhhp2@gmail.com) lOMoARcPSD|18034504 3.2.12 Giao diện đánh giá Hình 3.12: Giao diện đánh giá 3.2.13 Giao diện quản lý đơn hàng Hình 3.13: Giao diện quản lý đơn hàng 36 Downloaded by vu ga (vuchinhhp2@gmail.com) lOMoARcPSD|18034504 KẾT LUẬN Để làm đồ án chúng em vận dụng kiến thức thầy cô giảng dạy qua môn học với tài liệu mạng để tìm hiểu thêm Nhóm nắm bắt q trình nghiệp vụ q trình phân tích thiết kế hệ thống quản lý website bán giày nhìn nhận thành phần hệ thống cách chi tiết Nhóm rút số kinh nghiệm xây dựng biểu đồ biểu diễn hoạt động hệ thống, hiểu cách khái quát sở liệu hệ thống Tuy nhiên trình độ thời gian hạn chế nhóm chúng em nhiều vấn đề hệ thống chưa giải kính mong nhận góp ý thầy cô Chúng em xin chân thành cảm ơn 37 Downloaded by vu ga (vuchinhhp2@gmail.com) ... đó, hướng dẫn giúp đỡ thầy Phương Văn Cảnh, em chọn đề tài ? ?Xây dựng Website bán đồ ăn? ?? làm đề tài cho mơn học đồ án lập trình Web nâng cao Trong trình thực đồ án em nhận giúp đỡ bảo tận tình thầy,... công cụ ngôn ngữ lập trình khác Sự đời ngơn ngữ lập trình cho phép xây dựng trang Web đáp ứng yêu cầu người sử dụng PHP kịch phía trình chủ (Server Script) cho phép xây dựng trang Web sở liệu Với... dụng website để bán đồ ăn cho khách hàng thực cần thiết cho doanh nghiệp mà cho người tiêu dùng nước phát triển việc áp dụng website để bán sản phẩm doanh nghiệp phát triển để đạt doanh thu cao