Đồ án 4: Xây dựng website tin tức bóng đá - ĐH Sư phạm Kỹ thuật Hưng Yên

Tiểu luận đồ án 4 nghiên cứu và xây dựng website tin tức bóng đá hoàn chỉnh. Tài liệu phân tích yêu cầu, thiết kế hệ thống và triển khai các tính năng thực tế.

• Tác giả: Nguyễn Trọng Dũng
• Người hướng dẫn: Chu Thị Minh Huệ
• Trường học: Trường Đại học Sư phạm Kỹ thuật Hưng Yên
• Chuyên ngành: Công nghệ thông tin
• Đề tài: Xây dựng website tin tức bóng đá
• Loại tài liệu: Đồ án môn học
• Năm xuất bản: 2020
• Địa điểm: Hưng Yên

Tóm tắt

I. Tổng quan đề tài đồ án xây dựng website tin tức bóng đá

Nhu cầu tiếp nhận thông tin thể thao trực tuyến ngày càng tăng cao. Người hâm mộ bóng đá đòi hỏi nguồn tin chính xác, nhanh chóng và đa dạng. Đồ án xây dựng website tin tức bóng đá đáp ứng nhu cầu này qua giải pháp công nghệ toàn diện. Hệ thống cho phép người dùng theo dõi kết quả, lịch thi đấu, bảng xếp hạng và các bài viết phân tích chuyên sâu. Nền tảng được thiết kế với giao diện thân thiện, tương thích đa thiết bị. Dự án kết hợp lý thuyết kỹ thuật phần mềm với thực tiễn lập trình web. Mô hình phát triển phần mềm chuẩn mực được áp dụng xuyên suốt từ khâu khảo sát đến triển khai. Quá trình nghiên cứu tập trung tối ưu hóa trải nghiệm đọc tin và tốc độ tải trang. Hệ quản trị nội dung linh hoạt giúp đơn giản hóa quy trình xuất bản dữ liệu. Công trình học thuật này đóng vai trò nền tảng cho việc nghiên cứu các hệ thống xuất bản trực tuyến phức tạp hơn trong tương lai.

1.1. Mục tiêu và phạm vi nghiên cứu của đề tài

Mục tiêu chính của đề tài là xây dựng một cổng thông tin bóng đá trực tuyến hoàn chỉnh. Đề tài tập trung giải quyết bài toán truyền tải tin bài đa phương tiện theo thời gian thực. Phạm vi nghiên cứu bao gồm việc thu thập tin tức, quản lý giải đấu và hiển thị lịch thi đấu thể thao. Hệ thống phục vụ đối tượng độc giả quan tâm đến các giải bóng đá trong nước và quốc tế. Hệ thống quản trị được tích hợp nhằm hỗ trợ kiểm duyệt bài viết, quản lý tài khoản và phân quyền chặt chẽ. Đề tài giới hạn trong việc xây dựng hệ thống web đáp ứng các tiêu chuẩn kỹ thuật cơ bản.

1.2. Ý nghĩa thực tiễn của website tin tức bóng đá

Dự án mang lại giá trị thực tiễn cao cho cả người đọc lẫn đội ngũ biên tập viên. Người dùng tiếp cận nguồn tin thể thao được chọn lọc kỹ lưỡng, nhanh chóng và chính xác. Giao diện trực quan giúp việc tra cứu thông tin trận đấu trở nên thuận tiện. Đối với quản trị viên, hệ thống cung cấp công cụ đăng bài tiện lợi và bảo mật. Quá trình kiểm duyệt và biên tập được tự động hóa, giảm thiểu tối đa sai sót trong xuất bản. Ngoài ra, đề tài giúp củng cố kiến thức lập trình thực chiến cho sinh viên ngành công nghệ thông tin. Các kỹ năng phân tích thiết kế hệ thống được rèn luyện trực tiếp qua sản phẩm cụ thể.

II. Phân tích yêu cầu hệ thống website tin tức bóng đá

Giai đoạn phân tích đóng vai trò quyết định đến chất lượng của toàn bộ hệ thống web. Bài toán đặt ra yêu cầu phải xử lý lượng lớn dữ liệu bài viết và hình ảnh đồng thời. Website tin tức cần đảm bảo tính sẵn sàng cao trong những khung giờ diễn ra trận đấu lớn. Người dùng truy cập cùng lúc có thể gây quá tải máy chủ nếu cơ sở dữ liệu không được tối ưu. Bên cạnh đó, cấu trúc thông tin đòi hỏi sự phân loại khoa học theo từng giải đấu và chuyên mục. Phân hệ quản trị cần quy trình biên tập chặt chẽ để ngăn chặn các lỗi phát sinh trong hiển thị. Việc xác định rõ các ca sử dụng (Use Case) giúp định hình chính xác các luồng xử lý nghiệp vụ. Mô hình hóa bài toán thông qua biểu đồ VOPC và biểu đồ tuần tự tạo nền tảng vững chắc cho khâu lập trình. Sự chi tiết trong đặc tả kỹ thuật giảm thiểu tối đa rủi ro thay đổi thiết kế trong quá trình triển khai mã nguồn.

2.1. Yêu cầu chức năng phân hệ người dùng và quản trị

Hệ thống được chia tách thành hai phân hệ riêng biệt với các chức năng độc lập. Phân hệ người dùng cung cấp giao diện xem tin tức, tìm kiếm bài viết và xem lịch thi đấu. Người đọc có thể lọc tin theo giải đấu yêu thích như Ngoại hạng Anh, Champions League hay V-League. Phân hệ quản trị dành riêng cho ban biên tập và người quản lý hệ thống. Các chức năng cốt lõi bao gồm thêm mới, chỉnh sửa, xóa bài viết và quản lý danh mục tin tức. Hệ thống cũng hỗ trợ tải lên hình ảnh, kiểm duyệt nội dung và quản lý tài khoản người dùng an toàn.

2.2. Yêu cầu phi chức năng và tính bảo mật hệ thống

Yêu cầu phi chức năng tập trung vào hiệu năng vận hành và mức độ bảo mật. Website phải đảm bảo tốc độ phản hồi trang dưới hai giây trong điều kiện mạng tiêu chuẩn. Giao diện được thiết kế tương thích hoàn hảo trên cả máy tính để bàn lẫn thiết bị di động. Cơ chế bảo mật ngăn chặn các lỗ hổng phổ biến như SQL Injection và tấn công XSS. Mật khẩu của tài khoản quản trị được mã hóa an toàn trong cơ sở dữ liệu. Dữ liệu bài viết được sao lưu định kỳ nhằm tránh nguy cơ mất mát thông tin. Tính sẵn sàng cao giúp hệ thống hoạt động ổn định và liên tục.

III. Giải pháp công nghệ và thiết kế website tin tức bóng đá

Đồ án lựa chọn mô hình kiến trúc ba tầng kết hợp phương pháp hướng đối tượng. Công nghệ phát triển phía máy chủ sử dụng ngôn ngữ PHP cùng web server Apache. Cơ sở dữ liệu quan hệ MySQL đóng vai trò lưu trữ toàn bộ thông tin bài viết, tài khoản và danh mục. Giao diện người dùng được xây dựng bằng HTML5, CSS3 kết hợp JavaScript thuần. Cấu trúc cơ sở dữ liệu được chuẩn hóa để loại bỏ dư thừa dữ liệu và tăng tốc độ truy vấn. Các bảng dữ liệu như ADMIN, TIN_BAI, DANH_MUC và ANH được liên kết chặt chẽ qua các khóa ngoại. Sơ đồ lớp chi tiết và biểu đồ tuần tự hướng dẫn trực tiếp quá trình lập trình các module chức năng. Hệ thống sử dụng mô hình MVC nhằm phân tách rõ ràng giữa giao diện hiển thị và logic nghiệp vụ. Cách tiếp cận này giúp mã nguồn dễ bảo trì, mở rộng và kiểm thử trong tương lai.

3.1. Thiết kế cơ sở dữ liệu quan hệ MySQL cho website

Cơ sở dữ liệu MySQL được thiết kế chặt chẽ theo các quy tắc chuẩn hóa dữ liệu. Các bảng chính bao gồm bảng ADMIN quản lý quản trị viên, bảng DANH_MUC phân loại tin tức và bảng TIN_BAI lưu trữ nội dung chi tiết. Bảng ANH lưu trữ đường dẫn tập tin đa phương tiện phục vụ bài viết. Các quan hệ một-nhiều được thiết lập chính xác nhằm đảm bảo tính toàn vẹn dữ liệu. Khóa chính và khóa ngoại được đánh chỉ mục để tối ưu tốc độ truy vấn khi hiển thị danh sách tin bài. Cơ sở dữ liệu đáp ứng tốt yêu cầu xử lý các thao tác thêm, sửa, xóa với độ trễ thấp.

3.2. Triển khai mô hình lập trình và giao diện người dùng

Phía front-end sử dụng HTML, CSS và JavaScript để xây dựng giao diện hiện đại, rõ ràng. Layout được thiết kế dạng lưới linh hoạt, tự động co giãn theo độ phân giải màn hình. Trang chủ tập trung làm nổi bật các tin nóng và trận cầu tâm điểm. Phía back-end xử lý các yêu cầu HTTP thông qua Apache server và PHP engine. Mã nguồn được tổ chức theo module chức năng rõ ràng, tách biệt logic nghiệp vụ khỏi tầng hiển thị. Các biểu đồ tuần tự và lớp VOPC đóng vai trò kim chỉ nam trong suốt quá trình hiện thực hóa các chức năng thêm, sửa, xóa bài viết.

IV. Đánh giá kết quả và tiềm năng ứng dụng website tin tức bóng đá

Đồ án hoàn thành trọn vẹn các mục tiêu nghiên cứu và phát triển hệ thống ban đầu. Website tin tức bóng đá hoạt động ổn định trên môi trường thử nghiệm với đầy đủ tính năng. Người dùng có thể đọc tin, tìm kiếm bài viết và theo dõi diễn biến thể thao dễ dàng. Phân hệ quản trị cho phép thực hiện trơn tru các thao tác quản lý dữ liệu và kiểm duyệt nội dung. Dự án chứng minh tính hiệu quả của phương pháp phân tích thiết kế hướng đối tượng trong phát triển phần mềm web. Mọi quy trình kiểm thử từ đóng gói đến triển khai ứng dụng đều đạt tiêu chuẩn kỹ thuật đề ra. Hệ thống có khả năng ứng dụng thực tế cao cho các câu lạc bộ thể thao hoặc trang tin điện tử chuyên ngành. Hướng phát triển tiếp theo bao gồm việc tích hợp trí tuệ nhân tạo để gợi ý tin tức cá nhân hóa và phát triển ứng dụng di động đi kèm.

4.1. Đóng góp học thuật và giá trị thực tế của đề tài

Đề tài hệ thống hóa toàn diện quy trình phát triển website tin tức từ khâu khảo sát đến đóng gói hoàn chỉnh. Sản phẩm thể hiện việc vận dụng chính xác các lý thuyết công nghệ phần mềm vào dự án thực tế. Cấu trúc mã nguồn rõ ràng và tài liệu phân tích chi tiết đóng vai trò tài liệu tham khảo hữu ích cho sinh viên khóa sau. Về mặt thực tiễn, website hoàn toàn có thể triển khai thành cổng tin tức độc lập cho các giải đấu thể thao phong trào. Kiến trúc module hóa cũng cho phép mở rộng quy mô hệ thống linh hoạt khi lưu lượng truy cập gia tăng.

4.2. Hướng phát triển và nâng cấp hệ thống trong tương lai

Hệ thống có nhiều tiềm năng mở rộng các tính năng thông minh trong tương lai gần. Việc tích hợp API dữ liệu bóng đá quốc tế sẽ giúp tự động hóa cập nhật tỷ số trực tiếp và bảng xếp hạng. Thuật toán gợi ý tin tức dựa trên thói quen đọc bài giúp tăng cường sự tương tác của người dùng. Đồng thời, việc nâng cấp giao diện bằng các framework hiện đại như React hay Vue.js sẽ mang lại trải nghiệm mượt mà hơn. Phát triển thêm ứng dụng di động đa nền tảng và tích hợp cổng thanh toán hỗ trợ bán vé trực tuyến là những bước tiến triển vọng tiếp theo.

Trích đoạn nội dung tài liệu

CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 1.1 Lý do chọn đề tài Chúng ta có thể nói rằng thế kỷ 21 đã và đang chứng kiến sự phát triển mạnh mẽ của ngành Công nghệ thông tin. Công nghệ thông tin (CNTT) đã và đang thay đổi thế giới một cách nhanh chóng và từng bước kéo nền tri thức của nhân loại xích lại gần nhau hơn. Đó là nhờ việc phát triển hệ thống website trên toàn thế giới. Ngày nay, Website đã đóng một vai trò quan trọng đối với con người chúng ta từ giải trí cho đến quảng cáo, thương mại, quản lý…Website sẽ dần dần thay thế những phương thức tin tức cũ trong đời sống như báo giấy, tạp chí,… bởi 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 quả hơn và không bị giới hạn không gian và thời gian.

Với tầm quan trọng đó, việc xây dựng một Website cập nhật những tin tức bóng đá mới nhất sẽ giúp cho những người không có nhiều thời gian để đọc báo hay những người không thể ngày nào cũng phải mua báo có thể nắm bắt được những tin tức thể thao mới nhất trong ngày một cách dễ dàng. Xuất phát từ những nhu cầu thực tế đó em quyết định “Xây dựng Webstie tin tức bóng đá thế giới” nhằm tạo ra trang Website bóng đá có tính thiết thực và ứng dụng vào thực tế.2 Mục tiêu của đề tài 1.1 Mục tiêu tổng quát Thiết kế Website tin tức bóng đá thế giới nhằm giải quyết những khó khăn hiện tại của người dùng. Website xây dựng phải đáp ứng được những nhu cầu cần thiết của người đọc: - Thông tin chính xác, đáng tin cậy. - Dễ đọc, dễ hiểu.

- Mới nhất và nhanh nhất. - Các công cụ tiện ích phải sắp 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 ảnh cần rõ ràng, chân thật. - Có chức năng tìm kiếm.2 Mục tiêu cụ thể Website cho phép người tiêu dùng có thể xem và bình luận.

Ngoài ra, Website cho phép người quản trị có thể quản lý thông tin của Website và quản lý hoạt động của người dùng.3 Giới hạn và phạm vi của đề tài 1.1 Đối tượng nghiên cứu Đối tượng nghiên cứu của đề tài là các trang web tin tức bóng đá.2 Phạm vi nghiên cứu Khảo sát yêu cầu của một website tin tức, tham khảo các website tin tức bóng đá đã có, nghiên cứu các công nghệ cần thiết để thiết kế và lập trình Webiste, xây dựng bản phân tích và thiết kế cho hệ thống, cài đặt và thực hiện trang Web.4 Nội dung thực hiện Hiện một số giải pháp thiết kế Website bằng ngôn HTML/CSS/JS còn có những mặt hạn chế nhất định như: thiết kế cồng kềnh phức tạp, khó khan trong việc phát triển và 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 hiện cụ thể như sau: - Nghiên cứu về lập trình HTML/CSS/JS - Khảo sát phân tích yê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 trên mạng Internet. - Xác định yêu cầu của hệ thống 11 Đồ án 4: Xây dựng website tin tức bóng đá - Cơ sở lý thuyết ở chương 2.

Giới thiệu khái quát về các ngôn ngữ, công nghệ dùng để lập trình website. - Phân tích và thiết kế hệ thống ở chương 3. Biểu diễn các use case, biểu đồ lớp, biểu đồ thực thể, thiết kế cơ sở dữ liệu, các giao diện của website,. - Triển khai website với các trang quản lý bài viết và quản lý người dùng.

- Xây dựng được một website gồm hai phân hệ: phân hệ người dùng cho phép đọc và bình luận các bài viết, phân hệ người quản trị cho phép quản lý các thông tin của Website và quản lý hoạt động bình luận của người dùng.5 Phương pháp tiếp cận Tiếp cận trực tiếp tại các website tin tức bóng đá trên internet. 12 Đồ án 4: Xây dựng website tin tức bóng đá CHƯƠNG 2: CƠ SỞ LÝ THUYẾT Trong đồ án môn học này, chúng tôi có sử dụng đến các nội dung lý thuyết như sau: phân tích thiết kế ứng dụng theo phương pháp hướng đối tượng sử dụng ngôn ngữ mô hình hóa UML, công nghệ kết nối CSDL ADO.Net, công nghệ phát triển ứng dụng web bằng ASP. Các phần tiếp theo trong chương này, đồ án sẽ trình bày về những kiến thức cơ sở, công nghệ được sử dụng để thực hiện đồ án.6 Quy trình phát triển phần mềm 1.1 Khảo sát thực tế - Khảo sát các bước khi người dùng truy cập vào website. - Khảo sát các bước tìm kiếm bài viết có hay hay không.

- Khảo sát các bước để viết bình luận. - Khảo sát cách quản lý thông tin bài viết. - Khảo sát quản lý bình luận cảu người dùng. - Khảo sát sự đánh giá bài viết của người dùng.2 Đặc tả yêu cầu Các yêu cầu chức năng gồm 3 chức năng chính: - Chức năng quản lý thông tin bài viết.

- Chức năng quản lý bình luận của người dùng. - Chức năng quản lý người viết bài. Các yêu cầu phi chức năng gồm: - Yêu cầu về sự logic của cơ sở dữ liệu - Các ràng buộc về thiết kế đối với hệ thống - Các đặc tính của hệ thống phần mềm: Yêu cầu về độ tin cậy, tính khả dụng, bảo mật, bảo trì, chuyển dụng. - Các giao tiếp: người dùng, phần cứng, phần mềm, truyền thông 13 Đồ án 4: Xây dựng website tin tức bóng đá 1.3 Phân tích thiết kế - Mô tả thiết kế dữ liệu - Mô tả thiết kế kiến trúc - Mô tả thiết kế module - Mô tả thiết kế giao diện - Mô tả thiết kế sự vật - Mô tả thiết kế thủ tục - Mô tả thiết kế đối tượng 1.4 Lập trình phần mềm 1.5 Kiểm thử - Lập kế hoạch và kiểm soát việc kiểm thử - Phân tích thiết kế - Thực thi test - Đánh giá kết quả thực thi và báo cáo kết quả - Đóng hoạt động và kiểm thử 1.6 Bảo trì - Sửa cho đúng - Thích ứng - Hoàn thiện - Bảo trì 1.7 Phương pháp phân tích thiết kế hướng đối tượng - UML (Unified Model Language) là một ngôn ngữ dùng cho phân tích thiết kế hướng đối tượng (OOAD – Object Oriented Analys and Design) 14 Đồ án 4: Xây dựng website tin tức bóng đá - UML được duy trì và phát triển bởi OMG (Object Management Group), do Jacobson, Booch, Rumbaugh sáng lập.

Ngoài ra còn có hàng trăm các tập đoàn lớn khác bảo trợ phát triển. - Các biểu đồ UML cho ta cái nhìn rõ hơn về hệ thống (cái nhìn tĩnh và động) - Hiện nay UML được sử dụng rất phổ biến trong các dự án phần mềm. - UML thể hiện phương pháp phân tích hướng đối tượng nên không lệ thuộc ngôn ngữ lập trình. - Có rất nhiều công cụ phần mềm hỗ trợ phân tích thiết kế dùng UML.

- Nhiều công cụ có thể sinh ra mã từ UML và ngược lại. - UML không phải là ngôn ngữ lập trình. - UML là một ngôn ngữ dùng để: Trực quan hóa (Visualizing):. Dùng tập các ký hiệu đồ họa phong phú để biểu diễn hệ thống đang được nghiên cứu.

Hệ thống ký hiệu đều có ngữ nghĩa chặt chẽ, có thể hiểu bởi nhiều công cụ khác nhau. Giúp cho các nhà thiết kế, nhà lập trình khác biệt về ngôn ngữ đều có thể hiểu được. UML giúp xây dựng các mô hình chính xác, đầy đủ và không nhập nhằng. Tất cả các công đoạn từ phân tích, thiết kế cho đến triển khai đều có các biểu đồ UML biểu diễn.

Use case (dùng cho phân tích); Class, Sequence, Activity. Xây dựng (Constructing): 15 Đồ án 4: Xây dựng website tin tức bóng đá. Các mô hình của UML có thể kết nối với nhiều ngôn ngữ lập trình. Tức là có thể ánh xạ các mô hình UML về một ngôn ngữ lập trình như C++, Java.

Việc chuyển các mô hình trong UML thành Code trong ngôn ngữ lập trình  Forward engineering. Việc chuyển ngược trở lại code trong một ngôn ngữ lập trình thành UML  Reverse Engineering. Cần công cụ để chuyển đổi “xuôi” & “ngược”. Viết tài liệu (Documenting):.

Giúp xây dựng tài liệu đặc tả - requirements. Tài liệu kiến trúc (architecture). Tài liệu thiết kế. Tài liệu để kiểm thử - Test.

Tài liệu mẫu - Prototype. Tài liệu triển khai – Deployment. - Một số biểu đồ UML cơ bản Biểu đồ Ca sử dụng Use Case Diagram. Use case (Use Case Diagram) cung cấp một bức tranh toàn cảnh về những gì đang xảy ra trong hệ thống hiện tại hoặc những gì sẽ xảy ra trong hệ thống mới.

Use case mô tả một chuỗi các hành động mà hệ thống sẽ thực hiện để đạt được kết quả có ý nghĩa đối với một tác nhân. Các use case được tạo ra ở giai đoạn đầu của một dự án. Các use case cũng có thể được dung ở giai đoạn sau của qui trình phát triển dự án, ví dụ để đặc tả các tình huống kiểm tra. Use case đưa ra cơ sở để xác định giao tiếp người-máy đối với hệ thống.

Để người dùng cuối có thể hiểu được và có thể giao tiếp với hệ thống ở mức tổng thể. 16 Đồ án 4: Xây dựng website tin tức bóng đá. Actor là người hoặc hệ thống tương tác với các use case. Thường actor là người dùng hệ thống.

Trong biểu đồ use case, mỗi actor được vẽ bằng một biểu tượng hình người với tên vai trò (role name) đặt bên dưới. Khi actor là người thì tên actor là tên vai trò mà actor đảm nhiệm chứ không phải là tên công việc. Biểu đồ lớp Class Diagram. Biểu đồ lớp (Class Diagram) cho ta một khung nhìn tĩnh của các lớp trong mô hình hoặc một phần của mô hình.

Nó chỉ cho ta thấy các thuộc tính và các thao tác của lớp, cũng như các loại quan hệ giữa các lớp. Có rất nhiều kiểu lớp dùng trong biểu đồ lớp, ở đây chúng ta chỉ xét đến và sử dụng 3 loại lớp chính là : lớp biên (phần giao diện), lớp điều khiển và lớp cơ sở dữ liệu:. Lớp biên: là lớp thể hiện phần giao diện mà người dùng trực tiếp tương tác với hệ thống qua những giao diện của lớp này. Lớp thực thể (lớp cơ sở dữ liệu): là lớp biểu diễn cho những thực thể có mối quan hệ với nhau và liên quan đến hệ thống.

Lớp điều khiển: là lớp trung gian giữa lớp biên và lớp thực thể. Lớp này đóng vai trò lấy và xử lý dữ liệu để hiện thị ra lớp biên. Biểu đồ tuần tự (Sequence Diagram) .