Đồ án xây dựng website bán giày EMMY

lOMoARcPSD|17838488 TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN GIÀY EMMY Sinh viên thực : Nguyễn Quang Huy Giảng viên hướng dẫn : LÊ MẠNH HÙNG Ngành : CÔNG NGHỆ THÔNG TIN Chuyên ngành : CƠNG NGHỆ PHẦM MỀM Lớp : D13CNPM5 Khóa : 2018-2023 Hà Nội, tháng 10 năm 2022 lOMoARcPSD|17838488 LỜI NÓI ĐẦU Ngày với phát triển mạnh mẽ nhanh chóng lĩnh vực cơng nghệ thơng tin ứng dụng ngành nghề, lĩnh vực Từ việc đọc tin tức, nghe nhạc, giải trí hay học tập, thương mại điện tử Công nghệ thông tin phát triển không ngừng, việc phát triển website để quảng bá công ty hay website cá nhân khơng cịn xa lạ Trong mơ ̣t trang web trực tún hỡ trợ viê ̣c bán hàng qua mạng hiê ̣n rất phổ biến thiếu cửa hàng, giúp cho khách hàng mua cần mà không cần phải tốn nhiều thời gian Không dừng lại mà cịn giúp cửa hàng quảng bá để nhiều người biết đến việc cạnh tranh Hiện có rất nhiều cơng nghệ sử dụng để phát triển website (PHP, ASP, ASP.NET, JSP ) Trong cơng nghệ PHP ngơn ngữ truy vấn MYSQL lựa chọn phù hợp để bạn phát triển trang web tốc độ xử lý nhanh Bên cạnh giá thành thấp (khơng cần mua quyền), PHP cịn giúp ta phát triền mã nguồn nhanh, dễ dàng, đơn giản Đặc biệt có số lượng nhà cung cấp hosting nhiều, dễ lựa chọn Với nhiều ưu điểm nổi bật mà PHP MYSQL rất nhiều người sử dụng trang web lớn facebook.com Xuất phát từ nhu cầu thực tế nên chúng em quyết định chọn đề tài “xây dựng website bán giày EMMY ” với ngôn ngữ PHP, nhằm xây dựng website bán hàng trực tuyến hỗ trợ đầy đủ chức nhất cho người dùng Sinh viên thực đề tài: Nguyễn Công Minh lOMoARcPSD|17838488 MỤC LỤC CHƯƠNG KHẢO SÁT HIỆN TRẠNG VÀ LẬP DỰ ÁN 1.1 Khảo sát trạng 1.2 Xác lập dự án 1.2.1 Mục đích ? 1.2.2 Yêu cầu 1.2.3 Xác định phạm vi .2 1.2.4 Kế hoạch triển khai CHƯƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Đặc tả chức 2.1.1 Đối với người truy cập website 2.1.2 Đối với người quản trị .4 2.2 Use Case 2.2.1 Xác định tác nhân hệ thống .5 2.2.2 Use-case khách hàng tổng quát 2.2.3 Use-case Admin tổng quát 2.2.4 Mơ hình use chi tiết chức 2.3 Cơ sở liệu 24 2.3.1 Danh mục bảng 24 2.3.2 Mơ hình vật lý 31 CHƯƠNG CÀI ĐẶT GIAO DIỆN VÀ CHƯƠNG TRÌNH 32 3.1 Cấu trúc thư mục đồ án 32 lOMoARcPSD|17838488 3.2 Giao diện website khách hàng .33 3.2.1 Giao diện trang chủ website 33 3.2.2 Giao diện trang đăng ký 34 3.2.3 Giao diện đăng nhập 35 3.2.4 Giao diện quên mật 36 3.2.5 Giao diện trang góp ý, liên hệ 38 3.2.6 Giao diện viết .39 3.2.7 Giao diện trang tìm kiếm 40 3.2.8 Giao diện trang sản phẩm .40 3.2.9 Giao diện chi tiết sản phẩm .42 3.2.10 Giao diện giỏ hàng 43 3.2.11 Giao diện trang toán 44 3.3 Giao diện dành cho người quản trị .45 3.3.1 Giao diện trang chủ 45 3.3.2 Giao diện trang sản phẩm .46 3.3.4 Giao diện quản lý đơn hàng 50 3.3.5 Quản lý viết 51 3.3.6 Giao diện quản lý danh sách khách hàng .53 3.3.7 Giao diện quản lý tài khoản quản trị 53 3.3.8 Giao diện quản lý slider 55 CHƯƠNG TỔNG KẾT VÀ HƯỚNG PHÁT TRIỂN 56 4.1 Kết đạt 56 lOMoARcPSD|17838488 4.2 Phần hạn chế đề tài 56 4.3 Hướng phát triển 57 TÀI LIỆU THAM KHẢO 58 lOMoARcPSD|17838488 MỤC LỤC HÌNH ẢNH Hình 1 - Mơ hình MVC Hình – Bootstrap Hình - Download Bootstrap Hình - Thư mục file bootstap Hình 5- Hệ thống SMS API Hình - Các tác nhân hệ thống .13 Hình 2 - Mơ hình use case khách hàng tởng qt 14 Hình - Mơ hình use case admin tởng qt 15 Hình - Use đăng ký 16 Hình - Use case đăng nhập 17 Hình - Use case thông tin cá nhân .18 Hình - Use case tìm kiếm sản phẩm .19 Hình - Use case chọn mua sản phẩm 20 Hình - Use case quản lý giỏ hàng 21 Hình 10 - Use case tốn 22 Hình 11 - Use case quản lý danh mục .23 Hình 12 - Use case quản lý sản phẩm 25 Hình 13 - Use case quản lý thành viên 27 Hình 14 - Use case quản lý đơn hàng .29 Hình 15 - Use case quản lý viết 30 Hình 16 - Mơ hình vật lý 39 YHình - Cấu trúc thư mục .40 Hình - Giao diện trang chủ 41 Hình 3 - Giao diện trang đăng ký 42 Hình - Giao diện trang đăng nhập 43 Hình - Giao diện quên mật 44 lOMoARcPSD|17838488 Hình - Xác thực quên mật 45 Hình – Đặt lại mật .45 Hình - Giao diện góp ý liên hệ .46 Hình - Giao diện viết .47 Hình 10 - Tìm kiếm nâng cao tìm kiếm theo tên sản phẩm 48 Hình 11 - Giao điện sản phẩm 49 Hình 12 - Giao diện chi tiết sản phẩm 50 Hình 13 - Giao diện giỏ hàng 51 Hình 14 - Giao diện toán .52 Hình 15 - Giao diện trang chủ 53 Hình 16 - Quản lý danh sách sản phẩm 54 Hình 17 - Giao diện cập nhật, thêm sản phẩm 55 Hình 18 - Giao diện danh sách danh mục .56 Hình 19 - Giao diện cập nhật danh mục 57 Hình 20 - Giao diện thêm danh mục 57 Hình 21 - Giao diện danh sách đơn hàng 58 Hình 22 - Giao diện xem chi tiết đơn hàng .58 Hình 23 - Danh sách viết 59 Hình 24 - Giao diện thêm, sửa viết 60 Hình 25 - Giao diện danh sách khách hàng .61 Hình 26 - Giao diện danh sách admin công tác viên 61 Hình 27 - Giao diên thêm, sửa quản trị 62 Hình 28 - Giao diện danh sách slider 63 Hình 29 - Giao diện thêm, sửa slider 63 lOMoARcPSD|17838488 Chương Giới thiệu Xây dựng website bán giày CHƯƠNG KHẢO SÁT HIỆN TRẠNG VÀ LẬP DỰ ÁN 1.1 Khảo sát trạng  Cơ cấu tổ chức Website bán giày hình thành từ mặt hàng , admin quan hệ mật thiết hỗ trợ Mỗi mặt hàng phân chia rõ ràng không chồng chéo Mọi hoạt động kinh doanh website chịu điều hành quản lý admin  admin: phép sử dụng chức website để đem đến cho khách hàng thoải mái dễ dàng lựa chọn sản phẩm  khách hàng : tùy ý lựa chọn loại mặt hàng phẩm tùy ý website 1.2 Xác lập dự án 1.2.1 Mục đích ? Trong thời đại phát triển nay, người trở nên quan tâm vẻ bề ngồi giày phần cốt lõi giá trị ấy Nắm bắt nhu cầu đó, nhiều cửa hàng tự cải tiến việc xây dựng hệ thống website cho phép khách hàng xem mua trực tún khiến khách hàng vơ hài lịng có cảm giác dễ chịu     Xây dựng quảng bá thương hiệu cho cửa hàng Thu hút khách hàng tiềm Thúc đẩy doanh thu cho cửa hàng Quản lý hiệu lOMoARcPSD|17838488 Chương Giới thiệu Xây dựng website bán giày 1.2.2 Yêu cầu  Giao diện thiết kế chuyên nghiệp  Cung cấp đầy đủ tiện ích khách hàng  Cung cấp tiện ích tốn trực tún  Liên kết bán hàng tối đa qua mạng xã hội  Tính cập nhật định kỳ  Giao diện cho phép hiển thị điện thoại di động thông minh  Hỡ trơ tính quản lý khách hàng 1.2.3 Xác định phạm vi Dựa vào chủ thể website online, phân chia loại hình phở biến sau:  Giao dịch doanh nghiệp với doanh nghiệp  Giao dịch doanh nghiệp với khách hàng  Giao dịch doanh nghiệp với cá nhân  Giao dịch cá nhân với 1.2.4 Kế hoạch triển khai - Khách hàng đặt sản trước website mà cửa hàng cung cấp Sau đó, cửa hàng gửi cho khách hàng email đặt phịng thành cơng Khách hàng cần điền đày đủ thơng tin để xử lí đơn hàng nhanh chóng Khi khách hàng đặt xong đơn hàng, người quản lí website xử lí đơn hàng cho khách hàng lOMoARcPSD|17838488 Chương Phân tích thiết kế liệu Xây dựng website bán giày CHƯƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Đặc tả chức 2.1.1 Đối với người truy cập website 2.1.1.1 Xem nội dung Người dùng truy cập vào website xem thơng tin hình ảnh sản phẩm, chi tiết sản phẩm Ngồi cịn thơng tin liên quan viết, tin tức, bình luận viết, gửi thơng tin góp ý liên hệ 2.1.1.2 Đăng ký thành viên Người dùng đăng ký thành viên website để bình luận sản phẩm, đặt mua hàng, gửi thông tin liên hệ đến quản trị website Nếu quên mật người dùng sử dụng chức quên mật khẩu, hệ thống gửi mật qua email mà khách hàng đăng ký 2.1.1.3 Đăng xuất khỏi hệ thống Là chức mà người dùng muốn khỏi hệ thống xóa thơng tin liên quan hệ thống 2.1.1.4 Tìm kiếm thơng tin sản phẩm Người dùng tìm kiếm sản phẩm theo tên sản phẩm, tìm kiếm nâng cao theo danh mục giá sản phẩm 2.1.1.5 Mua sản phẩm Khách hàng chọn sản phẩm cho vào giỏ hàng tốn sau xem thơng tin chi tiết mặt hàng muốn mua sản phẩm 2.1.1.6 Quản lý giỏ hàng Giỏ hàng bao gồm sản phẩm mà khách hàng chọn mua Khách hàng xóa sản phẩm khỏi giỏ hàng nếu khơng muốn chọn, chức xóa tăng giảm số lượng sản phẩm muốn mua giỏ hàng lOMoARcPSD|17838488 Chương Cài đặt giao diện chương trình Xây dựng website bán giày 1 Hình 14 - Giao diện tốn Chú thích: [1]: Vùng nhập thơng tin giao hàng [2]: Nút hồn tất toán 46 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Chương Cài đặt giao diện chương trình Xây dựng website bán giày 3.3 Giao diện dành cho người quản trị 3.3.1 Giao diện trang chủ Hình 15 - Giao diện trang chủ Giao diện trang chủ cung cấp thông tin số lượng sản phẩm, viết, hóa đơn theo thời gian khác 47 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Chương Cài đặt giao diện chương trình Xây dựng website bán giày 3.3.2 Giao diện trang sản phẩm 3.3.2.1 Giao diện trang hiển thị danh sách sản phẩm Hình 16 - Quản lý danh sách sản phẩm Chú thích: [1]: Tìm kiếm theo tên sản phẩm [2]: Tìm kiếm theo loại sản phẩm [3]: Thao tác ( xóa , sửa , ngưng bán , bán) [4]: Nút chuyển sang trang thêm sản phẩm [5]: Nút chuyển sang trang sản phẩm tiếp theo (phân trang ) 48 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Chương Cài đặt giao diện chương trình Xây dựng website bán giày 3.3.2.2 Giao diện cập nhật, thêm sản phẩm Hình 17 - Giao diện cập nhật, thêm sản phẩm Chú thích: [1]: Vùng nhập thông tin sản phẩm [2]: Vùng upload ảnh sản phẩm [3]: Mục tùy chọn cho sản phẩm (chọn loại sản phẩm) [4]: Nút lưu thông tin sản phẩm [5]: Nếu thêm sản phẩm nút thêm 49 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Chương Cài đặt giao diện chương trình Xây dựng website bán giày 3.3.3 Giao diện quản lý danh mục 3.3.3.1 Giao diện danh sách danh mục Hình 18 - Giao diện danh sách danh mục Chú thích: [1]: Vùng chọn thao tác với trường liệu chọn bao gồm: xóa,sửa [2]: Vùng chọn thao tác với trường liệu chọn bao gồm: hiện, ẩn [3]: Nút thêm danh mục 50 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Chương Cài đặt giao diện chương trình Xây dựng website bán giày 3.3.3.2 Giao diện cập nhật danh mục Hình 19 - Giao diện cập nhật danh mục 3.3.3.3 Giao diện thêm danh mục Hình 20 - Giao diện thêm danh mục 51 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Chương Cài đặt giao diện chương trình Xây dựng website bán giày 3.3.4 Giao diện quản lý đơn hàng 3.3.4.1 Giao diện danh sách đơn hàng Hình 21 - Giao diện danh sách đơn hàng 3.3.4.2 Giao diện xem chi tiết đơn hàng Hình 22 - Giao diện xem chi tiết đơn hàng 52 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Chương Cài đặt giao diện chương trình 3.3.5 Quản lý viết 3.3.5.1 Giao diện hiển thị danh sách viết Hình 23 - Danh sách viết 53 Downloaded by hây hay (vuchinhhp3@gmail.com) Xây dựng website bán giày lOMoARcPSD|17838488 Chương Cài đặt giao diện chương trình Xây dựng website bán giày 3.3.5.2 Giao diện thêm, sửa viết Hình 24 - Giao diện thêm, sửa viết 54 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Chương Cài đặt giao diện chương trình Xây dựng website bán giày 3.3.6 Giao diện quản lý danh sách khách hàng Hình 25 - Giao diện danh sách khách hàng 3.3.7 Giao diện quản lý tài khoản quản trị 3.3.7.1 Giao diện danh sách quản trị Hình 26 - Giao diện danh sách admin công tác viên 55 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Chương Cài đặt giao diện chương trình Xây dựng website bán giày 3.3.7.2 Giao diện thêm, sửa tài khoản quản trị Hình 27 - Giao diên thêm, sửa quản trị 56 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Chương Cài đặt giao diện chương trình Xây dựng website bán giày 3.3.8 Giao diện quản lý slider 3.3.8.1 Giao diện danh sách thông tin slider Hình 28 - Giao diện danh sách slider 3.3.8.2 Giao diện thêm, sửa slider Hình 29 - Giao diện thêm, sửa slider 57 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Chương Tổng kết hướng phát triển Xây dựng website bán giày CHƯƠNG TỔNG KẾT VÀ HƯỚNG PHÁT TRIỂN 1.1 Kết đạt - Hệ thống website bán hàng trực tuyến sau thời gian xây dựng đến hoàn thiện chức cần thiết đáp ứng nhu cầu người dùng:  Đối với người sử dụng  Có thể thực chức xem hàng, mua hàng, bình luận sản phẩm, huỷ đơn đặt hàng, toán đơn hàng  Các chức đăng ký, đăng nhập, lấy lại mật khẩu, gửi góp ý  Đối với người quản trị trang web  Quản lý giao diện  Quản lý nhập liệu, cập nhật thông tin liệu website  Quản lý thống kê, quản lý sở liệu… chức trang quản lý - Vận dụng hầu hết kiến thức học vào đồ án - Khả kết hợp làm nhóm phát huy hiệu 4.1 Phần hạn chế đề tài Do thời gian với kiến thức, kinh nghiệm cịn giới hạn nên đồ án nhóm chúng em khơng tránh khỏi thiếu sót Đề tài hồn thành chức bản, nhiên bên cạnh có số khuyết điểm:  Website có tính chun nghiệp chưa cao  Trong q trình xây dựng website cịn nhiều sai sót phải chỉnh sửa nhiều lần Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Chương Tổng kết hướng phát triển Xây dựng website bán giày 4.2 Hướng phát triển  Xây dựng hệ thống xử lý liệu với chức hoàn thiện, đầy đủ phát triển thêm số chức năng, dạng thống kê  Tối ưu hóa chức  Hỗ trợ thao tác nhanh  Hỡ trợ chức tốn trực tún nhiều tài khoản ngân hàng  Giao diện sinh động hơn, tích hợp thêm nhiều chức tiện ích khác  Khả kháng lỗ, bảo mật tốt 59 Downloaded by hây hay (vuchinhhp3@gmail.com) lOMoARcPSD|17838488 Tài liệu tham khảo Xây dựng website bán giày TÀI LIỆU THAM KHẢO  Giao diện [1] http://getbootstrap.com/ [2] https://www.w3schools.com/  Jquery validate - plugin kiểm tra liệu nhập form [1] http://jqueryvalidation.org/  Một số trang web khác [1] https://www.google.com/ [2] http://php.net/  Group PHP [1] https://www.facebook.com/groups/php.epu/ 60 Downloaded by hây hay (vuchinhhp3@gmail.com) ... (vuchinhhp3@gmail.com) Xây dựng website bán giày lOMoARcPSD|17838488 Chương Cài đặt giao diện chương trình Xây dựng website bán giày CHƯƠNG CÀI ĐẶT GIAO DIỆN VÀ CHƯƠNG TRÌNH 3.1 Cấu trúc thư mục đồ án Hình... thiết kế liệu Xây dựng website bán giày 2.2.3 Use-case Admin tổng qt Hình - Mơ hình use case admin tởng qt lOMoARcPSD|17838488 Chương Phân tích thiết kế liệu Xây dựng website bán giày 2.2.4 Mô... từ nhu cầu thực tế nên chúng em quyết định chọn đề tài ? ?xây dựng website bán giày EMMY ” với ngôn ngữ PHP, nhằm xây dựng website bán hàng trực tuyến hỗ trợ đầy đủ chức nhất cho người dùng