Đang tải... (xem toàn văn)
BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC VIỆT BẮC KHOA ĐIỆN, ĐIỆN TỬ CNTT Website vietbac edu vn ĐỒ ÁN TỐT NGHIỆP KỸ SƯ NGÀNH MÃ NGÀNH TÊN ĐỀ TÀI XÂY DỰNG WEBSITE BÁN QUẦN ÁO SINH VIÊN XXX LỚP XXX GVHD X.
BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC VIỆT BẮC KHOA ĐIỆN, ĐIỆN TỬ - CNTT Website: vietbac.edu.vn ĐỒ ÁN TỐT NGHIỆP KỸ SƯ NGÀNH ……………………… MÃ NGÀNH : TÊN ĐỀ TÀI XÂY DỰNG WEBSITE BÁN QUẦN ÁO SINH VIÊN : XXX LỚP : XXX GVHD : XXX1 Thái nguyên, MM/YYYY KHOA ĐIỆN, ĐIỆN TỬ - CNTT CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập - Tự - Hạnh phúc ĐỒ ÁN TỐT NGHIỆP Họ tên sinh viên : ………………… Lớp : MSSV : ……………………… Giáo viên hướng dẫn : Ngày giao đề : Ngày nộp : Tên đề tài : “Xây dựng website bán quần áo” Thái Nguyên, ngày tháng năm 2021 Khoa Điện – Điện tử - CNTT Trưởng khoa Giáo viên hướng dẫn LỜI CAM ĐOAN Tôi xin cam đoan : Những nội dung Đồ án thực hướng dẫn trực tiếp thầy (cô) XXX Mọi tham khảo dùng Đồ á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 toàn trách nhiệm Sinh viên, XXX MỤC LỤC CHƯƠNG 1: TỔNG QUAN: 1.1 Lý chọn đề tài: 1.2 Khảo sát thực trạng: 1.3 Yêu cầu đề tài: 1.4 Ý nghĩa đề tài: CHƯƠNG 2: TỔNG QUAN VỀ CÔNG NGHỆ THIẾT KẾ WEBSITE: 2.1 Phân tích thiết kế hướng đối tượng: 2.1.1 Phân tích thiết kế hướng đối tượng(OOAD) gì? 2.1.2 UML gì? 2.1.3 OOAD sử dụng UML: 10 2.2 Ngôn ngữ thiết kế website: 12 2.2.1 HTML: 12 2.2.2 CSS: 12 2.3 Ngôn ngữ lập trình: 13 2.3.1 Javascript thư viện Jquery: 13 2.3.2 PHP: 15 2.4 Mơ hình MVC: 16 2.4.1 Mơ hình MVC gì? 16 2.4.2 Ưu điểm mơ hình MVC: 17 2.5 Hệ quản trị sở liệu MySQL: 17 2.5.1 Định nghĩa: 17 2.5.2 Vai trò hệ quản trị CSDL: 18 CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ WEBSITE: 20 3.1 Biểu đồ UseCase: 20 3.1.1 Biểu đồ UseCase tổng quát: 20 3.1.2 Biểu đồ UseCase hệ thống: 21 3.1.3 Biểu đồ UseCase tác nhân KHACHHANG: 23 3.1.4 Biểu đồ UseCase tác nhân QUANTRIVIEN: 28 3.2 Biểu đồ hoạt động: 35 3.2.1 Biểu đồ hoạt động Đăng ký: 35 3.2.2 Biểu đồ hoạt động Đăng nhập: 36 3.3.3 Biểu đồ hoạt động Thêm thông tin liệu: .37 3.3.4 Biểu đồ hoạt động Cập nhật thông tin liệu: .38 3.3.5 Biểu đồ hoạt động Xóa liệu: 39 3.3.6 Biểu đồ hoạt động Tìm kiếm liệu: 40 3.3 Biểu đồ tuần tự: 41 3.3.1 Biểu đồ Đăng ký: 41 3.3.2 Biểu đồ Đăng nhập: 42 3.3.3 Biểu đồ Thêm thông tin liệu: .43 3.3.4 Biểu đồ Cập nhật thông tin liệu: .44 3.3.5 Biểu đồ Xóa liệu: 45 3.3.6 Biểu đồ Tìm kiếm liệu: 46 3.4 Thiết kế sở liệu: 47 3.4.1 Biểu đồ lớp: 47 3.4.2 Xác định bảng thực thể: 48 CHƯƠNG 4: GIAO DIỆN WEBSITE: 52 4.1 Giao diện người dùng: 52 4.1.1 Giao diện trang chủ: 52 4.1.2 Giao diện trang đăng kí: 52 4.1.3 Giao diện trang đăng nhập: 52 4.1.4 Giao diện trang chi tiết sản phẩm: 52 4.1.5 Giao diện trang giỏ hàng: 52 4.2 Giao diện trang quản trị: 53 4.2.1 Giao diện trang quản lý danh mục sản phẩm: 53 4.2.2 Giao diện trang quản lý sản phẩm: 53 4.2.3 Giao diện trang quản lý tài khoản: 53 4.3.4 Giao diện trang quản lý bình luận: 53 4.3.5 Giao diện trang quản lý đơn hàng: 53 CHƯƠNG 5: KẾT LUẬN: 54 5.1 Kết đạt được: 54 5.2 Hạn chế tồn tại: 54 5.3 Hướng phát triển: 54 CHƯƠNG 6: TÀI LIỆU THAM KHẢO: 55 DANH MỤC HÌNH Hình Các view OOAD sử dụng UML Hình Các vẽ OOAD sử dụng UML Hình Minh họa vai trị CSS văn viết HTML Hình Kiến trúc Hệ quản trị sở liệu Hình Biểu đồ UseCase tổng quát Hình Biểu đồ UseCase hệ thống Hình Biểu đồ UseCase tác nhân KHACHHANG Hình Biểu đồ UseCase tác nhân QUANTRIVIEN Hình Biểu đồ hoạt động Đăng ký Hình 10 Biểu đồ hoạt động Đăng nhập Hình 11 Biểu đồ hoạt động Thêm thơng tin liệu Hình 12 Biểu đồ hoạt động Cập nhật thông tin liệu Hình 13 Biểu đồ hoạt động Xóa liệu Hình 15 Biểu đồ Đăng ký Hình 16 Biểu đồ Đăng nhập Hình 17 Biểu đồ Thêm thơng tin liệu Hình 18 Biểu đồ Cập nhật thơng tin liệu Hình 19 Biểu đồ Xóa liệu Hình 20 Biểu đồ Tìm kiếm liệu Hình 21 Biểu đồ lớp Hình 22 Bảng admin Hình 23 Bảng user Hình 24 Bảng category Hình 25 Bảng product Hình 26 Bảng orders Hình 27 Bảng transaction Hình 28 Bảng comments Hình 29 Bảng reply Hình 30 Giao diện trang chủ người dùng Hình 31 Giao diện trang đăng kí Hình 32 Giao diện trang đăng nhập Hình 33 Giao diện trang chi tiết sản phẩm Hình 34 Giao diện trang giỏ hàng Hình 35 Giao diện trang quản lý danh mục sản phẩm Hình 36 Giao diện trang quản lý sản phẩm Hình 37 Giao diện trang quản lý tài khoản Hình 38 Giao diện trang quản lý bình luận Hình 39 Giao diện trang quản lý đơn hàng MỞ ĐẦU Ngày nay, phát triển vượt bậc công nghệ thông tin, đặc biệt lĩnh vực thương mại điện tử, giúp cửa hàng, doanh nghi ệp dễ tiếp cận với người dùng, đáp ứng nhu cầu nhanh chóng r ộng rãi Hầu hết doanh nghiệp, cửa hàng có website riêng đ ể gi ới thiệu mặt hàng, dịch vụ Trước nhu cầu cần thiết để xây dựng website cho cửa hàng, doanh nghiệp Em chọn đề tài “ Xây dựng website bán quần áo” Đồ án gồm có chương: Chương 1: Tổng quan: Giới thiệu chung đề tài: lý chọn đề tài, trình khảo sát th ực trạng, yêu cầu website tri ển khai ý nghĩa đề tài mang l ại Chương 2: Tổng quan công nghệ thiết kế website: Nêu sở lý thuyết áp dụng hệ th ống phần mềm tri ển khai: ngôn ngữ HTML, CSS, PHP, hệ quản trị sở liệu MySQL, Chương 3: Phân tích thiết kế website: Từ khảo sát trên, trình bày sơ đồ, mơ hình UseCase,bi ểu đ hoạt động, biểu đồ chức h ệ th ống Thi ết kê sở liệu phục vụ chức website Chương 4: Giao diện website: Từ phân tích thiết kế hệ thống trên, áp dụng xây dựng chức hệ thống Trình bày giao diện phần mềm tri ển khai Chương 5: Tổng kết: Tổng kết kết đạt phần mềm, hạn chế tồn hướng phát triển tương lai Chương 6: Tài liệu tham khảo: Trình bày nguồn tài liệu mà đề tài tham khảo CHƯƠNG 1: TỔNG QUAN: 1.1 Lý chọn đề tài: Nhằm thực mục tiêu đáp ứng tối đa nhu cầu khách hàng, ph ần mềm quảng cáo bán sản phẩm qua mạng giúp đ ối tượng kinh doanh online giới thiệu, quảng bá sản phẩm rộng rãi kịp th ời t ới người tiêu dùng Bên cạnh hỗ trợ việc mua bán qua mạng m ột cách nhanh chóng, hiệu quả, tiết kiệm chi phí, thời gian Đồng thời, giúp khách hàng cập nhật mẫu sản phẩm lựa ch ọn cho sản phẩm ưng ý mà khơng phải đến tận nơi để xem mua hàng họ xem mua hàng trực tiếp website Cùng với đó, ngày có nhiều shop online xuất Không ch ỉ phương tiện đại chúng mà thường thấy mà cạnh tranh công ty quảng cáo internet ngày gay g Chính th ế, m ột website quản lý bán online đáp ứng tối đa nhu c ầu c người sử dụng Hơn nữa, website cung cấp thông tin m ột cách k ịp th ời b ởi tính tìm kiếm nhanh, từ giá đến kiểu dáng, tính phù h ợp với tầng lớp người sử dụng Thỏa mãn nhu cầu người sử dụng nhanh chóng Từ lý trên, em định chọn đề tài “Xây dựng website bán quần áo” Việc xây dựng website đáp ứng nhu c ầu mua s ắm c ng ười dùng nhanh chóng dễ dàng 1.2 Khảo sát thực trạng: Đây bước mở đầu trình phát triển hệ thống , đặt vấn đề hay nghiên cứu sơ Để sáng tạo hệ th ống mới, trước hết ph ải làm quen với chuyên môn nghiệp vụ mà hệ thống phải đáp ứng Thực khảo sát tìm hiểu hệ th ống làm vi ệc t ại c cửa hàng bán quần áo: 3.3 Biểu đồ tuần tự: 3.3.1 Biểu đồ Đăng ký: Hình 15 Biểu đồ Đăng ký 40 3.3.2 Biểu đồ Đăng nhập: Hình 16 Biểu đồ Đăng nhập 41 3.3.3 Biểu đồ Thêm thơng tin liệu: Hình 17 Biểu đồ Thêm thông tin liệu 42 3.3.4 Biểu đồ Cập nhật thông tin liệu: Hình 18 Biểu đồ Cập nhật thơng tin liệu 43 3.3.5 Biểu đồ Xóa liệu: Hình 19 Biểu đồ Xóa liệu 44 3.3.6 Biểu đồ Tìm kiếm liệu: Hình 20 Biểu đồ Tìm kiếm liệu 45 3.4 Thiết kế sở liệu: 3.4.1 Biểu đồ lớp: Hình 21 Biểu đồ lớp 46 3.4.2 Xác định bảng thực thể: Bảng admin: Hình 22 Bảng admin Bảng user: Hình 23 Bảng user Bảng category: 47 Hình 24 Bảng category Bảng product: Hình 25 Bảng product Bảng orders: 48 Hình 26 Bảng orders Bảng transaction: Hình 27 Bảng transaction Bảng comments: Hình 28 Bảng comments Bảng reply: 49 Hình 29 Bảng reply CHƯƠNG 4: GIAO DIỆN WEBSITE: 4.1 Giao diện người dùng: 4.1.1 Giao diện trang chủ: Hình 30 Giao diện trang chủ người dùng 4.1.2 Giao diện trang đăng kí: 50 Hình 31 Giao diện trang đăng kí 4.1.3 Giao diện trang đăng nhập: Hình 32 Giao diện trang đăng nhập 4.1.4 Giao diện trang chi tiết sản phẩm: Hình 33 Giao diện trang chi tiết sản phẩm 4.1.5 Giao diện trang giỏ hàng: Hình 34 Giao diện trang giỏ hàng 4.2 Giao diện trang quản trị: 4.2.1 Giao diện trang quản lý danh mục sản phẩm: Hình 35 Giao diện trang quản lý danh mục sản phẩm 4.2.2 Giao diện trang quản lý sản phẩm: 51 Hình 36 Giao diện trang quản lý sản phẩm 4.2.3 Giao diện trang quản lý tài khoản: Hình 37 Giao diện trang quản lý tài khoản 4.3.4 Giao diện trang quản lý bình luận: Hình 38 Giao diện trang quản lý bình luận 4.3.5 Giao diện trang quản lý đơn hàng: Hình 39 Giao diện trang quản lý đơn hàng CHƯƠNG 5: KẾT LUẬN: 5.1 Kết đạt được: Từ hướng dẫn tận tình thầy, học trường, em phân tích xây dựng phần mềm với kết đạt được: 52 Áp dụng kiến thức học xây dựng website bán quần áo, phân quyền người dùng người quản trị, với giao diện chức khác Quản lý thông tin cần thiết cửa hàng sản phẩm, thông tin khách hàng giao dịch mua hàng cửa khách hàng Có đầy đủ chức để quản lý cửa hàng 5.2 Hạn chế tồn tại: Bên cạnh có hạn chế như: Chưa có nhiều kiến thức thực tế, nên việc xây dựng phần mềm áp dụng vào thực tế cịn nhiều thiếu sót chưa khả quan Giao diện chưa thật bắt mắt Một số chức hạn chế 5.3 Hướng phát triển: Phát triển, cải tiến phần mềm có thêm số tính tương lai như: Tăng tính bảo mật trang web Cải tiến giao diện sinh động hơn, tạo ý cho khách hàng Tạo nhiều hiệu ứng đẹp mắt giao diện sử dụng khách hàng CHƯƠNG 6: TÀI LIỆU THAM KHẢO: [1]: https://nordiccoder.com/blog/tong-quan-html-css-ban-can-biet/ 53 [2]: https://vi.wikipedia.org/wiki/PHP [3]: https://vi.wikipedia.org/wiki/JavaScript [4]: https://magenest.com/vi/mo-hinh-mvc-la-gi/ [5]: https://wiki.matbao.net/sql-la-gi-cac-lenh-co-ban-trong-lap-trinh-co-sodu-lieu -sql/ [6]: https://viblo.asia/p/phan-tich-thiet-ke-he-thong-thong-tin-su-dung-bieudo-uml -phan-1-PjxMe6yNG4YL 54