Xây dựng website bán thiết bị IT

Xây dựng Website bán thiết bị IT GVHD: Mai Hà An SVTH: Nguyễn Mạnh Cƣờng LỜI CAM ĐOAN Em xin cam đoan cơng trình nghiên cứu riêng em đƣợc hƣớng dẫn thầy giáo Mai Hà An không chép Nếu khơng nhƣ em xin hồn tồn chịu trách nghiệm khóa luận Hà Nội, ngày 20 tháng 05 năm 2019 Ngƣời cam đoan Nguyễn Mạnh Cƣờng LỜI CẢM ƠN Đầu tiên, em xin gửi lời cảm ơn đến thầy cô giáo môn tin học Trƣờng Đại Học Lâm Nghiệp truyền đạt cho em nhiều kiến thức quý báu thời gian học tập trƣờng, tạo tiền đề để em hồn thành khóa luận tốt nghiệp Đặc biệt em xin gửi lời cảm ơn chân thành đến thầy Mai Hà An giảng viên môn tin học - Trƣờng Đại Học Lâm Nghiệp quan tâm, hƣớng dẫn định hƣớng cho em suốt trình làm khóa luận Tuy nhiên khả thời gian có hạn nên em chƣa thể thực tƣởng vào đề tài, khóa luận khơng thể tránh đƣợc thiếu sót Em mong đóng góp thầy bạn để khóa luận em trở nên hồn thiện Hà Nội, ngày 20 tháng 05 năm 2019 Sinh viên thực Nguyễn Mạnh Cƣờng MỤC LỤC LỜI CAM ĐOAN LỜI CẢM ƠN MỤC LỤC DANH MỤC CÁC BẢNG BIỂU DANH MỤC CÁC HÌNH VẼ LỜI MỞ ĐẦU TỔNG QUAN VỀ ĐỀ TÀI CHƢƠNG CƠ SỞ LÝ THUYẾT 1.1Các khái niệm sử dụng thƣơng mại điện tử 1.1.1 Khái niệm thƣơng mại điện tử 1.1.2 Các mơ hình thƣơng mại điện tử 1.1.3 Khái niệm mua hàng online 1.1.4 Khái niệm bán hàng online 1.1.5 Khái niệm toán trực tuyến 1.1.6 Khái niệm marketing trực tuyến 1.1.7 Khái niệm bảo mật thông tin 1.2 Lợi ích thƣơng mại điện tử 1.2.1 Đối với ngƣời tiêu dùng 1.2.2 Đối với doanh nghiệp 1.3 Những khó khăn ngƣời dùng tham gia thƣơng mại điện tử thực trạng thƣơng mại điện tử Việt Nam 1.3.1 Những khó khăn ngƣời dùng tham gia thƣơng mại điện tử 1.3.2 Thực trạng thƣơng mại điện tử Việt Nam CHƢƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Mục đích website 2.1.1 Về phía cửa hàng: 2.1.2 Về phía khách hàng: 2.2 Chức website 10 2.2.1 Đối với ngƣời quản lý 10 2.2.2 Đối với khách hàng 11 2.3 Lợi ích website 12 2.3.1 Đối với ngƣời ngƣời quản lý 12 2.3.2 Đối với khách hàng 13 2.4 Phân tích yêu cầu 13 2.4.1 Nhóm ngƣời dùng dự kiến website 13 2.4.2 Các yêu cầu hệ thống 14 2.4.3 Các kĩ thuật xây dựng yêu cầu 15 2.5 Phân tích tính khả thi 15 2.5.1 Tính khả thi mặt công nghệ 15 2.5.2 Tính khả thi kinh tế 16 2.6 Mơ tả usecase hệ thống 16 2.6.1 Danh sách Actor 16 2.6.2 Ý nghĩa Actor 16 2.6.3 Các usecase hệ thống 17 2.6.4 Đặc tả usecase 18 2.7 Biểu đồ lớp 31 2.8 Thiết kế sở liệu 32 2.8.1 Bảng hóa đơn (bills) 32 2.8.2 Bảng sản phẩm (products) 32 2.8.3 Bảng danh mục (categories) 33 2.8.4 Bảng khách hàng (customers) 33 2.8.5 Bảng ngƣời quản lý (admin) 35 2.8.6 Bảng bình luận (comments) 35 2.8.7 Bảng chi tiết đơn hàng (bill_detail) 35 2.9 Biểu đồ hoạt động 36 2.9.1 Đăng nhập 36 2.9.2 Đăng ký 36 2.9.3 Tìm kiếm 37 2.9.4 Xem thông tin chi tiết sản phẩm 37 2.9.5 Giỏ hàng 38 2.9.6 Xem thông tin cá nhân 38 2.9.7 Quản lý danh mục 38 2.9.8 Quản lý sản phẩm 39 2.9.9 Quản lý ngƣời dùng 39 2.9.10 Quản lý đơn hàng 40 CHƢƠNG 3: CÀI ĐẶT VÀ TRIỂN KHAI 42 3.1 Giao diện đăng nhập 42 3.2 Giao diện đăng ký 43 3.3 Giao diện khách hàng 43 3.3.1 Giao diện trang chủ 43 3.3.2 Giao diện xem thông tin sản phẩm 44 3.3.3 Giao diện toán 45 3.3.4 Giao diện xem sản phẩm hot 47 3.3.5 Kết tìm kiếm sản phẩm 47 3.3.6 Thông báo hệ thống ngƣời dùng đặt hàng thành công đặt hàng 48 3.3.7 Giới thiệu shop 50 3.4 Giao diện ngƣời quản lý 51 3.4.1 Giao diện trang quản lý 51 3.4.2 Giao diện quản lý danh mục/sản phẩm 52 3.4.4 Giao diện quản lý đơn hàng 58 3.4.5 Cài đặt 59 CHƢƠNG 4: KẾT LUẬN 61 4.1 Kết luận 61 4.2 Hƣớng phát triển 61 4.3 Kiến nghị 61 TÀI LIỆU THAM KHẢO DANH MỤC CÁC BẢNG BIỂU Bảng 2.1: Mô tả chức ngƣời quản lý 10 Bảng 2.2: Mô tả chức khách hàng 11 Bảng 2.3: Ý nghĩa actor 16 Bảng 2.4: Bảng CSDL bills 32 Bảng 2.5: Bảng CSDL products 32 Bảng 2.6: Bảng CSDL categories 33 Bảng 2.7: Bảng CSDL customers 33 Bảng 2.8: Bảng CSDL admin 35 Bảng 2.9: Bảng CSDL comments 35 Bảng 2.10: Bảng CSDL bill_detail 35 DANH MỤC CÁC HÌNH VẼ Hình 2.1: Sơ đồ phân cấp chức ngƣời quản lý 11 Hình 2.2: Sơ đồ phân cấp chức khách hàng 12 Hình 2.3: Biểu đồ usecase khách hàng 17 Hình 2.4: Biểu đồ usecase ngƣời quản lý 18 Hình 2.5: Biểu đồ usecase tổng quát 18 Hình 2.6: Biểu đồ usecase đăng nhập 19 Hình 2.7: Biểu đồ usecase đăng ký 20 Hình 2.8: Biểu đồ usecase đăng xuất 20 Hình 2.9: Biểu đồ usecase giỏ hàng 21 Hình 2.10: Biểu đồ usecase đặt hàng 22 Hình 2.11: Biểu đồ usecase xem thông tin chi tiết sản phẩm 23 Hình 2.12: Biểu đồ usecase xem thông tin cá nhân 23 Hình 2.13: Biểu đồ usecase tìm kiếm 24 Hình 2.14: Biểu đồ usecase quản lý danh mục 25 Hình 2.15: Biểu đồ usecase quản lý sản phẩm 27 Hình 2.16: Biểu đồ usecase quản lý đơn hàng 28 Hình 2.17: Biểu đồ usecase quản lý ngƣời dùng 29 Hình 2.18: Biểu đồ lớp 31 Hình 2.19: Biểu đồ hoạt động cho chức đăng nhập 36 Hình 2.20: Biểu đồ hoạt động cho chức đăng ký 36 Hình 2.21: Biểu đồ hoạt động cho chức tìm kiếm 37 Hình 2.22: Biểu đồ hoạt động cho chức xem chi tiết sản phẩm 37 Hình 2.23: Biểu đồ hoạt động cho chức giỏ hàng 38 Hình 2.24: Biểu đồ hoạt động cho chức xem thông tin cá nhân 38 Hình 2.25: Biểu đồ hoạt động cho chức quản lý danh mục 39 Hình 2.26: Biểu đồ hoạt động cho chức quản lý sản phẩm 39 Hình 2.27: Biểu đồ hoạt động cho chức quản lý ngƣời dùng 40 Hình 2.28: Biểu đồ hoạt động cho chức quản lý đơn hàng 40 Hình 3.1: Giao diện đăng nhập 42 Hình 3.2: Giao diện đăng ký 43 Hình 3.3: Giao diện trang chủ 44 Hình 3.4: Giao diện thông tin sản phẩm 44 Hình 3.5: Giao diện thơng tin sản phẩm 45 Hình 3.6: Giao diện tốn 46 Hình 3.7: Giao diện xem sản phẩm hot 47 Hình 3.8: Giao diện kết tìm kiếm sản phẩm 47 Hình 3.9: Giao diện thơng báo đặt hàng thành công 48 Hình 3.10: Thơng tin hóa đơn shop gửi gmail sau mua hàng thành công 49 Hình 3.11: Giao diện giới thiệu shop 50 Hình 3.12: Giao diện giới thiệu shop 50 Hình 3.13: Giao diện trang quản lý 51 Hình 3.14: Giao diện quản lý danh mục/sản phẩm 52 Hình 3.15: Giao diện thêm danh mục 52 Hình 3.16: Giao diện thêm sản phẩm 53 Hình 3.18: Giao diện sửa sản phẩm 54 Hình 3.19: Giao diện xóa danh mục 55 Hình 3.20: Giao diện xóa sản phẩm 55 Hình 3.21: Giao diện quản lý ngƣời dùng 56 Hình 3.23: Giao diện sửa thành viên 57 Hình 3.24: Giao diện xóa ngƣời dùng 58 Hình 3.25: Giao diện quản lý đơn hàng 58 Hình 3.26: Giao diện hủy đơn hàng 59 LỜI MỞ ĐẦU Trong đời sống đại ngày từ khóa nhƣ "Cơng nghệ thơng tin, Internet" khơng cịn q lạ lẫm với Khi khoa học công nghệ ngày tiến bộ, đời sống ngƣời ngày đƣợc cải thiện ứng dụng công nghệ thông tin Internet ảnh hƣởng đến phát triển đất nƣớc mà ảnh hƣởng trực tiếp đến sống Chúng ta dùng Internet để giải trí, học tập làm việc, kinh doanh, mua sắm, Ví dụ nhƣ nói chuyện, nhắn tin với ngƣời thân dù họ cách hàng nghìn km hay thay phải mang nhiều tiền mặt mua sắm việc toán thẻ ngân hàng Cịn nhiều lợi ích khác mà Internet mang lại cho Hiện doanh nghiệp, công ty tận dụng sức mạnh công nghệ thông tin, Internet phát triển thƣơng mại điện tử để quảng bá buôn bán sản phẩm họ đồng thời nhằm đáp ứng nhu cầu ngày tăng ngƣời đặc biệt nhu cầu mua bán trao đổi hàng hóa Bằng thao tác đơn giản bạn tìm hiểu thơng tin mua thứ bạn cần mà khơng q nhiều thời gian Bạn cần kết nối máy tính với Internet truy cập vào trang thƣơng mại điện tử, chọn sản phẩm bạn cần sản phẩm đƣợc giao đến tận nhà cho bạn Chính em chọn đề tài: "Xây dựng website bán thiết bị IT" Đây website đơn giản nhƣng đầy đủ chức có giao diện dễ sử dụng để ngƣời dùng mua sắm cách dễ dàng thuận tiện Khóa luận gồm bốn chƣơng :  Chƣơng 1: Cơ sở lý thuyết  Chƣơng 2: Phân tích thiết kế hệ thống  Chƣơng 3: Cài đặt triển khai  Chƣơng 4: Kết luận  Giúp ngƣời dùng tìm thấy sản phẩm cần mua cách nhanh chóng  Khách hàng điền vào text box tìm kiếm với độ dài kí tự tối đa 255 kí tự  Hƣớng dẫn: - Bƣớc 1: Nhập từ khóa vào form “Tìm kiếm” - Bƣớc 2: Hệ thống hiển thị kết 3.3.6 Thông báo hệ thống người dùng đặt hàng thành công đặt hàng Hình 3.9: Giao diện thơng báo đặt hàng thành công  Thông báo tới ngƣời dùng sau mua hàng thành công  Hƣớng dẫn - Sau đặt hàng thành công ngƣời dùng đƣợc chuyển trang chủ với thơng báo “Mua hàng thành cơng hóa đơn đƣợc gửi vào gmail”, Khách hàng vào gmail để xem thơng tin hóa đơn shop gửi 48 Hình 3.10: Thơng tin hóa đơn shop gửi gmail sau mua hàng thành công - 49 3.3.7 Giới thiệu shop Hình 3.11: Giao diện giới thiệu shop Hình 3.12: Giao diện giới thiệu shop  Giúp khách hàng biết thông tin dịch vụ địa shop  Hƣớng dẫn: - Bƣớc 1: Nhấn vào icon “shop” tìm kiếm - Bƣớc 2: Hệ thống hiển thị thông tin shop 50 3.4 Giao diện ngƣời quản lý 3.4.1 Giao diện trang quản lý Hình 3.13: Giao diện trang quản lý  Hiển thị chức quản lý giúp ngƣời quản lý dễ dàng quản lý hoạt động website  Hƣớng dẫn: - Sau tài khoản admin đăng nhập thành công hệ thống chuyển đến trang quản lý - Bƣớc 1: Chọn chức muốn thực - Bƣớc 2: Ấn nút “Thực hiện” 51 3.4.2 Giao diện quản lý danh mục/sản phẩm Hình 3.14: Giao diện quản lý danh mục/sản phẩm  Hiển thị danh sách danh mục sản phẩm kèm theo chức năng: - Thêm danh mục: Hình 3.15: Giao diện thêm danh mục  Giúp ngƣời quản lý thêm danh mục sản phẩm  Ngƣời dùng nhập tên danh mục cần thêm với độ dài kí tự tối đa 20 kí tự ấn nút lƣu  Hƣớng dẫn: o Bƣớc 1: Nhập đủ thông tin form “Thêm danh mục” 52 o Bƣớc 2: Nhấn nút “Lƣu” o Bƣớc 3: Hệ thống thông báo thêm thành cơng - Thêm sản phẩm: Hình 3.16: Giao diện thêm sản phẩm  Giúp ngƣời quản lý thêm sản phẩm  Ngƣời dùng nhập đầy đủ thông tin sản phẩm cần thêm vào ô text box form thêm sản phẩm với độ dài kí tự tối đa 200 kí tự ấn nút lƣu  Hƣớng dẫn: o Bƣớc 1: Nhập đủ thông tin form “Thêm sản phẩm” o Bƣớc 2: Nhấn nút “Lƣu” o Bƣớc 3: Hệ thống thông báo thêm thành cơng - Sửa danh mục: Hình 3.17: Giao diện sửa danh mục 53  Giúp ngƣời quản lý sửa danh mục sản phẩm  Ngƣời dùng nhập tên danh mục cần sửa với độ dài kí tự tối đa 20 kí tự ấn nút lƣu  Hƣớng dẫn: o Bƣớc 1: Nhập đủ thông tin form “Sửa danh mục” o Bƣớc 2: Nhấn nút “Lƣu” o Bƣớc 3: Hệ thống thông báo sửa thành cơng - Sửa sản phẩm: Hình 3.18: Giao diện sửa sản phẩm  Giúp ngƣời quản lý sửa thông tin sản phẩm  Ngƣời dùng nhập đầy đủ thông tin sản phẩm cần sửa vào ô text box form sửa sản phẩm với độ dài kí tự tối đa 200 kí tự ấn nút lƣu  Hƣớng dẫn: o Bƣớc 1: Nhập đủ thông tin form “Sửa sản phẩm” o Bƣớc 2: Nhấn nút “Lƣu” o Bƣớc 3: Hệ thống thông báo sửa thành cơng 54 - Xóa danh mục: Hình 3.19: Giao diện xóa danh mục  Giúp ngƣời quản lý xóa thơng tin danh mục sản phẩm khỏi CSDL  Hƣớng dẫn: o Bƣớc 1: Nhấn nút “Xóa” o Bƣớc 2: Hệ thống thơng báo xóa thành cơng - Xóa sản phẩm: Hình 3.20: Giao diện xóa sản phẩm  Giúp ngƣời quản lý xóa thơng tin sản phẩm khỏi CSDL  Hƣớng dẫn: 55 o Bƣớc 1: Nhấn nút “Xóa” o Bƣớc 2: Hệ thống thơng báo xóa thành cơng - Kết tìm kiếm sản phẩm: Hình 3.21: Giao diện quản lý người dùng  Giúp ngƣời dùng tìm thấy sản phẩm cần mua cách nhanh chóng  Khách hàng điền vào text box tìm kiếm với độ dài kí tự tối đa 255 kí tự  Hƣớng dẫn: o Bƣớc 1: Nhập từ khóa vào form “Tìm kiếm” o Bƣớc 2: Hệ thống hiển thị kết 3.4.3 Giao diện quản lý người dùng 56 Hình 3.22: Giao diện quản lý người dùng  Hiển thị danh sách thông tin ngƣời dùng kèm theo chức năng: - Sửa ngƣời dùng Hình 3.23: Giao diện sửa thành viên  Giúp ngƣời quản lý sửa thông tin thành viên  Khách hàng nhập đầy đủ thông tin vào hai ô text bõ form sửa ngƣời dùng với độ dài kí tự ô 255 ấn nút lƣu  Hƣớng dẫn: o Bƣớc 1: Nhập đủ thông tin form “Sửa thành viên” o Bƣớc 2: Nhấn nút “Lƣu” o Bƣớc 3: Hệ thống thông báo sửa thành cơng - Xóa ngƣời dùng 57 Hình 3.24: Giao diện xóa người dùng  Giúp ngƣời quản lý xóa thông thành viên CSDL  Hƣớng dẫn: o Bƣớc 1: Nhấn nút “Xóa” o Bƣớc 2: Hệ thống thơng báo xóa thành cơng 3.4.4 Giao diện quản lý đơn hàng Hình 3.25: Giao diện quản lý đơn hàng 58  Hiển thị danh sách thông tin đơn hàng nhƣ thông tin khách hàng, tên giá sản phẩm mà khách hàng đặt thời gian đặt hàng giúp ngƣời quản lý dễ dàng chuẩn bị kế hoạch giao hàng kèm theo chức hủy đơn hàng - Hủy đơn hàng Hình 3.26: Giao diện hủy đơn hàng  Giúp ngƣời quản lý hủy đơn hàng ảo CSDL  Hƣớng dẫn: - Bƣớc 1: Nhấn nút “Hủy đơn hàng” - Bƣớc 2: Hệ thống thông báo hủy thành công 3.4.5 Cài đặt  Hệ thống sử dụng ngôn ngữ PHP (framework laravel)  Sử dụng html, css, javascript để thiết kế giao diện  Sử dụng hệ quản trị sở liệu SQL  Xây dựng hệ điều hành linux  Máy tính GB Ram, tốc độ CPU 2,4 GHz trở lên 59 Kết luận:  Nội dung chƣơng nhằm giới thiệu website hoàn chỉnh mà em xây dựng dựa phần phân tích thiết kế chƣơng  Có hình ảnh mơ tả cụ thể chức website để ngƣời đọc dễ hình dung chức hoạt động nào, mục đích 60 CHƢƠNG 4: KẾT LUẬN 4.1 Kết luận Trong thời gian làm khóa luận em tìm hiểu nhƣ tham khảo nhiều website thƣơng mại điện tử tài liệu laravel, bootstrap, Từ em tìm hiểu đƣợc nhiều kiến thức hoàn thiện đƣợc đề tài: "Xây dựng website thƣơng mại điện tử bán thiết bị IT" Những kết làm đƣợc đề tài nhƣ sau:  Website có đầy đủ chức dành cho ngƣời dùng: - Về phía ngƣời quản lý: Có đầy đủ chức quản lý ngƣời dùng, đơn hàng, danh mục, sản phẩm với thao tác thêm, sửa xóa, giúp ngƣời quản lý dễ dàng quản lý website - Về phía khách hàng: Website hiển thị đầy đủ loại sản phẩm khuyến mại shop Đồng thời có chức nhƣ xem thông tin sản phẩm, chức xem sản phẩm hot, chức tốn, chức tìm kiếm,… Những mặt hạn chế website  Trong thời gian thực khóa luận em cố gắng để website hoạt động tốt nhƣng kiến thức thời gian hạn chế em chƣa hoàn thiện đƣợc chức giỏ hàng Ngoài mặt hạn chế nêu website em xây dựng hoạt động tốt đáp ứng đƣợc tiêu chí website thƣơng mại điện tử 4.2 Hƣớng phát triển  Phát triển, hoàn thiện chức giỏ hàng 4.3 Kiến nghị  Khóa luận hồn thành đạt đƣợc kết tích cực Tuy nhiên khóa luận cịn nhiều mặt hạn chế chƣa đƣợc giải khả em có giới hạn Chính em mong thầy bạn góp ý để thân em khóa luận em đƣợc tốt 61 TÀI LIỆU THAM KHẢO Nguyễn Văn Ba (2003), Phân tích thiết kế hệ thống thông tin, NXB Đại học quốc gia Hà Nội PGS.TS Hồng Hữu Mạnh (2012), Giáo trình phân tích thiết kế hƣớng đối tƣợng UML, NXB Khoa học Kĩ thuật, Hà Nội Trần Nguyên Phong, Giáo trình thực hành SQL Server Martin Bean, sách Laravel Essentials ... bán  Tiếp cận gần với thƣơng mại điện tử thời đại công nghệ 4.0 Mục tiêu đề tài  Xây dựng website thƣơng mại điện tử bán thiết bị IT Nội dung thực  Xây dựng hoành chỉnh website bán thiết bị. .. tâm tốn website có chức toán qua thẻ ATM toán nhận hàng 2.4 Phân tích u cầu 2.4.1 Nhóm người dùng dự kiến website  Website đƣợc xây dựng để đáp ứng nhu cầu khách hàng thiết bị IT  Website chia... phẩm website bán hàng em xây dựng dựa tiêu chí có lợi thƣơng mạng điện tử mang lại cho ngƣời sử dụng Đồng thời giải số vấn đề thƣơng mại điện tử website với đầy đủ chức nhƣ:  Giao diện website bán