Báo cáo đồ án lập trình web nâng cao đề tài xây dựng website quản lý shop thú cưng

Trang 1 TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN LẬP TRÌNH WEB NÂNG CAO ĐỀ TÀI: XÂY DỰNG WEBSITE QUẢN LÝ SHOP THÚ CƯNG Sinh viên thực hiện : : Giảng viên hướng dẫ

TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN LẬP TRÌNH WEB NÂNG CAO ĐỀ TÀI: XÂY DỰNG WEBSITE QUẢN LÝ SHOP THÚ CƯNG Sinh viên thực : : Giảng viên hướng dẫn : Ngành : CÔNG NGHỆ THÔNG TIN Chuyên ngành : CÔNG NGHỆ PHẦN MỀM Lớp : D16CNPM2 Khóa : 2021-2025 Hà Nội, tháng 1, năm 2024 PHIẾU CHẤM ĐIỂM Sinh viên thực hiện: STT Họ tên Nội dung thực Điểm Chữ ký Chữ ký Ghi Giáo viên chấm điểm: Họ tên Giáo viên 1: Giáo viên 2: MỤC LỤC PHIẾU CHẤM ĐIỂM MỤC LỤC LỜI MỞ ĐẦU LỜI CẢM ƠN CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 1.1 Giới thiệu đề tài 1.2 Phân tích nhu cầu 1.3 Mục đích website cần thiết kế 1.4 Mục tiêu quảng bá website 1.5 Một số trang website 1.5.1 Giao diện người dùng 1.5.2 Giao diện admin CHƯƠNG 2: KHẢO SÁT VÀ PHÂN TÍCH HỆ THỐNG Error! Bookmark not defined 2.1 Xác định Actor Use case tổng quát hệ thống .Error! Bookmark not defined 2.1.1 Các Actor Error! Bookmark not defined 2.1.2 Use case tổng quát hệ thống Error! Bookmark not defined 2.2 Phân rã use case Error! Bookmark not defined 2.2.1 Biểu đồ chức quản lý tài khoản Error! Bookmark not defined 2.2.2 Biểu đồ chức quản lý nhập liệu Error! Bookmark not defined 2.2.3 Biểu đồ chức quản lý thông tin khách hàng .Error! Bookmark not defined 2.2.4 Biểu đồ chức quản lý sản phẩm Error! Bookmark not defined 2.2.5 Biểu đồ chức quản lý dịch vụ Error! Bookmark not defined 2.2.6 Biểu đồ chức quản lý bán hàng Error! Bookmark not defined 2.2.7 Biểu đồ chức báo cáo thống kê Error! Bookmark not defined 2.3 Biểu đồ Class tổng quát Error! Bookmark not defined CHƯƠNG 3: THIẾT KẾ TRANG WEB 10 KẾT LUẬN 11 TÀI LIỆU THAM KHẢO 12 LỜI MỞ ĐẦU Nói đến CNTT hình dung tới môi trường phát triển động vào bậc tồn giới Nó ứng dụng vào mặt đời sống người, từ cơng việc giải trí Nhắc đến cơng nghệ thơng tin khơng thể khơng nhắc đến lập trình Lập trình cơng việc tạo sản phẩm tiện ích giúp người làm việc hiệu thao tác với máy tính hay thiết bị cơng nghệ Để lập trình sản phẩm bạn cần phải biết ngơn ngữ lập trình, để kết nối người đọc máy tính Cùng với phát triển vượt bậc CNTT, người xây dựng, phát triển bảo trì trang web lưu trữ internet hình thức lập trình web Một trang web đơn giản viết ngôn ngữ HTML, CSS chứa vài trăm dòng lệnh Tuy nhiên trang web lớn Facebook lên đến 60 triệu dịng lệnh để phát triển hồn chỉnh trang web 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 Thay vào việc ngồi nhà hay đâu với máy tính, điện thoại kết nối interner người thỏa sức tìm kiếm thú cưng mà u thích, dễ dàng giải tò mò cửa người đọc, đồng thời giúp lồi động vật dễ ni, dễ gần với chủ 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 quản lý shop 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 Trên thực tế, khơng có thành cơng mà khơng gắn liền với hỗ trợ, giúp đỡ dù hay nhiều, dù trực tiếp hay gián tiếp người khác Trong suốt thười gian từ bắt đầu học tập giảng đường Đại học đến nay, em nhận nhiều quan tâm, giúp đỡ thầy cơ, gia đình bạn bè Với lòng biết ơn sâu sắc nhất, em xin gửi đến thầy cô Khoa Công Nghệ Thông Tin- trường Đại Học Điện Lực 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 Và đặc biệt, kỳ này, em tiếp cận với môn học hữu ích sinh viên ngành Công Nghệ Thông Tin Đó mơn: “Đồ án lập trình Web nâng cao” Em xin chân thành cảm ơn thầy Phương Văn Cảnh tận tâm hướng dẫn chúng em qua buổi học lớp buổi nói chuyện, thảo luận môn học Trong thời gian học tập thực hành hướng dân thầy, em thu nhiều kiến thức bổ ích, mà truyền say mê thích thú mơn “Đồ án lập trình Web nâng cao” Mặc dù cố gắng hoàn thiện báo cáo với tất nỗ lực, nhiên, bước đầu vào thực tế, tìm hiểu xây dựng báo cáo thời gian có hạn, kiến thức hạn chế, nhiều bỡ ngỡ, nên báo cáo “Xây dựng website quản lý shop thú cưng” chắn khơng thể tránh khỏi thiếu sót Em mong nhận quan tâm, thông cảm đóng góp q báu thầy bạn để báo cáo hoàn thiện Một lần nữa, em xin chân thành cảm ơn ln mong nhận đóng góp người Trân trọng! CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 1.1 Giới thiệu đề tài Với tất người từ già trẻ việc chọn lựa cho mèo, cún tinh nghịch đáng yêu dần trở nên phổ biến thành niềm vui sống bộn bề Nếu người Việt Nam ta dùng chó để giữ nhà, dùng mèo để bắt chuộtt ngày chó mèo cịn người bạn người yêu mến, cưng chiều Xã hội ngày phát triển, sống người dần trở nên dư dả Đi với thú cưng ngày chiều chuộng, chăm sóc lo lắng nhiều Từ đồ ăn, thức uống, đồ vệ sinh, đồ chơi… người lựa chọn, mua sắm đầy đủ, kĩ lưỡng Chính nên nhu cầu tiêu thụ mặt hàng phụ kiện cho thú cưng lớn 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 Hiện tại, nhu cầu nuôi thú cưng ngày nhiều nhu cầu phụ kiện ngày tăng, số lý cá nhân hay vị trí địa lý mà họ khơng thể mua trực tiếp cửa hàng Từ nhu cầu trên, Phát triển website để phục vụ nhu cầu người nuôi thú cưng cần thiết hợp lý 1.2 Phân tích nhu cầu 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 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 Hiện tại, nhu cầu nuôi thú cưng ngày nhiều nhu cầu phụ kiện ngày tăng, số lý cá nhân hay vị trí địa lý mà họ mua trực tiếp cửa hàng Bên cạnh đó, cửa hàng có website mang lại nhiều lợi so với cửa hàng khác như: - Tiếp cận nhiều khách hàng - Tạo ấn tượng tin cậy cho khách hàng nhìn vào websitechuyên nghiệp, dễ sử dụng, hình ảnh, giá bán thú cưng đầy đủ - Quản lý hoạt động kinh doanh đơn giản, dễ dàng hơn, tổng hợp đơn hàng nhanhchóng, khơng sợ bỏ sót Facebook - Tiết kiệm thời gian chi phí, bạn khơng phải tốn nhiều thời gian phải canhcửa hàng chỗ, chi phí thuê nhân viên mặt bằng… với website bán thú cưng chuyên nghiệp giúp bạn làm thứ đơn giản nhanh 1.3 Mục đích website cần thiết kế Khi xây dựng website phải hình dung cần phải thiết kế cho website Khơng có chủ định mục tiêu rõ ràng website trở nên sai lầm, lan man cuối tới hướng khó trở lại Thiết kế cẩn thận định hướng rõ chìa khóa hướng tới thành công việc xây dựng website Vận dụng tổng hợp kiến thức học để tiến hành thiết kế website giưới thiệu online nhằm giải khó khăn người đọc Dựa kiến thức tảng thầy cô trao đổi lớp thơng tin tìm hiểu được, chúng em tổng hợp kiến thức để xây dựng trang web Báo cáo lập trình web “Web thú cưng” tích hợp giao diện chức sau:  Giao diện website  Sản phẩm theo lồi vật website (chó, mèo, chim, vẹt, chuột, thỏ)  Đăng ký người đọc  Đăng nhập vào website  Thông tin liên hệ shop  Website hướng dẫn cách ni chăm sóc lồi vật  Website hướng dẫn chi tiết cách ni chăm sóc lồi vật (chó, mèo, chim, vẹt, chuột, thỏ) 1.4 Mục tiêu quảng bá website Với đề tài chúng em xin trình bày cách thức quản lý website cho phép người đọc dễ dàng việc tìm kiếm tư liệu hiệu nhanh chóng, website cần đạt dược mục tiêu sau:  Thiết kế giao diện dễ sử dụng: Giao diện trang web nên thiết kế đơn giản, rõ ràng dễ hiểu Các mục chức cần xếp cách logic dễ nhìn, giúp người đọc dễ dàng điều hướng tìm kiếm thơng tin, đơng thời thu hút người đọc  Hệ thống danh mục tags: Xây dựng hệ thống danh mục chặt chẽ tags cho viết, thông tin tư liệu trang web Điều giúp người đọc dễ dàng phân loại, lọc tìm kiếm theo chủ đề, loại thú cưng, vấn đề cụ thể nhiều yếu tố khác  Hệ thống danh mục tags: Xây dựng hệ thống danh mục chặt chẽ tags cho viết, thông tin tư liệu trang web Điều giúp người đọc dễ dàng phân loại, lọc tìm kiếm theo chủ đề, loại thú cưng, vấn đề cụ thể nhiều yếu tố khác  Quản lý mặt hàng sản phẩm, cấu hình website Tối ưu hóa nội dung: Tạo nội dung chất lượng để viết thông tin trang web xuất cao kết tìm kiếm Sử dụng từ khóa liên quan phân đoạn nội dung cho dễ dàng hiểu tìm kiếm  Ứng dụng mơ hình phân lớp vào xây dựng trang web để dễ dàng bảo trì tương lai 1.5 Một số trang website 1.5.1 Giao diện người dùng - Trang đăng nhập đăng ký: Để người đọc vào trang web - Trang chủ: Đây trang giới thiệu sản phẩm Ngồi biết thêm thơng tin xã hội - Trang sản phẩm: Đây trang người đọc xem tham khảo sản phẩm - Trang dịch vụ: Trang người đọc tìm kiếm, tham khảo tin tức hướng dẫn, thơng tin thứ cưng - Trang hướng dẫn chăm sóc huấn luyện: cung cấp hướng dẫn chi tiết cách chăm sóc huấn luyện thú cưng Bao gồm thông tin cách cho ăn, vệ sinh, tiêm phòng, tắm rửa, điều trị bệnh tật bản, phương pháp huấn luyện để tạo dựng môi trường sống lành mạnh hạnh phúc cho thú cưng - Trang liên hệ: Đây trang mà người đọc liên hệ với cửa hàng, đặt lịch thăm khám gặp mặt nhân viên chăm sóc 1.5.2 Giao diện admin - Trang đăng nhập đăng ký: Để admin vào trang quản lý - Dashboard (Bảng điều khiển: Hiển thị thơng tin tổng quan tình trạng hoạt động hệ thống, báo cáo thống kê biểu đồ - Quản lý người dùng: Xem danh sách người dùng, phân quyền vai trị, xóa người dùng - Quản lý Sản Phẩm dịch Vụ: Xem danh sách sản phẩm dịch vụ; thêm, sửa, xóa sản phẩm dịch vụ - Quản lý đơn hàng giao dịch: Xem danh sách đơn hàng giao dịch; chi tiết đơn hàng; xác nhận, hủy đơn hàng - Trang quản lý thông tin khách hàng: Xem danh sách khách hàng; thêm, sửa, xóa thơng tin - Quản lý nội dung: Quản lý viết, tin tức, nội dung khác; thêm, sửa, xóa nội dung - Quản lý đánh giá phản hồi: Xem quản lý đánh giá từ người dùng, phản hồi bình luận - Quản lý hình ảnh tệp tin: Tải lên, xóa hình ảnh tệp tin; quản lý thư viện hình ảnh tệp tin - Quản lý tài khoản: Quản lý thông tin tài khoản cá nhân; sửa, xóa thơng tin - Trang báo cáo thống kê: Báo cáo, thống kê chi tiết hoạt động hệ thống CHƯƠNG 2: THIẾT KẾ TRANG WEB Em xin chân thành cảm ơn! KẾT LUẬN TÀI LIỆU THAM KHẢO Hướng Dẫn Thiết Kế Website – NXB Văn hóa thơng tin Định Kiểu Web Với CSS – Charles Wyke-Smith Tự Học Thiết Kế Trang Web Bằng HTML – Đậu Quang Tuấn Tự Học Thiết Kế Trang Web Bằng Java Script – Đậu Quang Tuấn