ĐỒ án 4 xây DỰNG WEBSITE TIN tức BÓNG đá

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT HƯNG YÊN ĐỒ ÁN XÂY DỰNG WEBSITE TIN TỨC BĨNG ĐÁ NGÀNH: CƠNG NGHỆ THƠNG TIN CHUYÊN NGÀNH: KỸ THUẬT PHẦN MỀM HƯỚNG CHUYÊN SÂU: CÔNG NGHỆ WEB SINH VIÊN: NGUYỄN TRỌNG DŨNG MÃ LỚP: 101181 HƯỚNG DẪN: CHU THỊ MINH HUỆ HƯNG YÊN – 2020 NHẬN XÉT Nhận xét giảng viên hướng dẫn: GIẢNG VIÊN HƯỚNG DẪN (Ký ghi rõ họ tên) Đồ án 4: Xây dựng website tin tức bóng đá LỜI CAM ĐOAN Em xin cam đoan đồ án “xây dựng website tin tức bóng đá” kết thực thân em hướng dẫn cô Chu Thị Minh Huệ Những phần sử dụng tài liệu tham khảo đồ án nêu rõ phần tài liệu tham khảo Các kết trình bày đồ án chương trình xây dựng hồn tồn kết thân em thực Nếu vi phạm lời cam đoan này, em xin chịu hoàn toàn trách nhiệm trước khoa nhà trường Hưng Yên, ngày … tháng … năm… Sinh viên NGUYỄN TRỌNG DŨNG Đồ án 4: Xây dựng website tin tức bóng đá LỜI CẢM ƠN Để hồn thành đồ án này, lời em xin phép gửi lời cảm ơn tới môn Công nghệ phần mềm, Khoa Công nghệ thông tin – Trường Đại học Sư phạm Kỹ thuật Hưng Yên tạo điều kiện thuận lợi cho em thực đồ án môn học Đặc biệt em xin chân thành cảm ơn cô Chu Thị Minh Huệ tận tình hướng dẫn, bảo em suốt thời gian thực đồ án vừa qua Em xin chân thành cảm ơn tất Thầy, Cơ Trường tận tình giảng dạy, trang bị cho em kiến thức cần thiết, quý báu để giúp em thực đồ án Mặc dù em có cố gắng, với trình độ cịn hạn chế, q trình thực đề tài khơng tránh khỏi thiếu sót Em hi vọng nhận ý kiến nhận xét, góp ý Thầy giáo, Cô giáo kết triển khai đồ án Em xin trân trọng cảm ơn! Đồ án 4: Xây dựng website tin tức bóng đá MỤC LỤC NHẬN XÉT DANH MỤC CÁC THUẬT NGỮ .7 DANH MỤC CÁC BẢNG DANH MỤC CÁC HÌNH VẼ, ĐỒ THỊ CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 10 1.1 Lý chọn đề tài 10 1.2 Mục tiêu đề tài .10 1.3 Giới hạn phạm vi đề tài .11 1.4 Nội dung thực .11 1.5 Phương pháp tiếp cận 12 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 13 2.1 Quy trình phát triển phần mềm .13 2.2 Phương pháp phân tích thiết kế hướng đối tượng 14 2.3 Hệ quản trị sở liệu MySQL/PostgreSQL 19 2.4 Thiết kế giao diện website 20 2.5 Lập trình phía front-end 21 2.6 Lập trình phía back-end .21 CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 23 3.1 Phát biểu toán 23 3.2 Đặc tả yêu cầu phần mềm .23 3.2.1 Các yêu cầu chức 23 CHƯƠNG 4: TRIỂN KHAI WEBSITE 58 4.1 Triển khai chức cho phân hệ người dùng 58 4.2 Triển khai chức cho phân hệ quản trị nội dung 59 4.3 Kiểm thử triển khai ứng dụng 60 4.3.1 Kiểm thử 60 4.3.2 Đóng gói ứng dụng 61 4.3.3 Triển khai ứng dụng 61 Đồ án 4: Xây dựng website tin tức bóng đá KẾT LUẬN 62 TÀI LIỆU THAM KHẢO .63 Đồ án 4: Xây dựng website tin tức bóng đá DANH MỤC CÁC BẢNG Bảng Chức trang quản trị .25 Bảng Các chức phân hệ người dùng 35 Bảng 3 Thông tin mô tả danh mục .40 Bảng Thông tin mô tả danh mục 40 Bảng Thông tin mô tả tin 41 Bảng Thông tin mô tả ảnh 41 Bảng Thông tin người dùng 42 Bảng Thông tin Admin 42 Bảng Biểu đồ lớp thực thể hệ thống 43 Bảng 10 Bảng DANHMUC .44 Bảng 11 Bảng DANHMUCCON 45 Bảng 12 Bảng TINBAI 45 Bảng 13 Bảng ANH 46 Bảng 14 Bảng ADMIN 46 Hình 31 Giao diện admin 56 Hình 32 Giao diện quản lí thơng tin 57 Hình 33 Giao diện quản lý thêm thông tin 57 Hình 34 Giao diện trang chủ 58 Hình 35 Giao diện trang người dùng 59 Hình 36 Giao diện trang chi tiết thông tin 59 DANH MỤC CÁC HÌNH VẼ, ĐỒ THỊ Hình Biểu đồ Usecase tổng quát trang quản trị .26 Hình Usecase quản lí danh mục 26 Hình 3 Use Case quản lý danh mục 28 Hình Use Case quản lý người dùng 30 Hình Use Case quản lý tin 32 Đồ án 4: Xây dựng website tin tức bóng đá Hình Use Case quản lý ảnh .34 Hình Use Case tổng quát quản trị người dùng 36 Hình Use Case xem danh mục 36 Hình Use Case xem tin tức .37 Hình 10 Use Case tìm kiếm tin tức 38 Hình 11 Use Case liên hệ 39 Hình 12 Cơ sở liệu quan hệ 44 Hình 13 Biểu đồ lớp VOPC Quản lý thơng tin 47 Hình 14 Biểu đồ VOPC thêm thông tin .47 Hình 15 Biểu đồ VOPC sửa thông tin .48 Hình 16 Biểu đồ VOPC xóa thơng tin .48 Hình 17 Biểu đồ VOPC xem loại thông tin .49 Hình 18 Biểu đồ VOPC xem tin tức 49 Hình 19 Biểu đồ quản lý thông tin 50 Hình 20 Biểu đồ thêm thông tin .50 Hình 21 Biểu đồ sửa thơng tin .51 Hình 22 Biểu đồ xóa thơng tin .51 Hình 23 Biểu đồ xem loại thông tin .52 Hình 24 Biểu đồ xem tin tức 52 Hình 25 Biểu đồ lớp chi tiết quản lí thơng tin 53 Hình 26 Biểu đồ lớp chi tiết thêm thông tin .53 Hình 27 Biểu đồ lớp chi tiết sửa thông tin 54 Hình 28 Biểu đồ lớp chi tiết xóa thơng tin 54 Hình 29 Biểu đồ lớp chi tiết xem thông tin 55 Hình 31 Giao diện admin 56 Hình 32 Giao diện quản lí thơng tin 57 Hình 33 Giao diện quản lý thêm thông tin 57 Hình 34 Giao diện trang chủ 58 Hình 35 Giao diện trang người dùng 59 Hình 36 Giao diện trang chi tiết thông tin 59 Đồ án 4: Xây dựng website tin tức bóng đá Đồ án 4: Xây dựng website tin tức bóng đá CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 1.1 Lý chọn đề tài Chúng ta nói kỷ 21 chứng kiến phát triển mạnh mẽ ngành Công nghệ thông tin Công nghệ thông tin (CNTT) thay đổi giới cách nhanh chóng bước kéo tri thức nhân loại xích lại gần Đó nhờ việc phát triển hệ thống website toàn giới Ngày nay, Website đóng vai trị quan trọng người từ giải trí quảng cáo, thương mại, quản lý…Website thay phương thức tin tức cũ đời sống báo giấy, tạp chí,… tính ưu việt mà Website mang lại như: nhanh hơn, rẻ hơn, tiện dụng hơn, hiệu không bị giới hạn không gian thời gian Với tầm quan trọng đó, việc xây dựng Website cập nhật tin tức bóng đá giúp cho người khơng có nhiều thời gian để đọc báo hay người ngày phải mua báo nắm bắt tin tức thể thao ngày cách dễ dàng Xuất phát từ nhu cầu thực tế em định “Xây dựng Webstie tin tức bóng đá giới” nhằm tạo trang Website bóng đá có tính thiết thực ứng dụng vào thực tế 1.2 Mục tiêu đề tài 1.2.1 Mục tiêu tổng quát Thiết kế Website tin tức bóng đá giới nhằm giải khó khăn người dùng Website xây dựng phải đáp ứng nhu cầu cần thiết người đọc: - Thông tin xác, đáng tin cậy - Dễ đọc, dễ hiểu - Mới nhanh - Các công cụ tiện ích phải xếp khoa học dễ dàng sử dụng 10 Đồ án 4: Xây dựng website tin tức bóng đá Hình 21 Biểu đồ sửa thơng tin  Xóa thơng tin Hình 22 Biểu đồ xóa thơng tin  Biểu đồ trang người dùng  Xem Loại thông tin 49 Đồ án 4: Xây dựng website tin tức bóng đá Hình 23 Biểu đồ xem loại thơng tin  Xem tin tức Hình 24 Biểu đồ xem tin tức c) Biểu đồ lớp chi tiết  Biểu đồ lớp chi tiết trang quản trị  Biểu đồ lớp chi tiết quản lý thông tin 50 Đồ án 4: Xây dựng website tin tức bóng đá Hình 25 Biểu đồ lớp chi tiết quản lí thơng tin  Thêm thơng tin Hình 26 Biểu đồ lớp chi tiết thêm thông tin 51 Đồ án 4: Xây dựng website tin tức bóng đá  Sửa thơng tin Hình 27 Biểu đồ lớp chi tiết sửa thơng tin  Xóa thơng tin Hình 28 Biểu đồ lớp chi tiết xóa thơng tin 52 Đồ án 4: Xây dựng website tin tức bóng đá  Biểu đồ lớp chi tiết trang người dùng  Xem thơng tin Hình 29 Biểu đồ lớp chi tiết xem thông tin  Xem tin tức 53 Đồ án 4: Xây dựng website tin tức bóng đá Hình 30 Biểu đồ lớp chi tiết xem tin tức 1.10.3 Thiết kê giao diện Hình 31 Giao diện admin 54 Đồ án 4: Xây dựng website tin tức bóng đá Hình 32 Giao diện quản lí thơng tin  Hình 33 Giao diện quản lý thêm thơng tin 55 Đồ án 4: Xây dựng website tin tức bóng đá Hình 34 Giao diện trang chủ 56 Đồ án 4: Xây dựng website tin tức bóng đá  Hình 35 Giao diện trang người dùng Hình 36 Giao diện trang chi tiết thông tin 57 Đồ án 4: Xây dựng website tin tức bóng đá CHƯƠNG 4: TRIỂN KHAI WEBSITE 1.11 Triển khai chức cho phân hệ người dùng 1.11.1 Trang chủ a) Phía font end  Xây dựng bố cục trang Home thẻ HTML  Kỹ thuật định dạng CSS - Sử dụng kỹ thuật External style sheet thông qua thẻ để đưa định dạng CSS vào giao diện - Sử dụng kỹ thuật Inline style để định dạng - Sử dụng thuộc tính ‘Class’ ‘id’ để định dạng b) Phía backend  Triển khai lớp tầng Controller 58 Đồ án 4: Xây dựng website tin tức bóng đá 1.12 Triển khai chức cho phân hệ quản trị nội dung  Quản lí Tin tức  Quản lí phân quyền người dùng 59 Đồ án 4: Xây dựng website tin tức bóng đá 1.13 Kiểm thử triển khai ứng dụng 1.13.1 Kiểm thử  Kiểm thử tính khả dụng - Nội dung xác, khơng có lỗi tả - Tất phông chữ theo yêu cầu - Tất thơng báo lỗi xác, khớp với nhãn trường - Tất button có định dạng kích thƣớc chuẩn - Liên kết đến trang chủ có trang  Kiểm thử chức - Hệ thống hiển thị thông báo lỗi cho trường bắt buộc - Kiểm tra thông báo xác nhận hiển thị cho hoạt động cập nhật xóa - Kiểm tra chức thời gian chờ - Kiểm tra độ dài tối đa trường  Kiểm thử tính tương thích - Kiểm tra trang web trình duyệt khác - Kiểm tra hình ảnh hiển thị xác trình duyệt khác  Kiểm thử sở liệu - Xác minh tên sở liệu - Xác minh xem cột có cho phép null hay khơng - Xác minh khóa khóa ngoại bảng 60 Đồ án 4: Xây dựng website tin tức bóng đá 1.13.2 Đóng gói ứng dụng  Các bước đóng gói ứng dụng - B1: Giải nén file - B2: Chỉnh sửa cấu hình - B3: Đưa thiết kế database dạng lệnh vào gói cài đặt - B4: Tạo resource - B5:Coppy resource - B6: Chạy file buid.bat  Kiểm tra kết quả: - B1: Mở trình duyệt chạy với địa chỉ: https://localhost và đăng nhập với user/password - B2: Upload gói - B3: Upload thành công 1.13.3 Triển khai ứng dụng  Môi trường phần cứng - CPU: Pentium IV 3.0 GHz cao - RAM: Tối thiểu GB - HDD: Dung lượng tối thiểu trống 4G  Môi trường phần mềm - Hệ điều hành: Windows XP cao - Công cụ phát triển: Visual Studio Code,Sublime Text3, Xampp, MySQL 61 Đồ án 4: Xây dựng website tin tức bóng đá KẾT LUẬN  Kết đạt được: Sau thời gian nghiên cứu phát triển, em hoàn thành mục tiêu ban đầu đề đề tài - Nắm quy trình bán hàng trực tuyến - Nắm rõ ngơn ngữ lập trình web , hệ quản trị sở liệu MySQL - Cơ thực tốt chức đề - Nội dung website trình bày hợp lý o Về mặt giao diện  Thiết kế trang web có giao diện thân thiện với người sử dụng  Bố cục giao diện WebSite cân đối, hài hòa, phù hợp với nội dung hiển thị WebSite  Màu sắc hài hịa, trang nhã giúp cho người dùng khơng mỏi mắt truy cập vào WebSite thời gian dài o Về mặt chức năng:  Do xây dựng từ module đơn lẻ, Website dễ dàng nâng cấp chức cho thời gian ngắn  Nội dung sản phẩm, tức phân rõ ràng  Những hạn chế đề tài: - Hệ thống cài đặt chạy máy tính độc lập - Một số chức cịn chưa hoàn hảo - Cơ sở liệu hệ thống chưa đầy đủ tối ưu - Tốc độ chưa hiệu  Hướng phát triển đề tài: Với nỗ lực, em cố gắng hoàn thành yêu cầu đề tài Do thời gian có hạn, khả hạn chế nên đề tài đáp ứng yêu cầu khách hàng mức độ đơn giản chưa tối ưu 62 Đồ án 4: Xây dựng website tin tức bóng đá TÀI LIỆU THAM KHẢO [1] Các nguyên tắc thiết kế ứng dụng chuyên nghiệp – adcvietnam.net [2] Diễn đàn công nghệ ứng dụng Y Combination Hacker News [3] Diễn đàn công nghệ Slashdot cập nhật tin tức công nghệ nói chung ứng dụng nói riêng [4] A List Apart đa dạng thơng tin nội dung kích thích tư [5] Reddit programming – ứng dụng tổng hợp tin tức lập trình viên tồn cầu [6] Hướng dẫn lập trình ứng dụng SbS stackoverflow.com [7] Design.tutsplus.com [8] Developer.mozilla.org 63 ... thông tin 45 Đồ án 4: Xây dựng website tin tức bóng đá Hình 15 Biểu đồ VOPC sửa thơng tin  Xóa thơng tin Hình 16 Biểu đồ VOPC xóa thơng tin 46 Đồ án 4: Xây dựng website tin tức bóng đá  Biểu đồ. .. thơng tin Hình 17 Biểu đồ VOPC xem loại thông tin  Biểu đồ lớp VOPC xem tin tức Hình 18 Biểu đồ VOPC xem tin tức 47 Đồ án 4: Xây dựng website tin tức bóng đá b) Biểu đồ tuần tự   Biểu đồ trang... 59 Hình 36 Giao diện trang chi tiết thông tin 59 Đồ án 4: Xây dựng website tin tức bóng đá Đồ án 4: Xây dựng website tin tức bóng đá CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 1.1 Lý chọn đề