1. Trang chủ
  2. » Luận Văn - Báo Cáo

Bao cao web tin tuc bong da

28 65 2

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 28
Dung lượng 5,93 MB
File đính kèm WebTinTucBongDa.rar (6 MB)

Các công cụ chuyển đổi và chỉnh sửa cho tài liệu này

Nội dung

LỜI CẢM ƠN Chúng em xin cảm ơn thầy giáo ThS. Trần Hồ Đạt đã hết lòng giúp đỡ chúng em thực hiền đề tài tiểu luận này. Trong lúc thực hiện tiểu luận, chúng em không tránh khỏi những sai sót nhưng các thầy đã luôn cố gắng để hoàn thiện chúng em hơn. Qua thực hiện đề tài này, chúng em đã biết các viết một trang web cơ bản. Vì lẽ đó, chúng em sẽ tiếp tục phát huy, tự tin viết những trang web trong tương lai hơn. Chúng em xin chân thành cảm ơn. Nhóm thực hiện   LỜI NÓI ĐẦU Những trang web lớn ngày nay đang được sinh ra mỗi lúc một nhiều. Nhờ vào công nghệ kĩ thuật hiện đại, tốc độ đường truyền internet lớn đã không còn là rào cản về sự phát triển trong tự do liên lạc, kết nối thông tin. Từ đó, website tin tức ra đời, mang lại trải nghiệm cá nhân cho người dùng một cách tốt hơn. Về mặt lý thuyết, các phần sẽ được trình gồm: Chương 1: Tổng quan về đề tài Chương 2: Cơ sở lý thuyết Chương 3: Phân tích thiết kế hệ thống Chương 4: Website Tin tức bóng đá Chương 5: Kết luận, hướng phát triển Về mặt thực tiễn, khi thực hiện, đề tài giúp cho chúng em có thêm kiến thức về lập trình web, hiểu được cách thức vận hành của một trang web cơ bản là như thế nào. Điều này góp phần nâng cao kiến thức của chúng em khi viết một trang web tiếp theo. Mặc dù, chúng em đã cố gắng trong quá trình thực hiện nhưng chắc chắn sẽ còn một vài thiếu sót và hạn chế. Rất mong được sự đóng góp ý kiến quý báu của quý Thầy Cô giáo và các bạn. MỤC LỤC LỜI CẢM ƠNi LỜI NÓI ĐẦUii Chương 1: TỔNG QUAN VỀ ĐỀ TÀI1 1.1. Mục đích nghiên cứu1 1.2. Nhiệm vụ nghiên cứu1 1.3. Phương pháp nghiên cứu2 1.3.1. Phương pháp nghiên cứu lý luận2 1.3.2. Phương pháp nghiên cứu thực tiễn2 Chương 2: CƠ SỞ LÝ THUYẾT3 2.1. HTML3 2.1.1. HTML là gì?3 2.1.2. Lịch sử hình thành HTML3 2.2. CSS3 2.2.1. CSS là gì?3 2.2.2. Lịch sử hình thành CSS3 2.3. JAVASCRIPT4 2.3.1. JAVASCRIPT là gì?4 2.3.2. Lịch sử hình thành JAVASCRIPT4 2.4. PHP4 2.4.1. PHP là gì?4 2.4.2. Lịch sử hình thành PHP5 2.5. BOOTSTRAP5 2.5.1. BOOTSTRAP là gì?5 2.5.2. Lịch sử hình thành BOOTSTRAP5 2.6. Hệ quản trị cơ sở dữ liệu MySQL6 Chương 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG7 3.1. Mô tả bài toán7 3.2. Các sơ đồ phân tích8 3.2.1. Sơ đồ thực thể kết hợp CDM8 3.2.2. Thiết kế dữ liệu mức logic (LDM)9 3.2.3. Thiết kế dữ liệu mức Vật lý (PDM)10 Chương 4: WEBSITE TIN TỨC BÓNG ĐÁ11 4.1. Giao diện đăng nhập (admin)11 4.2. Giao diện Admin11 4.2.1. Giao diện bảng tin (admin)12 4.2.2. Giao diện nhóm tin (Admin)14 4.2.3. Giao diện lịch thi đấu (admin)15 4.3. Giao diện trang chủ người dùng18 4.3.1. Giao diện lịch thi đấu20 4.3.2. Giao diện liên hệ20 4.3.3. Giao diện tìm kiếm21 4.3.4. Giao diện chi tiết bài viết21 Chương 5: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN23 5.1. Kết luận23 5.1.1. Đã đạt được23 5.1.2. Hạn chế23 5.2. Kiến nghị23 5.2.1. Định hướng phát triển23 5.2.2. Định hướng mở rộng và cải tiến hệ thống23 TÀI LIỆU THAM KHẢO24   Chương 1: TỔNG QUAN VỀ ĐỀ TÀI 1.1. Mục đích nghiên cứu Ngày nay, ứng dụng công nghệ thông tin và việc tin học hóa được xem là một trong những yếu tố mang tính quyết định trong hoạt động của chính phủ, tổ chức cũng như các công ty, nó đóng vai trò hết sức quan trọng, có thể tạo ra những bước đột phá mạnh mẽ. Cùng với sự phát triển không ngừng về kỹ thuật máy tính và mạng điện tử, công nghệ thông tin cũng được những công nghệ có đẳng cấp cao và lần lượt chinh phục hết đỉnh cao này đến đỉnh cao khác. Mạng Internet là một trong những sản phẩm có giá trị hết sức lớn lao và ngày càng trở nên một công cụ không thể thiếu, là nền tảng chính cho sự truyền tải, trao đổi thông tin trên toàn cầu. Giờ đây, mọi việc liên quan đến thông tin trở nên thật dễ dàng cho người sử dụng: chỉ cần có một máy tính kết nối Internet và một dòng đữ liệu truy tìm thì gần như lập tức… cả thế giới về vấn đề mà bạn quan tâm sẽ hiện ra, có đầy đủ thông tin, hình ảnh và thậm chí đôi lúc có cả những âm thanh mà bạn cần… Thông qua Internet, chúng ta đã thực hiện được nhiều công việc với tốc độ nhanh hơn và chi phí thấp hơn nhiều so với các cách thức truyền thống. Chính nhờ điều này, con người đã có thể kết nối với nhau ngay cả khi ở cách xa nhau hàng nghìn km, góp phần vào công cuộc cách mạng hóa, nâng cao chất lượng cuộc sống con người. Trong đời sống, việc ứng dụng sự liên lạc liên kết này có thể kể đến chính là viết tin tức bóng đá. Đối với một người dùng, viết tin tức bóng đá mang lại trải nghiệm cá nhân thích thú, thoải mái chia sẻ về những chủ đề mình quan tâm. Vì vậy một trang viết tin tức bóng đá sẽ khiến cho người sử dụng có một môi trường rộng lớn để liên kết, kết nối với mọi người xung quanh. Vì lẽ đó, chúng em đã thực hiện đề tài "Website Tin tức bóng đá". Chúng em sẽ viết một trang tin tức bóng đá mà ở đó mọi người có thể tương tác với nhau, cùng nhau thảo luận, sẻ chia những để tài mà mọi người quan tâm. Chúng em thực hiện đề tài này với mục đích học tập là chính và nếu website của em xây dựng chắc chắn sẽ làm nền tảng để mọi người tin tưởng sau đó tin dùng website của chúng em. 1.2. Nhiệm vụ nghiên cứu So với những phương thức khác, viết web tin tức bóng đá mang lại hiệu quả tương đối cao và tiết kiệm được chi phí. Hơn thế nữa, với sức mạnh đường truyền Internet ngày nay thì việc truyền tải thông tin rất nhanh và tiện lợi. Biết được nhu cầu đó, bản thân của chúng em là những sinh viên công nghệ thông tin luôn thôi thúc bản thân mình phải làm gì đó. Cho nên chúng em đã xây dựng nên một website, một hệ thống tin tức bóng đá đơn giản, thân thiện, dễ sử dụng, cho phép người dùng truy cập một cách nhanh chóng. 1.3. Phương pháp nghiên cứu 1.3.1. Phương pháp nghiên cứu lý luận - Tìm hiểu về HTML, CSS, JAVASCRIPT, PHP, BOOTSTRAP,… và một số công cụ liên quan. - Hiểu được một trang tin tức bóng đá được vận hành như thế nào. - Hiểu về cách vận dụng các ngôn ngữ và tạo ra trang cơ sở dữ liệu. 1.3.2. Phương pháp nghiên cứu thực tiễn - Sử dụng HTML, CSS, JAVASCRIPT để tạo nên một trang giao diện. - Sử dụng PHP để tạo nên trang cơ sở dữ liệu. - Sử dụng BOOTSTRAP để làm tăng tính nổi bật của giao diện. - Sử dụng Wampserver để chạy webserver và hệ quản trị MySQL.   Chương 2: CƠ SỞ LÝ THUYẾT 2.1. HTML 2.1.1. HTML là gì? HTML viết tắt của Hypertext Markup Language là ngôn ngữ lập trình dùng để xây dựng và cấu trúc lại các thành phần có trong website. HTML tạm dịch là ngôn ngữ đánh dấu siêu văn bản. Người ta thường sử dụng HTML trong việc phân chia các đoạn văn, heading, links, blockquotes,… 2.1.2. Lịch sử hình thành HTML HTML được tạo ra bởi Tim Berners-Lee, một nhà vật lý học của trung tâm nghiên cứu CERN ở Thụy Sỹ. Hiện nay, HTML đã trở thành một chuẩn Internet được tổ chức W3C (World Wide Web Consortium) vận hành và phát triển. Bạn có thể tự tìm kiếm tình trạng mới nhất của HTML tại bất kỳ thời điểm nào trên website của W3C. Phiên bản đầu tiên của HTML xuất hiện năm 1991, gồm 18 tag HTML. Phiên bản HTML 4.01 được xuất bản năm 1999. Sau đó, các nhà phát triển đã thay thế HTML bằng XHTML vào năm 2000. Đến năm 2014, HTML được nâng cấp lên chuẩn HTML5 với nhiều tag được thêm vào markup, mục đích là để xác định rõ nội dung thuộc loại là gì (ví dụ như: , , ,…). Theo Mozilla Developer Network thì HTML Element Reference hiện nay có khoảng hơn 140 tag. Tuy nhiên một vài tag trong số đó đã bị tạm ngưng (do không được hỗ trợ bởi các trình duyệt hiện hành). 2.2. CSS 2.2.1. CSS là gì? CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngôn ngữ được sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu (ví dụ như HTML). Bạn có thể hiểu đơn giản rằng, nếu HTML đóng vai trò định dạng các phần tử trên website như việc tạo ra các đoạn văn bản, các tiêu đề, bảng,…thì CSS sẽ giúp chúng ta có thể thêm một chút “phong cách” vào các phần tử HTML đó như đổi màu sắc trang, đổi màu chữ, thay đổi cấu trúc,…rất nhiều. Phương thức hoạt động của CSS là nó sẽ tìm dựa vào các vùng chọn, vùng chọn có thể là tên một thẻ HTML, tên một ID, class hay nhiều kiểu khác. Sau đó là nó sẽ áp dụng các thuộc tính cần thay đổi lên vùng chọn đó. 2.2.2. Lịch sử hình thành CSS CSS lần đầu tiên được đề xuất bởi Håkon Wium Lie vào ngày 10 tháng 10 năm 1994. Vào thời điểm đó, Lie đang làm việc với Tim Berners-Lee tại CERN. Một số ngôn ngữ định kiểu khác cho web đã được đề xuất cùng lúc và các cuộc thảo luận về danh sách gửi thư cộng đồng cũng như đồng thuận trong World Wide Web Consortium dẫn đến CSS W3C đầu tiên (CSS1) được phát hành vào năm 1996. Đặc biệt, một đề nghị của Bert Bos có ảnh hưởng hơn đó là ông trở thành đồng tác giả của CSS1 và được coi là đồng sáng tạo CSS. Tập tin định kiểu theo tầng đã tồn tại ở dạng này hay dạng khác kể từ khi bắt đầu Ngôn ngữ đánh dấu tổng quát tiêu chuẩn (SGML -Standard Generalized Markup Language) vào những năm 1980 và CSS được phát triển để cung cấp biểu định kiểu cho web. Một yêu cầu đối với ngôn ngữ biểu định kiểu web là nó đến từ các nguồn khác nhau trên web. Do đó, các ngôn ngữ biểu định kiểu hiện có như DSSSL và FOSI không phù hợp. Mặt khác, CSS để cho kiểu của tài liệu bị ảnh hưởng bởi nhiều biểu định kiểu theo kiểu “cascading”. Khi HTML phát triển, nó đã bao gồm nhiều phong cách hơn để đáp ứng nhu cầu của các nhà phát triển web. Sự phát triển này đã cho nhà thiết kế kiểm soát nhiều hơn về diện mạo trang web. Một điều nữa đó là chi phí HTML phức tạp hơn. Sự khác biệt trong việc triển khai trình duyệt web, chẳng hạn như ViolaWWW và WorldWideWeb, khiến giao diện trang web nhất quán trở nên khó khăn và người dùng ít kiểm soát hơn cách hiển thị nội dung web. 2.3. JAVASCRIPT 2.3.1. JAVASCRIPT là gì? JavaScript là một ngôn ngữ lập trình của HTML và WEB. Nó là nhẹ và được sử dụng phổ biến nhất như là một phần của các trang web, mà sự thi hành của chúng cho phép Client-Side script tương tác với người sử dụng và tạo các trang web động. Nó là một ngôn ngữ chương trình thông dịch với các khả năng hướng đối tượng. 2.3.2. Lịch sử hình thành JAVASCRIPT JavaScript được biết đến đầu tiên với tên Mocha, và sau đó là LiveScript, nhưng công ty Netscape đã đổi tên của nó thành JavaScript, bởi vì sự phổ biến như là một hiện tượng của Java lúc bấy giờ. JavaScript xuất hiện lần đầu trong Netscape 2.0 năm 1995 với tên LiveScript. Core đa năng của ngôn ngữ này đã được nhúng vào Netscape, IE, và các trình duyệt khác. 2.4. PHP 2.4.1. PHP là gì? PHP (viết tắt hồi quy "PHP: Hypertext Preprocessor") là một ngôn ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát. Nó rất thích hợp với web và có thể dễ dàng nhúng vào trang HTML. Do được tối ưu hóa cho các ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình web phổ biến nhất thế giới. 2.4.2. Lịch sử hình thành PHP PHP được phát triển từ một sản phẩm có tên là PHP/FI. PHP/FI do Rasmus Lerdorf tạo ra năm 1995. Nó được viết bằng C các bạn nhé. Và nó được sửa lại lần nữa năm 1997. Đó là thời kỳ bắt đầu của PHP đầy khó khăn. PHP 3.0: Được Andi Gutmans và Zeev Suraski tạo ra năm 1997 sau khi viết lại hoàn toàn bộ mã nguồn trước đó. Lý do chính mà họ đã tạo ra phiên bản này là do họ nhận thấy PHP/FI 2.0 hết sức yếu kém trong việc phát triển các ứng dụng thương mại điện tử. PHP 3.0 như là phiên bản thế hệ kế tiếp của PHP/FI 2.0, và chấm dứt phát triển PHP/FI 2.0.PHP 3.0 cung cấp cho người dùng cuối một cơ sở hạ tầng chặt chẽ dùng cho nhiều cơ sở dữ liệu, giao thức và API khác nhau.Cho phép người dùng có thể mở rộng theo modul. => Chính điều này làm cho PHP3 thành công so với PHP2. Lúc này họ chính thức đặt tên ngắn gọn là ''''''''''''''''PHP'''''''''''''''' ( Hypertext Preprocessor ). PHP4: Được công bố năm 2000 tốc độ xử lý được cải thiện rất nhiều, PHP 4.0 đem đến các tính năng chủ yếu khác gồm có sự hỗ trợ nhiều máy chủ Web hơn, hỗ trợ phiên làm việc HTTP, tạo bộ đệm thông tin đầu ra, nhiều cách xử lý thông tin người sử dụng nhập vào bảo mật hơn và cung cấp một vài các cấu trúc ngôn ngữ mới. Với PHP 4, số nhà phát triển dùng PHP đã lên đến hàng trăm nghìn và hàng triệu site đã công bố cài đặt PHP, chiếm khoảng 20% số tên miền trên mạng Internet. Nhóm phát triển PHP cũng đã lên tới con số hàng nghìn người và nhiều nghìn người khác tham gia vào các dự án có liên quan đến PHP như PEAR, PECL và tài liệu kĩ thuật cho PHP. PHP5: Bản chính thức đã ra mắt ngày 13 tháng 7 năm 2004 sau một chuỗi khá dài các bản kiểm tra thử bao gồm Beta 4, RC 1, RC2, RC3. Mặc dù coi đây là phiên bản sản xuất đầu tiên nhưng PHP 5.0 vẫn còn một số lỗi trong đó đáng kể là lỗi xác thực HTTP. PHP6: Hiện nay phiên bản tiếp theo của PHP đang được phát triển, PHP 6 bản sử dụng thử đã có thể được download tại địa chỉ snaps.php.net. Phiên bản PHP 6 được kỳ vọng sẽ lấp đầy những khiếm khuyết của PHP ở phiên bản hiện tại. 2.5. BOOTSTRAP 2.5.1. BOOTSTRAP là gì? Bootstrap là một framework cho phép thiết kế website reponsive nhanh hơn và dễ dàng hơn Bootstrap là bao gồm các HTML templates, CSS templates và Javascript tao ra những cái cơ bản có sẵn như: typography, forms, buttons, tables, navigation, modals, image carousels và nhiều thứ khác. Trong bootstrap có thêm các plugin Javascript trong nó. Giúp cho việc thiết kế reponsive của bạn dễ dàng hơn và nhanh chóng hơn. 2.5.2. Lịch sử hình thành BOOTSTRAP Bootstrap, ban đầu có tên là Twitter Blueprint, được phát triển bởi Mark Otto và Jacob Thornton tại Twitter như một khuôn khổ để khuyến khích sự nhất quán trên các công cụ nội bộ. Trước khi Bootstrap, các thư viện khác nhau được sử dụng để phát triển giao diện, dẫn đến sự thiếu nhất quán và gánh nặng bảo trì cao. Sau một vài tháng phát triển bởi một nhóm nhỏ, nhiều nhà phát triển tại Twitter đã bắt đầu đóng góp cho dự án như một phần của Tuần lễ Hack, một tuần theo phong cách hackathon dành cho nhóm phát triển Twitter. Nó được đổi tên từ Twitter Blueprint thành Bootstrap, và được phát hành như một dự án nguồn mở vào ngày 19 tháng 8 năm 2011. Nó tiếp tục được duy trì bởi Mark Otto, Jacob Thornton và một nhóm nhỏ các nhà phát triển cốt lõi, cũng như một cộng đồng lớn người dùng. Phiên bản mới nhất là Bootstrap 4. 2.6. Hệ quản trị cơ sở dữ liệu MySQL - MySQL là hệ quản trị cơ sở dữ liệu tự do nguồn mở phổ biến nhất thế giới và được các nhà phát triển rất ưa chuộng trong quá trình phát triển ứng dụng, vì MySQL là cơ sở dữ liệu tốc độ cao, ổn định và dễ sử dụng, có tính khả chuyển, hoạt động trên nhiều hệ điều hành cung cấp một hệ thống lớn các hàm tiện ích rất mạnh. - Với tốc độ và tính bảo mật cao, MySQL rất thích hợp cho các ứng dụng có truy cập CSDL trên internet. MySQL miễn phí hoàn toàn cho nên bạn có thể tải về MySQL từ trang chủ. - Nó có nhiều phiên bản cho các hệ điều hành khác nhau: phiên bản Win32 cho các hệ điều hành dòng Windows, Linux, Mac OS X, Unix, FreeBSD, NetBSD, Novell NetWare, SGI Irix, Solaris, SunOS,… - MySQL được sử dụng cho việc bổ trợ PHP, Perl, và nhiều ngôn ngữ khác, nó làm nơi lưu trữ những thông tin trên các trang web viết bằng PHP hay Perl,…   Chương 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 3.1. Mô tả bài toán Ngày nay với sự phát triển của internet, càng ngày càng nhiều website được tạo ra phục vụ với các mục đích khác nhau. Trong đó tin tức bóng đálà một trang web nhằm lưu lại những khoảnh khắc, những trải nghiệm cá nhân. Tin tức bóng đá cá nhân được xây dựng các đối tượng và chức năng sau: Trong đó,người quản trị (chủ trang tin tức) có quyền hạn đăng, chỉnh sửa và cập nhật các bài viết. Người xem có quyền xem các bài viết, có thể chia sẻ, bình luận thao tác với bài mà chủ trang tin tức đăng.Trang web tin tức bóng đá sẽ có các tính năng sau. Thanh điều hướng trên bao gồm trang chủ, bảng tin, nhóm tin, lịch thi đấu, bình luận, trang tin tức, đăng xuất. Trang chủ admin khi đăng nhập vào trang tin tức. Đầu tiên, sẽ hiện ra mục trang chủ của tin tức bóng đá, mục này chứa hình ảnh nền mà chủ tin tức bóng đá muốn truyền tải đề tài của tin tức bóng đá đến mọi người. Tiêu đề của tin tức bóng đá sẽ hiện rõ ra cùng với kích thước chữ lớn, có thể viết một câu giới thiệu sơ về tin tức bóng đá của mình. Có thể thêm được lịch thi đấu nhóm tin và có thể xem được trang tin tức. Bài viết Ở mục này, chủ trang tin tức bóng đá sẽ chia sẻ một vài thông tin. Chẳng hạn tên, khu vực,giải đấu… những điều mà chủ tin tức bóng đá muốn chia sẻ. Chủ trang tin tức bóng đá nên kèm thêm một hình ảnh về mình để làm sinh động hơn. Bảng tin đây là mục sẽ hiển thị tất cả các các bài viết mà chủ trang tin tức bóng đá tải lên. Mục này sẽ show ra toàn bộ bài viết bằng cách chỉ để mỗi hình ảnh thumbnail của bài viết đó. Và có thêm chức năng thêm mới bản tin hoặc cập nhật lại bản tin. Nhóm tin đây là mục để thêm khu vực thi đấu và giải đấu mà chủ trang tin tức muốn thêm. Trong đây chu trang tin tức có thể thêm xóa hoặc sửa các khu vực. Lịch thi đấu: Đây là mục để thêm lịch thi đấu cho người xem dễ cập nhật được cái lịch thi đấu của các đội. Trong đây có thể lựa chọn khu vực đã thêm ở nhóm tin, chọn đội 1 và đội 2 bao gôm có thời gian thi đấu và ngày thi đấu. Bình luận bài viết Nếu muốn liên hệ với chủ tin tức bóng đá sẽ phải thông qua mục này. Bình luận bài viết sẽ có các khung thông tin để người xem nhập vào, người xem cũng có thể nhập bình luận vào. Mọi thông tin người xem nhập vào sẽ được công khai trên tin tức bóng đá, người xem khác cũng có thể tương tác với bình luận của bạn. Trang tin tức bóng đá sẽ được thực hiện như sau: Khi chủ trang tin tức up bài viết. Bài viết sẽ được đăng công khai trên trang của trang tin tức, người xem có thể xem bài viết sau đó thao tác bằng cách phản hồi ở mục Bình luận bài viết, mọi thông tin người xem gửi lên tin tức bóng đá đều công khai cho tất cả mọi người bao gồm cả chủ trang tin tức. Những người xem khác cũng có thể thao tác lên bình luận của người khác.   3.2. Các sơ đồ phân tích 3.2.1. Sơ đồ thực thể kết hợp CDM Hình 3.1. Sơ đồ ERD   3.2.2. Thiết kế dữ liệu mức logic (LDM) Hình 3.2. Sơ đồ LDM   3.2.3. Thiết kế dữ liệu mức Vật lý (PDM) Hình 3.3. Sơ đồ PDM 3.2.4. Quan hệ các bảng trong CSDL Hình 3.4. Sơ đồ mối quan hệ giữa các bảng CSDL Chương 4: WEBSITE TIN TỨC BÓNG ĐÁ 4.1. Giao diện đăng nhập (admin) Giao diện đăng nhập yều cầu admin nhập tài khoản, mật khẩu để thực hiện các thao tác đăng bài viết. Hình 4.1. Giao diện đăng nhập 4.2. Giao diện Admin Giao diện trang chủ admin hiển thị tất các bài viết đã đăng. Hình 4.2. Giao diện admin 4.2.1. Giao diện bảng tin (admin) Giao diện bảng tin hiển thị danh sách bảng tin, tại đây admin có thể dễ dàng thực hiện các thao tác thêm, xóa, cập nhật bảng tin. Hình 4.3. Giao diện các xem nhanh các bảng tin Thêm tin tức: Nhập thông tin vào các trường rồi nhấn thêm. Hình 4.4. Giao diện thêm bảng tin   Cập nhật tin tức: Chỉnh sửa lại thông tin rồi nhấn cập nhật. Hình 4.5. Giao diện cập nhật bảng tin Xóa bảng tin: Nhấn vào nút xóa để xóa bảng tin Hình 4.6. Xóa bảng tin   4.2.2. Giao diện nhóm tin (Admin) Giao diện bảng tin hiển thị danh sách bảng tin, tại đây admin có thể dễ dàng thực hiện các thao tác thêm, xóa, cập nhật bảng tin. Hình 4.7. Giao diện nhóm tin Thêm nhóm tin: Nhập đầy đủ thông tin và nhấn thêm nhóm tin Hình 4.8. Giao diện thêm nhóm tin Cập nhật nhóm tin: Nhập đầy đủ thông tin và nhấn cập nhật. Hình 4.9. Giao diện cập nhật nhóm tin Xóa nhóm tin: Nhấn vào nút xóa để xóa nhóm tin đã có. Hình 4.10. Xóa nhóm tin 4.2.3. Giao diện lịch thi đấu (admin) Giao diện bảng tin hiển thị danh sách bảng tin, tại đây admin có thể dễ dàng thực hiện các thao tác thêm, xóa, cập nhật lịch thi đấu. Hình 4.11. Giao diện xem nhanh thông tin các lịch thi đấu, sửa, xóa Hình 4.12. Giao diện thêm lịch thi đấu Hình 4.13. Giao diện cập nhật lịch thi đấu Hình 4.14. Xóa lịch thi đấu   4.3. Giao diện trang chủ người dùng Nơi hiển thị các tin tức về bóng đá, bảng tin, nhóm tin, lịch thi đấu, thời gian thi đấu. Hình 4.15. Giao diện trang chủ người dùng (1) Hình 4.16. Giao diện trang chủ người dùng (2) Hình 4.17. Giao diện trang chủ người dùng (3) Hình 4.18. Giao diện trang chủ người dùng (4)   4.3.1. Giao diện lịch thi đấu Người dùng có thể theo dõi lịch thi đấu các trận đấu sắp diễn ra. Hình 4.19. Giao diện lịch thi, thời gian, tỉ số (nếu đã thi đấu) 4.3.2. Giao diện liên hệ Người dùng nhập thông tin vào các ô rồi gửi bình luận hoặc góp ý đến người đăng bài. Hình 4.20. Giao diện liên hệ   4.3.3. Giao diện tìm kiếm Nhập nội dung vào ô tìm kiếm để tìm theo khu vực thi đấu hoặc tiêu đề bài viết. Hình 4.21. Giao diện tìm kiếm 4.3.4. Giao diện chi tiết bài viết Hiển thị các thông tin chi tiết đầy đủ của bài viết. Hình 4.22. Giao diện bài viết (1)   Hình 4.23. Giao diện bài viết (2)   Chương 5: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 5.1. Kết luận 5.1.1. Đã đạt được Chúng em đã hiểu được xây dựng một trang web cơ bản là như thế nào. Sự kết hợp của các ngôn ngữ và công cụ đã góp phần tạo nên một web tin tức mang tính tương tác cao, đồng thời giao diện cũng có phần đẹp mắt. Trong lúc thực hiện, chúng em cũng đã được nâng cao kiến thức của mình thông qua những dòng code, những khó khăn tưởng chừng không có hướng giải đáp. Tuy nhiên sau tất cả, chúng em đã hoàn thành tương đối việc một trang tin tức bóng đá được viết và vận hành như thế nào. 5.1.2. Hạn chế Bên cạnh những mặt đã đạt được thì có một số hạn chế chúng em gặp phải. Vì lượng kiến thức còn hạn hẹp và thời gian thực hiện đề tài cũng có giới hạn, chúng em không thể hoàn thành tối đa những mục tiêu đã đặt ra, sau đây là những hạn chế của chúng em: - Giao diện còn chưa được đẹp mắt nếu so sánh với các trang web lớn. - Các chức năng còn hạn chế, chưa thực sự tạo ra nhiều chức năng để phù hợp hơn với người sử dụng. - Cơ sở dữ liệu chưa được lớn như mục tiêu. - Mô hình hệ thống chưa được tối ưu nhiều. - Trang web chưa thực sự bảo mật hiệu quả. 5.2. Kiến nghị 5.2.1. Định hướng phát triển Với sự tìm hiểu cơ bản về các ngôn ngữ và công cụ, chúng em sẽ tiếp tục mài mò và tìm hiểu để nâng cao trình độ cũng như trau dồi kiến thức để xây dựng những trang web có quy mô lớn hơn. Từ đó, những trang web hoàn thiện và đầy đủ tính năng sẽ được sinh ra để phục vụ những cá nhân, đối tượng cụ thể với mục đích tốt hơn. Khi viết web chúng em cũng có cơ hội để thể hiện bản thân mình hơn, chúng em tin là sau khi làm tốt website này, những website trong tương lai sẽ không quá là khó khăn với chúng em. Về phần web tin tức bóng đá của chúng em, chúng em sẽ tiếp tục hoàn thiện nó với hy vọng trong một tương lai không xa, trang web của chúng em sẽ hoàn thiện và có thể thương mại hóa. 5.2.2. Định hướng mở rộng và cải tiến hệ thống Trong tương lai chúng em sẽ giải quyết các hạn chế còn vướng phải như nêu trên đồng thời cải tiến thêm những tính năng hay hơn và thiết kế trang web đẹp, sinh động và trực quan hơn từ đó tính ứng dụng của trang web sẽ được phát huy một cách tối đa và có hiệu quả.   TÀI LIỆU THAM KHẢO [1] HTML, CSS, JAVASCRIPT, PHP, MYSQL, , xem 13/05/2020. [2] Components, , xem 13/05/2020 [3] Layout, , xem 15/05/2020

Trang 1

LỜI CẢM ƠN

Chúng em xin cảm ơn thầy giáo ThS Trần Hồ Đạt đã hết lòng giúp đỡ chúng

em thực hiền đề tài tiểu luận này Trong lúc thực hiện tiểu luận, chúng em khôngtránh khỏi những sai sót nhưng các thầy đã luôn cố gắng để hoàn thiện chúng emhơn

Qua thực hiện đề tài này, chúng em đã biết các viết một trang web cơ bản Vì

lẽ đó, chúng em sẽ tiếp tục phát huy, tự tin viết những trang web trong tương laihơn Chúng em xin chân thành cảm ơn

Nhóm thực hiện

Trang 2

LỜI NÓI ĐẦU

Những trang web lớn ngày nay đang được sinh ra mỗi lúc một nhiều Nhờ vào côngnghệ kĩ thuật hiện đại, tốc độ đường truyền internet lớn đã không còn là rào cản về

sự phát triển trong tự do liên lạc, kết nối thông tin Từ đó, website tin tức ra đời,mang lại trải nghiệm cá nhân cho người dùng một cách tốt hơn

Về mặt lý thuyết, các phần sẽ được trình gồm:

Chương 1: Tổng quan về đề tài

Chương 2: Cơ sở lý thuyết

Chương 3: Phân tích thiết kế hệ thống

Chương 4: Website Tin tức bóng đá

Chương 5: Kết luận, hướng phát triển

Về mặt thực tiễn, khi thực hiện, đề tài giúp cho chúng em có thêm kiến thức về lậptrình web, hiểu được cách thức vận hành của một trang web cơ bản là như thế nào.Điều này góp phần nâng cao kiến thức của chúng em khi viết một trang web tiếptheo

Mặc dù, chúng em đã cố gắng trong quá trình thực hiện nhưng chắc chắn sẽ còn mộtvài thiếu sót và hạn chế Rất mong được sự đóng góp ý kiến quý báu của quý Thầy

Cô giáo và các bạn

Trang 3

MỤC LỤC

LỜI CẢM ƠN i

LỜI NÓI ĐẦU ii

Chương 1: TỔNG QUAN VỀ ĐỀ TÀI 1

1.1 Mục đích nghiên cứu 1

1.2 Nhiệm vụ nghiên cứu 1

1.3 Phương pháp nghiên cứu 2

1.3.1 Phương pháp nghiên cứu lý luận 2

1.3.2 Phương pháp nghiên cứu thực tiễn 2

Chương 2: CƠ SỞ LÝ THUYẾT 3

2.1 HTML 3

2.1.1 HTML là gì? 3

2.1.2 Lịch sử hình thành HTML 3

2.2 CSS 3

2.2.1 CSS là gì? 3

2.2.2 Lịch sử hình thành CSS 3

2.3 JAVASCRIPT 4

2.3.1 JAVASCRIPT là gì? 4

2.3.2 Lịch sử hình thành JAVASCRIPT 4

2.4 PHP 4

2.4.1 PHP là gì? 4

2.4.2 Lịch sử hình thành PHP 5

2.5 BOOTSTRAP 5

2.5.1 BOOTSTRAP là gì? 5

2.5.2 Lịch sử hình thành BOOTSTRAP 5

2.6 Hệ quản trị cơ sở dữ liệu MySQL 6

Chương 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 7

3.1 Mô tả bài toán 7

3.2 Các sơ đồ phân tích 8

3.2.1 Sơ đồ thực thể kết hợp CDM 8

3.2.2 Thiết kế dữ liệu mức logic (LDM) 9

3.2.3 Thiết kế dữ liệu mức Vật lý (PDM) 10

Chương 4: WEBSITE TIN TỨC BÓNG ĐÁ 11

Trang 4

4.1 Giao diện đăng nhập (admin) 11

4.2 Giao diện Admin 11

4.2.1 Giao diện bảng tin (admin) 12

4.2.2 Giao diện nhóm tin (Admin) 14

4.2.3 Giao diện lịch thi đấu (admin) 15

4.3 Giao diện trang chủ người dùng 18

4.3.1 Giao diện lịch thi đấu 20

4.3.2 Giao diện liên hệ 20

4.3.3 Giao diện tìm kiếm 21

4.3.4 Giao diện chi tiết bài viết 21

Chương 5: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 23

5.1 Kết luận 23

5.1.1 Đã đạt được 23

5.1.2 Hạn chế 23

5.2 Kiến nghị 23

5.2.1 Định hướng phát triển 23

5.2.2 Định hướng mở rộng và cải tiến hệ thống 23

TÀI LIỆU THAM KHẢO 24

Trang 5

Chương 1: TỔNG QUAN VỀ ĐỀ TÀI 1.1 Mục đích nghiên cứu

Ngày nay, ứng dụng công nghệ thông tin và việc tin học hóa được xem là một trongnhững yếu tố mang tính quyết định trong hoạt động của chính phủ, tổ chức cũng nhưcác công ty, nó đóng vai trò hết sức quan trọng, có thể tạo ra những bước đột phámạnh mẽ

Cùng với sự phát triển không ngừng về kỹ thuật máy tính và mạng điện tử, công nghệthông tin cũng được những công nghệ có đẳng cấp cao và lần lượt chinh phục hết đỉnhcao này đến đỉnh cao khác Mạng Internet là một trong những sản phẩm có giá trị hếtsức lớn lao và ngày càng trở nên một công cụ không thể thiếu, là nền tảng chính cho

sự truyền tải, trao đổi thông tin trên toàn cầu

Giờ đây, mọi việc liên quan đến thông tin trở nên thật dễ dàng cho người sử dụng: chỉcần có một máy tính kết nối Internet và một dòng đữ liệu truy tìm thì gần như lậptức… cả thế giới về vấn đề mà bạn quan tâm sẽ hiện ra, có đầy đủ thông tin, hình ảnh

và thậm chí đôi lúc có cả những âm thanh mà bạn cần…

Thông qua Internet, chúng ta đã thực hiện được nhiều công việc với tốc độ nhanh hơn

và chi phí thấp hơn nhiều so với các cách thức truyền thống Chính nhờ điều này, conngười đã có thể kết nối với nhau ngay cả khi ở cách xa nhau hàng nghìn km, góp phầnvào công cuộc cách mạng hóa, nâng cao chất lượng cuộc sống con người

Trong đời sống, việc ứng dụng sự liên lạc liên kết này có thể kể đến chính là viết tintức bóng đá Đối với một người dùng, viết tin tức bóng đá mang lại trải nghiệm cánhân thích thú, thoải mái chia sẻ về những chủ đề mình quan tâm Vì vậy một trangviết tin tức bóng đá sẽ khiến cho người sử dụng có một môi trường rộng lớn để liênkết, kết nối với mọi người xung quanh

Vì lẽ đó, chúng em đã thực hiện đề tài "Website Tin tức bóng đá" Chúng em sẽ viếtmột trang tin tức bóng đá mà ở đó mọi người có thể tương tác với nhau, cùng nhauthảo luận, sẻ chia những để tài mà mọi người quan tâm Chúng em thực hiện đề tài nàyvới mục đích học tập là chính và nếu website của em xây dựng chắc chắn sẽ làm nềntảng để mọi người tin tưởng sau đó tin dùng website của chúng em

1.2 Nhiệm vụ nghiên cứu

So với những phương thức khác, viết web tin tức bóng đá mang lại hiệu quả tương đốicao và tiết kiệm được chi phí Hơn thế nữa, với sức mạnh đường truyền Internet ngàynay thì việc truyền tải thông tin rất nhanh và tiện lợi

Biết được nhu cầu đó, bản thân của chúng em là những sinh viên công nghệ thông tinluôn thôi thúc bản thân mình phải làm gì đó Cho nên chúng em đã xây dựng nên mộtwebsite, một hệ thống tin tức bóng đá đơn giản, thân thiện, dễ sử dụng, cho phépngười dùng truy cập một cách nhanh chóng

Trang 6

1.3 Phương pháp nghiên cứu

1.3.1 Phương pháp nghiên cứu lý luận

- Tìm hiểu về HTML, CSS, JAVASCRIPT, PHP, BOOTSTRAP,… và một số công cụliên quan

- Hiểu được một trang tin tức bóng đá được vận hành như thế nào

- Hiểu về cách vận dụng các ngôn ngữ và tạo ra trang cơ sở dữ liệu

1.3.2 Phương pháp nghiên cứu thực tiễn

- Sử dụng HTML, CSS, JAVASCRIPT để tạo nên một trang giao diện

- Sử dụng PHP để tạo nên trang cơ sở dữ liệu

- Sử dụng BOOTSTRAP để làm tăng tính nổi bật của giao diện

- Sử dụng Wampserver để chạy webserver và hệ quản trị MySQL

Trang 7

Chương 2: CƠ SỞ LÝ THUYẾT 2.1 HTML

2.1.1 HTML là gì?

HTML viết tắt của Hypertext Markup Language là ngôn ngữ lập trình dùng để xâydựng và cấu trúc lại các thành phần có trong website HTML tạm dịch là ngôn ngữđánh dấu siêu văn bản Người ta thường sử dụng HTML trong việc phân chia các đoạnvăn, heading, links, blockquotes,…

2.1.2 Lịch sử hình thành HTML

HTML được tạo ra bởi Tim Berners-Lee, một nhà vật lý học của trung tâm nghiên cứuCERN ở Thụy Sỹ Hiện nay, HTML đã trở thành một chuẩn Internet được tổ chứcW3C (World Wide Web Consortium) vận hành và phát triển Bạn có thể tự tìm kiếmtình trạng mới nhất của HTML tại bất kỳ thời điểm nào trên website của W3C

Phiên bản đầu tiên của HTML xuất hiện năm 1991, gồm 18 tag HTML Phiên bảnHTML 4.01 được xuất bản năm 1999 Sau đó, các nhà phát triển đã thay thế HTMLbằng XHTML vào năm 2000

Đến năm 2014, HTML được nâng cấp lên chuẩn HTML5 với nhiều tag được thêm vàomarkup, mục đích là để xác định rõ nội dung thuộc loại là gì (ví dụ như: <article>,

<header>, <footer>,…)

Theo Mozilla Developer Network thì HTML Element Reference hiện nay có khoảnghơn 140 tag Tuy nhiên một vài tag trong số đó đã bị tạm ngưng (do không được hỗ trợbởi các trình duyệt hiện hành)

2.2 CSS

2.2.1 CSS là gì?

CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngôn ngữ được sử dụng đểtìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu (ví dụ nhưHTML) Bạn có thể hiểu đơn giản rằng, nếu HTML đóng vai trò định dạng các phần tửtrên website như việc tạo ra các đoạn văn bản, các tiêu đề, bảng,…thì CSS sẽ giúpchúng ta có thể thêm một chút “phong cách” vào các phần tử HTML đó như đổi màusắc trang, đổi màu chữ, thay đổi cấu trúc,…rất nhiều

Phương thức hoạt động của CSS là nó sẽ tìm dựa vào các vùng chọn, vùng chọn có thể

là tên một thẻ HTML, tên một ID, class hay nhiều kiểu khác Sau đó là nó sẽ áp dụngcác thuộc tính cần thay đổi lên vùng chọn đó

2.2.2 Lịch sử hình thành CSS

CSS lần đầu tiên được đề xuất bởi Håkon Wium Lie vào ngày 10 tháng 10 năm 1994.Vào thời điểm đó, Lie đang làm việc với Tim Berners-Lee tại CERN Một số ngôn ngữđịnh kiểu khác cho web đã được đề xuất cùng lúc và các cuộc thảo luận về danh sáchgửi thư cộng đồng cũng như đồng thuận trong World Wide Web Consortium dẫn đến

Trang 8

CSS W3C đầu tiên (CSS1) được phát hành vào năm 1996 Đặc biệt, một đề nghị củaBert Bos có ảnh hưởng hơn đó là ông trở thành đồng tác giả của CSS1 và được coi làđồng sáng tạo CSS.

Tập tin định kiểu theo tầng đã tồn tại ở dạng này hay dạng khác kể từ khi bắt đầuNgôn ngữ đánh dấu tổng quát tiêu chuẩn (SGML -Standard Generalized MarkupLanguage) vào những năm 1980 và CSS được phát triển để cung cấp biểu định kiểucho web Một yêu cầu đối với ngôn ngữ biểu định kiểu web là nó đến từ các nguồnkhác nhau trên web Do đó, các ngôn ngữ biểu định kiểu hiện có như DSSSL và FOSIkhông phù hợp Mặt khác, CSS để cho kiểu của tài liệu bị ảnh hưởng bởi nhiều biểuđịnh kiểu theo kiểu “cascading”

Khi HTML phát triển, nó đã bao gồm nhiều phong cách hơn để đáp ứng nhu cầu củacác nhà phát triển web Sự phát triển này đã cho nhà thiết kế kiểm soát nhiều hơn vềdiện mạo trang web Một điều nữa đó là chi phí HTML phức tạp hơn Sự khác biệttrong việc triển khai trình duyệt web, chẳng hạn như ViolaWWW và WorldWideWeb,khiến giao diện trang web nhất quán trở nên khó khăn và người dùng ít kiểm soát hơncách hiển thị nội dung web

2.3 JAVASCRIPT

2.3.1 JAVASCRIPT là gì?

JavaScript là một ngôn ngữ lập trình của HTML và WEB Nó là nhẹ và được sử dụngphổ biến nhất như là một phần của các trang web, mà sự thi hành của chúng cho phépClient-Side script tương tác với người sử dụng và tạo các trang web động Nó là mộtngôn ngữ chương trình thông dịch với các khả năng hướng đối tượng

2.3.2 Lịch sử hình thành JAVASCRIPT

JavaScript được biết đến đầu tiên với tên Mocha, và sau đó là LiveScript, nhưng công

ty Netscape đã đổi tên của nó thành JavaScript, bởi vì sự phổ biến như là một hiệntượng của Java lúc bấy giờ JavaScript xuất hiện lần đầu trong Netscape 2.0 năm 1995với tên LiveScript Core đa năng của ngôn ngữ này đã được nhúng vào Netscape, IE,

dễ dàng nhúng vào trang HTML Do được tối ưu hóa cho các ứng dụng web, tốc độnhanh, nhỏ gọn, cú pháp giống C và Java, dễ học và thời gian xây dựng sản phẩmtương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành mộtngôn ngữ lập trình web phổ biến nhất thế giới

Trang 9

2.4.2 Lịch sử hình thành PHP

PHP được phát triển từ một sản phẩm có tên là PHP/FI PHP/FI do Rasmus Lerdorftạo ra năm 1995 Nó được viết bằng C các bạn nhé Và nó được sửa lại lần nữa năm

1997 Đó là thời kỳ bắt đầu của PHP đầy khó khăn

PHP 3.0: Được Andi Gutmans và Zeev Suraski tạo ra năm 1997 sau khi viết lại hoàntoàn bộ mã nguồn trước đó Lý do chính mà họ đã tạo ra phiên bản này là do họ nhậnthấy PHP/FI 2.0 hết sức yếu kém trong việc phát triển các ứng dụng thương mại điện

tử PHP 3.0 như là phiên bản thế hệ kế tiếp của PHP/FI 2.0, và chấm dứt phát triểnPHP/FI 2.0.PHP 3.0 cung cấp cho người dùng cuối một cơ sở hạ tầng chặt chẽ dùngcho nhiều cơ sở dữ liệu, giao thức và API khác nhau.Cho phép người dùng có thể mởrộng theo modul

=> Chính điều này làm cho PHP3 thành công so với PHP2 Lúc này họ chính thức đặttên ngắn gọn là 'PHP' ( Hypertext Preprocessor )

PHP4: Được công bố năm 2000 tốc độ xử lý được cải thiện rất nhiều, PHP 4.0 đemđến các tính năng chủ yếu khác gồm có sự hỗ trợ nhiều máy chủ Web hơn, hỗ trợphiên làm việc HTTP, tạo bộ đệm thông tin đầu ra, nhiều cách xử lý thông tin người sửdụng nhập vào bảo mật hơn và cung cấp một vài các cấu trúc ngôn ngữ mới Với PHP

4, số nhà phát triển dùng PHP đã lên đến hàng trăm nghìn và hàng triệu site đã công bốcài đặt PHP, chiếm khoảng 20% số tên miền trên mạng Internet Nhóm phát triển PHPcũng đã lên tới con số hàng nghìn người và nhiều nghìn người khác tham gia vào các

dự án có liên quan đến PHP như PEAR, PECL và tài liệu kĩ thuật cho PHP

PHP5: Bản chính thức đã ra mắt ngày 13 tháng 7 năm 2004 sau một chuỗi khá dài cácbản kiểm tra thử bao gồm Beta 4, RC 1, RC2, RC3 Mặc dù coi đây là phiên bản sảnxuất đầu tiên nhưng PHP 5.0 vẫn còn một số lỗi trong đó đáng kể là lỗi xác thựcHTTP

PHP6: Hiện nay phiên bản tiếp theo của PHP đang được phát triển, PHP 6 bản sử dụngthử đã có thể được download tại địa chỉ snaps.php.net Phiên bản PHP 6 được kỳ vọng

sẽ lấp đầy những khiếm khuyết của PHP ở phiên bản hiện tại

2.5.2 Lịch sử hình thành BOOTSTRAP

Trang 10

Bootstrap, ban đầu có tên là Twitter Blueprint, được phát triển bởi Mark Otto và JacobThornton tại Twitter như một khuôn khổ để khuyến khích sự nhất quán trên các công

cụ nội bộ Trước khi Bootstrap, các thư viện khác nhau được sử dụng để phát triểngiao diện, dẫn đến sự thiếu nhất quán và gánh nặng bảo trì cao

Sau một vài tháng phát triển bởi một nhóm nhỏ, nhiều nhà phát triển tại Twitter đã bắtđầu đóng góp cho dự án như một phần của Tuần lễ Hack, một tuần theo phong cáchhackathon dành cho nhóm phát triển Twitter Nó được đổi tên từ Twitter Blueprintthành Bootstrap, và được phát hành như một dự án nguồn mở vào ngày 19 tháng 8năm 2011 Nó tiếp tục được duy trì bởi Mark Otto, Jacob Thornton và một nhóm nhỏcác nhà phát triển cốt lõi, cũng như một cộng đồng lớn người dùng Phiên bản mớinhất là Bootstrap 4

2.6 Hệ quản trị cơ sở dữ liệu MySQL

- MySQL là hệ quản trị cơ sở dữ liệu tự do nguồn mở phổ biến nhất thế giới và đượccác nhà phát triển rất ưa chuộng trong quá trình phát triển ứng dụng, vì MySQL là cơ

sở dữ liệu tốc độ cao, ổn định và dễ sử dụng, có tính khả chuyển, hoạt động trên nhiều

hệ điều hành cung cấp một hệ thống lớn các hàm tiện ích rất mạnh

- Với tốc độ và tính bảo mật cao, MySQL rất thích hợp cho các ứng dụng có truy cậpCSDL trên internet MySQL miễn phí hoàn toàn cho nên bạn có thể tải về MySQL từtrang chủ

- Nó có nhiều phiên bản cho các hệ điều hành khác nhau: phiên bản Win32 cho các hệđiều hành dòng Windows, Linux, Mac OS X, Unix, FreeBSD, NetBSD, NovellNetWare, SGI Irix, Solaris, SunOS,…

- MySQL được sử dụng cho việc bổ trợ PHP, Perl, và nhiều ngôn ngữ khác, nó làmnơi lưu trữ những thông tin trên các trang web viết bằng PHP hay Perl,…

Trang 11

Chương 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 3.1 Mô tả bài toán

Ngày nay với sự phát triển của internet, càng ngày càng nhiều website được tạo raphục vụ với các mục đích khác nhau Trong đó tin tức bóng đálà một trang web nhằmlưu lại những khoảnh khắc, những trải nghiệm cá nhân Tin tức bóng đá cá nhân đượcxây dựng các đối tượng và chức năng sau:

Trong đó,người quản trị (chủ trang tin tức) có quyền hạn đăng, chỉnh sửa và cập nhậtcác bài viết Người xem có quyền xem các bài viết, có thể chia sẻ, bình luận thao tácvới bài mà chủ trang tin tức đăng.Trang web tin tức bóng đá sẽ có các tính năng sau.Thanh điều hướng trên bao gồm trang chủ, bảng tin, nhóm tin, lịch thi đấu, bình luận,trang tin tức, đăng xuất Trang chủ admin khi đăng nhập vào trang tin tức Đầu tiên, sẽhiện ra mục trang chủ của tin tức bóng đá, mục này chứa hình ảnh nền mà chủ tin tứcbóng đá muốn truyền tải đề tài của tin tức bóng đá đến mọi người Tiêu đề của tin tứcbóng đá sẽ hiện rõ ra cùng với kích thước chữ lớn, có thể viết một câu giới thiệu sơ vềtin tức bóng đá của mình Có thể thêm được lịch thi đấu nhóm tin và có thể xem đượctrang tin tức Bài viết Ở mục này, chủ trang tin tức bóng đá sẽ chia sẻ một vài thôngtin Chẳng hạn tên, khu vực,giải đấu… những điều mà chủ tin tức bóng đá muốn chia

sẻ Chủ trang tin tức bóng đá nên kèm thêm một hình ảnh về mình để làm sinh độnghơn Bảng tin đây là mục sẽ hiển thị tất cả các các bài viết mà chủ trang tin tức bóng

đá tải lên Mục này sẽ show ra toàn bộ bài viết bằng cách chỉ để mỗi hình ảnhthumbnail của bài viết đó Và có thêm chức năng thêm mới bản tin hoặc cập nhật lạibản tin Nhóm tin đây là mục để thêm khu vực thi đấu và giải đấu mà chủ trang tin tứcmuốn thêm Trong đây chu trang tin tức có thể thêm xóa hoặc sửa các khu vực Lịchthi đấu: Đây là mục để thêm lịch thi đấu cho người xem dễ cập nhật được cái lịch thiđấu của các đội Trong đây có thể lựa chọn khu vực đã thêm ở nhóm tin, chọn đội 1 vàđội 2 bao gôm có thời gian thi đấu và ngày thi đấu Bình luận bài viết Nếu muốn liên

hệ với chủ tin tức bóng đá sẽ phải thông qua mục này Bình luận bài viết sẽ có cáckhung thông tin để người xem nhập vào, người xem cũng có thể nhập bình luận vào.Mọi thông tin người xem nhập vào sẽ được công khai trên tin tức bóng đá, người xemkhác cũng có thể tương tác với bình luận của bạn

Trang tin tức bóng đá sẽ được thực hiện như sau:

Khi chủ trang tin tức up bài viết Bài viết sẽ được đăng công khai trên trang của trangtin tức, người xem có thể xem bài viết sau đó thao tác bằng cách phản hồi ở mục Bìnhluận bài viết, mọi thông tin người xem gửi lên tin tức bóng đá đều công khai cho tất cảmọi người bao gồm cả chủ trang tin tức Những người xem khác cũng có thể thao táclên bình luận của người khác

Trang 12

3.2 Các sơ đồ phân tích

3.2.1 Sơ đồ thực thể kết hợp CDM

Hình 3.1 Sơ đồ ERD

Trang 13

3.2.2 Thiết kế dữ liệu mức logic (LDM)

Hình 3.2 Sơ đồ LDM

Trang 14

3.2.3 Thiết kế dữ liệu mức Vật lý (PDM)

Hình 3.3 Sơ đồ PDM

3.2.4 Quan hệ các bảng trong CSDL

Ngày đăng: 30/09/2020, 12:00

HÌNH ẢNH LIÊN QUAN

Hình 3.1. Sơ đồ ERD - Bao cao web tin tuc bong da
Hình 3.1. Sơ đồ ERD (Trang 10)
Hình 3.2. Sơ đồ LDM - Bao cao web tin tuc bong da
Hình 3.2. Sơ đồ LDM (Trang 11)
Hình 3.3. Sơ đồ PDM - Bao cao web tin tuc bong da
Hình 3.3. Sơ đồ PDM (Trang 12)
3.2.4. Quan hệ các bảng trong CSDL - Bao cao web tin tuc bong da
3.2.4. Quan hệ các bảng trong CSDL (Trang 12)
Hình 4.1. Giao diện đăng nhập - Bao cao web tin tuc bong da
Hình 4.1. Giao diện đăng nhập (Trang 13)
Hình 4.2. Giao diện admin - Bao cao web tin tuc bong da
Hình 4.2. Giao diện admin (Trang 13)
Giao diện bảng tin hiển thị danh sách bảng tin, tại đây admin có thể dễ dàng thực hiện các thao tác thêm, xóa, cập nhật bảng tin. - Bao cao web tin tuc bong da
iao diện bảng tin hiển thị danh sách bảng tin, tại đây admin có thể dễ dàng thực hiện các thao tác thêm, xóa, cập nhật bảng tin (Trang 14)
4.2.1. Giao diện bảng tin (admin) - Bao cao web tin tuc bong da
4.2.1. Giao diện bảng tin (admin) (Trang 14)
Hình 4.5. Giao diện cập nhật bảng tin - Bao cao web tin tuc bong da
Hình 4.5. Giao diện cập nhật bảng tin (Trang 15)
Xóa bảng tin: Nhấn vào nút xóa để xóa bảng tin - Bao cao web tin tuc bong da
a bảng tin: Nhấn vào nút xóa để xóa bảng tin (Trang 15)
Giao diện bảng tin hiển thị danh sách bảng tin, tại đây admin có thể dễ dàng thực hiện các thao tác thêm, xóa, cập nhật bảng tin. - Bao cao web tin tuc bong da
iao diện bảng tin hiển thị danh sách bảng tin, tại đây admin có thể dễ dàng thực hiện các thao tác thêm, xóa, cập nhật bảng tin (Trang 16)
Hình 4.7. Giao diện nhóm tin - Bao cao web tin tuc bong da
Hình 4.7. Giao diện nhóm tin (Trang 16)
Hình 4.10. Xóa nhóm tin - Bao cao web tin tuc bong da
Hình 4.10. Xóa nhóm tin (Trang 17)
Hình 4.13. Giao diện cập nhật lịch thi đấu - Bao cao web tin tuc bong da
Hình 4.13. Giao diện cập nhật lịch thi đấu (Trang 18)
Hình 4.12. Giao diện thêm lịch thi đấu - Bao cao web tin tuc bong da
Hình 4.12. Giao diện thêm lịch thi đấu (Trang 18)
Hình 4.14. Xóa lịch thi đấu - Bao cao web tin tuc bong da
Hình 4.14. Xóa lịch thi đấu (Trang 19)
Hình 4.15. Giao diện trang chủ người dùng (1) - Bao cao web tin tuc bong da
Hình 4.15. Giao diện trang chủ người dùng (1) (Trang 20)
Nơi hiển thị các tin tức về bóng đá, bảng tin, nhóm tin, lịch thi đấu, thời gian thi đấu. - Bao cao web tin tuc bong da
i hiển thị các tin tức về bóng đá, bảng tin, nhóm tin, lịch thi đấu, thời gian thi đấu (Trang 20)
Hình 4.18. Giao diện trang chủ người dùng (4) - Bao cao web tin tuc bong da
Hình 4.18. Giao diện trang chủ người dùng (4) (Trang 21)
Hình 4.17. Giao diện trang chủ người dùng (3) - Bao cao web tin tuc bong da
Hình 4.17. Giao diện trang chủ người dùng (3) (Trang 21)
Hình 4.19. Giao diện lịch thi, thời gian, tỉ số (nếu đã thi đấu) - Bao cao web tin tuc bong da
Hình 4.19. Giao diện lịch thi, thời gian, tỉ số (nếu đã thi đấu) (Trang 22)
Hình 4.20. Giao diện liên hệ - Bao cao web tin tuc bong da
Hình 4.20. Giao diện liên hệ (Trang 22)
Hình 4.21. Giao diện tìm kiếm - Bao cao web tin tuc bong da
Hình 4.21. Giao diện tìm kiếm (Trang 23)
Hình 4.22. Giao diện bài viết (1) - Bao cao web tin tuc bong da
Hình 4.22. Giao diện bài viết (1) (Trang 23)
Hình 4.23. Giao diện bài viết (2) - Bao cao web tin tuc bong da
Hình 4.23. Giao diện bài viết (2) (Trang 24)

TỪ KHÓA LIÊN QUAN

w