Báo cáo sơ bộ lập trình web nâng cao đ ti xây dựng trang web bán đồ uống holacoco

TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO SƠ BỘ LẬP TRÌNH WEB NÂNG CAO Đ TI: Xây dựng trang web bán đồ uống HolaCoCo Sinh viên thực : NGUYỄN TÙNG LÂM : HONG ĐỨC QUANG Giảng viên mô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 : D15CNPM5 Khóa : D15 Hà Nội, ngày 30 tháng 10 năm 2022 Mục Lục Chương I: Khảo Sát Hệ Thống 1.1 Khảo sát hệ thống tương tự 1.2 Đặt vấn đề .2 1.3 Các chức dự án Chương II: Phân tích thiết kế hệ thống 2.1 Biểu đồ Use Case hệ thống 2.2 Biểu đồ Sequence 2.3 Biểu đồ Class Chương III:Kết thực .6 3.1 Đăng nhập,Đăng ký 3.2 Trang chủ 3.3 Menu 3.4 Chi Tiết Đồ Uống 3.5 Order 10 Chương I: Khảo Sát Hệ Thống 1.1 Khảo sát hệ thống tương tự - Xã hội ngày phát triển, kèm với cầu đời sống tinh thần người ngày cao Bạn cần tìm nơi yên tĩnh để làm việc, chí gặp đối tác nơi để bạn người thân, bạn bè nhâm nhi ly đồ uống, đọc sách ngắm cảnh Quán nước HolaCoCo nơi lý tưởng để bạn thực điều - Hiện có nhiều qn nước kinh doanh với mơ hình bn bán truyền thống, qn nước có website riêng để phục vụ cho mục đích marketing, quảng bá thương hiệu, đem lại tiện lợi cho khách hàng giúp tăng suất quán 1.2 Đặt vấn đề - Với hệ thống bán hàng truyền thống cửa hàng gặp nhiều khó khăn việc buôn bán quảng bá thương hiệu Từ đặt tốn cho cửa hàng để tăng thu nhập cho cửa hàng, tiện lợi thiết kế website giao diện gây thiện cảm cho người sử dụng, tăng hiệu quả, suất quán Việc tạo hệ thống website cho quán vô thiết thực cấp bách Đặc biệt với tốc độ gia tăng nhanh số lượng khách hàng, mặt hàng 1.3 Các chức dự án • Đăng nhập, Đăng ký: - Chức đăng ký: Giúp cho người dùng đăng ký tài khoản để đặt hàng toán - Chức đăng nhập: Khi muốn đăng nhập tài khoản người dùng cần đăng nhập usename password tạo từ trước để vào hệ thống • Cung cấp menu quán: - Giúp cho người dùng biết menu quán • Đặt Hàng Thanh Toán - Sau người dùng xem qua menu đặt hàng tốn loại đồ uống mua Chương II: Phân tích thiết kế hệ thống 2.1 Biểu đồ Use Case hệ thống Dang Nhap Dang Ki Xem Menu KhachHang Ðat Hang Thanh Toan Hình 2.1: Biểu đồ Use Case tổng quát hệ thống(Khách Hàng) Dang Nhap Dang Ki ThemSanPham Xem Menu SuaSanPham Admin XoaSanPham Ðat Hang Thanh Toan Hình 2.2: Biểu đồ Use Case tổng quát hệ thống(Admin) 2.1.1 Usecase chức đăng nhập, đăng ký DangNhap DangXuat User Dang Ky Hình 2.3: Biểu đồ Use Case đăng nhập,đăng ký 2.1.2 Usecase chức xem Menu KhachHang XemMenu Hình 2.4: Biểu đồ UseCase xem Menu(Khách Hàng) Admin Them San Pham XemMenu Sua San Pham Xoa San Pham Tim Kiem Hình 2.5: Biểu đồ UseCase xem Menu(Admin) 2.1.3 Usecase chức Đặt Hàng Thanh Toán Them Gio Hang Xem Gio Hang KhachHang MuaHang Xoa Gio Hang Thanh Toan ChuyenKhoan Hình 2.6: Biểu đồ UseCase xem Đặt Hàng Thanh Toán 2.2 Biểu đồ Sequence Dang Ki Ng uoi Dung : Userr Dang Nhap HomePage Menu Cart Order Dang ki Dang Nhap Nhap username va pass Kiem tra thong tin Hien Thi Yeu cau mua hang Hien thi san pham da chon vao cua hang Hien thi menu cho khach hang Xac nhan dat hang Xac nhan dat hang cong Hình 2.2: Biểu đồ trình tự hệ thống 2.3 Biểu đồ Class Category ID Name Avatar Slug ShowOnHomePage DisplayOrder Deleted CreateOnUtc UpdatedOnUtc Users ID FirstName LastName Email Password IsAdmin Order() Hien Thi San Pham() Product ID Name Avatar CategoryID ShortDes FullDes Price PriceDiscount TypeID Deleted DisplayOrder ShowOnHomepage CreatedOnUtc UpdatedOnUtc Them San Pham() Sua San Pham() Xoa San Pham() Order ID Name UserID Status CreatedOnUtc Hien Thi Order() OrderDetails ID OrderID ProductID Quanlity Hien Thi Tong So San Pham Cua Order() opname() Hình 2.3: Biểu đồ lớp hệ thống Chương III: Kết thực 3.1 Đăng nhập,đăng ký Chức đăng nhập,đăng ký tài khoản cho web giúp cho web phân biệt khách hàng admin 3.2 Trang Chủ Đây trang chủ quán nơi có nơi người dùng có nhìn tổng quan quán 10 3.3 Menu Đây nơi người dùng nhìn menu qn có loại đồ uống đặt hàng 11 3.4 Chi tiết đồ uống Đây nơi chi tiết loại đồ uống thêm vào giỏ hàng cho loại đồ uống 12 3.5 Order Đây giỏ hàng quán sau khách thêm vào giỏ hàng trang web khách hàng tốn cho giỏ hàng mình.Người dùng sau tốn lưu hóa đơn vào database 13