Đang tải... (xem toàn văn)
Đồ án website đi động được thiết kế chuẩn Cáu trúc rõ ràng bao gồm các tính năng nổi bật như đánh giá , review sản phẩm, giúp bạn hiểu rõ hơn về 1 hệ thống website Mọi thông tin hỗ trợ cũng như mua đồ án bạn vui lòng liên hệ Phan Trung Phú : SĐT 0986420994
TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI VIỆN CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ──────── * ─────── ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC NGÀNH CÔNG NGHỆ THÔNG TIN XÂY DỰNG WEBSITE BÁN ĐỒ ĐIỆN TỬ Sinh viên thực hiện: Họ tên sinh viên Lớp XXXX - Kxx Giáo viên hướng dẫn: [GS/PGS/GVC/TS/ThS] Tên giáo viên HÀ NỘI 12-2018 Sinh viên thực hiện: [Điền tên Mã sinh viên] Khóa [Mẫu bìa Kxx] Lớp i PHIẾU GIAO NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Thông tin sinh viên Họ tên sinh viên: Điện thoại liên lạc Email: Lớp: Hệ đào tạo: Đồ án tốt nghiệp thực tại: Thời gian làm ĐATN: Từ ngày / / đến / / Mục đích nội dung ĐATN - Xây dựng website bán đồ điện tử cho phép mua bán, đặt hàng online Các nhiệm vụ cụ thể ĐATN - Trình bày sở lý thuyết áp dụng để xây dựng ĐATN - Đặc tả hệ thống, phân tích thiết kế hệ thống, thiết kế giao diện hệ thống - Xây dựng hệ thống website bán đồ điện tử có chức năng: + Quản lý danh mục sản phẩm + Quản lý sản phẩm + Quản lý đơn hàng + Quản lý hàng tồn kho + Quản lý danh sách khách hàng + Quản lý tài khoản admin + Quản lý doanh thu + Quản lý chương trình khuyến mãi, chế độ bảo hành, đơn vị tính + Hiển thị sản phẩm kinh doanh website + Cho phép khách hàng đăng ký, đăng nhập hệ thống + Cho phép khách hàng tìm kiếm sản phẩm, đặt hàng tốn, gửi thơng tin liên hệ, bình luận sản phẩm, đánh giá sản phẩm + Chức nạp card đổi mã khuyến để toán Lời cam đoan sinh viên: Tôi - điền tên sinh viên - cam kết ĐATN cơng trình nghiên cứu thân hướng dẫn học hàm học vị+điền tên giáo viên hướng dẫn Các kết nêu ĐATN trung thực, chép tồn văn cơng trình khác Hà Nội, ngày tháng năm Tác giả ĐATN Họ tên sinh viên Xác nhận giáo viên hướng dẫn mức độ hoàn thành ĐATN cho phép bảo vệ: Sinh viên thực hiện: [Điền tên Mã sinh viên] Khóa [Mẫu bìa Kxx] Lớp ii Hà Nội, ngày tháng năm Giáo viên hướng dẫn Học hàm học vị+điền tên giáo viên hướng dẫn Sinh viên thực hiện: [Điền tên Mã sinh viên] Khóa [Mẫu bìa Kxx] Lớp iii TĨM TẮT NỘI DUNG ĐỒ ÁN TỐT NGHIỆP Hình thức kinh doanh online ngày phổ biến rộng rãi hầu khắp giới lợi ích mà hình thức mang lại Kinh doanh online khơng mang lại lợi ích cho nhà kinh doanh mà mang lại thuận tiện người tiêu dùng Cùng với phát triển công nghệ thông tin, thiết bị điện tử nhiều người ưa chuộng Nhu cầu mua sắm người dân loại mặt hàng ngày tăng Từ thực tế em chọn đề tài “Xây dựng website bán đồ điện tử” Nội dung đồ án trình bày nhiệm vụ cần thực hiện, sở lý thuyết, phân tích thiết kế hệ thống xây dựng hệ thống website bán đồ điện tử Sinh viên thực hiện: [Điền tên Mã sinh viên] Khóa [Mẫu bìa Kxx] Lớp iv MỤC LỤC PHIẾU GIAO NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP i TÓM TẮT NỘI DUNG ĐỒ ÁN TỐT NGHIỆP iii MỤC LỤC iv DANH MỤC HÌNH VẼ .viii DANH MỤC BẢNG BIỂU xii DANH MỤC TỪ VIẾT TẮT VÀ THUẬT NGỮ xvi MỞ ĐẦU PHẦN 1: ĐẶT VẤN ĐỀ VÀ ĐỊNH HƯỚNG GIẢI PHÁP 1.1 Nhiệm vụ 1.2 Định hướng giải 1.3 Tóm tắt sở lý thuyết công cụ sử dụng 1.3.1 Ngôn ngữ HTML 1.3.2 Ngôn ngữ CSS 1.3.3 Ngơn ngữ lập trình PHP 1.3.4 Thư viện hỗ trợ 1.3.5 Cơ sở liệu MySQL .9 1.3.6 Các cộng cụ sử dụng .10 PHẦN 2: CÁC KẾT QUẢ ĐẠT ĐƯỢC .10 2.1 Đặc tả yêu cầu 10 2.1.1 Backend 10 2.1.2 Frontend (Giao diện người dùng) 11 2.2 Các yêu cầu phi chức 12 2.3 Phân tích thiết kế hệ thống 12 2.4 Biểu đồ use case 15 2.4.1 Biểu đồ Use – case tổng quát 15 2.4.2 Use case đăng nhập .15 2.4.3 Use case quản lý danh mục 16 Sinh viên thực hiện: [Điền tên Mã sinh viên] Khóa [Mẫu bìa Kxx] Lớp v 2.4.4 Use case quản lý kho .17 2.4.5 Use case quản lý người dùng 18 2.4.6 Use case quản lý đơn hàng 19 2.4.7 Use case quản lý admin 20 2.4.8 Use case quản lý doanh thu 21 2.4.9 Use case quản lý trang cá nhân .21 2.4.10 Use case chức khách hàng 22 2.5 Biểu đồ .24 2.5.1 Biểu đồ chức đăng nhập 24 2.5.2 Biểu đồ quản lý danh mục sản phẩm 25 2.5.3 Biểu đồ quản lý sản phẩm 26 2.5.4 Biểu đồ quản lý mặt hàng bán chạy 27 2.5.5 Biểu đồ quản lý đơn hàng 27 2.5.6 Biểu đồ quản lý mặt hàng hết 28 2.5.7 Biểu đồ quản lý chế độ bảo hành .29 2.5.8 Biểu đồ quản lý đơn vị tính .30 2.5.9 Biểu đồ quản lý nội dung khuyến .31 2.5.10 Biểu đồ quản lý admin 32 2.5.11 Biểu đồ cấu hình chung Website 33 2.5.12 Biểu đồ quản lý hàng tồn 33 2.5.13 Biểu đồ nạp card 34 2.5.14 Biểu đồ đổi mã giảm giá 34 2.5.15 Biểu đồ xem lịch sử giao dịch 34 2.6 Biểu đồ lớp 35 2.6.1 Danh sách đối tượng .35 2.6.2 Mơ hình hóa lớp đối tượng 36 2.7 Thiết kế sở liệu 36 2.7.1 Danh sách bảng .36 2.7.2 Bảng Admin 37 2.7.3 Bảng Category .37 2.7.4 Bảng Rating 37 Sinh viên thực hiện: [Điền tên Mã sinh viên] Khóa [Mẫu bìa Kxx] Lớp vi 2.7.5 Bảng contact 38 2.7.6 Bảng Orders 38 2.7.7 Bảng product 38 2.7.8 Bảng Transaction 39 2.7.9 Bảng Users 39 2.7.10 Bảng Units 40 2.7.11 Bảng Promotions 40 2.7.12 Bảng Code 40 2.7.13 Bảng Card 40 2.7.14 Bảng Guarantee 40 2.7.15 Bảng Listimage 41 2.7.16 Bảng Setting_email .41 2.7.17 Bảng Slide 41 2.8 Mô hình sở liệu – mơ hình quan hệ mua hàng 42 2.8.1 Mơ hình sở liệu 42 2.8.2 Sơ đồ quan hệ mua hàng .43 2.9 Kết thực (giao diện) cài đặt, thử nghiệm 43 2.9.1 Giao diện trang quản trị 43 2.9.2 Giao diện đăng nhập hệ thống admin 44 2.9.3 Giao diện danh mục sản phẩm 44 2.9.4 Giao diện chế độ bảo hành 45 2.9.5 Giao diện nội dung khuyến 45 2.9.6 Giao diện đơn vị tính .46 2.9.7 Giao diện danh sách sản phẩm 46 2.9.8 Giao diện danh sách đơn hàng 47 2.9.9 Giao diện danh sách đơn hàng chưa toán 47 2.9.10 Giao diện danh sách đơn hàng toán 48 2.9.11 Giao diện danh sách hàng tồn 48 2.9.12 Giao diện danh sách mặt hàng bán chạy 49 2.9.13 Giao diện mặt hàng hết 49 2.9.14 Giao diện danh sách thành viên 50 Sinh viên thực hiện: [Điền tên Mã sinh viên] Khóa [Mẫu bìa Kxx] Lớp vii 2.9.15 Giao diện trang cá nhân admin .50 2.9.16 Giao diện quản lý doanh thu 51 2.9.17 Giao diện danh sách admin 51 2.9.18 Giao diện trang chủ website 52 2.9.19 Giao diện danh sách sản phẩm website 53 2.9.20 Giao diện liên hệ 54 2.9.21 Giao diện giới thiệu .54 2.9.22 Giao diện chi tiết sản phẩm 55 2.9.23 Giao diện đăng ký tài khoản 55 2.9.24 Giao diện đăng nhập hệ thống khách hàng 56 2.9.25 Giao diện giỏ hàng 56 2.9.26 Giao diện toán 57 2.9.27 Giao diện thông tin tài khoản khách hàng 58 2.9.28 Giao diện lịch sử giao dịch 58 2.9.29 Giao diện nạp card 59 2.9.30 Giao diện đổi mã giảm giá 59 2.9.31 Cài đặt thử nghiệm 60 2.10 Đánh giá .60 KẾT LUẬN 61 TÀI LIỆU THAM KHẢO .62 PHỤ LỤC 63 Sinh viên thực hiện: [Điền tên Mã sinh viên] Khóa [Mẫu bìa Kxx] Lớp viii DANH MỤC HÌNH VẼ Bảng 2.1: Các yêu cầu chức ứng dụng 12 Bảng 2.2: Bảng chức Admin 12 Bảng 2.3: Bảng chức khách hàng 13 Hình 2.1: Biểu đồ Use case tổng quát 15 Hình 2.2: Biểu đồ Use case đăng nhập 15 Hình 2.3: Biểu đồ Use case quản lý danh mục 16 Hình 2.4: Biểu đồ Use case quản lý kho 17 Hình 2.5: Biểu đồ Use case quản lý người dùng 18 Hình 2.6: Biểu đồ use case quản lý đơn hàng 19 Hình 2.7: Biểu đồ use case quản lý admin .20 Hình 2.8: Biểu đồ use case quản lý doanh thu .21 Hình 2.9: Biểu đồ use case quản lý trang cá nhân 21 Hình 2.10: Biểu đồ use case chức khách hàng 22 Hình 2.11: Biều đồ chức đăng nhập 24 Hình 2.12: Biều đồ quản lý danh mục sản phẩm .25 Hình 2.13: Biều đồ quản lý sản phẩm 26 Hình 2.14: Biều đồ quản lý mặt hàng bán chạy 27 Hình 2.15: Biều đồ quản lý đơn hàng 27 Hình 2.16: Biều đồ quản lý mặt hàng hết 28 Hình 2.17: Biều đồ quản lý chế độ bảo hành .29 Hình 2.18: Biểu đồ quản lý đơn vị tính 30 Hình 2.19: Biều đồ quản lý nội dung khuyến .31 Hình 2.20: Biều đồ quản lý admin .32 Hình 2.21: Biểu đồ cấu hình chung Website 33 Sinh viên thực hiện: [Điền tên Mã sinh viên] Khóa [Mẫu bìa Kxx] Lớp ix Hình 2.22: Biểu đồ quản lý hàng tồn 33 Hình 2.23: Biểu đồ nạp card 34 Hình 2.24: Biểu đồ đổi mã giảm giá 34 Hình 2.25: Biểu đồ xem lịch sử giao dịch 34 Bảng 2.4: Danh sách đối tượng .35 Hình 2.26: Biểu đồ lớp Website 36 Bảng 2.5: Danh sách bảng sở liệu 36 Bảng 2.6: Bảng Admin 37 Bảng 2.7: Bảng Category .37 Bảng 2.8: Bảng Rating 37 Bảng 2.9: Bảng Contact 38 Bảng 2.10: Bảng Orders 38 Bảng 2.11: Bảng product .38 Bảng 2.12: Bảng Transaction 39 Bảng 2.13: Bảng Users 39 Bảng 2.14: Bảng Units 40 Bảng 2.15: Bảng Promotions 40 Bảng 2.16: Bảng Code 40 Bảng 2.17: Bảng Card 40 Bảng 2.18: Bảng Guarantee 40 Bảng 2.19: Bảng Listimage 41 Bảng 2.20: Bảng Setting_email .41 Bảng 2.21: Bảng Slide 41 Hình 2.27: Mơ hình sở liệu 42 Sinh viên thực hiện: [Điền tên Mã sinh viên] Khóa [Mẫu bìa Kxx] Lớp 49 2.9.12 Giao diện danh sách mặt hàng bán chạy Hình 2.40: Giao diện danh sách mặt hàng bán chạy 2.9.13 Giao diện mặt hàng hết Hình 2.41: Giao diện mặt hàng hết Sinh viên thực hiện: [Điền tên Mã sinh viên] Khóa [Mẫu bìa Kxx] Lớp 50 2.9.14 Giao diện danh sách thành viên Hình 2.42: Giao diện danh sách thành viên 2.9.15 Giao diện trang cá nhân admin Hình 2.43: Giao diện trang cá nhân admin Sinh viên thực hiện: [Điền tên Mã sinh viên] Khóa [Mẫu bìa Kxx] Lớp 51 2.9.16 Giao diện quản lý doanh thu Hình 2.44: Giao diện quản lý doanh thu 2.9.17 Giao diện danh sách admin Hình 2.45: Giao diện danh sách admin Sinh viên thực hiện: [Điền tên Mã sinh viên] Khóa [Mẫu bìa Kxx] Lớp 52 2.9.18 Giao diện trang chủ website Hình 2.46: Giao diện trang chủ website Sinh viên thực hiện: [Điền tên Mã sinh viên] Khóa [Mẫu bìa Kxx] Lớp 53 2.9.19 Giao diện danh sách sản phẩm website Hình 2.47: Giao diện danh sách sản phẩm website Sinh viên thực hiện: [Điền tên Mã sinh viên] Khóa [Mẫu bìa Kxx] Lớp 54 2.9.20 Giao diện liên hệ Hình 2.48: Giao diện liên hệ 2.9.21 Giao diện giới thiệu Hình 2.49: Giao diện giới thiệu Sinh viên thực hiện: [Điền tên Mã sinh viên] Khóa [Mẫu bìa Kxx] Lớp 55 2.9.22 Giao diện chi tiết sản phẩm Hình 2.50: Giao diện chi tiết sản phẩm 2.9.23 Giao diện đăng ký tài khoản Hình 2.51: Giao diện đăng ký tài khoản Sinh viên thực hiện: [Điền tên Mã sinh viên] Khóa [Mẫu bìa Kxx] Lớp 56 2.9.24 Giao diện đăng nhập hệ thống khách hàng Hình 2.52: Giao diện đăng nhập hệ thống khách hàng 2.9.25 Giao diện giỏ hàng Hình 2.53: Giao diện giỏ hàng Sinh viên thực hiện: [Điền tên Mã sinh viên] Khóa [Mẫu bìa Kxx] Lớp 57 2.9.26 Giao diện tốn Hình 2.54: Giao diện toán Sinh viên thực hiện: [Điền tên Mã sinh viên] Khóa [Mẫu bìa Kxx] Lớp 58 2.9.27 Giao diện thơng tin tài khoản khách hàng Hình 2.55: Giao diện thông tin tài khoản khách hàng 2.9.28 Giao diện lịch sử giao dịch Hình 2.56: Giao diện lịch sử giao dịch Sinh viên thực hiện: [Điền tên Mã sinh viên] Khóa [Mẫu bìa Kxx] Lớp 59 2.9.29 Giao diện nạp card Hình 2.57: Giao diện nạp card 2.9.30 Giao diện đổi mã giảm giá Hình 2.58: Giao diện đổi mã giảm giá Sinh viên thực hiện: [Điền tên Mã sinh viên] Khóa [Mẫu bìa Kxx] Lớp 60 2.9.31 Cài đặt thử nghiệm - Hệ thống cài đặt chạy xampp, hệ quản trị sở liệu MySQL: + Bước 1: cài đặt xampp + Bước 2: người dùng đặt file source code vào file htdocs xampp + Bước 3: khởi động xampp + Bước 4: mở trình duyệt vào http://localhost/phpmyadmin/, import sở liệu hệ thống + Bước 5: tạo domain ảo cho website + Bước 6: reset xampp + Bước 7: truy cập website domain ảo tạo bước - Sau xây dựng hệ thống, hệ thống chạy tốt, ổn định, chức hoạt động bình thường 2.10 Đánh giá - Ưu điểm: + Xây dựng hoàn chỉnh hệ thống website bán đồ điện tử, đáp ứng mục tiêu đề + Các chức hoạt động tốt + Giao diện đẹp, thân thiện với người dùng - Nhược điểm: + Chưa tích hợp cổng toán điện tử phục vụ cho thao tác toán người dùng + Phần mềm chưa hỗ trợ theo hướng đa ngôn ngữ, tiếng anh - Khả ứng dụng: hệ thống ứng dụng phạm vi tồn quốc thơng qua internet, thao tác hệ thống không phức tạp nên sử dụng dễ dàng với đối tượng người dùng Sinh viên thực hiện: [Điền tên Mã sinh viên] Khóa [Mẫu bìa Kxx] Lớp 61 KẾT LUẬN Kết đạt đề tài Sau thời gian tập trung triển khai đề tài, tác giả hoàn thành Website bán đồ điện tử với giao diện đẹp, thao tác sử dụng dễ dàng, thân thiện với người dùng Sau hoàn thành xong được Website bán đồ điện tử, tác giả có thêm - Những kỹ tảng để xây dựng website ngôn ngữ PHP MySQL - Áp dụng kiến thức HTML, CSS Javascript học vào việc phát triển ứng dụng web - Mở rộng thêm kiến thức chuyên ngành nhờ việc tìm hiểu số kiến thức lập trình để áp dụng vào việc phát triển ứng dụng - Kỹ tự học vận dụng kỹ nâng cao Hạn chế đề tài Bên cạnh kết khả quan đạt được, tồn số hạn chế: - Tốc độ xử lý chưa cao chưa tối ưu code - Website chưa tích hợp cổng tốn trực tuyến cho người dùng Hướng phát triển đề tài - Tăng tính - Tối ưu hóa tốc độ xử lý để đem lại hiệu cao - Phát triển hệ thống theo hướng đa ngôn ngữ Sinh viên thực hiện: [Điền tên Mã sinh viên] Khóa [Mẫu bìa Kxx] Lớp 62 TÀI LIỆU THAM KHẢO Thạc Bình Cường, Phân tích thiết kế hệ thống thơng tin, nhà xuất Khoa học Kỹ thuật, 2002 Phạm Hữu Khang, Hồng Đức Hải, Giáo trình nhập mơn PHP MySQL – Xây dựng ứng dụng web (tủ sách dễ học), nhà xuất Phương Đông, 2005 https://kungfuphp.com/mysql/gioi-thieu-ve-he-quan-tri-co-so-du-lieu-mysql.html https://www.codehub.vn/Gioi-Thieu-Ve-jQuery https://developer.mozilla.org/vi/docs/Web/JavaScript/Guide/Gioi-thieu https://vi.wikipedia.org/wiki/CSS https://thachpham.com/web-development/html-css/css-la-gi-va-vai-tro.html https:// beta.wikiversity.org/wiki/Giới_thiệu_tổng_quan_về_AJAX 9.https://kipalog.com/posts/Bootstrap-la-gi Gioi-thieu-ve-bootstrap-va-hocbootstrap bootstrap-tutorial 10 http://hoclaptrinhweb.org/lap-trinh/hoc-php/227-bai-1-gioi-thieu-ve-ngon-ngulap-trinh-php-va-huong-dan-cai-dat.html Sinh viên thực hiện: [Điền tên Mã sinh viên] Khóa [Mẫu bìa Kxx] Lớp 63 PHỤ LỤC Sinh viên thực hiện: [Điền tên Mã sinh viên] Khóa [Mẫu bìa Kxx] Lớp ... 2.9.9 Giao di n danh sách đơn hàng chưa toán 47 2.9.10 Giao di n danh sách đơn hàng toán 48 2.9.11 Giao di n danh sách hàng tồn 48 2.9.12 Giao di n danh sách mặt hàng bán chạy ... Giao di n quản lý doanh thu 51 2.9.17 Giao di n danh sách admin 51 2.9.18 Giao di n trang chủ website 52 2.9.19 Giao di n danh sách sản phẩm website 53 2.9.20 Giao di n... ngày bận rộn ngày Cùng với đó, thực tế nhu cầu mua sắm người dân ngày tăng, đặc biệt thiết bị điện tử điện thoại di động, máy tính bảng, Chính thế, website quản lý bán đồ điện tử đáp ứng tối