XÂY DỰNG WEBSITE QUẢNG BÁ NHÓM TỪ THIỆN HAND IN HAND VIỆT - HÀN. ĐỒ ÁN TỐT NGHIỆP NGÀNH: CNTT (ỨNG DỤNG PHẦN MỀM)

TRƢỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT - HÀN KHOA KHOA HỌC MÁY TÍNH  MAI XUÂN HIẾU XÂY DỰNG WEBSITE QUẢNG BÁ NHÓM TỪ THIỆN HAND IN HAND VIỆT - HÀN ĐỒ ÁN TỐT NGHIỆP NGÀNH: CÔNG NGHỆ THÔNG TIN (ỨNG DỤNG PHẦN MỀM) Đà 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 KHOA HỌC MÁY TÍNH  MAI XUÂN HIẾU K13C04A007 XÂY DỰNG WEBSITE QUẢNG BÁ NHÓM TỪ THIỆN HAND IN HAND VIỆT - HÀN ĐỒ ÁN TỐT NGHIỆP NGÀNH: CÔNG NGHỆ THÔNG TIN (ỨNG DỤNG PHẦN MỀM) Giảng viên hƣớng dẫn: ThS Ninh Khánh Chi Đà Nẵng - 12/2021 Xây dựng website quảng bá Nhóm thiện nguyện Hand in Hand Việt - Hàn LỜI CẢM ƠN Thƣa Ban giám hiệu, Giảng viên khoa giáo viên môn khoa công nghệ thông tin Xin chân thành cảm ơn thầy (cô) khoa Khoa học máy tình Trƣờng Đại học Cơng nghệ thơng tin Việt – Hàn, tận tâm giảng dạy truyền đạt kiến thức, kinh nghiệm quý báu cho em năm qua Đặc biệt, chúng em xin gửi đến cô Ninh Khánh Chi, ngƣời tận tâm giúp đở hƣớng dẫn chúng em trình hoàn thành báo cáo tốt nghiệp lời cảm ơn sâu sắc Vì thời gian kiến thức cịn hạn hẹp thiếu kinh nghiệm thực tế nên báo cáo khơng thể tránh khỏi thiếu sót, mong góp ý q thầy cơ, để em rút kinh nghiệm cố kiến thức hoàn thành tốt đồng thời có điều kiện bổ sung, nâng cao ý thức, kỹ Em xin chân thành cảm ơn! Đà Nẵng, 24 tháng 12 năm 2021 Sinh viên thực Mai Xuân Hiếu SVTH: Mai Xuân Hiếu - K13C04A007 i Xây dựng website quảng bá Nhóm thiện nguyện Hand in Hand Việt - Hàn MỤC LỤC LỜI CẢM ƠN i MỤC LỤC ii DANH SÁCH TỪ VIẾT TẮT iv DANH MỤC BẢNG BIỂU .v DANH MỤC HÌNH ẢNH vi MỞ ĐẦU CHƢƠNG TỔNG QUAN ĐỂ TÀI .2 1.1 TỔNG QUAN 1.2 LÝ DO CHỌN ĐỀ TÀI 1.3 MỤC ĐÍCH CHUNG 1.4 Ý NGHĨA THỰC TIỂN CỦA ĐỀ TÀI .3 1.5 BỐ CỤC BÁO CÁO CHƢƠNG CƠ SỞ LÝ THUYẾT 2.1 HTML 2.2 NGÔN NGỮ CSS 2.3 JAVASCRIPT 2.4 PHP .5 2.4.1 Khái niệm PHP 2.4.2 Lịch sử phát triển PHP 2.4.3 Môi trƣờng hoạt động PHP 2.5 TỔNG QUAN VỀ HỆ QUẢN TRỊ CƠ SỞ DỮ LIỆU MYSQL .8 2.5.1 Khái niệm MySQL .8 2.5.2 Lịch sử phát triển 2.5.3 Lý sử dụng MySQL 10 2.6 TỔNG QUAN VỀ BOOTSTRAP 11 2.6.1 Khái niệm Bootstrap 11 2.6.2 Lịch sử phát triển .12 2.6.3 Lợi ích Bootstrap 12 2.6.4 Grid System Bootstrap .12 2.7 XAMPP 14 SVTH: Mai Xuân Hiếu - K13C04A007 ii Xây dựng website quảng bá Nhóm thiện nguyện Hand in Hand Việt - Hàn CHƢƠNG XÂY DỰNG VÀ TRIỂN KHAI CHƢƠNG TRÌNH .15 3.1 PHÂN TÍCH YÊU CẦU 15 3.1.1 Yêu cầu toán 15 3.1.2 Các đối tƣợng quản lý chinh hệ thống 15 3.2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 17 3.2.1 Các chức hệ thống 17 3.2.2 Sơ đồ thuật toán 18 3.2.3 Các hàm hệ thống 20 3.3 THIẾT KẾ CƠ SỞ DỬ LIỆU 24 3.4 THIẾT KẾ GIAO ĐIỆN 27 3.4.1 Giao diện ngƣời dùng 27 3.4.2 Giao diện quản trị 28 KẾT LUẬN 33 DANH MỤC TÀI LIỆU THAM KHẢO 34 SVTH: Mai Xuân Hiếu - K13C04A007 iii Xây dựng website quảng bá Nhóm thiện nguyện Hand in Hand Việt - Hàn DANH SÁCH TỪ VIẾT TẮT Từ viết tắt Từ đầy đủ Giải thích HTML Hyper Text Markup Language Ngôn ngữ Đánh dấu Siêu văn XML Extensible Markup Language Ngôn ngữ Đánh dấu Mở rộng PHP Hypertext Preprocessor Ngơn ngữ lập trình PHP Cơ sở liệu Cơ sở liệu CSDL CSS Cascading Style Sheets SVTH: Mai Xuân Hiếu - K13C04A007 Ngôn ngữ kịch quy định cách trình bày thẻ HTML iv Xây dựng website quảng bá Nhóm thiện nguyện Hand in Hand Việt - Hàn DANH MỤC BẢNG BIỂU Bảng 3.1 Bảng admin 24 Bảng 3.2 Bảng dạnh mục 24 Bảng 3.3 Bảng Bình luận 25 Bảng 3.4 Bảng Trang 25 Bảng 3.5 Bảng đăng 26 Bảng 3.6 Bảng danh mục .26 SVTH: Mai Xuân Hiếu - K13C04A007 v Xây dựng website quảng bá Nhóm thiện nguyện Hand in Hand Việt - Hàn DANH MỤC HÌNH ẢNH Hình 2.1 Hình minh họa Php hoạt động nhƣ .8 Hình 2.2 Hình ảnh Grid System Bootstrap 13 Hình 2.3 Hình ảnh quy định lớp tùy chọn Grib System .13 Hình 2.4 Hình ảnh lớp 14 Hình 3.1 Biểu đồ phân rã chức 17 Hình 3.2 Hình chức đăng nhập 18 Hình 3.3 Hình chức đâng xuất .19 Hình 3.4 Chức sửa quản trị viên 20 Hình 3.5 Giao diện trang giới thiệu chung 27 Hình 3.6 Giao diện trang liên hệ 27 Hình 3.7 Giao diện trang tin tức 28 Hình 3.8 Giao diện đăng nhập 28 Hình 3.9 Giao diện trang bảng điều khiển 28 Hình 3.10 Giao diện trang thể loại tin tức 29 Hình 3.11 Giao diện trang quản lý thể loại 29 Hình 3.12 Giao diện trang thêm thể loại .30 Hình 3.13 Giao diện quản lý thể loại .30 Hình 3.14 Giao diện trang thêm viết 31 Hình 3.15 Giao diện quản lý viết 31 Hình 3.16 Giao diện đăng bị xóa 31 Hình 3.17 Giao diện phê duyệt ý kiến 32 SVTH: Mai Xuân Hiếu - K13C04A007 vi Xây dựng website quảng bá Nhóm thiện nguyện Hand in Hand Việt - Hàn MỞ ĐẦU Trong phát triển nhanh nhƣ vũ bão xã hội công nghệ thông tin nay, số lƣợng thông tin ngày nhiều trở nên tải tất khiến cho việc tìm kiếm trở nên khó khăn xác thơng tin bị ảnh hƣởng nhiều Trong đó, nhu cầu cập nhật, giải trí tìm kiếm thơng tin xã hội ngày cao, đặc biệt thông tin tin tức có tinh nhạy cảm nhƣ hoạt động thiện nguyện, địi hỏi phải có xác, nhanh chóng kịp thời thông tin củng điều tất yếu cần thiết Chính ngun nhân nêu trên, em xin chọn đề tài nghiên cứu “Xây Dựng Website Quảng bá nhóm thiện nguyện Hand In Hand Việt – Hàn”, nhằm mục đích góp phần cơng sức nhỏ bé việc truyền tải, cập nhật quảng bá, thơng tin nhóm xác nhanh chóng, giúp cho việc tìm kiếm cập nhật thơng tin ngƣời nói chung sinh viên nói riêng việc tiếp cận theo dỏi tin tức hoạt động nhóm cách dể dàng với ngƣời Đề tài đƣợc nghiên cứu xây dựng phạm vi nhà trƣờng kết hợp với nhu cầu thực tiễn xã hội Phƣơng pháp nghiên cứu đề tài tự nghiên cứu, thông qua tài liệu tham khảo internet tài liệu giấy SVTH: Mai Xuân Hiếu - K13C04A007 Xây dựng website quảng bá Nhóm thiện nguyện Hand in Hand Việt - Hàn CHƢƠNG TỔNG QUAN ĐỂ TÀI 1.1 TỔNG QUAN Trong năm gần đây, công nghệ thông tin phát triển mạnh nên việc ứng dụng tin học vào việc tuyền tải thông tin đƣợc quan tâm Các cách thức tiếp cần thông tin thông qua mạng xã hội facebook, youtube số cổng thông tin điện tử Trong thời đại mà Internet trở nên phổ biến lĩnh vực kinh tế, trị, xã hội, đƣợc phổ biến rộng rãi đến nhiều tầng lớp xã hội, việc thiết kế website quảng bá nhóm thiện nguyện Hand In Hand Việt – Hàn trở nên đặc biệt quan trọng nhóm chƣa có website.Việc ứng dụng công nghệ thông tin việc quảng bá truyền tải hoạt động tốt nhôm yêu cầu cấp bách nhằm tiếp cận đƣợc với nhiều ngƣời hơn, góp phần quảng bá hình ảnh tích cực nhóm thiện nguyện Hand In Hand Việt – Hàn qua Internet 1.2 LÝ DO CHỌN ĐỀ TÀI Ngày nay, ứng dụng cơng nghệ thơng tin việc tin học hóa đƣợc xem yếu tố mang tính định hoạt động phủ, tổ chức, đóng vai trị quan trọng, tạo bƣớc đột phá mạnh mẽ Cùng với phát triển khơng ngừng kỹ thuật máy tính mạng điện tử, công nghệ thông tin đƣợc cơng nghệ có đẳng cấp cao lần lƣợt chinh phục hết đỉnh cao đến đỉnh cao khác Mạng Internet sản phẩm có giá trị lớn lao ngày trở nên cơng cụ khơng thể thiếu, tảng cho truyền tải, trao đổi thơng tin tồn cầu Giờ đây, việc liên quan đến thông tin trở nên thật dễ dàng cho ngƣời sử dụng: cần có máy tính kết nối internet dịng liệu truy tìm gần nhƣ lập tức… giới vấn đề mà bạn quan tâm ra, có đầy đủ thơng tin, hình ảnh chí đơi lúc có âm bạn cần… Bằng internet, thực truyền tải tiếp cận thông tin với tốc độ nhanh so với cách thức truyền thống Chính điều này, thúc đẩy khai sinh phát triển trang thơng tin điện tử phủ điện tử khắp giới, làm biến đổi đáng kể mặt văn hóa, nâng cao chất lƣợng sống ngƣời.Đối với tổ chức, việc quảng bá giới thiệu đến với ngƣời thông tin sác trực quan nhằm tạo niềm tin cho ngƣời Vậy phải quảng bá xây dựng đƣợc Website cho tổ chức quảng bá tất SVTH: Mai Xuân Hiếu - K13C04A007 Xây dựng website quảng bá Nhóm thiện nguyện Hand in Hand Việt - Hàn - Chức sửa quản trị viên: H nh 3.4 Chức sửa quản trị viên 3.2.3 Các hàm hệ thống Đối với khách vãng lai: a Xem tin tức: SVTH: Mai Xuân Hiếu - K13C04A007 20 Xây dựng website quảng bá Nhóm thiện nguyện Hand in Hand Việt - Hàn Description: Xem thông tin tin tức nhƣ: tiêu đề, mô tả,hình ảnh, chi tiết tin,tác giả Input: khách hàng kích chuột vào tiêu đề trang index Process: hệ thống lấy thông tin sở liệu Output: hiển thị tất thông tin mô tả chi tiết tin cần xem b Tìm kiếm: Description: cho phép tìm kiếm tin với từ khóa nhập vào tìm kiếm Input: Khách hàng nhập vào: tiêu đề Process: hệ thống dựa vào từ khóa vừa nhập để lọc tin tức yêu cầu Output: hiển thị tin tức chứa từ khóa tìm kiếm c Bình luận: Description: cho phép thành viên bình luận phía dƣới tin mà họ chọn nhập tên email Input: nội dung Process: nhập thơng tin vào CSDL Output: đƣa bình luận vào trang để kiểm duyệt Đối với Quản trị viên hệ thống: + Quản lí cá nhân a Đăng nhập: Description: Admin đăng nhập vào hệ thống quản trị để quản lí đối tƣợng Input: Admin mở trang đăng nhập dành cho admin,nhập username password Process: hệ thống kiểm tra tồn trùng khớp username password Output: Hiện trang quản lí chính,báo lỗi đăng nhập thất bại b Đăng xuất: Description: Admin đăng xuất khỏi hệ thống quản trị, trở thành khách vãng lai Input: Admin click vào liên kết đăng xuất Process: Xóa thơng tin biến lƣu trữ thơng tin ngƣời quản lí Output: Trỏ trang login c Xem thông tin cá nhân: Description: Xem tất thông tin chi tiết admin mod đƣợc lƣu SVTH: Mai Xuân Hiếu - K13C04A007 21 Xây dựng website quảng bá Nhóm thiện nguyện Hand in Hand Việt - Hàn CSDL Input: Admin click vào liên kết thông tin cá nhân Process: Tìm thơng tin CSDL ngƣời quản lí Output: Hiển thị chi tiết thơng tin tìm đƣợc CSDL d Đổi thông tin cá nhân: Description: Đổi nhiều thông tin chi tiết admin đƣợc lƣu CSDL Input: Admin click vào liên kết đổi thông tin cá nhân Process: Tìm thơng tin CSDL ngƣời quản lí tại, hiển thị form thay đổi, nhận thông tin, ghi lại vào CSDL Output: Hiển thị chi tiết thông tin đƣợc thay đổi CSDL e Đổi password: Description: Đổi mật đăng nhập Input: Admin nhập password cũ,nhập xác nhận password Process: Kiểm tra tính xác password cũ, nhận password ghi vào CSDL,sai báo lỗi Output: Trở trang login để đăng nhập lại password f Đổi tên đăng nhập: Description: Đổi tên đăng nhập Input: Admin nhập tên cần đổi Process: Tìm tên CSDL ngƣời quản lí nhận thông tin lƣu lại vào CSDL Output: Trở trang quản trị có tên đƣợc đổi + Quản lí tin tức a Xem danh sách tin tức Description: xem danh sách tin tức có CSDL Input: Process: lấy liệu tin tức có CSDL Output: hiển thị thơng tin tin tức b Xem chi tiết tin tức Description: xem nội dung chi tiết tin Input: click vào tiêu đề tin SVTH: Mai Xuân Hiếu - K13C04A007 22 Xây dựng website quảng bá Nhóm thiện nguyện Hand in Hand Việt - Hàn Process: tìm CSDL chi tiết tin có tiêu đề nhận Output: hiển thị chi tiết tin c Xố tin tức Description: xóa tin CSDL Input: mã tin Process: tìm CSDL tin có mã nhận,và xóa tin CSDL khơng có bình luận, tin có bình luận thơng báo có muốn xóa bình luận liên quan đến tin không Output: hiển thị danh sách tin cập nhật d Thêm tin Description: thêm tin vào CSDL Input: thông tin cần thiết tin(hình ảnh , mơ tả ,nội dung,chi tiết ) Process: kiểm tra tính hợp lệ thơng tin nhập vào, ghi vào CSDL, sai báo lỗi Output: hiển thị danh sách tin câp nhật + Quản lí danh mục a Thêm danh mục Description: thêm danh mục vào CSDL Input: thông tin cần thiết tin(tên danh mục, trạng thái,danh mục cha ) Process: kiểm tra tính hợp lệ thông tin nhập vào, ghi vào CSDL, trùng vàsai báo lỗi Output: hiển thị danh sách danh mục câp nhật b Xem danh sách danh mục Description: xem danh sách danh mục có CSDL Input: Process: lấy liệu danh mcuj có CSDL Output: hiển thị thơng tin danh mục c Xố danh mục Description: xóa danh mục CSDL Input: mã danh mục Process: tìm CSDL danh mục có mã nhận,và xóa tin CSDL khơng có tin tức , danh mục có tin tức báo lỗi Output: hiển thị danh sách danh mục cập nhật SVTH: Mai Xuân Hiếu - K13C04A007 23 Xây dựng website quảng bá Nhóm thiện nguyện Hand in Hand Việt - Hàn 3.3 THIẾT KẾ CƠ SỞ DỬ LIỆU Bảng 3.1 Bảng admin Bảng 3.2 Bảng dạnh mục SVTH: Mai Xuân Hiếu - K13C04A007 24 Xây dựng website quảng bá Nhóm thiện nguyện Hand in Hand Việt - Hàn Bảng 3.3 Bảng Bình luận Bảng 3.4 Bảng Trang SVTH: Mai Xuân Hiếu - K13C04A007 25 Xây dựng website quảng bá Nhóm thiện nguyện Hand in Hand Việt - Hàn Bảng 3.5 Bảng đăng Bảng 3.6 Bảng danh mục SVTH: Mai Xuân Hiếu - K13C04A007 26 Xây dựng website quảng bá Nhóm thiện nguyện Hand in Hand Việt - Hàn 3.4 THIẾT KẾ GIAO ĐIỆN 3.4.1 Giao diện ngƣời dùng 3.4.1.1 Giao diện giới thiệu H nh 3.5 Giao diện trang giới thiệu chung 3.4.1.2 Giao diện liên hệ H nh 3.6 Giao diện trang liên hệ SVTH: Mai Xuân Hiếu - K13C04A007 27 Xây dựng website quảng bá Nhóm thiện nguyện Hand in Hand Việt - Hàn 3.4.1.3 Giao diện tin tức H nh 3.7 Giao diện trang tin tức 3.4.2 Giao diện quản trị 3.4.2.1 Giao diện đăng nhập H nh 3.8 Giao diện đăng nhập 3.4.2.2 Giao diện bảng điều khiển H nh 3.9 Giao diện trang bảng điều khiển SVTH: Mai Xuân Hiếu - K13C04A007 28 Xây dựng website quảng bá Nhóm thiện nguyện Hand in Hand Việt - Hàn 3.4.2.3 Giao diện loại tin tức H nh 3.10 Giao diện trang thể loại tin tức H nh 3.11 Giao diện trang quản lý thể loại SVTH: Mai Xuân Hiếu - K13C04A007 29 Xây dựng website quảng bá Nhóm thiện nguyện Hand in Hand Việt - Hàn 3.4.2.4 Giao diện thể loại H nh 3.12 Giao diện trang thêm thể loại H nh 3.13 Giao diện quản lý thể loại SVTH: Mai Xuân Hiếu - K13C04A007 30 Xây dựng website quảng bá Nhóm thiện nguyện Hand in Hand Việt - Hàn 3.4.2.5 Giao diện trang viết H nh 3.14 Giao diện trang thêm viết H nh 3.15 Giao diện quản lý viết H nh 3.16 Giao diện đăng bị xóa SVTH: Mai Xuân Hiếu - K13C04A007 31 Xây dựng website quảng bá Nhóm thiện nguyện Hand in Hand Việt - Hàn 3.4.2.6 Giao diện ý kiến H nh 3.17 Giao diện phê duyệt ý kiến SVTH: Mai Xuân Hiếu - K13C04A007 32 Xây dựng website quảng bá Nhóm thiện nguyện Hand in Hand Việt - Hàn KẾT LUẬN - Hệ thống website phần lớn cung cấp đƣợc thông tin, liên hệ, tin tức, xây dựng đƣợc chức đăng nhập admin Website - Xây dựng module cho admin nhƣ: Quản lý tin đăng, quảng cáo, xem liên hệ khách hàng, quản lý tin tức - Hệ thống hỗ trợ nhà quản trị việc chỉnh sửa, đăng thêm tin tức, cập nhật danh mục, xem thông tin liên hệ, quảng cáo khách hàng cách dễ dàng - Cung cấp thông tin cần thiết cho khách hàng Hƣớng phát triển: - Xây dựng thêm nhiều tiêu chí tìm kiếm - Thêm chức hỗ trợ ngôn ngữ - Xây dựng giao diện đẹp với công cụ điều hƣớng hợp lý, thân thiện với ngƣời sử dụng - Về phía quản trị: xây dựng thêm chức tìm kiếm, cập nhật thông tin ngƣời dùng SVTH: Mai Xuân Hiếu - K13C04A007 33 Xây dựng website quảng bá Nhóm thiện nguyện Hand in Hand Việt - Hàn DANH MỤC TÀI LIỆU THAM KHẢO [1] www.campcodes.com [2] www.thachpham.com [3] www.youtube.com SVTH: Mai Xuân Hiếu - K13C04A007 34