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 máy tính v laptop threetech

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 MÁY TÍNH V LAPTOP THREETECH Sinh viên thực : CHU MINH NAM PHÙNG THÁI SƠN TRẦN NGỌC H Giảng viên hướng dẫn : CẤN DỨC ĐIỆP Ngành : CÔNG NGHỆ THÔNG TIN Chuyên ngành : CÔNG NGHỆ PHẦN MỀM Lớp : D15CNPM2 Khóa : 2020-2024 Hà Nội, tháng 12 năm 2022 PHIẾU CHẤM ĐIỂM Sinh viên thực hiện: Họ tên Chữ ký Điểm Chữ ký Ghi Chu Minh Nam Trần Ngọc Hà Phùng Thái Sơn Giảng viên chấm: Họ tên Giảng viên chấm : Giảng viên chấm : MỤC LỤC LỜI MỞ ĐẦU .1 PHẦN I: MỤC TIÊU ĐỀ TÀI PHẦN II: PHÂN TÍCH BÀI TỐN 2.1 Bài toán đặt 2.2 Sơ đồ chức 2.2.1 Tổng quát chức hệ thống 2.2.2 Biểu đồ Use case toàn hệ thống 2.2.3 Mô tả chức 2.3 Phân tích chức nghiệp vụ 2.3.1 Biểu đồ chức Sản phẩm 2.3.2 Biểu đồ chức Tin tức .8 2.3.3 Biểu đồ chức Khách hàng 10 2.3.4 Biểu đồ chức Quản lý 23 2.4 Thiết kế Cơ sở liệu 34 2.4.1 Bảng sản phẩm (sanpham) 35 2.4.2 Bảng nhân viên (nhanvien) 35 2.4.3 Bảng khách hàng (khachhang) 36 2.4.4 Bảng tin tức (tintuc) 36 2.4.5 Bảng giỏ hàng (giohang) 36 2.4.6 Bảng đặt hàng (dathang) 37 2.4.7 Bảng chuyên mục (chuyenmuc) 37 2.4.8 Bảng toán (vnpay) 37 2.4.9 Bảng chi tiết hóa đơn (chitiethoadon) 37 2.4.10 Bảng chấm công (chamcong) 38 2.4.11 Bảng liên hệ (lienhe) 38 PHẦN III: GIẢI PHÁP VÀ CÀI ĐẶT 39 3.1 Giải pháp công nghệ lựa chọn 39 3.2 Giao diện website .39 3.2.1 Các giao diện liên quan đến “Sản phẩm” 39 3.2.2 Các giao diện liên quan đến “Tin tức” .41 3.2.3 Các giao diện liên quan đến “Khách hàng” .42 3.2.4 Các giao diện liên quan đến “Quản trị admin” 46 PHẦN IV: TỔNG KẾT .52 TÀI LIỆU THAM KHẢO 53 LỜI MỞ ĐẦU Trong gần thập kỷ trở lại đây, người sử dụng nhiều thiết bị điện tử công nghệ nhằm phục vụ cho nhu cầu làm việc, giải trí, liên lạc… Các thiết bị điện tử có mặt khắp nơi, nhà, sử dụng lĩnh vực: Những thiết bị điện tử có cơng dụng làm tăng suất hiệu làm việc Từ đẩy nhanh trình sản xuất, đảm bảo đồng chất lượng sản phẩm Với thiết bị điện tử gia đình cịn đóng vai trị giúp nâng cao chất lượng sống Giúp người tiết kiệm thời gian cơng sức cho cơng việc nhà Có thể nói, nhờ thiết bị điện tử mà xã hội ngày phát triển Việc mua thiết bị điện tử công nghệ để phục vụ cho nhu cầu thân hay tổ chức ngày lại trở nên đơn giản với nhiều hình thức mua bán, trao đổi tốn Trong đó, phải kể đến hình thức mua hàng việc mua sản phẩm toán trực tuyến Internet! Nắm bắt nhu cầu cần thiết khách hàng, chúng em thực xây dựng “WEBSITE BÁN MÁY TÍNH V LAPTOP THREETECH” sử dụng ngơn ngữ lập trình PHP nhằm tạo trang web phục vụ nhu cầu mua sắm trực tuyến khách hàng, giúp khách hàng lựa chọn mua sắm cách đơn giản nhanh chóng Đồng thời, website đồ án mơn học Lập trình web nâng cao mà em thực hiện! Trong trình thực đồ án, chúng em hướng dẫn hỗ trợ nhiệt tình giảng viên nhiên, thời gian làm đồ án có hạn hạn chế kiến thức thân em cịn nhiều thiếu sót, mong thầy bỏ qua bổ sung thêm để đề tài hồn thiện Chúng em xin cảm ơn thầy cơ! PHẦN I: MỤC TIÊU ĐỀ TI Nhóm chúng em chọn đề tài “XÂY DỰNG WEBSITE BÁN MÁY TÍNH V LAPTOP THREETECH” với mục tiêu chép lại giao diện tính đặc trưng trang web bán hàng mức với hệ thống đăng ký, đăng nhập, mua hàng, toán quản trị cho admin Đề tài sở để chúng em tìm hiểu xây dựng hệ thống thương mại điện tử tương lai nhằm phục vụ cho cửa hàng cần xây dựng website bán hàng trực tuyến! Mục tiêu thực đề tài chúng em là: - Tìm hiểu kỹ thuật lập trình web - Tìm hiểu xây dựng chức website bán hàng trực tuyến - Tìm hiểu cách triển khai đoạn mã thành website hồn chỉnh giúp tất người truy cập - Phân tích thiết kế website bán hàng với giao diện đẹp đẽ - Trợ giúp cửa hàng tiếp cận khách hàng bán hàng trực tuyến internet - Trợ giúp cửa hàng quản lý sản phẩm cách dễ dàng thay cho việc quản lý thủ công sách giấy Với mục tiêu ý tưởng nêu trên, chúng em mong đề tài sử ủng hộ thầy áp dụng đề tài thực tiễn Ngoài ra, chúng em mong muốn nhận thêm ý kiến đóng góp thầy để chúng em hồn thiện đề tài cách chuẩn chu nhất! Chúng em xin cảm ơn! PHẦN II: PHÂN TÍCH BI TỐN 2.1 Bài toán đặt Tại cửa hàng bán sản phẩm máy tính laptop, máy tính bàn linh kiện điển tử có nhu cầu thiết kế website nhằm mục đích quản lý sản phẩm thu hút khách hàng cách trực tuyến Website cần phải đáp ứng cho thành phần tham gia chính: Dành cho khách hàng: Khách hàng người có nhu cầu mua sắm hàng hố, họ tìm kiếm mặt hàng cần thiết từ hệ thống đặt mua mặt hàng Vì cần có chức sau: - Đăng nhập/đăng ký/đăng xuất - Đổi mật - Thêm/sửa/xoá sản phẩm giỏ hàng - Đặt hàng - Thanh toán - Chỉnh sửa thông tin cá nhân - Liên hệ với cửa hàng - Tìm kiếm sản phẩm Dành cho admin: Người quản lý có quyền kiểm sốt hoạt động hệ thống Người cung cấp tên người dùng mật để đăng nhập hệ thống thực chức mình: - Quản lý thơng tin cá nhân - Cài đặt tài khoản - Quản lý sản phẩm - Quản lý nhân viên - Quản lý tin tức - Quản lý khách hàng - Quản lý đơn hàng - Quản lý trả lương - Thống kê 2.2 Sơ đồ chức 2.2.1 Tổng quát chức hệ thống Hình 2.2.1 Sơ đồ chức 2.2.2 Biểu đồ Use case tồn hệ thống Hình 2.2.2 Biểu đồ use case tồn hệ thống 2.2.3 Mơ tả chức  Truy cập hệ thống: Người dùng đăng ký, đăng nhập, thoát khỏi hệ thống  Khách hàng : Khách hàng tương tác giỏ hàng, tìm kiếm sản phẩm, đặt hàng, tốn, liên hệ, cập nhật thông tin cá nhân, đổi mật khẩu, xem lịch sử đơn hàng  Quản lý: Quản lý có quyền quản lý thơng tin cá nhân, cài đặt tài khoản, quản lý sản phẩm, quản lý nhân viên, quản lý tin tức, quản lý khách hàng, quản lý đơn hàng, quản lý trả lương 2.3 Phân tích chức nghiệp vụ 2.3.1 Biểu đồ chức Sản phẩm 2.3.1.1 Biểu đồ hoạt động chức hiển thị sản phẩm Đặc tả chức : Bước 1: Người dùng truy cập vào website Bước 2: Hệ thống lấy liệu hiển thị sản phẩm hình Bước 3: Kết thúc 2.3.1.2 Biểu đồ hoạt động chức hiển thị chuyên mục Đặc tả chức Bước 1: Người dùng nhấn vào chuyên mục cần xem Bước 2: Hệ thống lấy liệu sản phẩm có chuyên mục hiển thị hình Bước 3: Kết thúc PHẦN III: GIẢI PHÁP V CI ĐẶT 3.1 Giải pháp công nghệ lựa chọn - Ngôn ngữ chính: PHP, Javascript - Hệ quản trị sở liệu: MySQL - Công cụ hỗ trợ: Visual Studio Code, Xampp, Sublime Text - Máy chủ(local): Xampp - Môi trường: Apache - Framework: Codeigniter 3, Jquery, Bootstrap 3.2 Giao diện website - Giao diện website xây dựng html, css, bootstrap - Các khung layout thiết kế theo mẫu giao diện trang bán hàng internet - Giao diện thiết kế cách đơn giản, dễ sử dụng cho người quản lý khách mua hàng 3.2.1 Các giao diện liên quan đến “Sản phẩm” Hình 3.2.1.1 Giao diện trang chủ 38 Hình 3.2.1.2 Giao diện trang chi tiết sản phẩm Hình 3.2.1.3 Giao diện trang chuyên mục sản phẩm 39 Hình 3.2.1.4 Giao diện trang tìm kiếm sản phẩm 3.2.2 Các giao diện liên quan đến “Tin tức” Hình 3.2.2.1 Giao diện trang tin tức 40 Hình 3.2.2.2 Giao diện trang chi tiết tin tức 3.2.3 Các giao diện liên quan đến “Khách hàng” Hình 3.2.3.1 Giao diện trang đăng ký 41 Hình 3.2.3.2 Giao diện trang đăng nhập Hình 3.2.3.2 Giao diện trang thơng tin khách hàng 42 Hình 3.2.3.3 Giao diện trang tốn Hình 3.2.3.4 Giao diện trang giỏ hàng 43 Hình 3.2.3.5 Giao diện trang lịch sử đơn hàng Hình 3.2.3.6 Giao diện trang hồn thành tốn 44 Hình 3.2.3.7 Giao diện trang liên hệ 3.2.4 Các giao diện liên quan đến “Quản trị admin” Hình 3.2.4.1 Giao diện trang đăng nhập quản trị 45 Hình 3.2.4.2 Giao diện trang chủ quản trị Hình 3.2.4.3 Giao diện trang thông tin cá nhân quản trị 46 Hình 3.2.4.4 Giao diện trang cài đặt thơng tin cá nhân quản trị Hình 3.2.4.5 Giao diện trang quản lý sản phẩm 47 Hình 3.2.4.6 Giao diện trang quản lý nhân viên Hình 3.2.4.7 Giao diện trang quản lý tin tức 48 Hình 3.2.4.8 Giao diện trang quản lý khách hàng Hình 3.2.4.9 Giao diện trang quản lý đơn hàng 49 Hình 3.2.4.10 Giao diện trang quản lý trả lương nhân viên 50 PHẦN IV: TỔNG KẾT Kết đạt Trong trình tìm hiểu nội dung, thực báo cáo xây dựng website môn học này, chúng em tiếp thu củng cố thêm nhiều kiến thức liên quan đến việc xây dựng website phục vụ cho việc bán hàng Nắm rõ quy trình sản xuất website nào, hiểu biết thêm chức cần thiết xây dựng website bán hàng, nâng cao khả phân tích thiết kế triển khai website môi trường sản phẩm Nội dung cần bổ sung Với cố gắng, nỗ lực, chúng em cố gắng hoàn thành yêu cầu đề tài chọn Do thời gian mơn học có hạn nên phần website xây dựng có chức đơn giản website bán hàng cho cửa hàng cần phải phát triển thêm chức đặc biết khác Trong tương lai, chúng em cần phải phát triển thêm nhiều chức để website đáp ứng với nhu cầu thực tế Các chức cần bổ sung như: - Chức nạp tiền trực tiếp vào tài khoản khách hàng - Xử dụng mơ hình AI để đưa gợi ý sản phẩm cho khách hàng - Xây dựng chức chatbot dành cho nhân viên khách hàng - Tối ưu hóa website cho chuẩn SEO Khi cần phát triển thêm chức bổ xung này, em mong nhận giúp đỡ thầy cô Chúng em xin cảm ơn! 51 TI LIỆU THAM KHẢO [1] Html Tutorial W3 [2] XAMPP tutorial [3] PHP Tutorial W3 [4] SQL & MYSQL Tutorial [5] Jquery Tutorial W3 [6] Bootstrap Tutorial W3 [7] Deploying a PHP app to cPanel [8] CodeIgniter User Guide 52