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