(TIỂU LUẬN) bài tập lớn xây DỰNG WEBSITE TIN tức BÓNG đá CHUYÊN NGÀNH kỹ THUẬT PHẦN mềm HƯỚNG CHUYÊN sâu CÔNG NGHỆ WEB

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT HƯNG YÊN BÀI TẬP LỚ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: VŨ XUÂN THẮNG 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) Bài tập lớn 4: Xây dựng website tin tức bóng đá LỜI CAM ĐOAN Em xin cam đoan tập lớn “xây dựng website tin tức bóng đá” kết thực thân em hướng dẫn thầy Vũ Xuân Thắng Những phần sử dụng tài liệu tham khảo tập lớn nêu rõ phần tài liệu tham khảo Các kết trình bày tập lớn chương trình xây dựng hồn toà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 Bài tập lớn 4: Xây dựng website tin tức bóng đá LỜI CẢM ƠN Để hồn thành tập lớ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 tập lớn môn học Đặc biệt em xin chân thành cảm ơn Vũ Xn Thắng tận tình hướng dẫn, bảo em suốt thời gian thực tập lớ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 tập lớ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 tập lớn Em xin trân trọng cảm ơn! Bài tập lớ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Ữ 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 Bài tập lớ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 Bài tập lớ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 DANH MỤC CÁC HÌNH VẼ, ĐỒ THỊ Hình Biểu đồ Usecase tổng quát trang quản trị Hình Usecase quản lí danh mục Hình 3 Use Case quản lý danh mục Hình Use Case quản lý người dùng Hình Use Case quản lý tin Hình Use Case quản lý ảnh Hình Use Case tổng quát qu Hình Use Case xem danh mụ Hình Hình 10 Use Case tìm Hình 11 Use Case liên Hình 12 Cơ sở liệu Use Case xem tin tức Bài tập lớn 4: Xây dựng website tin tức bóng đá 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 Bài tập lớ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 khơng thể 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 Bài tập lớn 4: Xây dựng website tin tức bóng đá - Hình ảnh cần rõ ràng, chân thật - Có chức tìm kiếm 1.2.2 Mục tiêu cụ thể Website cho phép người tiêu dùng xem bình luận Ngồi ra, Website cho phép người quản trị quản lý thông tin Website quản lý hoạt động người dùng 1.3 Giới hạn phạm vi đề tài 1.3.1 Đối tượng nghiên cứu Đối tượng nghiên cứu đề tài trang web tin tức bóng đá 1.3.2 Phạm vi nghiên cứu Khảo sát yêu cầu website tin tức, tham khảo website tin tức bóng đá có, nghiên cứu cơng nghệ cần thiết để thiết kế lập trình Webiste, xây dựng phân tích thiết kế cho hệ thống, cài đặt thực trang Web 1.4 Nội dung thực Hiện số giải pháp thiết kế Website ngơn HTML/CSS/JS cịn có mặt hạn chế định như: thiết kế cồng kềnh phức tạp, khó khan việc phát triển bảo trì Một số đề xuất giải pháp xây dựng hệ thống Web - Nội dung thực cụ thể sau: - Nghiên cứu lập trình HTML/CSS/JS - Khảo sát phân tích u cầu hệ thống - Thiết kế đặc tả hệ thống - Thiết kế đặc tả giao diện - Lập trình hệ thống - Triển khai thực nghiệm hệ thống mạng Internet - Xác định yêu cầu hệ thống 10 Bài tập lớ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 49 Bài tập lớ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 50 Bài tập lớ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 51 Bài tập lớ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 52 Bài tập lớ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 53 Bài tập lớ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 54 Bài tập lớn 4: Xây dựng website tin tức bóng đá Hình 34 Giao diện trang chủ 55 Bài tập lớ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 56 Bài tập lớ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 57 Bài tập lớ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 58 Bài tập lớ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 59 Bài tập lớ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 đă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 60 Bài tập lớ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 hồ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ả cịn hạn chế nên đề tài đáp ứng yêu cầu khach hang mức độ đơn giản chưa tối ưu 61 Bài tập lớ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 62 ... GIẢNG VIÊN HƯỚNG DẪN (Ký ghi rõ họ tên) Bài tập lớn 4: Xây dựng website tin tức bóng đá LỜI CAM ĐOAN Em xin cam đoan tập lớn ? ?xây dựng website tin tức bóng đá? ?? kết thực thân em hướng dẫn thầy... thơng tin  Sửa thông tin 44 Bài tập lớ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 45 Bài tập lớn 4: Xây dựng website. .. ứng dụng 61 Bài tập lớ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 Bài tập lớn 4: Xây dựng website tin tức bóng đá DANH MỤC CÁC BẢNG