ĐỒ ÁN CƠ SỞ 1ĐỀ TÀI: XÂY DỰNG WEBSITE XEM TIN TỨC BÓNGĐÁ NGOẠI HẠNG ANH

Bên cạnh các trang báo về đời sống xãhội, một phần không thể thiếu được trong đời sống con người đó là các trang báo vềthể thao, đặc biệt là bóng đá - môn thể thao vua được ưa chuộng nhấ

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN

THÔNG VIỆT-HÀN

ĐỒ ÁN CƠ SỞ 1

ĐỀ TÀI: XÂY DỰNG WEBSITE XEM TIN TỨC BÓNG

ĐÁ NGOẠI HẠNG ANH

Giảng viên hướng dẫn : ThS NGUYỄN THANH CẨM

Sinh viên thực hiện: TRẦN MINH QUỐC

Đà Nẵng, ngày 25 tháng 5 năm 2021

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN

THÔNG VIỆT-HÀN

ĐỒ ÁN CƠ SỞ 1

ĐỀ TÀI: XÂY DỰNG WEBSITE XEM TIN TỨC BÓNG

ĐÁ NGOẠI HẠNG ANH

Giảng viên hướng dẫn : ThS NGUYỄN THANH CẨM

Sinh viên thực hiện: TRẦN MINH QUỐC

LỜI MỞ ĐẦ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ộttrong những yếu tố mang tính quyết định trong hoạt động của các 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 độtphá mạnh

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ôngnghệ thông tin cũng được những công nghệ có đẳng cấp cao và lần lượt chinh phụcđỉ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ínhcho 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 dữ liệu truy tìm thì gần như lậptức cả thế giới về vấn đề mà bạn đang quan tâm sẽ hiện ra, có đầy đủ thông tin, hìnhảnh và âm thanh

Báo chí đã, đang là một yếu tố không thể thiếu được trong đời sống của chúng ta

Từ khi ra đời, báo chí luôn luôn được đổi mới nhằm đáp ứng mọi nhu cầu và thị hiếucủa độc giả Và trong thời kì công nghệ thông tin bùng nổ thì một hình thức xuất bảnmới của báo chí xuất hiện đó là báo điện tử Bên cạnh các trang báo về đời sống xãhội, một phần không thể thiếu được trong đời sống con người đó là các trang báo vềthể thao, đặc biệt là bóng đá - môn thể thao vua được ưa chuộng nhất trên thế giới.Thông tin về bóng đá và các tin tức xoay quanh trái bóng tròn luôn luôn hấp dẫn đốivới độc giả Các trang tin tức về bóng đá luôn có số lượng người đọc rất lớn truy cậpcùng một thời điểm nên thường bị quá tải do đã dùng công nghệ cũng như ngôn ngữlỗi thời nên không thoã mãn hết nhu cầu thị hiếu của độc giả, vì vậy đòi hỏi đặt ra phảixây dựng trên Internet một trang Web về Tin Tức Bóng Đá mới cập nhật thông tinnhanh với độ chính xác cao dựa trên một nền tảng công nghệ mạnh nhằm thoả mãnnhu cầu đó Trang Web Tin Tức Bóng Đá được xây dựng trên nền tảng mô hình MVC.Mặc dù đã rất cố gắng nhưng do hạn chế về thời gian cũng như kiến thức nên khôngthể tránh khỏi những thiếu sót mong các thầy cô thông cảm

Em xin chân thành cảm ơn!

LỜI CẢM ƠN

Để hoàn thành chuyên đề báo cáo học phần đồ án cơ sở 2 này trước tiên em xingửi đến các thầy cô giáo TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀTRUYỀN THÔNG VIỆT - HÀN lời cảm ơn chân thành và sâu sắc nhất

Đặc biệt cảm ơn thầy Nguyễn Thanh Cẩm, người đã tận tình hướng dẫn và giúp đỡnhóm em trong suốt quá trình thực hiện đồ án này để nhóm em hoàn thành bài báo cáomột cách hoàn thiện nhất

Với việc tìm hiểu về bài báo cáo học phần đồ án cơ sở 1 này cùng với trình độkiến thức và kinh nghiệm còn hạn chế nên chúng em không thể tránh khỏi những saisót Em rất mong nhận được những nhận xét, đánh giá, đóng góp ý kiến từ thầy cô đểbài báo cáo học phần này của chúng em hoàn thiện một cách tốt nhất

Em xin chân thành cảm ơn!

NHẬN XÉT

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

DANH MỤC CỤM TỪ VIẾT TẮT

DANH MỤC HÌNH

Hình 1.1: Trang chủ 11

Hình 2.4: Biểu đồ hoạt động đăng ký 15

Hình 2.5: Biểu đồ hoạt động đăng nhập 16

Hình 2.6: Biểu đồ tuần tự đăng nhập 16

Hình 3.1: Trang chủ 19

Hình 3.2: Trang đăng nhập 19

Hình 3.7: Trang đăng bài viết 22

Hình 3.7: Trang xem bảng người dùng 23

MỤC LỤC

Chương 1 GIỚI THIỆU 8

1.1 Giới thiệu 8

1.1.1 Bối cảnh thực hiện đề tài 8

1.1.2 Đề xuất nội dung thực hiện 9

1.2 Phương pháp 9

1.2.1 Phương pháp triển khai thực hiện đề tài 9

1.2.2 Đặc điểm 9

1.2.3 Chức năng 10

1.2.4 Ưu điểm 10

1.2.5 Nhược điểm 10

1.3 Một số website hiện có 11

1.3.1 Website Premier League: 11

Đường dẫn website: https://www.premierleague.com/ 11

1.4 Kết quả 12

1.4.1 Đặc điểm 12

1.4.2 Chức năng 12

1.5 Phân tích và thiết kế hệ thống 13

1.5.1 Công cụ thiết kế 13

1.5.2 Xác định các tác nhân 13

1.5.3 Xác định các trường hợp sử dụng(user case) 13

1.5.4 Đặc tả các trường hợp sử dụng 13

1.5.5 Biểu đồ 15

1.6 Thiết kế cơ sở dữ liệu 17

1.6.1 Công cụ thiết kế cơ sở dữ liệu 17

1.6.2 Phân tích cơ sở dữ liệu 17

Chương 2 THIẾT KẾ VÀ XÂY DỰNG WEBSITE 19

2.1 Trang chủ 19

2.2 Trang đăng nhập và đăng kí 19

2.3 Trang bài viết chi tiết 20

2.5 Trang người quản trị 21

Chương 3 Kết luận: 23

Chương 1 GIỚI THIỆU

1.1 Giới thiệu

1.1.1 Bối cảnh thực hiện đề tài

Báo chí đã, đang là một yếu tố không thể thiếu được trong đời sống của chúng ta

Từ khi ra đời, báo chí luôn luôn được đổi mới nhằm đáp ứng mọi nhu cầu và thị hiếucủa độc giả Và trong thời kì công nghệ thông tin bùng nổ thì một hình thức xuất bảnmới của báo chí xuất hiện đó là báo điện tử Bên cạnh các trang báo về đời sống xãhội, một phần không thể thiếu được trong đời sống con người đó là các trang báo vềthể thao, đặc biệt là bóng đá - môn thể thao vua được ưa chuộng nhất trên thế giới.Thông tin về bóng đá và các tin tức xoay quanh trái bóng tròn luôn luôn hấp dẫn đốivới độc giả Các trang tin tức về bóng đá luôn có số lượng người đọc rất lớn truy cậpcùng một thời điểm nên thường bị quá tải do đã dùng công nghệ cũng như ngôn ngữlỗi thời nên không thoã mãn hết nhu cầu thị hiếu của độc giả, vì vậy đòi hỏi đặt ra phảixây dựng trên Internet một trang Web về Tin Tức Bóng Đá mới cập nhật thông tinnhanh với độ chính xác cao dựa trên một nền tảng công nghệ mạnh nhằm thoả mãnnhu cầu đó Trang Web Tin Tức Bóng Đá được xây dựng trên nền tảng công nghệ jspserverlet không nằm ngoài mục đích đáp ứng nhu cầu ấy Mặc dù đã rất cố gắng nhưng

do hạn chế về thời gian cũng như kiến thức nên không thể tránh khỏi những thiếu sótmong các thầy cô thông cảm

1.1.2 Đề xuất nội dung thực hiện

Xây dựng website tin tức Ngoại hạng Anh thiết thực nhằm giúp người dùng dễdàng xem các tin tức bóng đá Ngoại hạng Anh- giải đấu hấp dẫn nhất hành tinh

Xây dựng website có tốc độ tải trang nhanh chóng và hạn chế các thủ tục rườm ràtốn thời gian

Website đảm bảo bảo mật thông tin cá nhân của khách hàng Website công khai,minh bạch và cung cấp thông tin chính xác nhằm đem lại sự tin cậy cho người dùng

1.2 Phương pháp

1.2.1 Phương pháp triển khai thực hiện đề tài

Dựa trên các kiến thức đã học, chúng ta sử dụng các ngôn ngữ HTML, CSS,JavaScript, và một số công cụ lập trình như Sublime Text để xây dựng website

Tham khảo, tiếp thu ý kiến, thông tin từ giáo viên hướng dẫn để hoàn thiệnwebsite tốt hơn

Tìm hiểu các website tương tự để rút ra lĩnh vực còn thiếu sót để bổ sung cũng nhưkhắc phục các điểm còn hạn chế của website khác

1.2.2 Đặc điểm

Trang web có hướng dẫn rõ ràng, thanh menu điều hướng Nội dung trực quan.Website có đầy đủ các tính năng của một website tin tức Giao diện sẽ được xây dựngbắt mắt, đẹp giúp người dung cảm thấy thu hút khi sử dụng trang web Người dùng cóthể xem thông tin các món ăn và đánh giá món ăn cùng với bình luận về món ăn Hệthống sẽ có thêm tính năng xem sau Trang chủ gồm các bài viết nổi bật thu hút ngườixem, chi tiết bài viết rõ ràng mạch lạc làm người xem lôi cuốn khi đọc

1.2.3 Chức năng

1.2.3.1 Về giao diện

Phần trang chủ của website sẽ giới thiệu tổng quan về website Tại đây, bạn có thểcác tin tức nổi bật, các danh mục tin tức, video hightlight, bảng xếp hạng, Trang chitiết công thức với các hình ảnh , tiêu đề , nội dung rất rõ ràng bắt mắt Trong phần nàybạn có thể thích bài bài viết, không thích và bình luận bài viết

Các bước đăng kí, đăng nhập đơn giản, tránh các thủ tục không cần thiết nhưngvẫn đảm bảo tính bảo mật cho người dùng

Trang web sẽ cập nhật những tin tức liên quan đến tin tức bóng đá Ngoại hạngAnh hàng ngày giúp người dùng bắt kịp tin tức một cách nhanh nhất

Để giúp hoàn thiện trang web thì trang web cung cấp các chức năng phản hồi lạingười quản trị hoặc người dùng có thể gửi những câu hỏi thông qua email trên trangweb

1.2.3.2 Về quản trị:

Hệ quản trị được thiết kế đơn giản phù hợp để người quản lí có thể dễ dàng sửdụng Người quản lí có thể thêm, sửa, xóa các bài viết, video Các thông tin về kháchhàng (tên, mật khẩu, email) sẽ được bảo mật an toàn

1.2.4 Ưu điểm

Giao diện hội tụ ba yếu tố độc đáo, tinh tế và hiện đại Hình ảnh sắc nét và sốngđộng Tốc độ tải trang web nhanh Website có thể tưởng thích với mọi thiết bị di độnghay máy tính trên thị trường Ngoài ra trang web được thiết kế dễ dàng sử dụng và tiệnnâng cấp trong tương lai Website cũng được tích cực cơ chế bảo mật giúp đảm bảocác thông tin khách hàng không bị đánh cắp

1.3.1 Website Premier League:

Đường dẫn website: https://www.premierleague.com/

Ảnh trang chủ: hình 1.1 Giao diện trang web tin tức Ngoại hạng Anh

Nhược điểm: chưa có nhiều tương tác giữa người dùng và nhà quản lí.

Trang web cũng cung cấp các phương thức đăng kí và đăng nhập giúp cho kháchhàng tiện trong việc theo dõi hay cập nhật tin tức mới nhất nhờ các email thông báo sẽ

được gửi về cho người dùng Mọi thông tin của khách hàng đã đăng kí sẽ được bảomật để đảm bảo an toàn thông tin cho người dùng.

Người dùng có thể xem được thông tin chi tiết về các bài viết Ngoài ra ngườidùng cũng có thể xem được số lượng đánh giá của các bài viết cũng như bình luận củanhững người dùng đã bình luận và đánh giá trước đó

- Đăng nhập tài khoản.

- Đăng ký tài khoản

- Tìm kiếm bài viết

- Thích hoặc không thích bài viết

- Bình luận bài viết

 Người dùng thăm chọn mục đăng nhập.

 Nếu chưa có tài khoản thì nhấn vào đăng ký ngay

 Form đăng ký thành viên hiển thị

 Khách thăm đăng nhập thông tin cá nhân vào form đăng ký

 Nhấn nút tạo tài khoản

 Nếu tên đăng nhập trùng với bất kỳ với tài khoản nào đã đăng ký trước đóhoặc mật khẩu lỗi ( mật khẩu chính và mật khẩu khi nhập lại không trùng nhau )thì hệ thống sẽ yêu cầu khách hàng phải nhập lại còn nếu ngược lại thì hệ thống

sẽ thông báo cho khách hàng đã đăng nhập thành công

Đăng nhập hệ thống:

- Tác nhân: người quản trị

- Mô tả: hệ thống cho phép người quản trị đăng nhập vào trang web

- Điều kiện: người dùng chưa đăng nhập vào hệ thống

- Luồng sự kiện chính:

 Người dùng chọn chức năng đăng nhập

 Form đăng nhập hiển thị

 Nhập tên tài khoản, mật khẩu vào form đăng nhâp

 Hệ thống kiểm tra tên tài khoản và mật khẩu của thành viên Nếu tài khoản

và mật khẩu không đúng thì hệ thống sẽ mời người dùng nhập lại Còn nếutài khoản và mật khẩu đúng thì hệ thống sẽ thông báo đăng nhập thành công

và hệ thống sẽ đưa người dùng đến trang chủ của trang web Và người dùng

có thể dùng các chức năng hệ thống tùy theo quyền người dùng

Thêm bài viết:

- Tác nhân: người quản trị

- Mô tả: hệ thống cho phép người quản trị bài viết

- Điều kiên: người dùng phải sử dụng tài khoản của người quản trị

- Luồng sự kiện chính:

 Người dùng nhấn vào nút ”thêm bài viết” để thêm đến trang thêm bài viết

Hình 2.3: Biểu đồ hoạt động đăng nhập

Biểu đồ tuần tự:

1.6 Thiết kế cơ sở dữ liệu

1.6.1 Công cụ thiết kế cơ sở dữ liệu

Website ẩm thực sử dụng hệ quản trị cơ sở dữ liệu SQL Server để thiết kế cơ sở dữliệu

1.6.2 Phân tích cơ sở dữ liệu

Cơ sở dữ liệu web tin tức Ngoại hạng Anh gồm các bảng:

Bảng 2.1: Bảng user

Bảng 2.2: Bảng role

Bảng 2.3: Bảng bài viết

Tên trường Kiểu Mô tả

Bảng 2.4: Bảng comment

2.2 Trang đăng nhập và đăng kí

Trang đăng nhập:

Hình 3.6: Trang đăng nhập

Trang đăng ký

Hình 3.3: Trang đăng ký

2.3 Trang bài viết chi tiết

Hình 3.3: Trang bài viết chi tiết

2.4 Trang bảng xếp hạng

Hình 3.4: Trang xem bảng xếp hạng

2.1 Trang người quản trị

Trang thống kê: Thông kê các lượt tương tác với trang web

Trang đăng bài viết

Hình 3.7: Trang đăng bài viết

Trang xem bảng người dùng: Quản trị viên có thể xem các thông tin về người dùng…

Hình 3.8: Trang xem bảng người dùng

Chương 3 Kết luận:

Qua quá trình thực hiện đồ án và các kiến thức trong thời gian đã học tại trường,nhóm em đã tìm hiểu và nắm được quy trình để làm được một website với đầy đủ chứcnăng và có thể chủ động trong việc tìm kiếm các thông tin để phục vụ công việc

Đồ án cơ bản đã xử lí hết các chức năng cơ bản theo yêu cầu của một website tin tứcbóng đá: hiển thị bài viết theo từng loại danh mục, người quản trị đăng bài viết.Website cũng đã được đưa lên mạng thử nghiệm thật và cho kết quả như mong muốn.Hướng phát triển tiếp theo của đồ án là tích hợp tích thêm các chức năng của trangweb, cập nhật thêm các thể loại bài viết để phù hợp với mọi lứa tuổi độc giả

DANH MỤC TÀI LIỆU THAM KHẢO

1) Hướng dẫn html css bootstrap javascript: https://www.w3schools.com/

2) Tham khảo tin tức bóng đá: http://premierleague.com/

3) Cùng các trang web hướng dẫn khác…