Báo cáo chuyên đề học phần lập trình web nâng cao đề ti xây dựng website bán đồ uống

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 LẬP TRÌNH WEB NÂNG CAO ĐỀ TI: XÂY DỰNG WEBSITE BÁN ĐỒ UỐNG Sinh viên thực : LÊ MINH TÚ : VŨ BÁ TÂN Giảng viên hướng dẫn : ThS 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 : D15CNPM3 Khóa : 2020-2025 Hà Nội, tháng12 năm 2022 PHIẾU CHẤM ĐIỂM Sinh viên thực Họ tên Chữ ký Điểm Lê Minh Tú Vũ Bá Tân Giảng viên chấm Họ tên Giảng viên chấm Giảng viên chấm Chữ ký Ghi Mục Lục Mục lục hình ảnh .1 Mục lục bảng biểu LỜI CẢM ƠN LỜI MỞ ĐẦU CHƯƠNG 1: Khảo sát xác lập dự án 1.1 Khảo sát hệ thống tương tự .5 1.2 Đặt vấn đề .6 1.3 Các chức dự án CHƯƠNG : PHÂN TÍCH VO THIẾT KẾ HỆ THỐNG 2.1 Phân tích thiết kế hệ thống .8 2.1.1 Các chức hệ thống 2.1.2 Các tác nhân hệ thống 2.2 Các biểu đồ mô tả hệ thống 2.2.1 UseCase Diagram .9 2.2.2 Activity Diagram 17 2.2.3 Sequence Diagram 25 2.2.4 Biểu đồ Class hệ thống 30 Chương 3: Giao diện sơ chức hệ thống .31 3.1.Trang chủ 31 3.2.Cà phê 32 3.3 Trà 33 3.4.Menu .34 3.5.Chuyện nhà 35 3.6.Của hàng .36 3.7.Tuyển dụng 37 3.8.Sản phẩm cà phê 38 3.9 Đăng nhập Admin 39 3.10 Giao diện trang chủ Admin 39 3.11 Giao diện quản lý sản phẩm 40 3.12 Giao diện thêm sản phẩm 40 13 Giao diện sửa sản phẩm .41 3.14 Giao diện xóa sản phẩm 41 3.15 Giao diện quản lý sản phẩm Hot 42 3.16 Giao diện quản lý loại sản phẩm 42 KẾT LUẬN 43 Mục lục hình ảnh Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Hình Biểu đồ use case tổng quát Biểu đồ use đăng nhập 10 Biểu đồ use case quản lý sản phẩm .11 Biểu đồ use case đặt hàng .13 Biểu đồ use case quản lý khách hàng 14 Biểu đồ use case thống kê .16 Biểu đồ Activity Đăng nhập 17 Biểu đồ Activity Quản lý sản phẩm (thêm/sửa) 18 Biểu đồ Activity Quản lý sản phẩm(xóa) .19 10 Biểu đồ Activity đặt hàng 20 11 Biểu đồ Activity Thêm sản phẩm vào giỏ hàng 21 12 Biểu đồ Activity xóa sản phầm giỏ hàng 22 13 Biểu đồ Activity xem danh sách khách hàng 23 14 Biểu đồ Activity thống kê 24 15 Biểu đồ Sequence Diagram – Login 25 16 Biểu đồ Sequence Diagram – Quản lý sản phẩm .26 17 Biểu đồ Sequence Diagram – Đặt hàng 27 18 Biểu đồ Sequence Diagram - Quản lý Khách hàng 28 19 Biểu đồ Sequence Diagram - Quản lý liên hệ .29 20 Biểu đồ Class hệ thống 30 Hình Trang chủ .31 Hình Cà phê 32 Hình 3 Trà 33 Hình Menu 34 Hình Chuyện nhà 35 Hình Chuyện nhà 36 Hình Tuyển dụng 37 Hình Sản phẩm cà phê 38 Hình Hình ảnh giao diện đăng nhập Admin 39 Hình 10 Hình ảnh giao diện trang chủ Admin 39 Hình 11 Hình ảnh giao diện quản lý sản phẩm 40 Hình 12 Hình ảnh giao diện thêm sản phẩm 40 Hình 13 Hình ảnh giao diện sửa sản phẩm 41 Hình 14 Hình ảnh giao diện xóa sản phẩm 41 Hình 15 Hình ảnh giao diện quản lý sản phẩm Hot 42 Hình 16 Hình ảnh giao diện quản lý loại sản phẩm 42 Mục lục bảng biểu Bảng Đặc tả usecase tổng quát .10 Bảng 2 Đặc tả use đăng nhập .11 Bảng Đặc tả use case quản lý sản phẩm 12 Bảng Đặc tả usecase đặt hàng 14 Bảng Đặc tả usecase quản lý khách hàng .15 Bảng Đặc tả use case thống kê .17 LỜI CẢM ƠN 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, dù trực tiếp hay gián tiếp người khác Trong suốt thời gian từ bắt đầu học tập giảng đường Đại học đến nay, em nhận nhiều quan tâm, giúp đỡ thầy cơ, gia đình bạn bè Với lòng biết ơn sâu sắc nhất, em xin gửi đến thầy cô Khoa Công Nghệ Thông Tin- trường Đại Học Điện Lực với tri thức tâm huyết để truyền đạt vốn kiến thức quý báu cho chúng em suốt thời gian học tập trường Và đặc biệt, kỳ này, em tiếp cận với môn học hữu ích sinh viên ngành Công Nghệ Thông Tin Đó mơn: “Lập trình Web nâng cao” Em xin chân thành cảm ơn thầy Phương Văn Cảnh tận tâm hướng dẫn chúng em qua buổi học lớp buổi nói chuyện, thảo luận môn học Trong thời gian học tập thực hành hướng dẫn thầy, em thu nhiều kiến thức bổ ích, mà cịn truyền say mê thích thú mơn “Lập trình Web nâng cao” Nếu khơng có lời hướng dẫn, dạy bảo thầy em nghĩ báo cáo khó hồn thành Mặc dù cố gắng hoàn thiện báo cáo với tất nỗ lực, nhiên, bước đầu vào thực tế, tìm hiểu xây dựng báo cáo thời gian có hạn, kiến thức hạn chế, nhiều bỡ ngỡ, nên báo cáo “Xây dựng web bán đồ uống” chắn tránh khỏi thiếu sót Em mong nhận quan tâm, thơng cảm đóng góp quý báu thầy cô bạn để báo cáo hoàn thiện Một lần nữa, em xin chân thành cảm ơn mong nhận đóng góp người Trân trọng LỜI MỞ ĐẦU Ngày nay, công nghệ thông tin có bước phát triển mạnh mẽ theo chiều rộng sâu Máy tính điện tử khơng cịn thứ phương tiện quý mà ngày trở thành cơng cụ làm việc giải trí thông dụng người, không nơi làm việc mà gia đình Đặc biệt công nghệ thông tin áp dụng lĩnh vực kinh tế, trị, xã hội Nó đóng vai trò quan trọng Trong hoạt động sản xuất, kinh doanh thương mại điện tử ứng dụng công nghệ thông tin khẳng định vai trò xúc tiến thúc đẩy phát triển doanh nghiệp Đối với cửa hàng hay shop, việc quảng bá giới thiệu sản phẩm đến khách hàng đáp ứng nhu cầu khách hàng đồng thời cho khách hàng thấy khác biệt sản phẩm thương hiệu khác cần thiết Vậy phải quảng bá nào, xây dựng web cho cửa hàng giới thiệu tất sản phẩm bán Chính vậy, để đáp ứng nhu cầu sơ sở kế thừa trang web bán hàng khác em xây dựng website qua mạng để đáp ứng nhu cầu mua sắm người, giúp họ tiết kiệm thời gian, chi phí việc phải shop, cửa hàng truyền thống để mua tìm kiếm sản phẩm Thay vào việc ngồi nhà hay đâu với máy tính,điện thoại kết nối interner người thỏa sức tìm kiếm, lựa chọn đồng hồ, mẫu mã mà u thích Giúp cho người quản trị dễ dàng việc phân quyền quản lý khách hàng, sản phẩm, nhãn hiệu đơn đặt hàng Đó lý mà nhóm em chọn đề tài “Xây dựng website bán đồ uống CHƯƠNG 1: Khảo sát xác lập dự án 1.1 Khảo sát hệ thống tương tự Hệ thống webite bán đồ uống thiết kế phát triển dựa số trang web bán hàng khác có điểm tương tự chức , vận hành mục tiêu mà trang web bán hàng cần phải có như: Về giao diện: Đơn giản, đẹp mắt, dễ thao tác hình, phù hợp cho đối tượng khách hàng ➢ Về chức : - Dành cho khách hàng: khách hàng người có nhu cầu mua bán, tìm kiếm thơng tin sản phẩm họ tìm kiếm sản phẩm từ web Vì web giới thiệu có chức sau: + Chức hiển thị danh sách sản phẩm theo sanh mục sản phẩm để khách hàng tìm kiếm sản phẩm từ khách hàng thấy thơng tin sản phẩm tên sản phẩm, hình ảnh, giá cả, + Chức hiển thị danh sách sản phẩm theo thương hiệu Chức đăng ký, đăng nhập tài khoản + Chức quản lý thông tin cá nhân + Chức đặt hàng - Dành cho cộng tác viên: cộng tác viên người có nhu cầu đăng giới thiệu sản phẩm để quảng bá kiếm lợi nhuận Họ đăng thông tin sản phẩm yêu cầu admin phê duyệt đăng Cộng tác viên thực chức năng: + Chức đăng nhập, đăng ký, thay đổi thông tin cá nhân + Chức đăng tin giới thiệu sản phẩm + Chức thêm, sửa, xóa sản phẩm đăng cộng tác viên + Chức quản lý đơn hàng, đơn hàng đơn hàng đặt hàng khách hàng sản phẩm mà khách hàng đặt sản phẩm cộng tác viên đăng - Dành cho người quản trị(admin): Người quản trị chủ hệ thống kiểm soát hoạt động hệ thống Người quản trị cấp quyền đăng nhập vào hệ thống để thực chức năng: + Chức thêm, sửa, xóa người dùng + Chức thêm, sửa, xóa sản phẩm + Chức thêm, sửa, xóa danh mục sản phẩm ➢ Mục tiêu Là giới thiệu quảng bá sản phẩm mà bạn trẻ ưa thích Khách hàng biết thơng tin chi tiết sản phẩm như: Tên sản phẩm, giá cá, Ngồi website cịn có mục đích giới thiệu cho nhiều khách hàng biết không gian cửa hàng, vị trí đợt khuyến đã, tới cửa hàng ➢ 1.2 Đặt vấn đề Khi xây dựng website phải hình dung cần phải thiết kế gì? Cho website Khơng có chủ định mục tiêu rõ ràng website trở nên sai lầm, lan man cuối tới hướng khó trở lại Thiết kế cẩn thận định hướng rõ chìa khóa hướng tới thành cơng việc xây dựng website Vận dụng tổng hợp kiến thức học để tiến hành thiết kế website bán hàng online nhằm giải khó khăn cửa hàng Tìm hiểu thực trạng thương mại điện tử Việt Nam để triển khai hệ thống thương mại điện tử cửa hàng cho phù hợp Khai phá lợi ích Internet để hướng đến mơi trường kinh doanh tồn cầu Dựa kiến thức tảng thầy cô trao đổi lớp số tài liệu tham khảo em tổng hợp kiến thức để xây dựng trang web Báo cáo lập trình web “Website Bán Đồ Uống” Trước xây dựng websitte cần: +Xác định đối tượng khách hàng ai? +Website có mục đích gì? +Xác định rõ chủ đề website ? +Thiết lập khối thơng tin mà website cung cấp Việc xây dựng website trình liên tục, khơng đơn dự án lần với thơng tin Việc biên tập, quản lý trì kỹ thuật dài hạn bao trùm lên kế hoạch xây dựng website 1.3 Các chức dự án Hệ thống tổ chức thành mức: Customer - Xem thông tin hàng hóa - Liên hệ Giỏ hàng Đặt hàng So sánh hàng Kiểm tra đơn hàng Đánh giá Admin - Đăng nhập hệ thống Quản lý thông tin sản phẩm (thêm, sửa, xóa, tìm kiếm) Quản lý thông tin khách hàng Quản lý thông tin đơn hàng Quản lý thông tin liên hệ Thống kê Biểu đồ Sequence Diagram - Quản lý liên hệ Hình 19 Biểu đồ Sequence Diagram - Quản lý liên hệ 2.2.4 Biểu đồ Class hệ thống Hình 20 Biểu đồ Class hệ thống Chương 3: Giao diện sơ chức hệ thống 3.1.Trang chủ Hình Trang chủ 3.2.Cà phê Hình Cà phê 3.3 Trà Hình 3 Trà 3.4.Menu Hình Menu 3.5.Chuyện nhà Hình Chuyện nhà 3.6.Của hàng Hình Chuyện nhà 3.7.Tuyển dụng Hình Tuyển dụng 3.8.Sản phẩm cà phê Hình Sản phẩm cà phê 3.9 Đăng nhập Admin Hình Hình ảnh giao diện đăng nhập Admin 3.10 Giao diện trang chủ Admin Hình 10 Hình ảnh giao diện trang chủ Admin 3.11 Giao diện quản lý sản phẩm Hình 11 Hình ảnh giao diện quản lý sản phẩm 3.12 Giao diện thêm sản phẩm Hình 12 Hình ảnh giao diện thêm sản phẩm 13 Giao diện sửa sản phẩm Hình 13 Hình ảnh giao diện sửa sản phẩm 3.14 Giao diện xóa sản phẩm Hình 14 Hình ảnh giao diện xóa sản phẩm 3.15 Giao diện quản lý sản phẩm Hot Hình 15 Hình ảnh giao diện quản lý sản phẩm Hot 3.16 Giao diện quản lý loại sản phẩm Hình 16 Hình ảnh giao diện quản lý loại sản phẩm KẾT LUẬN Bài minh chứng thiết thực nhằm đánh giá khả hiểu biết em việc tìm hiểu hệ thống xây dựng hệ thống nhằm đáp ứng thực tiễn Qua làm phần nhóm em rút kinh nghiệm thân làm dự án nho nhỏ cho mình, giúp nhóm có kinh nghiệm khảo sát thực tế có khả phân tích đánh giá tốn Về phần giúp nhóm hiểu rõ cơng cụ mà lựa chọn phần lý thuyết, phương pháp tìm hiểu tính đặc thù củc toán Tuy vậy, hạn chế trình độ, thời gian nên nhóm em khơng khỏi có thiếu sót q trình tìm hiểu, nghiên cứu thực nghiệm Em mong nhận đánh giá chỉnh sửa từ thầy cô