Đồ án tốt nghiệp xây DỰNG WEBSITE bán GIÀY

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 BÁO CÁO ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE BÁN GIÀY Sinh viên thực hiện: Lê Trần Cơng Hồng Lớp: 19I2 Giảng viên hướng dẫn: Nguyễn Đức Hiển Đà Nẵng, tháng 11 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 BÁO CÁO ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE BÁN GIÀY Sinh viên thực hiện: Lê Trần Cơng Hồng Lớp: 19I2 Giảng viên hướng dẫn: Nguyễn Đức Hiển Đà Nẵng, tháng 11 năm 2021 NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN ĐÀ NẴNG, ngày tháng năm 2021 Giáo viên hướng dẫn NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN ĐÀ NẴNG , ngày … tháng … năm 2021 Giáo viên phản biện LỜI CẢM ƠN Em xin chân thành cảm ơn quý thầy cô khoa Khoa Học Máy Tính Đại Học Cơng Nghệ Thơng Tin Truyền Thơng Việt Hàn, để hoàn thành đồ án tốt nghiệp kết tảng từ kiến thức giảng dạy tận tình q thầy cơ, trang bị cho em kiến thức quý báu vận dụng kiến thức học vào công việc trường Đặc biệt với lòng biết ơn sâu sắc, em xin chân thành cảm ơn Thầy Nguyễn Đức Hiển trực tiếp hướng dẫn, đóng góp ý kiến, giúp đỡ em hoàn thành đồ án tốt nghiệp Mặc dù cố gắng nổ lực thực đồ án với kiến thức thời gian có hạn, hẳn đồ án khơng tránh khỏi sai sót Em mong nhận thơng cảm đóng góp ý kiến thầy để em hoàn thiện tốt cho sau Em xin chân thành cám ơn! Sinh viên, Lê Trần Cơng Hồng 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 trang web trực tuyến hỗ trợ việc bán hàng qua mạng 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ó 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 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 bật mà PHP MYSQL 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 định chọn đề tài “xây dựng website bán giày” 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 cho người dùng Sinh Viên Thực Hiện : Lê Trần Cơng Hồng MSV : 191C900076 MỤC LỤC CHƯƠNG GIỚI THIỆU 1.1 Các công nghệ sử dụng website 1.1.1 Ngôn ngữ PHP 1.1.2 Mơ hình MVC PHP 1.1.3 Famework Boostrap 1.1.4 Giới thiệu Web Services .5 1.2 Thương mại điện tử 1.2.1 Thương mại điện tử ? 1.2.2 Lợi ích thương mại điện tử 1.2.3 Các loại hình ứng dụng thương mại điện tử 1.2.4 Thanh toán điện tử 1.3 Giới thiệu SMS API eSMS 1.3.1 Giới thiệu hệ thống SMS API 1.3.2 Cơ chế hoạt động .8 1.3.3 Một số ứng dụng xây dựng từ SMS API CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ DỮ LIỆU 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ị .9 2.2 Use Case .11 2.2.1 Xác định tác nhân hệ thống 11 2.2.2 Use-case khách hàng tổng quát .12 2.2.3 Use-case Admin tổng quát 13 2.2.4 Mơ hình use chi tiết chức .14 2.3 Cơ sở liệu 28 2.3.1 Danh mục bảng 28 2.3.2 Mơ hình vật lý 36 CHƯƠNG CÀI ĐẶT GIAO DIỆN VÀ CHƯƠNG TRÌNH 37 3.1 Cấu trúc thư mục đồ án 37 3.2 Giao diện website khách hàng 38 3.2.1 Giao diện trang chủ website 38 3.2.2 Giao diện trang đăng ký 39 3.2.3 Giao diện đăng nhập .40 3.2.4 Giao diện quên mật 40 3.2.5 Giao diện trang góp ý, liên hệ 43 3.2.6 Giao diện viết .44 3.2.7 Giao diện trang tìm kiếm 44 3.2.8 Giao diện trang sản phẩm .46 3.2.9 Giao diện chi tiết sản phẩm .46 3.2.10 Giao diện giỏ hàng 47 3.2.11 Giao diện trang toán 48 3.3 Giao diện dành cho người quản trị 50 3.3.1 Giao diện trang chủ 50 3.3.2 Giao diện trang sản phẩm .51 3.3.4 Giao diện quản lý đơn hàng 54 3.3.5 Quản lý viết 55 3.3.6 Giao diện quản lý danh sách khách hàng 56 3.3.7 Giao diện quản lý tài khoản quản trị .57 3.3.8 Giao diện quản lý slider 59 CHƯƠNG TỔNG KẾT VÀ HƯỚNG PHÁT TRIỂN 60 4.1 Kết đạt .60 4.2 Phần hạn chế đề tài 60 4.3 Hướng phát triển .61 TÀI LIỆU THAM KHẢO .62 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 quát 14 Hình 2.3 - Mơ hình use case admin tổng quát 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 toá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 2.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 Hì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 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 3.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 3.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 3.25 - Giao diện danh sách khách hàng .61 Hình 3.26 - Giao diện danh sách admin cơng tác viên 61 Hình 3.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 CÁC BẢNG DỮ LIỆU Bảng – Danh mục sản phẩm 32 Bảng – Bảng danh sách sản phẩm 32 Bảng – Bảng đơn hàng 33 Bảng – Bảng chi tiết đơn hàng 34 Bảng – Bảng Danh mục viết .34 Bảng – Bảng thành viên 35 Bảng – Bảng viết 36 Bảng – Bảng banner .36 Bảng – Bảng hình ảnh 37 Bảng 10 – Bảng xếp 37 Bảng 11 – Bảng admin 38 DANH MỤC CÁC KÝ TỰ, CÁC TỪ VIẾT TẮT STT Từ viết tắt Ý nghĩa PHP Personal Home Page HTMLHypertext Markup Language CSS Cascading Style Sheets MVC Model - View - Control API Application Programming Interface IT Information Technology SMS Short Message Service ERB Enterprise Resource Planning Content Management System CMS 10 UC Use Case 11 CSDL Cơ Sỡ Dữ Liệu 12 IIS Internet Information Services Chương Giới thiệu Xây dựng website bán giày CHƯƠNG GIỚI THIỆU 1.1 Các công nghệ sử dụng website 1.1.1 Ngôn ngữ PHP 1.1.1.1 Khái niệm PHP PHP chữ viết tắt “Personal Home Page” Rasmus Lerdorf tạo năm 1994 Thực chất PHP ngôn ngữ kịch nhúng HTML, nói cách đơn giản trang HTML có nhúng mã PHP, PHP đặt rải rác HTML PHP ngơn ngữ lập trình kết nối chặt chẽ với máy chủ, cơng nghệ phía máy chủ không phụ thuộc vào môi trường Đây hai yếu tố quan trọng, thứ nói cơng nghệ phía máy chủ tức nói đến thứ PHP xảy máy chủ, thứ hai, tính chất khơng phụ thuộc mơi trường cho phép PHP chạy hầu hết hệ điều hành Windows, Unix nhiều biến thể Đặc biệt mã kịch PHP viết máy chủ làm việc bình thường máy chủ khác mà không cần phải chỉnh sửa chỉnh sửa Khi trang web muốn dùng ngôn ngữ PHP phải đáp ứng tất trình xử lý thơng tin trang web đó, sau đưa kết ngơn ngữ HTML Khác với ngơn ngữ lập trình khác, PHP thiết kế để thực điều sau kiện xảy (ví dụ: người dùng gửi biểu mẫu chuyển tới URL) 1.1.1.2 Tại nên dùng PHP Thiết kế web động có nhiều ngơn ngữ lập trình khác để lựa chọn Chúng ta lựa chọn cho ngơn ngữ: ASP, PHP, Java, Perl Và số loại khác Vậy lại nên chọn PHP ? Có lí sau mà lập trình web không nên bỏ qua lựa chọn tuyệt vời này: ⮚ PHP sử dụng làm web động nhanh, dễ dàng, tốt so với giải pháp khác ⮚ PHP có khả thực tích hợp chặt chẽ với hầu hết sở liệu có sẵn, tính linh động, bền vững khả phát triển không giới hạn SVTH: Lê Trần Cơng Hồng Chương Giới thiệu Xây dựng website bán giày ⮚ Đặc biệt PHP mã nguồn mở tất đặc tính miễn phí, mã nguồn mở sẵn có nên cộng đồng nhà phát triển web ln có ý thức cải tiến nó, nâng cao để khắc phục lỡi chương trình ⮚ PHP vừa dễ với người sử dụng vừa đáp ứng yêu cầu lập trình viên chuyên nghiệp, ý tuởng bạn PHP đáp ứng cách SVTH: Lê Trần Cơng Hồng 46 Chương Cài đặt giao diện chương trình Xây dựng website bán giày 26 45 Hình 13 - Giao diện giỏ hàng Chú thích: [1]: Vùng hiển thị thông tin sản phẩm giỏ hàng [2]: Nút xóa sản phẩm khỏi giỏ hàng [3]: Nút chuyển sang giao diện trang đăng nhập chưa đăng nhập nút chuyển sang trang toán đăng nhập [4]: Nút chuyển xóa tồn giỏ hàng [5]: Nút xóa cập nhật giỏ hàng [6]: Nút cập nhật số lượng sản phẩm giỏ hàng thay đổi 3.2.11 Giao diện trang toán Sau chọn mua sản phẩm khách hàng gửi thơng tin đặt hàng toán với điều kiện phải đăng nhập vào hệ thống, giỏ hàng phải có sản phẩm SVTH: Lê Trần Cơng Hồng 47 Chương Cài đặt giao diện chương trình Xây dựng website bán giày Khách hàng điền vào thông tin người nhận Sau nhập đầy đủ thông tin khách hàng chọn hoàn tất đặt hàng để hoàn tất trình mua hàng 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 tốn SVTH: Lê Trần Cơng Hồng 48 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 SVTH: Lê Trần Công Hoàng 49 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 (phân trang ) SVTH: Lê Trần Cơng Hồng 50 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 SVTH: Lê Trần Cơng Hồng 51 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 SVTH: Lê Trần Cơng Hồng 52 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 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 SVTH: Lê Trần Cơng Hồng 53 Chương Cài đặt giao diện chương trình Xây dựng website bán giày 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 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 SVTH: Lê Trần Cơng Hồng 54 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 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 SVTH: Lê Trần Cơng Hồng 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 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 SVTH: Lê Trần Cơng Hồng 56 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ị SVTH: Lê Trần Cơng Hồng 57 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 SVTH: Lê Trần Cơng Hồng 58 Xây dựng website bán giày Chương Tổng kết hướng phát triển CHƯƠNG TỔNG KẾT VÀ HƯỚNG PHÁT TRIỂN 4.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.2 Phần hạn chế đề tài Do thời gian với kiến thức, kinh nghiệm giới hạn nên đồ án nhóm chúng em khơng tránh khỏi thiếu sót Đề tài hoàn thành chức bản, nhiên bên cạnh có số khuyết điểm: Xây dựng website bán giày ✔ Website có tính chun nghiệp chưa cao ✔ Trong 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 Tổng kết hướng phát triển 4.3 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 toán trực tuyế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 SVTH: Lê Trần Cơng Hồng 60 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://izwebz.com/ [3] http://freetuts.net/ [4] http://php.net/ ✔ Group PHP [1] https://www.facebook.com/groups/qhonline/ ... 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 - Cấu trúc thư mục Chương Cài đặt giao diện chương trình Xây dựng website bán giày 3.2... kế liệu Xây dựng website bán giày 2.2.3 Use-case Admin tổng quát Hình - Mơ hình use case admin tổng qt SVTH: Lê Trần Cơng Hồng 13 Chương Phân tích thiết kế liệu Xây dựng website bán giày 2.2.4... Cài đặt giao diện chương trình Xây dựng website bán giày Hình – Đặt lại mật SVTH: Lê Trần Cơng Hồng 41 Chương Cài đặt giao diện chương trình Xây dựng website bán giày 3.2.5 Giao diện trang góp