ĐỀ tài xây DỰNG WEBSITE bán túi XÁCH

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT - HÀN KHOA HỌC MÁY TÍNH PHILAVONG TAIPHACHANH XÂY DỰNG WEBSITE BÁN TÚI XÁCH ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN Đà Nẵng – 12/2021 TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT - HÀN KHOA HỌC MÁY TÍNH PHILAVONG TAIPHACHANH Mã HSSV: 181C900167 XÂY DỰNG WEBSITE BÁN TÚI XÁCH ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN Giảng viên hướng dẫn: ThS TRẦN THU THUỶ Đà Nẵng – 12/2021 MỤC LỤC MỤC LỤC MỞ ĐẦU LỜI CẢM ƠN THÔNG TIN KẾT QUẢ NGHIÊN CỨU CHƯƠNG I : GIỚI THIỆU ĐỀ TÀI 1.1 Lý chọn đề tài 1.1.1 Tầm quan trọng việc thiết kế website bán túi xách 1.1.2 Đặt trưng website bán túi xách 10 1.1.3 Mục tiêu yêu cầu xây dựng hệ thống 10 CHƯƠNG II : PHÂN TÍCH BÀI TOÁN VÀ THIẾT KẾ WEBSITE 13 2.1 Phân tích tốn 13 2.1.1 Các actor 13 2.1.2 Khách hàng 13 2.1.3 Quản lý 13 2.2 Các chức hệ thống 14 2.3 Biểu đồ use case 15 2.3.1 Biểu đồ Use – case Admins 15 2.3.2 Biểu đồ Use – case Khách hàng 16 2.3.3 Use case đăng nhập 17 2.3.4 Use case quản lý sản phẩm 18 2.3.5 Use case quản lý danh mục 19 2.3.6 Use case quản lý brand 20 2.3.7 Use case quản lý order 20 2.4 Cơ sở liệu(My SQL) 21 2.4.1 Bảng Categorie 21 2.4.2 Bảng Subcategories 22 2.4.3 Bảng Brands 22 2.4.4 Bảng Brands 22 2.4.5 Bảng Product 23 2.4.6 Bảng Order products 24 2.4.7 Bảng Order 24 2.4.8 Bảng Delivery 24 2.5 Mơ hình liệu quan hệ 25 2.6 Công nghệ sử dụng 26 2.6.1 Sublime Text 26 2.6.2 XAMPP 27 2.6.3 Cơ sở liệu MySQL 28 2.6.4 Ngôn ngữ HTML 29 2.6.5 Ngôn ngữ CSS 30 2.6.6 Ngôn ngữ lập trình PHP 31 2.6.7 Thư viện BOOTSTRAP 31 2.6.8 Giới thiệu Javascript 33 2.6.9 Giới thiệu Jquery 34 CHƯƠNG III: KẾT QUẢ ĐẠT ĐƯỢC 35 3.1 Giao diện hiển thị 35 3.1.1 trang chủ 35 3.1.2 Giao diện trang sản phẩm 36 3.1.3 Giao diện trang sản phẩm đơn lẻ 37 3.1.4 Trang giỏ hàng 37 3.1.5 Trang toán 38 3.1.6 Trang login 39 3.1.7 Trang quản lý đơn hàng 43 KẾT LUẬN 44 TÀI LIỆU THAM KHẢO 45 MỞ ĐẦU Trong năm gần đây, phát triển mạnh mẽ thương mại điện tử giới góp phần làm thay đổi cách thức kinh doanh, giao dịch truyền thống đem lại lợi ích to lớn cho xã hội Sự đời thương mại điện tử đánh dấu bắt đầu hệ thống nhằm phát triển kinh tế, điều kiện có ý nghĩa định việc phát triển thương mại điện tử việc đời website thương mại điện tử với chất lượng tốt đáp ứng nhu cầu người quản trị người dùng Thương mại điện tử giúp giảm thấp chi phí bán hàng chi phí tiếp thị Bằng Internet / web, nhân viên bán hàng giao dịch với nhiều khách hàng, danh mục thường xuyên cập nhật so với in ấn khuôn khổ giới hạn ln ln lỗi thời Qua thương mại điện tử tạo điều kiện cho việc thiết lập củng cố mối quan hệ nhân tố tham gia vào q trình thương mại Thơng qua mạng Internet, đối tượng tham gia giao tiếp trực tiếp liên tục với nhờ hợp tác lẫn quản lý tiến hành nhanh chóng liên tục Nhận thấy tầm quan trọng thương mại điện tử việc tăng doanh số bán hàng tăng thương hiệu cho công ty, em chọn đề tài “Xây dựng website bán túi xách” để hiểu thêm đóng góp phần nhỏ vào việc hồn thiện phát triển hệ thống thương mại điện tử Việt Nam sau Trong trình làm đồ án, tìm kiếm thơng tin đọc nhiều tài liệu tham khảo kiến thức hạn chế, chưa nắm bắt nhiều thông tin thương mại điện tử khả kỹ thuật hạn hẹp nên gặp nhiều thiếu sót Mong thầy bạn đóng góp ý kiến để em hoàn thiện Em xin chân thành cảm ơn LỜI CẢM ƠN Trong suốt thời gian năm học tập Trường Đại học Công nghệ Thông tin Truyền thông Việt - Hàn nay, em nhận nhiều quan tâm, giúp đỡ q Thầy Cơ bạn bè Với lịng biết ơn sâu sắc chân thành nhất, em xin gửi đến q Thầy Cơ Khoa Học Máy Tính – Trường Đại học Công nghệ Thông tin Truyền thông Việt - Hàn với tri thức tâm huyết để truyền đạt vốn kiến thức quý báu cho chúng em suốt thời gian học tập trường Đặc biệt cô Trần Thu Thuỷ, tận tình hướng dẫn giúp đỡ em suốt trình làm tốt nghiệp Với bảo cơ, em có định hướng tốt việc triển khai thực yêu cầu trình làm báo cáo tốt nghiệp Em xin cảm ơn người thân gia đình quan tâm, động viên tạo cho em điều kiện tốt suốt trình học tập làm tốt nghiệp Em xin chân thành cảm ơn! Đà Nẵng, tháng 12 năm 2021 Sinh viên PHILAVONG TAIPHACHANH THÔNG TIN KẾT QUẢ NGHIÊN CỨU Thông tin chung Tên đề tài : Xây dựng website bán túi xách Sinh viên thực : PHILAVONG TAIPHACHANH Lớp : 18I2 Hệ đào tạo : Cao Đẳng Điện thoại : 0344954785 Email : ptaiphichanh.18i@cit.udn.vn Tính cấp thiết đề tài - Cùng với phát triển mạnh mẽ Internet, ngày nay, việc sở hữu Website khơng cịn điều xa lạ, chí số trường hợp cịn tiêu chuẩn bắt buộc doanh nghiệp – cơng ty thời điểm cạnh tranh mang tính tồn cầu Mục tiêu - Xây dựng chức website bán hàng thương mại Website có khả tự tương thích, hiển thị tất thiết bị nâng cấp tương lai - Website hiển thị sản phẩm đẹp, thu hút người dùng - Hỗ trợ khách hàng cách nhanh nhận yêu cầu liên hệ - Quản lý mặt hàng sản phẩm, cấu hình website - Quản lý thống kê doanh thu, đơn hàng sản phẩm, số lượng sản phẩm tồn đọng - Nắm bắt công nghệ thiết kế web băng PHP, MYSQL, HTML, JQUERY, JAVASCRIPT, CSS Nội dung - Tìm hiểu, ứng dụng ngơn ngữ lập trình vào thiết kế website (PHP, MYSQL) - Thiết kế đặc tả hệ thống - Xây dưng sở liệu MySQL - Xây dựng module quản lý - Tìm hiểu PHP, MySQL, Laravel, phục vụ trình xây dựng trang web - Website nhanh hiệu việc quản lý, bán hàng Kết đạt - Xây dựng thành cơng website bán túi xách - Tìm hiểu nắm bắt kiến thức HTML, CSS, JQUERY, PHP, MYSQL,… - Ứng dụng, phát triển công nghệ thiết kế web Laravel - Với quy mô trang web vừa nhỏ, cộng thêm thời gian không cho phép nên đề tài “Xây dựng website bán túi xách” chưa có đầy đủ chức hoàn thiện trang web bán hàng Trong trình làm cịn nhiều sai sót, kiến thức có hạn lên website cịn nhiều thiếu sót việc hiển thị tối ưu thuật toán, thời gian thực Trong tương lai em cố gắng khắc phục sai sót CHƯƠNG I: GIỚI THIỆU ĐỀ TÀI 1.1 Lý chọn đề tài Túi xách phụ kiện thiếu tủ đồ phụ nữ Đó lý khiến nhãn hàng thường xuyên tung kiểu dáng, mẫu mã đẹp mắt khiến chị em chối từ Thời trang túi xách sản phẩm bày bán nhiều trang mạng, với đặc thù dòng sản phẩm thời trang yêu thích nhiều chị em phụ nữ nên nhu cầu mua sản phẩm tiếp cận khách hàng cao dễ dàng Nhiều trang web bán túi xách đầu tư kĩ lưỡng mặt thiết kế để làm tăng tính cạnh tranh thu hút khách hàng hiệu Thiết kế website bán túi xách gói thiết kế website khác tạo dựng cho doanh nghiệp bạn gian hàng trực tuyến với đầy đủ tính đặt hàng, mua hàng online nhanh chóng, tiết kiệm chi phí lại Đặc biệt, sống đại khiến cho nhu cầu mua bán online trở nên phổ biến hết Việc thiết kế website bán túi xách đem đến ngày nhiều tiện ích cho khách hàng 1.1.1 Tầm quan trọng việc thiết kế website bán túi xách Hiện nay, thực tế thị trường có khơng đơn vị, cá nhân kinh doanh sản phẩm túi xách, cặp, ví (bóp)… Tuy nhiên, đơn vị kinh doanh mặt hàng đa phần hoạt động nhỏ lẻ sử dụng vài hình thức Facebook, diễn đàn mở cửa hàng… để bán sản phẩm lặt vặt Sở hữu gói thiết kế web bán túi xách bước ngoặt ngoạn mục thay đổi quy mô kinh doanh quý vị theo chiều hướng lớn mạnh nhanh chóng Thói quen tiêu dùng người mua phổ biến với hình thức online Đặc biệt sản phẩm túi xách sản phẩm thông dụng, thiết thực cần cho nhu cầu người sử dụng Do đó, người mua tìm kiếm sản phẩm túi xách nhà cung cấp sản phẩm ưng ý chất lượng, mẫu mã, giá khơng có chần chừ, định đặt hàng online với họ thật nhanh chóng đơn giản thơng qua website bán túi xách 1.1.2 Đặt trưng website bán túi xách Công nghệ thông tin phát triển, việc ngồi chỗ mua hàng việc dễ dàng Website bán hàng trực tuyến hay gọi website thương mại điện tử mang đến cho người tiện dụng, nhìn đa chiều sản phẩm chọn mua Từ giao diện website, người mua hàng thoải mái xem thông tin, thêm, thay đổi đơn hàng cách thoải mái dễ dàng nhiều so với ngồi thực tế Khách hàng thoải mái dạo từ cửa hàng đến cửa hàng khác mà khơng phải lo lắng tới khó chịu người quản lý Kinh doanh mạng ln có lợi định, vượt ngồi khơng gian thời gian, vượt lứa tuổi Đây mảnh đất màu mỡ cho mạnh dạn đầu tư có chiến lược kinh doanh hợp lý Tuy nhiên giao dịch mạng tiềm ẩn nguy rủi ro cao gian lận giao dịch tốn, giao – nhận hàng hóa, lộ thơng tin tài khoản tín dụng…Một website bán hàng cấu hình, lập trình, áp dụng cơng nghệ hạn chế điều 1.1.3 Mục tiêu yêu cầu xây dựng hệ thống  Mục tiêu xây dựng hệ thống: - Tiết kiệm thời gian, chi phí cho khách hàng - Có thơng tin cụ thể, đầy đủ, nhanh chóng xác sản phẩm, dịch vụ mà có ý định mua sử dụng - Dễ dàng liên hệ với công ty thông qua thông tin liên hệ cần thiết - Quảng bá hình ảnh công ty, giới thiệu sản phẩm - Cập nhật tin tức, đáp ứng nhu cầu khách hàng - Hỗ trợ tư vấn khách hàng 10 2.6.7 Thư viện BOOTSTRAP Hình 2.15: Thư viện BOOTSTRAP Bootstrap framework HTML, CSS JavaScript phổ biến để phát triển trang web có tính phản hồi, tích hợp di động Nếu bạn mong muốn sở hữu Website Responsive, tương thích với trình duyệt thiết bị di động, chắn cần dùng đến công nghệ Bootstrap bao gồm mã CSS + HTML cho typography, forms, buttons, tables, grids, navigation, nhiều thành phần khác website Điều giúp cho designer tránh việc phải lặp lặp lại trình tạo class CSS đoạn mã HTML giống thiết kế web Style phần tử HTML Bootstrap đơn giản lịch Ví dụ phần đổ bóng input, highlight bảng biểu, mã CSS hiển thị cảnh báo, tabs, phân trang… 32 2.6.8 Giới thiệu Javascript Hình 2.16: Java Script Javascrip ngơn ngữ lập trình dựa nguyên mẫu với cú pháp phát triển từ C Giống C, JavaScript có khái niệm từ khóa, đó, JavaScript gần khơng thể mở rộng Cũng giống C, JavaScript khơng có xử lý xuất/nhập (input/output) riêng Trong C sử dụng thư viện xuất/nhập chuẩn, JavaScript dựa vào phần mềm ngôn ngữ gắn vào để thực xuất/nhập Trên trình duyệt, nhiều trang web sử dụng JavaScript để thiết kế trang web động số hiệu ứng hình ảnh thơng qua DOM JavaScript dùng để thực số tác vụ thực với HTML kiểm tra thông tin nhập vào, tự động thay đổi hình ảnh 33 2.6.9 Giới thiệu Jquery Hình 2.17: jQuery Jquery thư viện tạo từ JavaScript, Ajax hay nói cách khác bước phát triển JavaScript Jquery làm cho dễ dàng thao tác đỡ thời gian thao tác Ajax JavaScript 34 CHƯƠNG III: KẾT QUẢ ĐẠT ĐƯỢC 3.1 Giao diện hiển thị 3.1.1 trang chủ Hình 3.1: Trang chủ Hình 3.2: Trang chủ 35 3.1.2 Giao diện trang sản phẩm Hình 3.3: Trang sản phẩm Hình 3.4: Bộ lọc 36 3.1.3 Giao diện trang sản phẩm đơn lẻ Hình 3.5: Trang sản phẩm đơn lẻ 3.1.4 Trang giỏ hàng Hình 3.6: Trang giỏ hàng Hình 3.7: Trang Giỏ hàng 37 3.8: Giao hàng 3.1.5 Trang tốn Hình 3.9: Trang tốn 38 3.1.6 Trang login Hình 3.10: Đăng nhập quản trị Hình 3.11: Trang chủ quản trị 39 Hình 3.12: Quản lý Sản phẩm Hình 3.13: Xem sản phẩm 40 Hình 3.14: Chỉnh sửa Thêm sản phẩm Hình 3.15: Xóa sản phẩm 41 Hình ảnh 3.16: Thêm sản phẩm Hình 3.17: Xem thương hiệu 42 Hình 3.18: Chỉnh sửa thương hiệu 3.1.7 Trang quản lý đơn hàng Hình 3.19: Quản lý đơn hàng Hình 3.20: Đơn hàng giao 43 KẾT LUẬN Kết đạt đề tài Sau thời gian tập trung triển khai đề tài, em hoàn thành Xây dựng website bán túi xách với giao diện đẹp, thao tác sử dụng dễ dàng, thân thiện với người dùng Sau hoàn thành xong được Website bán hàng điện tử Online, em có thêm kỹ tảng để xây dựng website ngôn ngữ PHP MySQL, áp dụng kiến thức HTML, CSS Javascript học vào việc phát triển ứng dụng web Bên cạnh đó, em mở rộng thêm kiến thức chuyên ngành nhờ việc tìm hiểu số kiến thức lập trình để áp dụng vào việc phát triển ứng dụng Nhờ vậy, kỹ tự học vận dụng kỹ em nâng cao Khi thực hoàn thành dự án, em biết thêm nhiều kinh nghiệm quý giá xây dựng website nói riêng phát triển phần mềm Những kỹ tảng để giúp em nâng cao trình độ thân, kinh nghiệm thực tế để làm việc doanh nghiệp sau Hạn chế đề tài Bên cạnh kết khả quan đạt được, em nhận thấy tồn số hạn chế: Tốc độ xử lý chưa cao, số lỗi phát sinh vận hành hệ thống Hướng phát triển đề tài Sau hoàn thành đề tài xây dựng Xây dựng website bán túi xách em tiếp tục nghiên cứu phát triển website nhằm tăng tính tối ưu hóa tốc độ xử lý để đem lại hiệu cao hơn, phát triển để đưa website vào ứng dụng thực tế 44 TÀI LIỆU THAM KHẢO Các tài liệu tiếng việt [1] Giáo trình Phân tích thiết kế hướng đối tượng băng UML, Nhà xuất giáo dục, 2001 Tác giả : Đăng Văn Đức [2] Sử dụng PHP&MySQL thiết kế web động, Nhà xuất Minh Khai, 2008 Tác giả : Nguyễn Trường Sinh Tài liệu tiếng anh [3] https://www.w3schools.com/ [4] laravel.org Và nhiều tài liệu liên quan khác em xin phép không liệt kê 45 46 ... THIỆU ĐỀ TÀI 1.1 Lý chọn đề tài 1.1.1 Tầm quan trọng việc thiết kế website bán túi xách 1.1.2 Đặt trưng website bán túi xách 10 1.1.3 Mục tiêu yêu cầu xây dựng. .. phát sinh vận hành hệ thống Hướng phát triển đề tài Sau hoàn thành đề tài xây dựng Xây dựng website bán túi xách em tiếp tục nghiên cứu phát triển website nhằm tăng tính tối ưu hóa tốc độ xử lý... đề tài Sau thời gian tập trung triển khai đề tài, em hoàn thành Xây dựng website bán túi xách với giao diện đẹp, thao tác sử dụng dễ dàng, thân thiện với người dùng Sau hoàn thành xong được Website