Đang tải... (xem toàn văn)
BÁO CÁO ĐỒ ÁN CUỐI KỲ Môn học Phát triển ứng dụng Web ĐỀ TÀI XÂY DỰNG WEBSITE BÁN ĐỒ GIA DỤNGBÁO CÁO ĐỒ ÁN CUỐI KỲ Môn học Phát triển ứng dụng Web ĐỀ TÀI XÂY DỰNG WEBSITE BÁN ĐỒ GIA DỤNGBÁO CÁO ĐỒ ÁN CUỐI KỲ Môn học Phát triển ứng dụng Web ĐỀ TÀI XÂY DỰNG WEBSITE BÁN ĐỒ GIA DỤNGBÁO CÁO ĐỒ ÁN CUỐI KỲ Môn học Phát triển ứng dụng Web ĐỀ TÀI XÂY DỰNG WEBSITE BÁN ĐỒ GIA DỤNGBÁO CÁO ĐỒ ÁN CUỐI KỲ Môn học Phát triển ứng dụng Web ĐỀ TÀI XÂY DỰNG WEBSITE BÁN ĐỒ GIA DỤNGBÁO CÁO ĐỒ ÁN CUỐI KỲ Môn học Phát triển ứng dụng Web ĐỀ TÀI XÂY DỰNG WEBSITE BÁN ĐỒ GIA DỤNGBÁO CÁO ĐỒ ÁN CUỐI KỲ Môn học Phát triển ứng dụng Web ĐỀ TÀI XÂY DỰNG WEBSITE BÁN ĐỒ GIA DỤNGBÁO CÁO ĐỒ ÁN CUỐI KỲ Môn học Phát triển ứng dụng Web ĐỀ TÀI XÂY DỰNG WEBSITE BÁN ĐỒ GIA DỤNGBÁO CÁO ĐỒ ÁN CUỐI KỲ Môn học Phát triển ứng dụng Web ĐỀ TÀI XÂY DỰNG WEBSITE BÁN ĐỒ GIA DỤNGBÁO CÁO ĐỒ ÁN CUỐI KỲ Môn học Phát triển ứng dụng Web ĐỀ TÀI XÂY DỰNG WEBSITE BÁN ĐỒ GIA DỤNGBÁO CÁO ĐỒ ÁN CUỐI KỲ Môn học Phát triển ứng dụng Web ĐỀ TÀI XÂY DỰNG WEBSITE BÁN ĐỒ GIA DỤNGBÁO CÁO ĐỒ ÁN CUỐI KỲ Môn học Phát triển ứng dụng Web ĐỀ TÀI XÂY DỰNG WEBSITE BÁN ĐỒ GIA DỤNGBÁO CÁO ĐỒ ÁN CUỐI KỲ Môn học Phát triển ứng dụng Web ĐỀ TÀI XÂY DỰNG WEBSITE BÁN ĐỒ GIA DỤNGBÁO CÁO ĐỒ ÁN CUỐI KỲ Môn học Phát triển ứng dụng Web ĐỀ TÀI XÂY DỰNG WEBSITE BÁN ĐỒ GIA DỤNGBÁO CÁO ĐỒ ÁN CUỐI KỲ Môn học Phát triển ứng dụng Web ĐỀ TÀI XÂY DỰNG WEBSITE BÁN ĐỒ GIA DỤNG
TTRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA HỆ THỐNG THƠNG TIN BÁO CÁO ĐỒ ÁN CUỐI KỲ Mơn học: Phát triển ứng dụng Web ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN ĐỒ GIA DỤNG Giảng viên hướng dẫn: ThS Mai Xuân Hùng Lớp: IS207.N11.HTCL Nhóm sinh viên thực hiện: Nhóm 12 Trần Duy Thanh – 20521925 Nguyễn Thanh Phong – 20521745 Nguyễn Thế Hùng – 19521575 Tp.HCM, tháng 12 năm 2022 NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Tp.Hồ Chí Minh, ngày 26 tháng 12 năm 2022 Giảng viên hướng dẫn (Ký ghi rõ họ tên) BẢNG PHÂN CÔNG ĐÁNH GIÁ THÀNH VIÊN Họ tên Trần Duy Thanh Nguyễn Thanh Phong Nguyễn Thế Hùng MSSV 20521925 20521745 195275 Công việc Thiết kế database, Đánh giá Hồn thành Hồn thành Hồn thành MỤC LỤC Nợi dung LỜI MỞ ĐẦU CHƯƠNG 1: TỔNG QUAN 1.1 Đặt vấn đề 1.2 Thách thức, mục tiêu phạm vi 1.2.1 Thách thức 1.2.2 Mục tiêu 1.3 Cấu trúc báo cáo CHƯƠNG 2: ĐẶC TẢ ĐỀ TÀI 2.1 Tên đề tài 2.2 Chức .8 2.2.1 Khách hàng 2.2.2 Quản lý 2.3 Yêu cầu thực đề tài 2.3.1 Thiết bị phần mềm 2.3.2 Yêu cầu website 2.4 Mô tả chức khách hàng 2.4.1 Đăng ký .8 2.4.2 Đăng nhập 2.4.3 Tìm kiếm .8 2.4.4 Thêm vào giỏ hàng .8 2.4.5 Thay đổi số lượng, xóa sản phẩm giỏ hàng 2.4.6 Mua hàng 2.5 Mô tả chức người quản lý .8 2.5.1 Đăng nhập 2.5.2 Thêm sản phẩm 2.5.3 Sửa sản phẩm .8 2.5.4 Xóa sản phẩm .8 2.5.5 Thêm nhà sản xuất .8 2.5.6 Sửa nhà sản xuất 2.5.7 Xóa nhà sản xuất 2.5.8 Thêm loại sản phẩm 2.5.9 Sửa lại sản phẩm 2.5.10 Xóa loại sản phẩm .8 2.5.11 Cập nhật trạng thái đơn hàng khách hàng .8 2.5.12 Thêm tài khoản admin .8 CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 3.1 Sơ đồ Use case 3.2 Cơ sở liệu .8 3.2.1 Sản phẩm 3.2.2 Hình ảnh sản phẩm 3.2.3 Loại sản phẩm 3.2.4 Nhà sản suất 3.2.5 Người dùng 3.2.6 Giỏ hàng 3.2.7 Đơn hàng .8 3.2.8 Chi tiết đơn hàng 3.2.9 Admin CHƯƠNG 4: GIAO DIỆN WEBSITE 4.1 Giao diện trang khách hàng .8 4.1.1 Giao diện header 4.1.2 Giao diện footer 4.1.3 Giao diện trang chủ 4.1.4 Giao diện đăng nhập 4.1.5 Giao diện đăng ký 4.1.6 Giao diện trang chi tiết sản phẩm .8 4.1.7 Giao diện giỏ hàng 4.1.8 Giao diện trang đặt hàng 4.1.9 Giao diện trang đặt hàng thành công .8 4.1.10 Giao diện trang đặt hàng không thành công 4.1.11 Giao diện trang danh sách đơn đặt hàng 4.1.12 Giao diện trang kết tìm kiếm .8 4.2 Giao diện quản lý hệ thống 4.2.1 Giao diện trang đăng nhập 4.2.2 Giao diện danh sách loại sản phẩm 4.2.3 Giao diện trang cập nhật loại sản phẩm 4.2.4 Giao diện trang thêm loại sản phẩm 4.2.5 Giao diện danh sách nhà sản xuất .8 4.2.6 Giao diện trang cập nhật nhà sản xuất .8 4.2.7 Giao diện trang thêm nhà sản xuất 4.2.8 Giao diện danh sách sản phẩm 4.2.9 Giao diện trang cập nhật sản phẩm 4.2.10 Giao diện trang thêm sản phẩm 4.2.11 Giao diện trang thêm hình ảnh sản phẩm 4.2.12 Giao diện danh sách đơn hàng 4.2.13 Giao diện danh sách khách hàng 4.2.14 Giao diện danh sách admin .8 CHƯƠNG 5: TỔNG KẾT .8 5.1 Kết đạt 5.2 Ưu điểm .8 5.3 Nhược điểm .8 LỜI MỞ ĐẦU Ngày nay, ứng dụng công nghệ thông tin việc tin học hóa xem yếu tố mang tính định hoạt động phủ, tổ chức, cơng ty, đóng vai trị quan trọng, tạo bước đột phá mạnh mẽ Cùng với phát triển khơng ngừng kỹ thuật máy tính mạng điện tử, công nghệ thông tin công nghệ có đẳng cấp cao chinh phục hết đỉnh cao đến đỉnh cao khác Mạng Internet sản phẩm có giá trị lớn lao ngày trở nên công cụ khơng thể thiếu, tảng cho truyền tải, trao đổi thơng tin tồn cầu Giờ đây, việc liên quan đến thông tin trở nên thật dễ dàng cho người sử dụng: cần có máy tính kết nối internet dịng liệu truy tìm gần lập tức… giới vấn đề mà bạn quan tâm ra, có đầy đủ thơng tin, hình ảnh chí đơi lúc có âm bạn cần… Bằng internet, thực nhiều công việc với tốc độ nhanh chi phí thấp nhiều so với cách thức truyền thống Chính điều này, thúc đẩy khai sinh phát triển thương mại điện tử phủ điện tử khắp giới, làm biến đổi đáng kể mặt văn hóa, nâng cao chất lượng sống người Trong hoạt động sản xuất, kinh doanh, đây, thương mại điện tử 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 đến khách hàng sản phẩm đáp ứng nhu cầu khác hàng cần thiết Vậy phải quảng bá xây dựng Website cho cửa hàng quảng bá tất sản phẩm bán Vì vậy, em thực đồ án “ XÂY DỰNG WEBSITE BÁN ĐỒ GIA DỤNG” Người chủ cửa hàng đưa sản phẩm lên website quản lý website đó, khách hàng đặt mua hàng website mà không cần đến cửa hàng Chủ cửa hàng gửi sản phẩm cho khách hàng nhận tiền Báo cáo gồm chương cụ thể sau: Chương 1: Tổng quan Chương 2: Đặc tả đề tài Chương 3: Phân tích thiết kế hệ thống Chương 4: Giao diện website Chương 5: Tổng kết CHƯƠNG 1: TỔNG QUAN 1.1 Đặt vấn đề Website với mục đích cung cấp cho khách hàng thơng tin xác mặt hàng đồ gia dụng có thị trường cách thức đặt mua qua mạng Các thơng tin cập nhật thường xun nhanh chóng Vì vậy, rút ngắn khoảng cách người mua người bán, đưa thông tin sản phẩm nhanh chóng đến cho khách hàng 1.2 Thách thức, mục tiêu phạm vi 1.2.1 Thách thức Trong trình thực đồ án, việc tiếp cận nhiều kiến thức cơng nghệ khơng dễ dàng, nhóm gặp khơng khó khăn việc triển khai hồn thiện đồ án 1.2.2 Mục tiêu Tìm hiểu kiến thức HTML, CSS, JavaScript, PHP để ứng dụng vào việc xây dựng website bán Đồ Gia Dụng 1.3 Cấu trúc báo cáo Chương - Tổng quan: Đặt vấn đề, giới thiệu đồ án; thách thức, mục tiêu phạm vi đồ án; cấu trúc báo cáo Chương - Đặc tả đề tài: Giới thiệu tên đề tài, hệ thống chức hệ thống Chương - Phân tích thiết kế hệ thống: Để có hệ thống bán hàng hợp lý nhà thiết kế ln phải lên kế hoạch, phân tích hệ thống từ nhiều phía để mang lại hợp lý thống cho hệ thống Chương phân tích yêu cầu đề bài, thiết kế hệ thống sở lý thuyết từ giúp ta có nhìn tổng qt hệ thống, giúp cho việc thiết kế thực tế dễ dàng Từ phân tích, thiết kế; hệ thống sở liệu lập để lưu trữ thông tin cần thiết cho việc thiết kế hệ thống Chương - Giao diện website: Áp dụng kiến thức học bước phân tích lý thuyết để xây dựng hoàn thiện website, chương bao gồm giao diện trang website sau hoàn thiện Chương - Tổng kết: Đưa kết đạt được, ưu điểm, nhược điểm, học kinh nghiệm rút sau trình làm đồ án cuối kỳ CHƯƠNG 2: ĐẶC TẢ ĐỀ TÀI 2.1 Tên đề tài Xây dựng website bán Đồ Gia Dụng 2.2 Chức Giới thiệu sản phẩm cửa hàng, công ty đến người tiêu dùng với thơng tin chi tiết giá xác Website xây dựng theo mơ hình MVC gồm có chức sau: 2.2.1 Khách hàng 2.2.2 Đăng ký, đăng nhập để trở thành thành viên Hiển thị bán loại sản phẩm Hiển thị danh mục loại sản phẩm Tìm tiếm theo từ khóa sản phẩm Hiển thị nhiều ảnh mô tả thông tin chi tiết sản phẩm Tính mua hàng Thêm, cập nhật, xóa sản phẩm giỏ hàng Quản lý theo thơng tin đơn hàng Quản lý theo thông tin giỏ hàng Quản lý Quản lý admin (xem) Quản lý danh mục sản phẩm (xem, thêm, sửa, xóa) Quản lý thương hiệu (xem, thêm, sửa, xóa) Quản lý sản phẩm (xem, thêm, sửa, xóa) Quản lý đơn hàng (xem chi tiết đơn hàng, thêm đơn hàng, sửa trạng thái đơn hàng) Quản lý khách hàng (xem) Quản lý slider(xem,thêm,xóa,sửa) 2.3 Yêu cầu thực đề tài 2.3.1 Thiết bị phần mềm Máy tính thiết kế web Hệ quản trị sở liệu: MySQL Cài đặt: Xampp Phần mềm thiết kế web: Visual Studio Code 10 4.1.8 Giao diện trang đặt hàng thành công Giao diện trang đặt hàng thành công 4.1.9 Giao diện trang kết tìm kiếm 26 Giao diện trang kết đặt hàng thành công 27 4.2 Giao diện quản lý hệ thống 4.2.1 Giao diện trang đăng nhập Giao diện trang đăng nhập 4.2.2 Giao diện danh sách loại sản phẩm Giao diện danh sách loại sản phẩm 28 4.2.3 Giao diện trang cập nhật loại sản phẩm Giao diện trang cập nhật loại sản phẩm 4.2.4 Giao diện trang thêm loại sản phẩm Giao diện trang thêm loại sản phẩm 29 4.2.5 Giao diện danh sách thương hiệu 4.2.6 Giao diện trang cập nhật nhà sản xuất 30 4.2.7 Giao diện trang thêm nhà sản xuất 4.2.8 Giao diện danh sách đơn hàng Giao diện danh sách đơn hàng 31 4.2.9 Giao diện trang cập nhật đơn hàng Giao diện trang cập nhật đơn hàng 4.2.10.Giao diện trang thêm đơn hàng Giao diện trang thêm đơn hàng 32 4.2.11.Giao diện trang quản lý slider 4.2.12.Giao diện danh sách danh mục Giao diện danh sách danh mục 33 4.2.13.Giao diện danh sách khách hàng 34 CHƯƠNG 5: KẾT LUẬN,HƯỚNG DẪN SỬ DỤNG VÀ CÀI ĐẶT 5.1 Kết đạt Thông qua môn học Phát triển ứng dụng Web hướng dẫn thầy; nhóm em học hỏi, có thêm kiến thức HTML, CSS, Bootstrap,JQuery, Ajax, MySQL, PHP Ngoài ra, đồ án giúp cho cá nhân nhóm cải thiện trình độ viết code rèn luyện tư duy, khả làm việc nhóm 5.2 Ưu điểm Giao diện thiết kế đẹp mắt, bố cục hợp lý, dễ sử dụng, thân thiện với người dùng Thỏa mãn yêu cầu mà người dùng đặt khảo sát Khách hàng thực thao tác đăng ký, đăng nhập, đổi mật khẩu, xem sản phẩm, tìm kiếm sản phẩm, đặt hàng, theo dõi hủy đơn Hỗ trợ tối ưu cho người quản lý thông qua trang quản lý hệ thống Người quản lý xem, thêm, xóa, sửa thơng tin khách hàng, đơn hàng, sản phẩm, loại sản phẩm,… đồng thời xem thống kê bán hàng cửa hàng 5.3 Nhược điểm Chưa có tính tốn thật sự, chưa thể lựa chọn đơn vị giao hàng Một số giao diện chưa phù hợp 5.4 Hướng dẫn sử dụng : - http://localhost:8080/Project/Controller/ front/home/index.php đường link dẫn đến trang mua sắm,người dùng nhập link cơng cụ tìm kiếm website lên - Trên tìm kiếm website, khách hàng tìm kiếm sản phẩm mà họ muốn - Phần sidebar bên trái, khách hàng lọc sản phẩm theo Danh mục sản phẩm Thương hiệu sản phẩm cách click vào Danh mục 35 - Khách hàng tìm kiếm sản phẩm tầm giá tiền mà mong muốn cách kéo giới hạn phạm vi giá - Khách hàng có lựa chọn sản phẩm bày bán website xem chi tiết sản phẩm thêm sản phẩm vào giỏ hàng 36 5.5 Hướng dẫn cài đặt : - Tạo database phpMyadmin - Import File database : web_banhang.sql vào database vừa tạo - Cấu hình database : connect/database.php + Khai báo thơng số để cấu hình kết nối tới database + Giải thích biến : server : tên server user : tên đăng nhập kết nối pass : mật kết nối 37 database : tên database kết nối - Khởi động XAMPP sau : - Vào trang admin : http://localhost:8080/Project/Controller/ admin/home/admin.php + Tài khoản admin : TK : admin MK : 123456 + Tài khoản demo khách hàng : TK : user MK : 123456 - Lưu ý : phần mềm để chỉnh sửa code chạy source code Visual Studio Code 38 Dùng để viết code Link download: https://code.visualstudio.com/download Xampp Dùng để tạo webserver Link download: https://www.apachefriends.org/download.html MySql 39 Dùng để chỉnh sửa đưa sở liệu lên webserver Link download: https://dev.mysql.com/downloads/mysql/ 40