Báo cáo chuyên đề học phần môn lập trình web nâng cao đề ti xây dựng cửa hàng bán gấu bông

` TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO CHUN ĐỀ HỌC PHẦN MƠN LẬP TRÌNH WEB NÂNG CAO ĐỀ TI: XÂY DỰNG CỬA HÀNG BÁN GẤU BÔNG Sinh viên thực : LẠI THẾ ANH NGUYỄN ANH VŨ NGUYỄN THÀNH TRUNG Giảng viên hướng dẫn : TS CẤN ĐỨC ĐIỆP Ngành : CÔNG NGHỆ THÔNG TIN Chuyên ngành : CÔNG NGHỆ PHẦN MỀM Lớp : D15CNPM1 Khóa : 2020-2025 Hà Nội, tháng 12 năm 2022 ` Phiếu chấm điểm STT Họ tên sinh viên Lại Thế Anh MSV : 20810340180 Nguyễn Anh Vũ MSV : 20810340198 Nguyễn Thành Trung MSV : 20810340159 Nội dung thực Điểm Giảng viên chấm: Họ tên Giảng viên chấm : Giảng viên chấm : Chữ ký Ghi Chữ ký MỤC LỤC MỤC LỤC DANH MỤC HÌNH ẢNH DANH MỤC BẢNG BIỂU LỜI NÓI ĐẦU PHẦN I: TỔNG QUAN Giới thiệu đề tài Lý chọn đề tài Ưu điểm, khuyết điểm Hướng tiếp cận đề tài Nội dung thực đề tài Ý nghĩa lý luận ý nghĩa thực tiễn đề tài Cấu trúc báo cáo 10 PHẦN II: NỘI DUNG 12 CHƯƠNG I: KHẢO SÁT HỆ THỐNG 12 1.1 Khảo sát trang web văn phòng phẩm 12 1.2 Khảo sát nghiệp vụ công ty Multikart 13 1.3 Xác định yêu cầu website 14 CHƯƠNG II: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 15 2.1 Phân tích yêu cầu hệ thống 15 2.2 Các nhân tố hệ thống 15 2.3 Hệ thống UseCase 16 2.4 Biểu đồ lớp 24 2.5 Biểu đồ 25 CHƯƠNG III: PHÂN TÍCH THIẾT KẾ CƠ SỞ DỮ LIỆU 37 3.1 Mơ hình CSDL tổng quát 37 CHƯƠNG IV: GIAO DIỆN ỨNG DỤNG 37 4.1 Giao diện quản trị 37 4.1 Giao diện người dùng 41 PHẦN III: THỰC NGHIỆM ĐÁNH GIÁ KẾT QUẢ VÀ HƯỚNG PHÁT TRIỂN 45 Thực nghiệm 45 Kết đạt đề tài 45 Hạn chế 45 Hướng phát triển 46 ` KẾT LUẬN 47 DANH MỤC HÌNH ẢNH Hình 2.1: Use Case tổng quát 18 Hình 2.2: Use Case QL Sản phẩm 19 Hình 2.3: Use case QL Bán hàng 19 Hình 2.4 :Use case QL Khách hàng 20 Hình 2.5 :Use case QL Tin tức 21 Hình 2.6: Use case QL Liên hệ 21 Hình 2.7: Use Case QL Quảng Cáo 22 Hình 2.8: Use case QL Hỗ Trợ 22 Hình 2.9: Use case QL Người dùng 23 Hình 2.10: Use case Đăng nhập 23 Hình 2.11: Biểu đồ lớp 24 Hình 2.12: Biểu đồ cho Use case đăng nhập 25 Hình 2.13: Biểu đồ cho Use case QL sản phẩm 26 Hình 2.14: Biểu đồ cho use case Thêm sản phẩm 27 Hình 2.15: Biểu đồ cho use case Sửa sản phẩm 28 Hình 2.16: Biểu đồ cho use case Xóa sản phẩm 29 Hình 2.17: Biểu đồ cho Use case Tìm kiếm sản phẩm 30 Hình 2.18: Biểu đồ cho UC QL Bán hàng 30 Hình 2.19: Biểu đồ cho UC QL Khách hàng 31 Hình 2.20: Biểu đồ cho use case QL tin tức 31 Hình 2.21: Biểu đồ cho use case Thêm tin tức 32 Hình 2.22: Biểu đồ cho use case Sửa tin tức 33 Hình 2.23: Biểu đồ cho use case Xóa tin tức 34 Hình 2.24: Biểu đồ cho use case QL Liên hệ 35 Hình 2.25: Biểu đồ cho use case QL Quảng cáo 36 Hình 2.26: Biểu đồ cho use case QL Hỗ trợ 36 Hình 2.27: Biểu đồ cho use case QL Người dùng 36 DANH MỤC BẢNG BIỂU Bảng 2.1: Các đối tượng tương tác với website 15 Bảng 2.2: Các use case hệ thống 16 LỜI NĨI ĐẦU Trong thời đại cơng nghệ thông tin bùng nổ phát triển rộng rãi nay, nói ngành cơng nghệ thông tin ngành kinh tế mũi nhọn nhiều quốc gia giới Bởi có nhiều ứng dụng đem lại cho người nhiều lợi ích lĩnh vực sống như: khoa học, kinh tế, trị xã hội…Internet trở nên quen thuộc với Thông qua mạng Internet, doanh nghiệp, công ty, cửa hàng quảng bá dịch vụ để tất người biết tên thương hiệu Như biết, dịch vụ xuất nhằm nâng cao sống người.Các dịch vụ mua-bán, quảng bá thông tin sản phẩm mạng đem lại tiện ích cho người dùng Xuất phát từ yêu cầu thực tế chúng em định xây dựng trang web quảng cáo bán gấu cho cửa hàng “Multikart ” PHẦN I: TỔNG QUAN Giới thiệu đề tài ✓ Tên đề tài “Xây dựng Website gấu ” ✓ Giảng viên hướng dẫn Cấn Đức Điệp ✓ Sinh viên thực hiện: • Lại Thế Anh • Nguyễn Anh Vũ • Nguyễn Thành Trung Lý chọn đề tài ➢ Việc áp dụng công nghệ thông tin vào hầu hết lĩnh vực, bán hàng lĩnh vực cần thiết áp dụng công nghệ thông tin ➢ Một công ty muốn người biết đến mua hàng rộng rãi khắp nơi, riêng địa điểm hay xung quanh địa điểm cơng ty cần đến website để quảng bá sản phẩm ➢ Gấu ngày phổ biến giới trẻ thiếu nhi người cần có lựa chọn kĩ trước mua sản phẩm để đáp ứng nhu cầu khác hàng cửa hàng em định xây dựng trang web bán gấu với yêu cầu thiết yếu đầy đủ Ưu điểm, khuyết điểm ✓ Ưu điểm ✓ Đề tài mang tính gần gũi với sinh viên ` ✓ Em giải số nghiệp vụ chính: Giới thiệu sản phẩm, cập nhật sản phẩm quản lý tin tức, cập nhật thông tin ✓ Nhược điểm ✓ Vấn đề bảo mật chưa cao ✓ Chưa khai thác hết vấn đề Hướng tiếp cận đề tài ✓ Khảo sát chi tiết nghiệp vụ hệ thống nắm bắt rõ yêu cầu người sử dụng ✓ Thông qua tài liệu liên quan đến đề tài để giải vấn đề Nội dung thực đề tài ✓ Kế hoạch thực hiện: o Khảo sát nghiệp vụ website tin tức trực tuyến mạng internet kết hợp với việc tìm hiểu thêm tài liệu liên quan nhằm phục vụ cho đề tài o Lựa chọn công cụ cài đặt, xây dựng module chương trình o Ngơn ngữ sử dụng: C# o Cơ sở liệu: SQL server 2019 ✓ Công cụ cài đặt Visual studio 2022 ✓ Các bước thực hiện: o Khảo sát nghiệp vụ o Nghiên cứu lý thuyết website o Xây dựng, phân tích, thiết kế sở liệu o Cài đặt chương trình o Chạy thử Ý nghĩa lý luận ý nghĩa thực tiễn đề tài ✓ Ý nghĩa lý luận: ` o Sinh viên thành thạo với ứng dụng web phát triển ứng dụng xây dựng trang web theo yêu cầu o Sinh viên hiểu rõ quy trình nghiệp vụ người quản lý website nguyên lý hoạt động trang web ✓ Ý nghĩa thực tiễn: o Rèn luyện cách làm việc độc lập có hiệu o Tăng cường nhận thức tư o Củng cố nâng cao kiến thức cho cá nhân Cấu trúc báo cáo Báo cáo bao gồm phần sau: ✓ Phần I: Tổng quan ➢ Giới thiệu đề tài ➢ Lý chọn đề tài ➢ Ưu, nhược điểm ➢ Hướng tiếp cận đề tài ➢ Nội dung thực ➢ Ý nghĩa thực tiễn ý nghĩa lý luận đề tài ➢ Cấu trúc báo cáo ✓ Phần II: Nội dung ➢ Chương I: Khảo sát hệ thống o Khảo sát hệ thống o Nội dung khảo sát o Kết khảo sát o Ưu nhược điểm hệ thống o Xác định yêu cầu hệ thống ➢ Chương II: Phân tích thiết kế hệ thống o Phân tích yêu cầu hệ thống o Các nhân tố hệ thống 10 ` 2.5.7.3 Biểu đồ cho use case Xóa tin tức Hình 2.23: Biểu đồ cho use case Xóa tin tức ➢ Đặc tả o Nhân viên quản trị yêu đăng nhập, yêu cầu xóa tin, hệ thống yêu cầu chọn tin cần xóa, sau nhân viên chọn tin cần xóa, hệ thống yêu cầu xác nhận tin tức cần xóa, o Nhân viên quản trị u cầu xóa, hệ thống xóa tin tức sở liệu, sau trả danh sách tin tức lại giao diện 34 ` 2.5.8 Biểu đồ cho use case QL Liên hệ Hình 2.24: Biểu đồ cho use case QL Liên hệ 2.5.9 Biểu đồ cho use case QL Quảng cáo 35 ` Hình 2.25: Biểu đồ cho use case QL Quảng cáo 2.5.10 Biểu đồ cho use case QL Hỗ trợ Hình 2.26: Biểu đồ cho use case QL Hỗ trợ 2.5.11 Biểu đồ cho use case QL Người dùng Hình 2.27: Biểu đồ cho use case QL Người dùng 36 CHƯƠNG III: PHÂN TÍCH THIẾT KẾ CƠ SỞ DỮ LIỆU 3.1 Mơ hình CSDL tổng quát CHƯƠNG IV: GIAO DIỆN ỨNG DỤNG 4.1 Giao diện quản trị 4.1.1 Trang quản trị 37 ` 4.1.2 Quản lý sản phẩm 4.1.3 Quản lý đơn hang 38 ` 4.1.4 Quản lý người dùng 4.1.5 Quản lý loại sách 39 ` 40 ` 4.1 Giao diện người dùng 4.2.1 Giao diện trang chủ 4.2.2 Giao diện trang Sản phẩm 41 ` 4.2.3 Giao diện trang Chi tiết sản phẩm 4.2.4 Giao diện trang toán 42 ` 4.2.5 Giao diện lích sử mua hàng 4.2.6 Giao diện đăng nhập 4.2.7 Bảng thống kê hàng hóa bán 43 ` 44 PHẦN III: THỰC NGHIỆM ĐÁNH GIÁ KẾT QUẢ V HƯỚNG PHÁT TRIỂN Thực nghiệm ➢ Phát triển trang web đáp ứng tốt cho hệ thống ➢ Cải tiến phần chưa tốt cho trang web hoàn thiện Kết đạt đề tài ➢ Về bản, đề tài hoàn thành chức yêu cầu đặt kế hoạch ➢ Hoàn thành trang web giới thiệu sản phẩm điện thoại động, với chức theo yêu cầu ➢ Xây dựng chức hệ thống o Phần hiển thị: - Xem thông tin sản phẩm theo loại sản phẩm, theo hãng sản xuất - Tìm kiếm sản phẩm theo tên, theo giá - Xem thông tin tin tức, tin khuyến mại, chi tiết tin tức, chi tiết khuyến mại - Giao diện đặt hàng giỏ hàng - Các địa liên hệ với công ty o Phần quản trị - Quản lý sản phẩm - Quản lý tin tức - Quản lý khuyến mại - Quản lý giỏ hàng Hạn chế ➢ Các chức đơn giản ➢ Chưa quản lý đầy đủ chức ➢ Một số vấn đề sở liệu 45 ` Hướng phát triển ➢ Tối ưu hóa chức hệ thống, để đáp ứng tốt nhu cầu người sử dụng ➢ Phát triển đề tài với quy mơ rộng ➢ Tối ưu hóa sở liệu 46 ` KẾT LUẬN Sau thời gian nghiên cứu triển khai project, em hoàn thành xong project Lời cho em xin gửi lời cảm ơn tới thầy cô khoa Công nghệ thông tin trang bị kiến thức quý báu cho em suốt trình học tập từ vào trường Đặc biệt nhóm em xin chân thành cảm ơn tận tình hướng dẫn Thầy Cấn Đức Điệp , Thầy giảng viên hướng dẫn, người theo sát tiến độ làm việc chúng em Chính mà thầy ln ý kiến, góp ý kiến giúp nhóm em nhận vấn đề tồn kịp thời sửa chữa Mặc dù cố gắng nỗ lực thực project xong khơng thể tránh khỏi thiết sót Nhóm em mong nhậnđược ý kiến đóng góp thầy cô bạn để đề tài hoàn thiện hướng tới áp dụng thực tế Em xin chân thành cảm ơn! 47