ĐỒ án tốt NGHIỆP xây DỰNG WEBSITE bán GIÀY ONLINE

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG VIỆT HÀN Khoa Khoa Học Máy Tính ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE BÁN GIÀY ONLINE Sinh viên thực hiện: KEONETH SOUPHAKONE Lớp: 19i1 Giảng viên hướng dẫn: THS DƯƠNG THỊ MAI NGA Đà Nẵng, tháng 12 năm 2021 TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG VIỆT HÀN Khoa Khoa Học Máy Tính ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE BÁN GIÀY ONLINE Sinh viên thực hiện: KEONETH SOUPHAKONE Lớp: 19i1 Giảng viên hướng dẫn: THS DƯƠNG THỊ MAI NGA Đà Nẵng, tháng 12 năm 2021 PHẦN MỞ ĐẦU Trong năm trở lại đây, công nghệ thông tin-thương mại điện tử ngày phát triển giới nói chung Việt Nam nói riêng Và với phát triển công nghệ thông tin , đời cách ngôn ngữ lập trình cho phép bạn thiết kế xây dụng thương mai điện tử nhiều hình thức khác Và đặc đặc biệt với hỗ trợ loại sơ liệu quan hệ bạn kết hợp chúng với kịch trinh chủ ASP,JSP,Perl,PHP, Để xây dựng triển khai nhiều ứng dụng với nhiều mục đích khác Hiện này, công nghệ thông tin ngày dược ứng dụng rộng rãi nước ta nhiều hình thức khác Và ứng dụng công nghệ thông tin nước ta dịch vụ bán hàng qua mạng internet Tuy nhiên ,với đầu tư nhà nước vào ngành công nghệ thông tin ,thì số ngưới biết tin học nhiều đặc biệt tầng lớp trí thức học sinh ,sinh viên Chính ,em chọn “Tạo website bán hàng Giày online” cửa hàng Giày Đậy ứng dụng công nghệ HTML,CSS,JAVA,PHP, sở liệu SQL Server,giúp cho người truy nhập vào trang web thức cá c giao dịch cách thuận tiện dễ dàng Mặc dù có nhiều cố gắng để hồn thành cơng việc, xong thời gian có hạn,cịn nhiều kiến thức kinh nghiệm chưa nhiều nên việc tạo website bán hàng giày online, xây dựng trang web nhiều thiều xót, chưa giải Do em mong nhận ý kiến đóng gốp thầy bạn bè để đề tài ngày hoàn thiện LÝ DO CHỌN ĐỀ TÀI Hiện giới có nhiều phát triển Cơng nghệ thơng tin ngày phát triển có nhiều ngưới chuyển sang tiếp thị trực tuyến online Vì phải có trang website bán hàng làm cho ngưới thoải mai mua bán internet Mạng Internet công cụ thiếu sống đại, tảng cho truyền tải trao đổi thơng tin tồn cầu Cùng với phát triển nhảy vọt công nghệ thông tin, Internet ngày giữ vai trò quan trọng mặt đời sống Theo đó, việc xây dựng website bán hàng hay phát triển lĩnh vực thương mại điện tử điều vô cần thiết để doanh nghiệp bạn nhiều người biết tới Thông qua website bán hàng, doanh nghiệp giới thiệu sản phẩm, quảng bá tính tiếp cận đến khách hàng tiềm LỜI CẢM ƠN Em xin cảm ơn thầy, cô dạy giúp đỡ em suốt thời gian qua Đã tận tình giúp đỡ em, truyền đạt hết thầy cô học kinh nghiệm cho em, giúp đỡ em vận dụng thực tế suốt thời gian thực tập vưa qua Đặc biệt: em cảm ơn Cô :ThS Dương Thị Mai Nga hướng dẫn cho em hoàn thành báo cáo truyền đạt cho chúng em kinh nghiệm đáng kế, nâng cao tay nghề vững sống Em xin bảy tở cảm ơn tới bạn sinh viên Khoa Khoa học máy tính nói riêng bạn sinh viên Trường Đại Học Công Nghệ Thông Tin Truyền Thông Tin Việt-Hàn Đại Học Đà Nẵng bên cạnh nhóm em kịp thời động viên giúp đỡ lúc em khó khăn Do giới hạn kiến thức khả lý luận thân nhiều thiếu sót hạn chế, kính mong dẫn đóng góp thầy, Cơ để luận văn tơi hồn thiện Em xin trân thành cảm ơn.! Đà Nẵng, Ngày , tháng 12 năm2021 Sinh viên thực (ký, họ tên) KEONETH SOUPHAKONE DANH MỤC CHƯƠNG CỞ SỞ LÝ THUYẾT 1.1 XAMPP 1.2 Ngôn ngữ PHP 1.3 Cơ sở liệu MYSQL 1.4 Mơ hình MVC 1.4.1 Cách phần mơ hình(MVC) 1.5 UML 1.6 Phpmyadmin 1.7 JAVASCRIPT 1.8 HTML 1.9 CSS CHƯƠNG 2.PHẦN TÍCH VÀ THIẾT KẾ HỆ THƠNG 2.1 GIỚI THIỆU VỀ WEBSITE 2.2 Phần tích thiết kế hệ thống 2.2.1 Quản lý người dùng 2.2.2 Use Case diagram 2.3 Đặc tả Use Case 2.4 Class Diagram 30 2.5 Cơ sở liệu (Database) 31 2.6 Yêu cầu website 33 CHƯƠNG 3.KẾT QUÁ ĐẠT ĐƯỢC 35 3.1 Chức website bán giày online 35 3.2 Giao diện wesite 35 3.2.1 Giao diện Trang chủ 35 3.2.2 Footer 36 3.2.3 Trang Đăng nhập Đăng ký 36 3.2.4 Trang chi tiết sản phẩm 37 3.2.5 Trang giỏ hàng 38 3.2.6 Trang đặt hàng 38 3.2.7 Trang chủ quản lý 39 3.2.8 Trang quản lý banner 39 3.2.9 Trang thêm banner 40 3.2.10 Trang xem chi tiết banner 41 3.2.11 Trang quản lý danh mục 41 3.2.12 Trang quản lý danh mục sản phẩm 42 3.2.13 Trang thêm danh mục sản phẩm 42 3.2.14 Trang quản lý sản phẩm 43 3.2.15 Trang thêm sản phẩm 43 3.2.16 Trang xem chi tiết sản phẩm 44 3.2.17 Trang xem sản phẩm 44 3.2.18 Trang quản lý tài khoản 45 3.2.19 Trang xét duyệt hóa đơn 46 3.2.20 Trang quản lý khuyến 47 3.2.21 Trang sửa khuyến 47 3.2.22 Trang xem chi tiết khuyến 48 CHƯƠNG 4.KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 49 4.1 KẾT LUẬN 49 4.2 HƯỚNG PHÁT TRIỂN 49 TÀI LIỆU THAM KHẢO 50 DANH MỤC HÌNH ẢNH Hình 1.1:Mơ hình MVC Hình ảnh 2.1:Biểu đồ use case mức tổng quát Hình ảnh 2.2:Biểu đồ use case xem thông tin sản phẩm 18 Hình ảnh 2.3:Biểu đồ use case tìm kiểm sản phẩm 18 Hình 2.4: Biểu đồ use case xem giỏ hàng 19 Hình 2.5: Biểu đồ use case toán 19 Hình 2.6: Biểu đồ use case quản lý tài khoản 20 Hình 2.7: Biểu đồ use case quản lý danh mục 20 Hình 2.8: Biểu đồ use case quản lý sản phẩm 21 Hình 2.9: Biểu đồ use case quản lý loại sản phẩm 21 Hình 2.10: Biểu đồ use case quản lý khuyến 22 Hình 2.11: Biểu đồ use case quản lý xét duyệt hóa đơn 22 Hình 2.12: Biểu đồ hoạt động đăng nhập vào hệ thống 23 Hình 2.13: Biểu đồ hoạt động xem thơng tin sản phẩm 23 Hình 2.14: Biểu đồ hoạt động tìm kiếm sản phẩm 24 Hình 2.15: Biểu đồ hoạt động xem giỏ hàng 24 Hình 2.16: Biểu đồ hoạt động toán 25 Hình 2.17: Biểu đồ hoạt động quản lý danh mục sản phẩn 25 Hình 2.18: Biểu đồ hoạt động quản lý sản phẩm 26 Hình 2.19: Biểu đồ hoạt động quản lý loại sản phẩm 26 Hình 2.20: Biểu đồ hoạt động quản lý tài khoản 27 Hình 2.21: Biểu đồ hoạt động khuyến 27 Hình 2.22: Biểu đồ hoạt động xét duyệt hóa đơn 28 Hình 2.25: Class Diagram 30 Hinh 2.26: Bảng sở liệu 31 Hình ảnh 3.1:Trang chủ website 35 Hình ảnh 3.2: footer 36 Hình ảnh 3.3: giao diện Đăng nhập Đăng ký 37 Hình ảnh 3.4:Trang chi tiết 38 Hình ảnh 3.5:Trang giỏ hàng 38 Hình ảnh 3.6: Trang đặt hàng 39 Hình ảnh 3.7:Trang chủa quản lý 39 Hình ảnh 3.8:Trang quản lý banner 40 Hình ảnh 3.9:Trang thêm banner 40 Hình ảnh 3.10:Trang xem chi tiết banner 41 Hình ảnh 3.11 :Danh mục 41 Hình ảnh 3.12 : Trang danh mục sản phẩm 42 Hình ảnh 3.13 :Trang thêm danh mục sản phẩm 42 Hình ảnh 3.14 :Trang quản lý sản phẩm 43 Hình ảnh 3.15:Trang thêm sản phẩm 43 Hình ảnh 3.16 :Trang chi tiết sản phẩm 44 Hình ảnh 3.17 :Trang xem sản phẩm 45 Hình ảnh 3.18:Trang Quản lý tài khoản 46 Hình ảnh 3.19 :Trang xét duyệt hóa đơn 46 Hình ảnh 3.20 :Trang quản lý khuyến 47 Hình ảnh 3.21 :Trang sửa khuyến 47 Hình ảnh 3.22 :Trang xem chi tiết khuyến 48 DANH MỤC CÁC BẢNG Bảng 1: Đặc tả use case đăng ký Bảng 2: Đặc tả use case đăng nhập Bảng 3: Đặc tả use case xem thông tin sản phẩm Bảng 4: Đặc tả use case tìm kiếm sản phẩm Bảng 5: Đặc tả use case thêm sản phẩm vào giò Bảng 6: Đặc tả use case xem giò hàng 10 Bảng 7: Đặc tả use case toán 10 Bảng 8: Đặc tả use case quản lý danh mục sản phẩm 12 Bảng 9: Đặc tả use case quản lý sản phẩm 13 Bảng 10: Đặc tả use case quản lý loại sản phẩm 14 Bảng 11: Đặc tả use case quản lý tài khoản 16 Bảng 12: Đặc tả use case quản lý khuyến 17 Bảng 13: Đặc tả use case xét duyệt hóa đơn 17 Bảng 14: CSDL chitiethoadon 31 Bảng 15: CSDL danhmuc 32 Bảng 16: CSDL hoadon 32 Bảng 17: CSDL khuyenmai 32 Bảng 18: CSDL loaisanpham 32 Bảng 19: CSDL nguoidung 33 Bảng 20: CSDL phanquyen 33 Bảng 21: CSDL sanpham 33 KEONETH SOUPHAKONE 19i1 XÂY DỰNG WEBSITE BÁN GIÀY ONLINE 3.2.2 Footer Hiển thị thông tin liên hệ chẳng hạn số điện thoại, địa chie email, dịch vụ khách hàng, danh mục Hình ảnh 3.2: footer 3.2.3 Trang Đăng nhập Đăng ký Quản lý nhập vào xem sản phẩm thêm ,sửa ,xóa ❖ Đầu vào (Đăng Nhập): Tên tài khoản mật ❖ Đầu vào (Đăng ký): có Họ, Tên, Tên tài khoản, Địa email, Số điện thoại, mật nhập lại mật nhập ❖ Quá trình (Đăng nhập): Nhập tên tài khoản mật hệ thống kiểm tra xem tên tài khoản mật có hợp lệ khơng ❖ Đầu ra(Đăng nhập): Nếu tên tài khoản mật người sử dụng đăng nhập vào hệ thống Nếu sai hệ thống yêu cầu nhập lại 36 KEONETH SOUPHAKONE 19i1 XÂY DỰNG WEBSITE BÁN GIÀY ONLINE Hình ảnh 3.3: giao diện Đăng nhập Đăng ký 3.2.4 Trang chi tiết sản phẩm • Khách hàng xem chi tiết sản phẩm, đơn giá, thêm sản phẩm vào giỏ hàng • Khách hàng chọn size đặt mua hàng • Chức chưa dụng có chat box chia sẻ 37 KEONETH SOUPHAKONE 19i1 XÂY DỰNG WEBSITE BÁN GIÀY ONLINE Hình ảnh 3.4:Trang chi tiết 3.2.5 Trang giỏ hàng Khách hàng thêm vào giỏ hàng đặt mua Hình ảnh 3.5:Trang giỏ hàng 3.2.6 Trang đặt hàng Khách hàng đăng nhập thơng tin vào 38 KEONETH SOUPHAKONE 19i1 XÂY DỰNG WEBSITE BÁN GIÀY ONLINE Hình ảnh 3.6: Trang đặt hàng 3.2.7 Trang chủ quản lý Hình ảnh 3.7:Trang chủa quản lý 3.2.8 Trang quản lý banner Giao diện trang quản lý danh mục gờm có banner, tên banner nút chức thêm,sửa xóa xem chi tiết banner 39 KEONETH SOUPHAKONE 19i1 XÂY DỰNG WEBSITE BÁN GIÀY ONLINE Hình ảnh 3.8:Trang quản lý banner 3.2.9 Trang thêm banner Hình ảnh 3.9:Trang thêm banner 40 KEONETH SOUPHAKONE 19i1 XÂY DỰNG WEBSITE BÁN GIÀY ONLINE 3.2.10.Trang xem chi tiết banner Hình ảnh 3.10:Trang xem chi tiết banner 3.2.11 Trang quản lý danh mục Giao diện trang quản lý danh mục gờm có Mã danh mục, tên danh mục nút chức thêm,sửa xóa xem chi tiết danh mục Hình ảnh 3.11 :Danh mục 41 KEONETH SOUPHAKONE 19i1 XÂY DỰNG WEBSITE BÁN GIÀY ONLINE 3.2.12.Trang quản lý danh mục sản phẩm Giao diện trang quản lý danh mục gờm có Mã LSP(Loại sản phẩm), tên loại danh mục nút chức thêm,sửa xóa xem chi tiết danh mục sản phẩm Hình ảnh 3.12 : Trang danh mục sản phẩm 3.2.13.Trang thêm danh mục sản phẩm Trong thông tin danh mục thêm vào gờm có: Tên loại danh mục, nút chọn hình ảnh, mơ tả list để chọn danh mục Hình ảnh 3.13 :Trang thêm danh mục sản phẩm 42 KEONETH SOUPHAKONE 19i1 XÂY DỰNG WEBSITE BÁN GIÀY ONLINE 3.2.14.Trang quản lý sản phẩm Hình ảnh 3.14 :Trang quản lý sản phẩm 3.2.15.Trang thêm sản phẩm Trong thông tin sản phẩm thêm vào gờm có: danh mục, loại sản phẩm, tên sản phẩm, đơn giá, đơn giá cũ, số lượng, hình ảnh :1,2,3, mã khuyến mãi, giảm giá, thơng tin mơ tả Hình ảnh 3.15:Trang thêm sản phẩm 43 KEONETH SOUPHAKONE 19i1 XÂY DỰNG WEBSITE BÁN GIÀY ONLINE 3.2.16 Trang xem chi tiết sản phẩm Khi nhấn vào nút xem chương trình chạy qua trang chi tiết sản phẩm chọn Hình ảnh 3.16 :Trang chi tiết sản phẩm 3.2.17.Trang xem sản phẩm Gờm có chức trang thêm admin sửa lại thông tin 44 KEONETH SOUPHAKONE 19i1 XÂY DỰNG WEBSITE BÁN GIÀY ONLINE Hình ảnh 3.17 :Trang xem sản phẩm 3.2.18 Trang quản lý tài khoản Trong thông tin danh mục thêm vào gờm có: họ, tên, tên tài khoản, giới tính, số điện thoại, địa chỉ, mật khẩu, email 45 KEONETH SOUPHAKONE 19i1 XÂY DỰNG WEBSITE BÁN GIÀY ONLINE Hình ảnh 3.18:Trang Quản lý tài khoản 3.2.19 Trang xét duyệt hóa đơn • Trang gờm có thơng tin tên khách hàng, ngày đặt hàng, tống tiền, địa chỉ, SĐT, Trạng thái Có chức xét duyệt hóa đơn khách hàng xóa hóa đơn • Trang gờm có trang chưa duyệt Hình ảnh 3.19 :Trang xét duyệt hóa đơn 46 KEONETH SOUPHAKONE 19i1 XÂY DỰNG WEBSITE BÁN GIÀY ONLINE 3.2.20.Trang quản lý khuyến Trong thông tin khuyến thêm vào gờm có: Tên khuyến mãi, loại khuyến giá trị khuyến Hình ảnh 3.20 :Trang quản lý khuyến 3.2.21.Trang sửa khuyến Trong có trang cho admin sửa thơng tin khuyến Hình ảnh 3.21 :Trang sửa khuyến 47 KEONETH SOUPHAKONE 19i1 XÂY DỰNG WEBSITE BÁN GIÀY ONLINE 3.2.22.Trang xem chi tiết khuyến Hình ảnh 3.22 :Trang xem chi tiết khuyến 48 KEONETH SOUPHAKONE 19i1 XÂY DỰNG WEBSITE BÁN GIÀY ONLINE CHƯƠNG 4.KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 4.1 KẾT LUẬN Với bảo hướng dẫn Cô:ThS Dương Thị Mai Nga với nổ lực làm việc em thực đồ án, đề tài xây dựng website bán giày online em hoàn thành Với thuận lợi khó khăn trình làm việc, website hồn thành khơng tránh phần sai sót Tuy nhiên, em nỗ lực website bán giày online hoàn thành nội dung sau: Vận dụng ngơn ngữ html, php – mysql công cụ Visual studio code vào việc xây dựng website bán giày Phần tích biểu đồ sử dụng StarUML Phần quản trị: xây dựng hệ thống quản lý liệu website, giúp cho người quản trị dễ dàng quản lý thông tin, liệu, xem, thêm, xóa, cập nhật liệu cho website 4.2 HƯỚNG PHÁT TRIỂN Ngày Internet trở thành phương tiện tra cứu thông tin khổng lồ tiện dụng cho tất người giới Việc học hành tìm hiểu thơng tin qua mạng trở nên phổ biến Hiểu tầm quan trọng bán hàng onlien, em luôn muốn hoàn thiện website bán hàng em tốt xây dựng giao diện hồn thiện hơn, có tính chuyên nghiệp Hạn chế đề tài: Trong website bán giày online có nhiều chức dụng mà cò nhiều chức có bị lỗi dụng chưa chẳng hạn Nút share,chat box,email Trong trang quản lý admin thêm,sửa xóa trang Size giày em chưa xử lý mà em lưu thơng tin quản lý xét duyệt hóa đơn 49 KEONETH SOUPHAKONE 19i1 XÂY DỰNG WEBSITE BÁN GIÀY ONLINE TÀI LIỆU THAM KHẢO Tham khảo website 1).https://www.w3schools.com/ 2).https://fontawesome.com/v5.15/icons?d=gallery&p=2&m=free 3).https://www.thanhlongdev.com/huong-dan-xay-dung-mot-shopping-cart-banghtml-css-javascript/ 4).https://fontawesome.com/v4.7/icon/share-alt 5).https://fonts.google.com/specimen/Roboto 50 ... liệu website 34 KEONETH SOUPHAKONE 19i1 XÂY DỰNG WEBSITE BÁN GIÀY ONLINE CHƯƠNG 3.KẾT QUÁ ĐẠT ĐƯỢC 3.1 Chức website bán giày online Năm có dịch covid-19 làm cho kinh doanh khơng mở qn để bán phải... 29 KEONETH SOUPHAKONE 19i1 2.4 XÂY DỰNG WEBSITE BÁN GIÀY ONLINE Class Diagram Hình 2.25: Class Diagram 30 KEONETH SOUPHAKONE 19i1 2.5 XÂY DỰNG WEBSITE BÁN GIÀY ONLINE Cơ sở liệu (Database) `... tốn dịch vụ sau bán Thiết kế website bán giày dép phạm trù nằm thiết kế website bán hàng, thương mại điện tử mang tính chất chun mơn tập trung vào mặt hàng.Thiết kế website bán giày dép dịch vụ