Báo cáo đồ án tốt nghiệp đê ti xây dựng website bán giày emmy

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 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ơtGtrang web trực tuyHn hI trợ viêcGbán hàng qua mạng hiê nG rKt phL biHn thiHu 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 biHt đHn việc cạnh tranh Hiện có rKt 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 vKn 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 thKp (khơng cần mua quyền), PHP 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 cKp hosting nhiều, dễ lựa chọn Với nhiều ưu điểm nLi bật mà PHP MYSQL rKt nhiều người sử dụng trang web lớn facebook.com XuKt phát từ nhu cầu thực tH nên chúng em quyHt đị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 tuyHn hI trợ đầy đủ chức nhKt cho người dùng Sinh viên thực đề tài: Nguyễn Công Minh 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 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 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 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 tLng qt 14 Hình - Mơ hình use case admin tLng 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 kiHm 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ý viHt 30 Hình 16 - Mơ hình vật lý 39 YHình - CKu 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 Recommandé pour toi Suite du document ci-dessous 10 PET Speaking visuals Hình thi nói PET part D15qlmtcn 13 Life A2B1 Wordlist tiếng anh đại học điện lực D15qlmtcn 100% (10) Dap an multiple choise - tiếng anh D15qlmtcn 14 100% (1) 100% (1) FRS Sample fastval D15qlmtcn 100% (1) 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 viHt .47 Hình 10 - Tìm kiHm nâng cao tìm kiHm 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 tiHt 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 tiHt đơn hàng .58 Hình 23 - Danh sách viHt 59 Hình 24 - Giao diện thêm, sửa viHt 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 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 thiHt hI trợ MIi 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 đHn 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ị Ky Nắm bắt nhu cầu đó, nhiều cửa hàng tự cải tiHn việc xây dựng hệ thống website cho phép khách hàng xem mua trực tuyHn khiHn 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 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 thiHt kH chuyên nghiệp  Cung cKp đầy đủ tiện ích khách hàng  Cung cKp tiện ích toán trực tuyHn  Liên kHt 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  HI 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 phL biHn 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 cKp 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 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 tKt toán 46 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 cKp thông tin số lượng sản phẩm, viHt, hóa đơn theo thời gian khác 47 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 kiHm theo tên sản phẩm [2]: Tìm kiHm 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 tiHp theo (phân trang ) 48 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]: NHu thêm sản phẩm nút thêm 49 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 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 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 tiHt đơn hàng 52 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 viHt 53 Xây dựng website bán giày 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 viHt 54 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 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 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 Chương TLng kHt 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 tuyHn sau thời gian xây dựng đHn hoàn thiện chức cần thiHt đá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, lKy 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 hHt kiHn thức học vào đồ án - Khả kHt 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 kiHn thức, kinh nghiệm giới hạn nên đồ án nhóm chúng em khơng tránh khỏi thiHu sót Đề tài hồn thành chức bản, nhiên bên cạnh có số khuyHt đ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 Chương TLng kHt 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  HI trợ thao tác nhanh  HI trợ chức toán trực tuyHn 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 lI, bảo mật tốt 59 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