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

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT-HÀN ĐỒ ÁN CƠ SỞ ĐỀ 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ớp : 20IT9 Đà Nẵng, ngày 25 tháng năm 2021 ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT-HÀN ĐỒ ÁN CƠ SỞ ĐỀ 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ớp : 20IT9 Đà Nẵng, ngày 25 tháng năm 2021 Đồ án sở – Xây dựng website xem tin tức bóng đá Ngoại hạng Anh LỜI MỞ ĐẦ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 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 đỉ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 giới vấn đề mà bạn quan tâm ra, có đầy đủ thơng tin, hình ảnh âm Báo chí đã, yếu tố khơng thể thiếu đời sống Từ đời, báo chí ln ln đổi nhằm đáp ứng nhu cầu thị hiếu độc giả Và thời kì cơng nghệ thơng tin bùng nổ hình thức xuất báo chí xuất báo điện tử Bên cạnh trang báo đời sống xã hội, phần thiếu đời sống người trang báo thể thao, đặc biệt bóng đá - mơn thể thao vua ưa chuộng giới Thơng tin bóng đá tin tức xoay quanh trái bóng trịn ln hấp dẫn độc giả Các trang tin tức bóng đá ln có số lượng người đọc lớn truy cập thời điểm nên thường bị tải dùng công nghệ ngơn ngữ lỗi thời nên khơng thỗ mãn hết nhu cầu thị hiếu độc giả, địi hỏi đặt phải xây dựng Internet trang Web Tin Tức Bóng Đá cập nhật thơng tin nhanh với độ xác cao dựa tảng cơng nghệ mạnh nhằm thoả mãn nhu cầu Trang Web Tin Tức Bóng Đá xây dựng tảng mơ hình MVC Mặc dù cố gắng hạn chế thời gian kiến thức nên khơng thể tránh khỏi thiếu sót mong thầy cô thông cảm Em xin chân thành cảm ơn! Sinh viên thực hiện: Trần Minh Quốc Đồ án sở – Xây dựng website xem tin tức bóng đá Ngoại hạng Anh LỜI CẢM ƠN Để hoàn thành chuyên đề báo cáo học phần đồ án sở trước tiên em xin gửi đến thầy 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 sâu sắc Đặc biệt cảm ơn thầy Nguyễn Thanh Cẩm, người tận tình hướng dẫn giúp đỡ nhóm em suốt q trình thực đồ án để nhóm em hồn thành báo cáo cách hồn thiện Với việc tìm hiểu báo cáo học phần đồ án sở với trình độ kiến thức kinh nghiệm cịn hạn chế nên chúng em khơng thể tránh khỏi sai sót Em mong nhận nhận xét, đánh giá, đóng góp ý kiến từ thầy cô để báo cáo học phần chúng em hoàn thiện cách tốt Em xin chân thành cảm ơn! Sinh viên thực hiện: Trần Minh Quốc Đồ án sở – Xây dựng website xem tin tức bóng đá Ngoại hạng Anh NHẬN XÉT ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… …………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ……………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… Sinh viên thực hiện: Trần Minh Quốc Đồ án sở – Xây dựng website xem tin tức bóng đá Ngoại hạng Anh DANH MỤC CỤM TỪ VIẾT TẮT STT Viết tắt Nghĩa CNTT Công nghệ thông tin CSDL Cơ sở liệu 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 đồ đă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 viết 22 Hình 3.7: Trang xem bảng người dùng 23 Sinh viên thực hiện: Trần Minh Quốc Đồ án sở – Xây dựng website xem tin tức bóng đá Ngoại hạng Anh MỤC LỤC Chương GIỚI THIỆU 1.1 Giới thiệu 1.1.1 Bối cảnh thực đề tài 1.1.2 Đề xuất nội dung thực 1.2 Phương pháp 1.2.1 Phương pháp triển khai thực đề tài 1.2.2 Đặc điểm 1.2.3 Chức 10 1.2.4 Ưu điểm 10 1.2.5 Nhược điểm 10 1.3 Một số website có 11 1.3.1 Website Premier League: .11 Đường dẫn website: https://www.premierleague.com/ 11 1.4 Kết 12 1.4.1 Đặc điểm 12 1.4.2 Chức 12 1.5 Phân tích thiết kế hệ thống .13 1.5.1 Công cụ thiết kế .13 1.5.2 Xác định tác nhân 13 1.5.3 Xác định trường hợp sử dụng(user case) 13 1.5.4 Đặc tả trường hợp sử dụng .13 1.5.5 Biểu đồ 15 1.6 Thiết kế sở liệu 17 1.6.1 Công cụ thiết kế sở liệu 17 1.6.2 Phân tích sở liệu 17 Chương THIẾT KẾ VÀ XÂY DỰNG WEBSITE 19 2.1 Trang chủ 19 2.2 Trang đăng nhập đăng kí 19 2.3 Trang viết chi tiết 20 2.5 Trang người quản trị .21 Chương Kết luận: 23 Sinh viên thực hiện: Trần Minh Quốc Đồ án sở – Xây dựng website xem tin tức bóng đá Ngoại hạng Anh Chương GIỚI THIỆU 1.1 Giới thiệu 1.1.1 Bối cảnh thực đề tài Báo chí đã, yếu tố thiếu đời sống Từ đời, báo chí ln ln đổi nhằm đáp ứng nhu cầu thị hiếu độc giả Và thời kì cơng nghệ thơng tin bùng nổ hình thức xuất báo chí xuất báo điện tử Bên cạnh trang báo đời sống xã hội, phần thiếu đời sống người trang báo thể thao, đặc biệt bóng đá - môn thể thao vua ưa chuộng giới Thơng tin bóng đá tin tức xoay quanh trái bóng trịn ln ln hấp dẫn độc giả Các trang tin tức bóng đá ln có số lượng người đọc lớn truy cập thời điểm nên thường bị tải dùng công nghệ ngôn ngữ lỗi thời nên khơng thỗ mãn hết nhu cầu thị hiếu độc giả, địi hỏi đặt phải xây dựng Internet trang Web Tin Tức Bóng Đá cập nhật thơng tin nhanh với độ xác cao dựa tảng công nghệ mạnh nhằm thoả mãn nhu cầu Trang Web Tin Tức Bóng Đá xây dựng tảng cơng nghệ jsp serverlet khơng nằm ngồi mục đích đáp ứng nhu cầu Mặc dù cố gắng hạn chế thời gian kiến thức nên khơng thể tránh khỏi thiếu sót mong thầy cô thông cảm 1.1.2 Đề xuất nội dung thực 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 tin tức bóng đá Ngoại hạng Anh- giải đấu hấp dẫn hành tinh Xây dựng website có tốc độ tải trang nhanh chóng hạn chế 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 khách hàng Website công khai, minh bạch cung cấp thơng tin xác nhằm đem lại tin cậy cho người dùng Sinh viên thực hiện: Trần Minh Quốc Đồ án sở – Xây dựng website xem tin tức bóng đá Ngoại hạng Anh 1.2 Phương pháp 1.2.1 Phương pháp triển khai thực đề tài Dựa kiến thức học, sử dụng ngôn ngữ HTML, CSS, JavaScript, số cơng cụ lập trì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ện website tốt Tìm hiểu website tương tự để rút lĩnh vực cịn thiếu sót để bổ sung khắc phục điểm hạn chế website khác 1.2.2 Đặc điểm Trang web có hướng dẫn rõ ràng, menu điều hướng Nội dung trực quan Website có đầy đủ tính website tin tức Giao diện xây dựng bắt mắt, đẹp giúp người dung cảm thấy thu hút sử dụng trang web Người dùng xem thơng tin ăn đánh giá ăn với bình luận ăn Hệ thống có thêm tính xem sau Trang chủ gồm viết bật thu hút người xem, chi tiết viết rõ ràng mạch lạc làm người xem lôi đọc 1.2.3 Chức 1.2.3.1 Về giao diện Phần trang chủ website giới thiệu tổng quan website Tại đây, bạn tin tức bật, danh mục tin tức, video hightlight, bảng xếp hạng, Trang chi tiết cơng thức với hình ảnh , tiêu đề , nội dung rõ ràng bắt mắt Trong phần bạn thích bài viết, khơng thích bình luận viết Các bước đăng kí, đăng nhập đơn giản, tránh thủ tục khơng cần thiết đảm bảo tính bảo mật cho người dùng Trang web cập nhật tin tức liên quan đến tin tức bóng đá Ngoại hạng Anh hàng ngày giúp người dùng bắt kịp tin tức cách nhanh Để giúp hồn thiện trang web trang web cung cấp chức phản hồi lại người quản trị người dùng gửi câu hỏi thông qua email trang web 1.2.3.2 Về quản trị: Sinh viên thực hiện: Trần Minh Quốc Đồ án sở – Xây dựng website xem tin tức bóng đá Ngoại hạng Anh Hệ quản trị thiết kế đơn giản phù hợp để người quản lí dễ dàng sử dụng Người quản lí thêm, sửa, xóa viết, video Các thơng tin khách hàng (tên, mật khẩu, email) 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ế đại Hình ảnh sắc nét sống động Tốc độ tải trang web nhanh Website tưởng thích với thiết bị di động hay máy tính thị trường Ngoài trang web thiết kế dễ dàng sử dụng tiện nâng cấp tương lai Website tích cực chế bảo mật giúp đảm bảo thông tin khách hàng không bị đánh cắp 1.2.5 Nhược điểm Hệ thống chưa tối ưu việc sử dụng sở liệu Một số chức cịn chưa hồn thiện Các chức cho trang web hồn chỉnh cịn chưa đầy đủ giới hạn kiến thức nhân lực… 1.3 Một số website có 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 Sinh viên thực hiện: Trần Minh Quốc Đồ án sở – Xây dựng website xem tin tức bóng đá Ngoại hạng Anh Hình GIỚI THIỆU.1: Trang chủ Về giao diện: Giao diện đơn giản, thiết kế bố cục hợp lí Các danh mục hay tin bật rõ ràng Ưu điểm: giao diện website đơn giản đại Hình ảnh sống động sắc nét Tốc độ tải trang cực nhanh Website tương thích thiết bị di động phổ biến thị trường Website thiết kế dễ sử dụng, tiện nâng cấp tương lai Website cung cấp nhiều chức thông tin cho người dùng Nhược điểm: chưa có nhiều tương tác người dùng nhà quản lí 1.4 Kết 1.4.1 Đặc điểm Tạo website có giao diện dễ nhìn bắt mắt giúp người dùng tiếp cận dễ dàng với trang web Người dùng cần dùng click xem tin tức 1.4.2 Chức Giới thiệu tổng quan website xem tin tức bóng đá Ngoại hạng Anh Cung cấp tính giúp người dùng xem tin tức bóng đá video cách tiện lợi Người dùng chia sẻ viết lên tảng mạng xã hội khác Nếu muốn quảng cáo liên hệ với admin qua thơng tin phần footer Trang web cung cấp phương thức đăng kí đăng nhập giúp cho khách hàng tiện việc theo dõi hay cập nhật tin tức nhờ email thông báo Sinh viên thực hiện: Trần Minh Quốc Đồ án sở – Xây dựng website xem tin tức bóng đá Ngoại hạng Anh gửi cho người dùng Mọi thơng tin khách hàng đăng kí bảo mật để đảm bảo an tồn thơng tin cho người dùng Người dùng xem thơng tin chi tiết viết Ngoài người dùng xem số lượng đánh giá viết bình luận người dùng bình luận đánh giá trước Sinh viên thực hiện: Trần Minh Quốc Đồ án sở – Xây dựng website xem tin tức bóng đá Ngoại hạng Anh PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 1.5 Phân tích thiết kế hệ thống 1.5.1 Cơng cụ thiết kế Website tin tức bóng đá thiết kế hệ thống thông tài liệu tham khảo Internet Các ngôn ngữ sử dụng: html, css , javascript, java,… Các IDE hỗ trợ: Eclipse, sublimetext3,… 1.5.2 Xác định tác nhân - Độc giả - Quản trị viên 1.5.3 Xác định trường hợp sử dụng(user case) User - Đăng nhập tài khoản - Đăng ký tài khoản - Tìm kiếm viết - Thích khơng thích viết - Bình luận viết - Trả lời bình luận - Chia sẻ viết Admin - Xem tổng quan trang web - Thêm tin tức - Xóa tin tức - Cập nhật tin tức - Xóa tài khoản người dùng 1.5.4 Đặc tả trường hợp sử dụng Đăng ký tài khoản - Tác nhân : người dùng - Mô tả : cho phép khách thăm đăng ký khách hàng thành viên hệ thống - Luồng kiện chính: Sinh viên thực hiện: Trần Minh Quốc Đồ án sở – Xây dựng website xem tin tức bóng đá Ngoại hạng Anh  Người dùng thăm chọn mục đăng nhập  Nếu chưa có tài khoản nhấn vào đăng ký  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 với tài khoản đăng ký trước mật lỗi ( mật mật nhập lại khơng trùng ) hệ thống yêu cầu khách hàng phải nhập lại cịn ngược lại hệ thống 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 kiện chính:  Người dùng chọn chức đăng nhập  Form đăng nhập hiển thị  Nhập tên tài khoản, mật vào form đăng nhâp  Hệ thống kiểm tra tên tài khoản mật thành viên Nếu tài khoản mật khơng hệ thống mời người dùng nhập lại Còn tài khoản mật hệ thống thơng báo đăng nhập thành công hệ thống đưa người dùng đến trang chủ trang web Và người dùng dùng chức hệ thống tùy theo quyền người dùng Thêm viết: - Tác nhân: người quản trị - Mô tả: hệ thống cho phép người quản trị viết - Điều kiên: người dùng phải sử dụng tài khoản người quản trị - Luồng kiện chính:  Người dùng nhấn vào nút ”thêm viết” để thêm đến trang thêm viết  Form thêm viết xuất người dùng cần điền đầy đủ thông tin form thêm viết Người quản trị nhấn vào nút thêm viết để hoàn tất việc đăng Sinh viên thực hiện: Trần Minh Quốc  Đồ án sở – Xây dựng website xem tin tức bóng đá Ngoại hạng Anh 1.5.5 Biểu đồ Biểu đồ hoạt động: bao gồm biểu đồ hoạt động đăng ký biểu đồ hoạt động đăng nhập Hình GIỚI THIỆU.2: Biểu đồ hoạt động đăng ký Sinh viên thực hiện: Trần Minh Quốc Đồ án sở – Xây dựng website xem tin tức bóng đá Ngoại hạng Anh Hình GIỚI THIỆU.3: Biểu đồ hoạt động đăng nhập Biểu đồ tuần tự: Hình GIỚI THIỆU.4: Biểu đồ đăng nhập Sinh viên thực hiện: Trần Minh Quốc Đồ án sở – Xây dựng website xem tin tức bóng đá Ngoại hạng Anh 1.6 Thiết kế sở liệu 1.6.1 Công cụ thiết kế sở liệu Website ẩm thực sử dụng hệ quản trị sở liệu SQL Server để thiết kế sở liệu 1.6.2 Phân tích sở liệu Cơ sở liệu web tin tức Ngoại hạng Anh gồm bảng: Tên trường Kiểu Mô tả id username password fullname status bigint varchar(150) varchar(150) varchar(150) Int Mã khách hàng Tên người dùng Mật Họ tên Trạng thái hoạt động roleid createddate modifieddate createdby modifiedby bigint TIMESTAMP TIMESTAMP varchar(255) varchar(255) Quyền Thời gian tạo Thời gian chỉnh sửa Tạo Chỉnh sửa bơi Bảng GIỚI THIỆU.1: Bảng user Tên trường id name code Kiểu bigint varchar(255) varchat(255) Mô tả Id Tên role Mã role Bảng GIỚI THIỆU.2: Bảng role Tên trường id title thumbnail shortdescription content categoryid createddate modifieddate createdby modifiedby Kiểu bigint VARCHAR(255) VARCHAR(255) TEXT TEXT bigint TIMESTAMP TIMESTAMP VARCHAR(255) VARCHAR(255) Bảng GIỚI THIỆU.3: Bảng viết Sinh viên thực hiện: Trần Minh Quốc Mô tả Id viết Tiêu đề viết Ảnh viết Mô tả ngắn Nội dung viết Id thể loại Thời gian tạo viết Thời gian chỉnh sửa Tạo Chỉnh sửa Đồ án sở – Xây dựng website xem tin tức bóng đá Ngoại hạng Anh Tên trường id content user_id new_id createddate modifieddate createdby modifiedby Kiểu bigint TEXT bigint bigint TIMESTAMP TIMESTAMP VARCHAR(255) VARCHAR(255) Mô tả Id comment Nội dung comment Id người dùng comment Id viết comment Thời gian comment Thời gian chỉnh sửa comment Comment Chỉnh sửa comment Bảng GIỚI THIỆU.4: Bảng comment Tên trường id name code createddate modifieddate createdby modifiedby Kiểu bigint VARCHAR(255) varchar(50) TIMESTAMP TIMESTAMP VARCHAR(255) VARCHAR(255) Mô tả Id thể loại Tên thể loại Code thể loại Thời gian tạo Thời gian chỉnh sửa Tạo Chỉnh sửa Bảng GIỚI THIỆU.5: Bảng thể loại Chương THIẾT KẾ VÀ XÂY DỰNG WEBSITE 2.1 Trang chủ Trang chủ bao gồm: phần danh mục viết bật, kết trận đấu cập nhật, tìm kiếm menu Hình THIẾT KẾ VÀ XÂY DỰNG WEBSITE.5: Trang chủ Sinh viên thực hiện: Trần Minh Quốc Đồ án sở – Xây dựng website xem tin tức bóng đá Ngoại hạng Anh 2.2 Trang đăng nhập đăng kí Trang đăng nhập: Hình THIẾT KẾ VÀ XÂY DỰNG WEBSITE.6: Trang đăng nhập Trang đăng ký Hình THIẾT KẾ VÀ XÂY DỰNG WEBSITE.3: Trang đăng ký Sinh viên thực hiện: Trần Minh Quốc Đồ án sở – Xây dựng website xem tin tức bóng đá Ngoại hạng Anh 2.3 Trang viết chi tiết Hình THIẾT KẾ VÀ XÂY DỰNG WEBSITE.3: Trang viết chi tiết 2.4 Trang bảng xếp hạng Sinh viên thực hiện: Trần Minh Quốc Đồ án sở – Xây dựng website xem tin tức bóng đá Ngoại hạng Anh Hình THIẾT KẾ VÀ XÂY DỰNG WEBSITE.4: Trang xem bảng xếp hạng 2.1 Trang người quản trị Trang thống kê: Thông kê lượt tương tác với trang web Sinh viên thực hiện: Trần Minh Quốc Đồ án sở – Xây dựng website xem tin tức bóng đá Ngoại hạng Anh Trang đăng viết Hình THIẾT KẾ VÀ XÂY DỰNG WEBSITE.7: Trang đăng viết Trang xem bảng người dùng: Quản trị viên xem thông tin người dùng… Sinh viên thực hiện: Trần Minh Quốc Đồ án sở – Xây dựng website xem tin tức bóng đá Ngoại hạng Anh Hình THIẾT KẾ VÀ XÂY DỰNG WEBSITE.8: Trang xem bảng người dùng Chương Kết luận: Qua trình thực đồ án kiến thức thời gian học trường, nhóm em tìm hiểu nắm quy trình để làm website với đầy đủ chức chủ động việc tìm kiếm thơng tin để phục vụ cơng việc Đồ án xử lí hết chức theo yêu cầu website tin tức bóng đá: hiển thị viết theo loại danh mục, người quản trị đăng viết Website đưa lên mạng thử nghiệm thật cho kết mong muốn Hướng phát triển đồ án tích hợp tích thêm chức trang web, cập nhật thêm thể loại viết để phù hợp với lứa tuổi độc giả Sinh viên thực hiện: Trần Minh Quốc Đồ án sở – Xây dựng website xem tin tức bóng đá Ngoại hạng Anh 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 trang web hướng dẫn khác… Sinh viên thực hiện: Trần Minh Quốc