ĐỒ ÁN CƠ SỞ 2 ĐỀ TÀI: XÂY DỰNG WEBSITE KINH DOANH PHỤ KIỆN THÚ CƯNG

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT-HÀN ĐỒ ÁN CƠ SỞ ĐỀ TÀI: XÂY DỰNG WEBSITE KINH DOANH PHỤ KIỆN THÚ CƯNG Sinh viên thực : Lớp : Giảng viên hướng dẫn : ĐẶNG QUANG TÀI 19IT1 ThS NGUYỄN VĂN BÌNH Đà nẵng, tháng 12 năm 2020 ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT-HÀN ĐỒ ÁN CƠ SỞ ĐỀ TÀI: XÂY DỰNG WEBSITE KINH DOANH PHỤ KIỆN THÚ CƯNG Sinh viên thực : Lớp : Giảng viên hướng dẫn : ĐẶNG QUANG TÀI 19IT1 ThS NGUYỄN VĂN BÌNH Đà nẵng, tháng 12 năm 2020 MỞ ĐẦU Với nhu cầu sống ngày cao, người có xu hướng tìm thú vui riêng cho Ni thú cưng hoạt động tinh thần thể chất không kể đến Với bạn trẻ, chọn cún mèo tinh nghịch, phong cách Với sản phẩm vơ hình hữu hình thú cưng mang lại Mọi người dần chăm sóc lo lăng cho thú cưng với nhu cầu cao Đồ ăn, thức uống, đồ sinh, đồ chơi cịn đồ mặc… Vậy nhu cầu tiêu thụ mặt hàng cho thú cưng lớn Với xu hướng người sử dụng mạng internet để thực giao dịch trực tuyến thông qua website phổ biến Khách hàng tìm kiếm thơng tin, trảo đổi mua bán hàng hóa đâu vào lúc thông qua trang web Sự tiện lợi thể rõ vai trò lợi ích website thời điểm tương lai internet ngày có tốc độ phát triển nhanh chóng vượt bậc, thực đề tài ”Xây dựng website kinh doanh phụ kiện thú cưng” giải pháp kinh doanh hợp lý hứa hẹn mang nguồn lợi nhuận lớn LỜI CẢM ƠN Em xin chân thành cám ơn ThS.Nguyễn Văn Bình – Giảng viên Đại học Đà Nẵng hướng dẫn tận tình, lỗi sai, chưa hợp lý để khắc phục, góp ý xu thời đại, điểm cần thiết để bổ sung, bên cạnh thầy bảo em kinh nghiệm thực tế quý báu giúp ích cho em nhiều suốt trình thực đề tài Em xin chân thành cám ơn giúp đỡ tạo điều kiện mặt Ban Giám hiệu nhà trường, Ban chấp hành Đồn trường Đại học Cơng nghệ Thơng tin Truyền thông Việt - Hàn – Đại Học Đà Nẵng nói chung thầy mơn nói riêng dạy dỗ, truyền đạt cho em kiến thức môn đại cương mơn chun ngành, giúp em có sở lý thuyết vững vàng tạo điều kiện, giúp đỡ em suốt q trình học tập hồn thành đề tài Trong trình thực tập, trình làm báo cáo thực tập, khó tránh khỏi sai sót, mong Thầy, Cơ bỏ qua Đồng thời trình độ lý luận kinh nghiệm thực tiễn hạn chế nên báo cáo khơng thể tránh khỏi thiếu sót, em mong nhận ý kiến đóng góp Thầy, Cơ để em học thêm nhiều kinh nghiệm hoàn thành tốt báo cáo đồ án tới NHẬN XÉT (Của quan thực tập, có) …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… NHẬN XÉT (Của giảng viên hướng dẫn) …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… MỤC LỤC Chương Nghiên cứu tổng quan 1.1 Giới thiệu 1.2 Khảo sát thực tế: .10 1.3 Lý thực đề tài 11 Chương Phân tích thiết kế hệ thống 13 2.1 Mơ hình tổng quan hệ thống nghiên cứu 13 2.2 Khảo sát đặc tả yêu cầu .13 2.3 Các yêu cầu phi chức 14 2.4 Phân tích thiết kế hệ thống 14 Chức người dùng 17 2.5 Biểu đồ use case .17 2.6 Biểu đồ 29 2.7 Thiết kế sở liệu .35 2.8 Mơ hình sở liệu quan hệ 42 2.9 Biểu đồ lớp chi tiết 43 Chương Triển khai xây dựng .44 3.1 Các công cụ, phần mềm sử dụng 44 3.2 Thiết kế , xây dựng giao diện trang web 46 3.3 Giao diện quản trị 52 Chương Kết luận Hướng phát triển .59 4.1 Kết 59 4.2 Hạn chế đề tài 60 4.3 Hướng phát triển .60 4.4 Kết luận 60 DANH MỤC CÁC BẢNG DANH MỤC HÌNH Hình 2.1 trang web Pet Shop 10 Hình 2.2 Trang web Pet City 11 Hình 3.3 Use case tổng quát 18 Hình 3.4 Use case đăng nhập 19 Hình 3.5 Use case quản lý danh mục sản phẩm .20 Hình 3.6 Use case quản lý thương hiệu sản phẩm 21 Hình 3.7 Use case quản lý sản phẩm 22 Hình 3.8 Use case quản lý thành viên .23 Hình 3.9 Use case quản lý ban quản trị 24 Hình 3.10 Use case quản lý tin tức 25 Hình 3.11 Use case quản lý thư viện ảnh sản phẩm 26 Hình 3.12 Use case quản lý đơn đặt hàng 27 Hình 3.13 Use case quản lý danh mục tin tức 28 Hình 3.14 Use case quản lý thống kê doanh số 29 Hình 3.15 Biểu đồ chức đăng nhập 30 Hình 3.16 Biểu đồ quản lý danh mục sản phẩm .30 Hình 3.17 Biểu đồ quản lý thương hiệu sản phẩm 31 Hình 3.18 Biểu đồ quản lý sản phẩm 31 Hình 3.19 Biểu đồ quản lý thành viên .32 Hình 3.20 Biểu đồ quản lý ban quản trị 32 Hình 3.21 Biểu đồ quản lý thư viện ảnh sản phẩm 33 Hình 3.22 Biểu đồ quản lý đơn đặt hàng 33 Hình 3.23 Biểu đồ quản lý danh mục tin tức 34 Hình 3.24 Biểu đồ quản lý tin tức 34 Hình 3.25 Biểu đồ thống kê doanh số 35 Hình 3.26 Mơ hình sở liệu quan hệ 42 Hình 3.27 Biểu đồ lớp chi tiết 43 Hình 4.28 Giao diện trang chủ .46 Hình 4.29 Giao diện trang chủ 46 Hình 4.30 Giao diện trang chủ 47 Hình 4.31 Giao diện trang chủ 47 Hình 4.32 Giao diện giới thiệu 47 Hình 4.33 Giao diện trang giới thiệu 48 Hình 4.34 Giao diện sản phẩm 48 Hình 4.35 Giao diện tin tức .49 Hình 4.36 Giao diện chi tiết sản phẩm 49 Hình 4.37 Giao diện giỏ hàng 50 Hình 4.38 Giao diện toán 51 Hình 4.39 Giao diện đăng ký 51 Hình 4.40 Giao diện đăng nhập 52 Hình 4.41 Giao diện quản lý 52 Hình 4.42 Giao diện danh sách đơn hàng 53 Hình 4.43 Giao diện danh mục sản phẩm 53 Hình 4.44 Hóa đơn mua hàng 54 Hình 4.45 Giao diện chỉnh sửa sản phẩm .55 Hình 4.46 Giao diện thương hiệu sản phẩm 55 Hình 4.47 Giao diện trang thư viện ảnh sản phẩm .56 Hình 4.48 Giao diện trang tin tức 57 Hình 4.49 Giao diện trang danh mục viết 57 Hình 4.50 Giao diện trang quản lý bình luận 58 Hình 4.51 Giao diện trang quản trị viên 58 Hình 4.52 Giao diện trang người dùng 59 DANH MỤC CÁC TỪ VIẾT TẮT STT Từ viết tắt API DOM XHTML XML SVG UML CSDL HTML CSS Tên đầy đủ Giải thích Application Programming Giao diện lập trình ứng dụng Interface Document Object Model Các đối tượng thao tác văn Extensible HyperText Markup Language Ngôn ngữ Đánh dấu Siêu văn Mở rộng Extensible Markup Language Ngôn ngữ đánh dấu mở rộng W3C đề nghị với mục đích tạo ngôn ngữ đánh dấu khác Scalable Vector Graphics Ngôn ngữ đánh dấu (markup language) XML dùng để miêu tả hình ảnh đồ họa véc tơ hai chiều, tĩnh hoạt hình, thường dành cho ứng dụng trang mạng Unified Modeling Language Ngôn ngữ mơ hình gồm ký hiệu đồ họa mà phương pháp hướng đối tượng sử dụng để thiết kế hệ thống thơng tin cách nhanh chóng Cơ sở liệu Hypertext Markup Language Cascading Style Sheet Bảng 1.1 Bảng danh mục cụm từ viết tắt - Nút chọn số lượng sản phẩm chọn tối đa đến số lượng sản phẩm kho - Nút thêm vào giỏ hàng có hỗ trợ Ajax giúp thao tác tiện lợi - Có khung mơ tả sản phẩm đặc điểm, nguồn gốc xuất sứ cách sử dụng sản phẩm - Có khung bình luận cho người dùng giúp họ đặt câu hỏi với cửa hàng trao đổi với - Có khung đánh giá sản phẩm khách hàng sau mua sản phẩm giúp nâng cao uy tín cửa hàng tạo cứ, niềm tin cho khách hàng có ý định mua sản phẩm 3.2.6 Giao diện giỏ hàng Hình 4.37 Giao diện giỏ hàng Có thể chỉnh sửa số lượng sản phẩm giỏ hàng, bên cạnh giỏ hàng có hỗ trợ Ajax nên việc cập nhật giỏ hàng mượt mà hơn, thay đổi số lượng sản phẩm giá sản phẩm thay đổi theo 50 3.2.7 Giao diện toán Hình 4.38 Giao diện tốn Có khung điền thơng tin cần thiết để đặt hàng, bên cạnh có hỗ trợ chức nhỏ sử dụng Ajax tự động liệt kê tỉnh, quận huyện, để dễ dàng chọn lựa 3.2.8 Giao diện đăng ký Hình 4.39 Giao diện đăng ký Gồm trường tên, địa email, số điện thoại, mật xác nhận mật khẩu, trường email phải nhập định dạng email, trường xác nhận mật phải trùng với trường mật 51 3.2.9 Giao diện đăng nhập Hình 4.40 Giao diện đăng nhập Hệ thông truy vấn sở liệu để đối chiếu trường email mật khẩu, trả trang chủ website với trạng thái đăng nhập, ngược lại trả trang đăng nhập tin nhắn thông tin đăng nhập sai, yêu cầu nhập lại, Mật có hỗ trợ mã hoá md5 3.3 Giao diện quản trị 3.3.1 Giao diện quản lý Hình 4.41 Giao diện quản lý 52 Gồm bảng thống kê lịch sử doanh thu, bên cạnh hiển thị số tiền, số đơn bán, trang quản trị hỗ trợ thống kê doanh thu theo tuần tháng thống kê theo khoảng cách ngày theo ý muốn 3.3.2 Giao diện danh sách đơn hàng Hình 4.42 Giao diện danh sách đơn hàng Liệt kê danh sách đơn hàng, hỗ trợ chức xem chi tiết đơn hàng, xoá đơn hàng thay đổi trạng thái đơn hàng 3.3.3 Giao diện danh mục sản phẩm Hình 4.43 Giao diện danh mục sản phẩm 53 Liệt kê danh mục sản phẩm, có chức thêm, sửa, xố, ẩn, tìm kiếm danh mục sản phẩm 3.3.4 Hóa đơn mua hàng Hình 4.44 Hóa đơn mua hàng Đơn hàng bao gồm thơng tin sản phẩm tên sản phẩm, đơn giá, số lượng, thành tiền, tổng tiền thông tin người nhận tên, địa chỉ, số điện thoại người nhận ngày xác nhận đơn hàng 54 3.3.5 Giao diện chỉnh sửa sản phẩm Hình 4.45 Giao diện chỉnh sửa sản phẩm 3.3.6 Giao diện thương hiệu sản phẩm Hình 4.46 Giao diện thương hiệu sản phẩm 55 Liệt kê thương hiệu sản phẩm, có chức thêm, sửa, xố, ẩn, tìm kiếm thương hiệu sản phẩm 3.3.7 Giao diện trang thư viện ảnh sản phẩm Hình 4.47 Giao diện trang thư viện ảnh sản phẩm Hiển thị danh sách sản phẩm, có nút để quản lý ảnh sản phẩm đó, click vào thêm, sửa xoá thư viện ảnh sản phẩm 3.3.8 Giao diện trang tin tức 56 Hình 4.48 Giao diện trang tin tức Chức danh sách tin tức, có chức thêm, sửa, xố tin tức ẩn tin tức 3.3.9 Giao diện trang danh mục tin tức Hình 4.49 Giao diện trang danh mục viết Hiển thị danh mục viết, có hỗ trợ chức thêm, sửa, xoá, ẩn, danh mục viết 3.3.10 Giao diện trang quản lý bình luận 57 Hình 4.50 Giao diện trang quản lý bình luận Hiện thị danh sách bình luận từ đến cũ, có chức xố bình luận, trả lời bình luận, xem chi tiết bình luận xem chi tiết tài khoản bình luận 3.3.11 Giao diện trang quản trị viên Hình 4.51 Giao diện trang quản trị viên 58 Hiển thị danh sách quản trị viên quyền tích xanh, thêm xố quyền quản trị viên 3.3.12 Giao diện trang người dùng Hình 4.52 Giao diện trang người dùng Hiện thị danh sách thông tin người dùng chức sửa xố thơng tin Chương Kết luận Hướng phát triển 4.1 Kết Sau trình triển khai xây dựng, em hoàn thành đề tài “ Xây dựng website kinh doanh phụ kiện thú cưng FURN ” với giao diện trực quan, sinh động, dễ sử dụng hoạt động ổn định Sau hoàn thành đề tài, em học hỏi nhiều kiến thức, kinh nghiệm bổ ích xây dựng website bán hàng, áp dụng kiến thức học HTML, CSS, Javascript để xây dựng hoàn thiện đề tài 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 59 thức lập trình, framework LARAVEL qua nâng cao trình độ khả tự học 4.2 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, quy mô xây dựng đề tài có hạn nên chức chưa hồn thiện so với thị trường 4.3 Hướng phát triển Tiếp tục nghiên cứu hoàn thiện, phát triển website nhằm hoàn thiện chức cũ, bổ sung thêm chức tối ưu hoá tốc độ xử lý để người dùng có trải nghiệm mượt mà Xây dựng, tối ưu hoá sở liệu để tối ưu hệ thống mục tiêu đưa website hoạt động thực tế, tương lai xa tìm kiếm đối tác chuyển nhượng tìm kiếm đối tác kinh doanh 4.4 Kết luận XÂY DỰNG WEBSITE KINH DOANH PHỤ KIỆN THÚ CƯNG dự án thiết yếu cho người chăm sóc thú cưng thời kì phát triển phong trào chăm sóc thú cưng nay, việc xây dựng website quan trọng cần thiết để phục vụ nhu cầu người tiêu dùng, nâng cao chất lượng dịch vụ đem nguồn lợi nhuận đáng giá PHỤ LỤC (kèm theo) 60 DANH MỤC TÀI LIỆU THAM KHẢO 61 ... VIỆT-HÀN ĐỒ ÁN CƠ SỞ ĐỀ TÀI: XÂY DỰNG WEBSITE KINH DOANH PHỤ KIỆN THÚ CƯNG Sinh viên thực : Lớp : Giảng viên hướng dẫn : ĐẶNG QUANG TÀI 19IT1 ThS NGUYỄN VĂN BÌNH Đà nẵng, tháng 12 năm 20 20 MỞ ĐẦU... trạng website kinh doanh phụ kiện thú cưng Internet, em định thực đề tài ? ?Xây dựng website kinh doanh phụ kiện thú cưng? ?? với mục tiêu sau: - Website hiển thị sản phẩm đẹp, thu hút người dùng - Xây. .. từ sở liệu biểu đồ trực quan 2. 6 Biểu đồ 2. 6.1 Biểu đồ chức đăng nhập 29 Hình 3.15 Biểu đồ chức đăng nhập 2. 6 .2 Biểu đồ quản lý danh mục sản phẩm Hình 3.16 Biểu đồ quản lý danh mục sản phẩm 2. 6.3