XÂY DỰNG WEBSITE bán áo QUẦN CHO cửa HÀNG ORIANNA

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT KHOA ĐIỆN – ĐIỆN TỬ Tel: (84-02363) 894882 – Fax: (84-02363) 894882 Website: http://feee.ute.udn.vn - E-mail: cntt@ute.edu.vn BÁO CÁO ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN MÃ NGÀNH : 505333 ĐỀ TÀI : XÂY DỰNG WEBSITE BÁN ÁO QUẦN CHO CỬA HÀNG ORIANNA CBHD : ThS.Trần Bửu Dung SINH VIÊN : Nguyễn Cương Quyết MSSV : 161250533165 ĐÀ NẴNG, 08/2020 LỜI CẢM ƠN Tôi xin chân thành cảm ơn thầy cô khoa Điện – Điện tử, môn Công nghệ thông tin, trường Đại học Sư phạm Kỹ thuật truyền đạt kiến thức quý báu cho năm học vừa qua tạo điều kiện thuận lợi cho học tập, thực đề tài tốt nghiệp Đặc biệt, xin chân thành cảm ơn Thầy giáo ThS.Trần Bửu Dung trực tiếp, tận tình giúp đỡ hướng dẫn suốt thời gian thực đề tài Và để có kết ngày hơm nay, tơi biết ơn gia đình Ơng Bà, Cha Mẹ người thân gia đình động viên, khích lệ, tạo điều kiện thuận lợi vật chất lẫn tinh thần suốt trình học tập trình thực đề tài tốt nghiệp Mặc dù cố gắng hoàn thành đồ án phạm vi khả cho phép chắn không tránh khỏi thiếu sót Tơi mong nhận thơng cảm, góp ý tận tình bảo q Thầy Cơ bạn Một lần xin chân thành cám ơn! Đà Nẵng, ngày 27 tháng 07 năm 2020 Sinh viên thực Nguyễn Cương Quyết Đồ án tốt nghiệp CNTT SVTH: Nguyễn Cương Quyết GVHD: Ths.Trần Bửu Dung Đồ án tốt nghiệp CNTT GVHD: Ths.Trần Bửu Dung LỜI CAM ĐOAN Tôi xin cam đoan : Những nội dung luận văn thực hướng dẫn trực tiếp thầy ThS.Trần Bửu Dung Mọi tham khảo dùng luận văn trích dẫn rõ ràng tên tác giả, tên cơng trình, thời gian, địa điểm cơng bố Mọi chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá, tơi xin chịu hồn tồn trách nhiệm Sinh viên thực Nguyễn Cương Quyết SVTH: Nguyễn Cương Quyết Đồ án tốt nghiệp CNTT GVHD: Ths.Trần Bửu Dung NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Đà Nẵng, ngày tháng năm 2020 GVHD SVTH: Nguyễn Cương Quyết Đồ án tốt nghiệp CNTT GVHD: Ths.Trần Bửu Dung NHẬN XÉT CỦA HỘI ĐỒNG PHẢN BIỆN Đà Nẵng, ngày tháng năm 2020 HĐPB SVTH: Nguyễn Cương Quyết Đồ án tốt nghiệp CNTT GVHD: Ths.Trần Bửu Dung MỤC LỤC LỜI CẢM ƠN LỜI CAM ĐOAN NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN .6 NHẬN XÉT CỦA HỘI ĐỒNG PHẢN BIỆN DANH MỤC BẢNG BIỂU 12 DANH MỤC HÌNH ẢNH .15 DANH MỤC CÁC THUẬT NGỮ VIẾT TẮT .17 CHƯƠNG 1: ĐẶT VẤN ĐỀ VÀ ĐỊNH HƯỚNG GIẢI PHÁP 18 2.1 Framework Laravel 20 2.1.1 Khái niệm 20 2.1.2 Mô hình MVC .20 2.1.3 Ưu nhược điểm Laravel 21 2.2 Xampp 21 2.3 Thư viện Bootstrap 22 2.4 Thư viện JQUERY 23 3.1 Phía người dùng 24 3.1.1 Chức xem chi tiết sản phẩm 24 3.1.2 Chức xem tin tức 24 3.1.3 Chức quản lý giỏ hàng 24 3.1.4 Chức tìm kiếm sản phẩm 24 3.1.5 Chức toán 24 3.1.6 Chức đánh giá sản phẩm .24 3.1.7 Chức liên hệ 24 3.1.8 Chức quản lý tài khoản 25 3.2 Phía quản trị viên 25 SVTH: Nguyễn Cương Quyết Đồ án tốt nghiệp CNTT GVHD: Ths.Trần Bửu Dung 3.2.1 Chức quản lý danh mục 25 3.2.2 Chức quản lý sản phẩm 25 3.2.3 Chức quản lý tin tức 25 3.2.4 Chức quản lý đơn hàng 26 3.2.5 Chức quản lý kho hàng 26 3.2.6 Chức quản lý liên hệ .26 3.2.7 Chức quản lý trang tĩnh 26 3.2.8 Chức phân quyền 26 3.3 Biểu đồ Use Case 26 3.3.1 Use Case tổng quát 26 3.3.2 Use Case đăng nhập .27 3.3.3 Use Case quản lý danh mục 28 3.3.4 Use Case quản lý sản phẩm 30 3.3.5 Use Case quản lý tin tức 31 3.3.6 Use Case quản lý đơn hàng 32 3.3.7 Use Case quản lý kho 33 3.3.8 Use Case quản lý trang tĩnh 34 3.3.9 Use Case quản lý liên hệ 35 3.3.10 Use Case đăng ký 36 3.3.11 Use Case quản lý thông tin 37 3.3.12 Use Case quên mật 38 3.3.13 Use Case xem chi tiết sản phẩm 39 3.3.14 Use Case tìm kiếm sản phẩm .40 3.3.15 Use Case đánh giá sản phẩm 41 3.3.16 Use Case quản lý giỏ hàng 42 3.3.17 Use Case toán 43 3.3.18 Use Case xem tin tức 44 SVTH: Nguyễn Cương Quyết Đồ án tốt nghiệp CNTT GVHD: Ths.Trần Bửu Dung 3.3.19 Use Case liên hệ 45 3.4 Biểu đồ (sequence) .46 3.4.1 Chức đăng nhập 46 3.4.2 Chức quản lý danh mục sản phẩm 47 3.4.3 Chức quản lý sản phẩm 48 3.4.4 Chức quản lý viên .48 3.4.5 Chức quản lý tin tức 49 3.4.6 Chức quản lý Page tĩnh 50 3.4.7 Chức quản lý đơn hàng 50 3.4.8 Chức quản lý kho 51 3.5 Sơ đồ ERD 51 4.1 Kiến trúc hệ thống 53 4.1.1 Model 53 4.1.2 View 53 4.1.3 Controller 53 4.2 Thiết kế sở liệu .55 4.2.1 Danh sách bảng .55 4.2.2 Bảng admins 56 4.2.2 Bảng articles 56 4.2.4 Bảng categories .57 4.2.5 Bảng contacts 57 4.2.6 Bảng orders 57 4.2.7 Bảng page_statics 58 4.2.8 Bảng password_resets 58 4.2.9 Bảng products 59 4.2.10 Bảng ratings 59 4.2.11 Bảng transactions 60 SVTH: Nguyễn Cương Quyết 10 Đồ án tốt nghiệp CNTT update_at a_hot GVHD: Ths.Trần Bửu Dung Timestamp Thời gian cập nhật Tinyint Trạng thái bật Bảng 50: Bảng articles 4.2.4 Bảng categories S Tên trường TT Kiểu Mô tả id Int Khóa c_name Varchar Tên danh mục c_slug Varchar Đường dẫn c_active Tinyint Trạng thái created_at Timestamp Thời gian tạo update_at Timestamp Thời gian cập nhật Bảng 51: Bảng categories 4.2.5 Bảng contacts S TT Tên trường Kiểu Mô tả id Int Khóa c_name Varchar Tên người gửi c_email Varchar email c_title Varchar Tiêu đề liên hệ c_content c_status created_at Timestamp Thời tian tạo update_at Timestamp Thời gian cập nhật Text Nội dung liên hệ Tinyint Trạng thái Bảng 52: Bảng contacts 4.2.6 Bảng orders S Tên trường SVTH: Nguyễn Cương Quyết Kiểu Mô tả 57 Đồ án tốt nghiệp CNTT GVHD: Ths.Trần Bửu Dung TT id Int Khóa or_transaction_id Int or_product_id Int or_qty or_price Int or_sale Tinyint created_at Timestamp Thời tian tạo update_at Timestamp Thời gian cập nhật Khóa ngoại đến bảng transactions Khóa ngoại đến bảng products Tinyint Số lượng Số tiền Giảm giá Bảng 53: Bảng orders 4.2.7 Bảng page_statics S TT Tên trường Kiểu Int Mơ tả id Khóa ps_name Varchar Tên trang ps_type Tinyint Loại trang ps_content Text Nội dung created_at Timestamp Thời tian tạo update_at Timestamp Thời gian cập nhật Bảng 54: Bảng page_statics 4.2.8 Bảng password_resets S TT Tên trường Kiểu Mô tả email Varchar Email xác nhận token Varchar Mã thông báo xác nhận created_at Timestamp Thời tian tạo Bảng 55: Bảng password_resets SVTH: Nguyễn Cương Quyết 58 Đồ án tốt nghiệp CNTT GVHD: Ths.Trần Bửu Dung 4.2.9 Bảng products S Tên trường TT Kiểu Mô tả id Int Khóa pro_name Varchar Tên sản phẩm pro_slug Varchar Đường dẫn pro_category_id Int pro_price Int pro_sale Tinyint Giảm giá pro_active Tinyint Trạng thái hiển thị pro_hot Tinyint Trạng thái bật pro_view pro_description Varchar Mô tả sản phẩm pro_avatar Varchar ảnh sản phẩm created_at Timestamp Thời gian tạo updated_at Timestamp Thời gian cập nhật pro_content Longtext Nội dung sản phẩm pro_number Tinyint Số lượng sản phẩm pro_total_rating Int pro_total_number Int Khóa ngoại tới bảng categoris Giá sản phẩm Int Lượt xem Tổng số đánh giá Tổng số điểm đánh giá Bảng 56: Bảng products 4.2.10 Bảng ratings S Tên trường TT Kiểu id Int ra_product_id Int SVTH: Nguyễn Cương Quyết Mơ tả Khóa Khóa product ngoại tới bảng 59 Đồ án tốt nghiệp CNTT GVHD: Ths.Trần Bửu Dung ra_number Tinyint Điểm đánh giá ra_content Varchar Nội dung đánh giá ra_user_id Int created_at Timestamp Thời tian tạo update_at Timestamp Thời gian cập nhật Khóa ngoại tới bảng users Bảng 57: Bảng ratings 4.2.11 Bảng transactions S Tên trường TT Kiểu Mô tả id Int Khóa tr_user_id Int Khóa ngoại tới bảng users tr_total Int Tổng tiền toán tr_note Varchar Ghi yêu cầu tr_address Varchar Địa nhận tr_phone Varchar Số điện thoại tr_status Varchar Trạng thái giao dịch created_at Timestamp Thời tian tạo update_at Timestamp Thời gian cập nhật tr_type Tinyint Loại toán Bảng 58: Bảng transactions 4.2.12 Bảng users S TT Tên trường Kiểu id name Varchar Tên thành viên email Varchar Email thành viên phone Varchar Số điện thoại SVTH: Nguyễn Cương Quyết Int Mơ tả Khóa 60 Đồ án tốt nghiệp CNTT avarar Varchar Ảnh đại diện password Varchar Mật đăng nhập created_at Timestamp Thời gian tạo update_at Timestamp Thời gian cập nhật total_pay Int 1 1 GVHD: Ths.Trần Bửu Dung Tổng toán address Varchar Địa note Varchar Mô tả thân code Varchar time_code Mã thông báo thay đổi mật Timestamp Thời gian thay đổi Bảng 59: Bảng users SVTH: Nguyễn Cương Quyết 61 Đồ án tốt nghiệp CNTT GVHD: Ths.Trần Bửu Dung CHƯƠNG 5: KẾT QUẢ CÀI ĐẶT 5.1 Giao diện người sử dụng 5.1.1 Giao diện trang chủ Hình 33: Giao diện trang chủ 5.1.2 Giao diện đăng ký Hình 34: Giao diện đăng ký SVTH: Nguyễn Cương Quyết 62 Đồ án tốt nghiệp CNTT GVHD: Ths.Trần Bửu Dung 5.1.3 Giao diện đăng nhập Hình 35: Giao diện đăng nhập 5.1.4 Giao diện nội dung trang chủ Hình 36: Giao diện nội dung trang chủ SVTH: Nguyễn Cương Quyết 63 Đồ án tốt nghiệp CNTT GVHD: Ths.Trần Bửu Dung 5.1.5 Giao diện chi tiết đánh giá sản phẩm Hình 37.1: Giao diện chi tiết sản phẩm Hình 38.2: Giao diện đánh giá sản phẩm SVTH: Nguyễn Cương Quyết 64 Đồ án tốt nghiệp CNTT GVHD: Ths.Trần Bửu Dung 5.1.6 Giao diện giỏ hàng Hình 39: Giao diện giỏ hàng 5.1.7 Giao diện tốn trực tiếp Hình 40: Giao diện toán trực tiếp SVTH: Nguyễn Cương Quyết 65 Đồ án tốt nghiệp CNTT GVHD: Ths.Trần Bửu Dung 5.2 Giao diện người quản trị 5.2.1 giao diện đăng nhập quản trị Hình 41: Giao diện đăng nhập quản trị 5.2.2 Giao diện tổng quan quản trị Hình 42: Giao diện tổng quan quản trị SVTH: Nguyễn Cương Quyết 66 Đồ án tốt nghiệp CNTT GVHD: Ths.Trần Bửu Dung 5.2.3 giao diện quản lý danh mục Hình 43: Giao diện quản lý danh mục 5.2.4 Giao diện quản lý sản phẩm Hình 44: Giao diện quản lý sản phẩm SVTH: Nguyễn Cương Quyết 67 Đồ án tốt nghiệp CNTT GVHD: Ths.Trần Bửu Dung 5.2.5 giao diện quản lý tin tức Hình 45: Giao diện quản lý tin tức 5.2.6 giao diện quản lý đơn hàng Hình 46: Giao diện quản lý đơn hàng SVTH: Nguyễn Cương Quyết 68 Đồ án tốt nghiệp CNTT GVHD: Ths.Trần Bửu Dung 5.2.7 giao diện quản lý kho Hình 47: Giao diện quản lý kho 5.2.8 giao diện quản lý trang tĩnh Hình 48: Giao diện quản lý trang tĩnh SVTH: Nguyễn Cương Quyết 69 Đồ án tốt nghiệp CNTT GVHD: Ths.Trần Bửu Dung CHƯƠNG 6: KẾT LUẬN VÀ PHƯƠNG HƯỚNG PHÁT TRIỂN 6.1 Kết luận Đề tài xác mục đích phù hợp với yêu cầu doanh nghiệp nhỏ cửa hàng gia dụng ngày phát triển với số lượng ngày tăng lên thành thị lẫn nông thơn Thực việc phân tích thiết kế hệ thống với chức cần thiết trang web bán hàng Tìm hiểu lý thuyết Laravel framework, PHP, HTML, CSS, giúp đỡ em có thêm kỹ tảng mở rộng kiến thức để xây dựng phát triển ứng dụng website vào sống Hệ thống hoàn thiện chứng website bán hàng gia dụng với giao diện ưa nhìn, khơng phức tạp, đơn giản dễ sử dụng Có chức hiển thị sản phẩm vừa xem, đánh giá cho điểm sản phẩm Thực toán thường toán online Gửi email đăng ký thành viên email quên mật giúp cho khách hàng sử dụng email để đổi mật quên Thống kê doanh thu sản phẩm xử lý Bên cạnh hệ thống chưa hoàn thiện chức người sử dụng xác định cấp độ thành viên thân thiết với website, liên kết đăng nhập tài khoản xã hội facebook, google So sánh sản phẩm để khách hàng đưa lựa chon Tốc độ xử lý chưa cao chưa tối ưu lập trình Quản lý danh mục sản phẩm chưa hợp lý, quản lý kho chưa tối ưu vấn đề với điều kiện liên quan thời gian hàng tồn 6.2 Hướng phát triển Tiếp tục phát triển hoàn thiện website với chức xây dựng liên kết đăng nhập, so sánh sản phẩm website, thực quản lý kho khuyến mại với điều kiện cụ thể theo thời gian Thống kê cụ thể sản phẩm kho Thống kê chi phí, lợi nhuận Thực truy xuất chi phí, doanh thu lợi nhuận word excel Tối ưu hóa để cải thiện tốc độ xử lý Danh mục sản phẩm thực lọc sản phẩm đa thuộc tính SVTH: Nguyễn Cương Quyết 70 Đồ án tốt nghiệp CNTT GVHD: Ths.Trần Bửu Dung TÀI LIỆU THAM KHẢO [1] Larave https://laravel.com/ [2]MVChttps://en.wikipedia.org/wiki/Model%E2%80%93view %E2%80%93controller [3] Xampp https://vi.wikipedia.org/wiki/XAMPP [4] Bootstrap http://getbootstrap.com.vn/about/ [5] jQuery https://vi.wikipedia.org/wiki/JQuery [6] https://www.php.net/ [7] https://www.w3schools.com/ [8] https://viblo.asia/newest [9] Kênh youtube : Trung Phú NA SVTH: Nguyễn Cương Quyết 71 ... nghiệp nhỏ hay cửa hàng gia dụng đơn lẻ, việc xây dựng thuê mặt đầu tư bị giới hạn phạm vi địa lý, tiếp cận với khách hàng địa phương Website bán áo quần online giúp tiếp cận khách hàng không khu... quan trọng website bán áo quần online nhu cầu khách hàng địa phương Hình thức mua sắm đáp ứng nhu cầu người thời đại tiết kiệm nhiều cơng sức thời gian.Việc sử dụng website bán áo quần online... kiến Xây dựng website với đầy đủ chức mục 1.4 1.6 Kế hoạch thực STT Công việc Tìm hiểu qui trình nghiệp vụ thực tế cửa hàng Phân tích thiết kế hệ thống Xây dựng sở liệu Thiết kế giao diện website