Đồ án tốt nghiệp THIẾT kế xây DỰNG WEBSITE TIN tức

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT - HÀN KHOA KHOA HỌC MÁY TÍNH BÁO CÁO ĐỒ ÁN TỐT NGHIỆP THÁI VĂN YÊN THIẾT KẾ & XÂY DỰNG WEBSITE TIN TỨC NGÀNH CÔNG NGHỆ THÔNG TIN KHÓA HỌC: 2018-2021 Đà Nẵng – 11/2021 TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT - HÀN KHOA KHOA HỌC MÁY TÍNH BÁO CÁO ĐỒ ÁN TỐT NGHIỆP THIẾT KẾ & XÂY DỰNG WEBSITE TIN TỨC NGÀNH CƠNG NGHỆ THƠNG TIN KHĨA HỌC: 2018-2021 Giảng viên hướng dẫn: ThS NGUYỄN VĂN BÌNH Sinh viên thực hiện: THÁI VĂN YÊN Lớp: 18I3 MSSV: 181C900123 Đà Nẵng – 11/2021 NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… …………………………………………… Đà Nẵng, ngày… tháng… năm 2021 GIẢNG VIÊN HƯỚNG DẪN NGUYỄN VĂN BÌNH LỜI CẢM ƠN Trước tiên em xin gửi lời cảm ơn chân thành sâu sắc tới thầy cô giáo Trường Đại học Công nghệ Thông tin Truyền thông Việt – Hàn, Đại học Đà Nẵng nói chung thầy giáo Khoa Khoa học Máy tính nói riêng tận tình giảng dạy, truyền đạt cho em kiến thức, kinh nghiệm quý báu suốt thời gian hai năm học vừa qua Đặc biệt em xin gửi lời cảm ơn đến thầy Nguyễn Văn Bình tận tình giúp đỡ, trực tiếp bảo, huớng dẫn em suốt trình thực đồ án Trong thời gian học tập làm việc, em không ngừng tiếp thu thêm nhiều kiến thức bổ ích mà cịn học tập tinh thần làm việc, thái độ nghiên cứu khoa học nghiêm túc, hiệu quả, điều cần thiết cho em trình học tập công tác sau Sau xin gửi lời cảm ơn chân thành tới gia đình, bạn bè động viên, đóng góp ý kiến giúp đỡ em q trình học tập, nghiên cứu hồn thành khoá luận tốt nghiệp Một lần nữa, em xin chân thành cảm ơn! MỞ ĐẦU Ngày nay, với phát triển mạnh mẽ khoa học công nghệ, Công nghệ Thơng tin ngành có vị dẫn đầu có vai trị lớn phát triển chung Các ứng dụng cơng nghệ thông tin áp dụng lĩnh vực nghiên cứu khoa học lĩnh vực đời sống Là phần Công nghệ Thông tin, Cơng nghệ web có phát triển mạnh mẽ phổ biến nhanh lợi ích mà mang lại cho cộng đồng lớn Nhận thức nhu cầu tìm hiểu thơng tin, giải trí xã hội, đời hàng loạt website cho mục đích thương mại, giải trí, tin tức… Để đáp ứng với việc cập nhật thơng tin hàng ngày, tình hình xã hội, trị, thời sự… website tin tức đời nhu cầu tất yếu Với web tin tức chuyên nghiệp, doanh nghiệp cung cấp đến người dùng thơng tin lĩnh vực hướng đến Cập nhật tin tức thời sự, nóng hổi nhằm thu hút người dùng Nhờ đó, website trở thành cơng cụ quảng cáo không giới hạn cho doanh nghiệp hình thức PR như: đặt banner quảng cáo, đặt link báo… Do đó, em vận dụng ngơn ngữ PHP, MySQL công cụ Visual Studio Code để xây dựng Website tin tức MỤC LỤC CHƯƠNG 1: TỔNG QUAN 1.1 Giới thiệu đề tài Website tin tức .1 1.2 Sự phát triển website tin tức 1.2.1 Sự phát triển 1.2.2 Các website tin tức phổ biến 1.4 Ngôn ngữ công cụ hỗ trợ .5 CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG WEBSITE 2.1 Phân tích thiết kế hệ thống .7 2.1.1 Các chức hệ thống 2.1.2 Các tác nhân hệ thống .7 2.2 Biểu đồ Use case 2.2.1 Chức quản lý thể loại 2.2.2 Chức quản lý loại tin 2.2.3 Chức quản lý tin tức .9 2.2.4 Chức quản lý slide 10 2.2.5 Chức quản lý tài khoản .10 2.2.6 Chức quản lý comment .11 2.2.7 Chức người dùng 11 2.3.1 Mơ hình liệu quan hệ 12 2.3.7 Bảng slide 14 CHƯƠNG 3: XÂY DỰNG HỆ THỐNG 15 3.1.1 Trang chủ 15 3.1.2 Trang liên hệ 15 3.1.3 Trang tìm kiếm 16 3.1.4 Trang thông tin tài khoản 16 3.1.5 Trang loại tin .17 3.1.6 Trang chi tiết tin tức 17 3.1.7 Trang đăng ký 18 3.1.8 Trang đăng nhập ( dành cho người dùng) 19 3.2 Phần hệ Admin .20 3.2.1.Trang đăng nhập (dành cho người quản trị ) 20 3.2.2 Đăng nhập thành công vào phần Admin .20 3.2.3 Trang thể loại (admin) 21 3.2.4 Trang loại tin(admin) 22 3.2.5 Trang tin tức(admin) 24 3.2.6 Trang comment 25 3.2.7 Trang quản tài khoản người dùng .25 3.2.8 Trang Slide 26 CHƯƠNG 4: KẾT LUẬN 27 TÀI LIỆU THAM KHẢO 28 DANH MỤC HÌNH ẢNH Hình - Giao diện trang web Zing News Hình – Giao diện trang web Vnexpress Hình - Giao diện trang web Vietnamnet .4 Hình - Biểu đồ quản lý thể loại Hình - Biểu đồ quản lý loại tin .9 Hình - Biểu đồ quản lý tin tức Hình - Biểu đồ quản lý slide .10 Hình - Biểu đồ quản lý tài khoản 10 Hình - Biểu đồ quản lý comment .11 Hình 10 - Biểu đồ hoạt động người dùng .11 Hình 11 - Mơ hình liệu quan hệ .12 Hình 12 - Giao diện trang chủ .15 Hình 13 - Giao diện trang liên hệ 15 Hình 14 - Giao diện trang tìm kiếm .16 Hình 15 - Giao diện trang thông tin tài khoản .16 Hình 16 - Giao diện trang loại tin 17 Hình 17 - Giao diện trang chi tiết tin tức .17 Hình 18 - Giao diện trang đăng ký tài khoản 18 Hình 19 - Giao diện trang đăng nhập( dành cho người dùng) 19 Hình 20 - Giao diện trang đăng nhập(dành cho người quản trị ) 20 Hình 21 - Giao diện trang quản trị .20 Hình 22 - Trang danh sách thể loại (admin) 21 Hình 23 - Trang thêm thể loại (admin) 21 Hình 24 - Trang danh sách loại tin (admin) 22 Hình 25 - Trang thêm loại tin 23 Hình 26 - Trang danh sách tin tức 24 Hình 27 - Trang thêm tin tức 24 Hình 28 - Trang comment .25 Hình 29 - Trang danh sách tài khoản 25 Hình 30 - Trang thêm tài khoản 26 Hình 31 - Trang slide .26 DANH MỤC BẢNG BIỂU Bảng - Bảng chức Admin Bảng - Bảng chức người dùng .8 Bảng - Bảng thể loại 12 Bảng - Bảng loại tin 13 Bảng - Bảng tin tức .13 Bảng - Bảng user 14 Bảng - Bảng comment 14 Bảng - Bảng slide .14 THIẾT KẾ & XÂY DỰNG WEBSITE TIN TỨC CHƯƠNG 1: TỔNG QUAN 1.1 Giới thiệu đề tài Website tin tức Với bùng nổ thơng tin Internet, vai trị trang thơng tin điện tử trực tuyến ngày trở nên quan trọng Khác với báo chí truyền thơng có giới hạn thời gian cập nhật tin tức, tờ báo trực tuyến cung cấp tiện lợi việc cập nhật phát hành thơng tin Về phía người dùng, họ xem thơng tin lúc nơi Về phía người cung cấp thơng tin, nhà báo họ dễ dàng cập nhật tin tức nhất, thời Do việc sử dụng trang thông tin trực tuyến điều cần thiết nhằm đáp ứng nhu cầu cập nhật thông tin người Tin tức việc xảy dù tốt hay xấu, để giúp người biết nhũng chuyện xung quanh giới Ngày nay, nhờ thông tin truyền thông nhanh chuyện vừa xảy đâu giới ta biết ngay, nhờ mà học nhiều hay tránh chuyện xấu xãy trân sóng thần, bão lũ, chất độc hại thức ăn… giúp người biết trước mà tránh khỏi nguy hiểm đến Tin tức vô quan trọng cho người ta tri thức sở để tiến hành việc lớn nhỏ Khi có Internet, tin tức quan trọng tốc độ lan truyền nhanh ảnh hưởng tức diện rộng Tăng khả tiếp cận thị trường, không bị giới hạn địa lý, khoảng cách hay thời gian Dù khách hàng đâu, lúc nào, cần có kết nối mạng điện thoại di động, máy tính, khách hàng truy cập website cập nhật tin tức Trong trình học tập trường, em học kiến thức liên quan đến thiết kế lập trình web Chính vậy, để thực đề tài tốt nghiệp này, em mong muốn áp dụng kiến thức học để xây dựng trang web tin tức với đầy đủ chức Đó lý chọn đề tài “Thiết kế xây dựng website tin tức” 1.2 Sự phát triển website tin tức 1.2.1 Sự phát triển Ngày nay, số lượng website tin tức riêng Việt Nam số đếm được, nội dung cập nhật, tin tức ngày tương đối giống Điều thu hút người truy cập nằm thiết kế website chuẩn seo, giao diện bắt mắt, bố cục rõ ràng dễ dàng tìm kiếm, tối ưu dung lượng, tốc độ load trang nhanh Hiện có nhiều website tin tức vơ hữu ích tiện lợi, đem lại cho bạn thông tin, tin tức “hot" ln cập nhật cách nhanh chóng, đầy đủ xác ngày THÁI VĂN YÊN 18I3 THIẾT KẾ & XÂY DỰNG WEBSITE TIN TỨC 2.3.5 Bảng user USER Thuộc tính Kiểu liệu Mơ tả id Interger id người dùng, mã tự động tăng, not null, khóa name Varchar(100) Họ tên người dùng password Varchar(50) Mật đăng nhập email Varchar(255) Địa email người dùng quyen TyniInt Xác định người dùng thuộc nhóm nào(1: Admin, 0: Thành viên) created_at timestamp Thời gian tạo updated_at timestamp Thời gian chỉnh sửa Bảng - Bảng user 2.3.6 Bảng comment COMMENT Thuộc tính Kiểu liệu Mô tả id Interger Id người cmt, mã tự động tăng, not null, khóa NoiDung Text Nội dung comment idUser Varchar(100) Họ tên người comment idTinTuc Interger Mã tin tức, khóa ngoại created_at timestamp Thời gian tạo updated_ad timestamp Thời gian chỉnh sửa Bảng - Bảng comment 2.3.7 Bảng slide SLIDE Thuộc tính Kiểu liệu Mô tả id Interger Id, mã tự động tăng, not null, khóa NoiDung Text Nội dung comment Ten Varchar(100) Tên slide Hinh Varchar(100) Hình slide link Varchar(100) Link hình ảnh created_at timestamp Thời gian tạo updated_ad timestamp Thời gian chỉnh sửa Bảng - Bảng slide THÁI VĂN YÊN 18I3 14 THIẾT KẾ & XÂY DỰNG WEBSITE TIN TỨC CHƯƠNG 3: XÂY DỰNG HỆ THỐNG 3.1 Phần hệ người dùng 3.1.1 Trang chủ Hình 12 - Giao diện trang chủ Mô tả chức năng: Trang chủ nơi bạn tìm hiểu thơng tin tin tức cách khái quát nhất, xác Và phần tách rời để cấu thành lên website hoàn chỉnh 3.1.2 Trang liên hệ Hình 13 - Giao diện trang liên hệ Mô tả chức năng: Cung cấp thông tin giúp người dùng tiện liên hệ với người quản lý có nhu cầu hỏi đáp đóng góp ý kiến THÁI VĂN YÊN 18I3 15 THIẾT KẾ & XÂY DỰNG WEBSITE TIN TỨC Tính quản lý trang liên hệ: Hiển thị đồ trực tuyến theo Google map giúp khách hàng dễ dàng tìm kiếm địa điểm cơng ty cần đến làm việc 3.1.3 Trang tìm kiếm Hình 14 - Giao diện trang tìm kiếm Mơ tả chức năng: Khi người sử dụng nhập thơng tin tìm kiếm vào tìm kiếm thơng tin thích hợp với thơng tin tìm kiếm in đậm Thu hẹp kết tìm kiếm: Cho Khách hàng đưa đến sản phẩm mà khách hàng quan tâm 3.1.4 Trang thông tin tài khoản Hình 15 - Giao diện trang thông tin tài khoản THÁI VĂN YÊN 18I3 16 THIẾT KẾ & XÂY DỰNG WEBSITE TIN TỨC Mô tả chức năng: Người sử dụng thay đổi thơng tin tài khoản Trước muốn thay đổi mật khẩu, người dùng cần tích vào mục Đổi mật để đổi 3.1.5 Trang loại tin Hình 16 - Giao diện trang loại tin Mơ tả chức năng: Người dùng thấy thêm nhiều thông tin liên quan đến loại tin mà tìm kếm 3.1.6 Trang chi tiết tin tức Hình 17 - Giao diện trang chi tiết tin tức THÁI VĂN YÊN 18I3 17 THIẾT KẾ & XÂY DỰNG WEBSITE TIN TỨC Mô tả chức năng: Người dùng thấy toàn viết mà tìm kiếm Giúp tăng hiệu tìm hiểu tin tức nhiều 3.1.7 Trang đăng ký Hình 18 - Giao diện trang đăng ký tài khoản Mô tả chức năng: Nếu bạn đăng ký sai cú pháp hệ thống thơng báo để bạn đăng ký lại Sau đăng ký thành công vào trang web, người dùng bình luận đóng góp ý kiến vào bình luận THÁI VĂN YÊN 18I3 18 THIẾT KẾ & XÂY DỰNG WEBSITE TIN TỨC 3.1.8 Trang đăng nhập ( dành cho người dùng) Hình 19 - Giao diện trang đăng nhập( dành cho người dùng) Mô tả chức năng: Nếu người dùng đăng nhập không cú pháp nhập sai tên đăng nhập, mật hệ thống thơng báo “Đăng nhập khơng thành cơng” Người quản trị đăng nhập vào trang tài khoản người quản trị THÁI VĂN YÊN 18I3 19 THIẾT KẾ & XÂY DỰNG WEBSITE TIN TỨC 3.2 Phần hệ Admin 3.2.1.Trang đăng nhập (dành cho người quản trị ) Hình 20 - Giao diện trang đăng nhập(dành cho người quản trị ) Mô tả chức năng: Sau đăng nhập vào hệ thống, người quản trị tùy chỉnh thơng tin, thêm, sửa, xóa tin tức 3.2.2 Đăng nhập thành công vào phần Admin Hình 21 - Giao diện trang quản trị Mô tả chức năng: Người quản trị thấy chi tiết thơng tin liên quan đến trang web THÁI VĂN YÊN 18I3 20 THIẾT KẾ & XÂY DỰNG WEBSITE TIN TỨC 3.2.3 Trang thể loại (admin) 3.2.3.1 Trang danh sách thể loại Hình 22 - Trang danh sách thể loại (admin) Mô tả chức năng: Người quản trị xóa sửa thể loại Mỗi thể loại phép có nhiều loại tin 3.2.3.2 Trang thêm thể loại Hình 23 - Trang thêm thể loại (admin) Mô tả chức năng: Người quản trị thêm các thể loại THÁI VĂN YÊN 18I3 21 THIẾT KẾ & XÂY DỰNG WEBSITE TIN TỨC 3.2.4 Trang loại tin(admin) 3.2.4.1 Trang danh sách loại tin Hình 24 - Trang danh sách loại tin (admin) Mô tả chức năng: Người quản trị sửa, xóa các loại tin Mỗi loại tin nằm thể loại Mỗi loại tin phép có nhiều tin tức THÁI VĂN YÊN 18I3 22 THIẾT KẾ & XÂY DỰNG WEBSITE TIN TỨC 3.2.4.2 Trang thêm loại tin Hình 25 - Trang thêm loại tin Mơ tả chức năng: Khi kích vào thang thể loại, hệ thống tự động đưa thể loại để người quản trị lựa chọn thể loại phù hợp với loại tin THÁI VĂN YÊN 18I3 23 THIẾT KẾ & XÂY DỰNG WEBSITE TIN TỨC 3.2.5 Trang tin tức(admin) 3.2.5.1 Trang danh sách tin tức Hình 26 - Trang danh sách tin tức Mô tả chức năng: Người quản trị sửa, xóa các tin tức Mỗi tin tức nằm loại tin 3.2.5.2 Trang thêm tin tức Hình 27 - Trang thêm tin tức Mô tả chức năng: Người quản trị nhập yếu tố vào: thể loại, loại tin, tiêu đề, nội dung, hình ảnh để tạo thành tin tức hoàn chỉnh THÁI VĂN YÊN 18I3 24 THIẾT KẾ & XÂY DỰNG WEBSITE TIN TỨC 3.2.6 Trang comment Hình 28 - Trang comment Mô tả chức năng: Người quản trị xóa bình luận không phù hợp 3.2.7 Trang quản tài khoản người dùng 3.2.7.1 Trang danh sách tài khoản Hình 29 - Trang danh sách tài khoản Mô tả chức năng: Người quản trị xóa, sửa thơng tin tà khoản đăng nhập website THÁI VĂN YÊN 18I3 25 THIẾT KẾ & XÂY DỰNG WEBSITE TIN TỨC 3.2.7.2 Trang thêm tài khoản Hình 30 - Trang thêm tài khoản Mô tả chức năng: Tại người quản trị thay đổi thơng tin quyền hạn người dùng 3.2.8 Trang Slide Hình 31 - Trang slide Mơ tả chức năng: Người quản trị thay đổi hình ảnh tin tức bật THÁI VĂN YÊN 18I3 26 THIẾT KẾ & XÂY DỰNG WEBSITE TIN TỨC CHƯƠNG 4: KẾT LUẬN 4.1 Kết đạt Hai tháng, khoảng thời gian không dài, với bảo hướng dẫn thầy Nguyễn Văn Bình với nỗ lực làm việc để thực đồ án, đề tài xây dựng website tin tức em hoàn thành Với thuận lợi khó khăn q trình làm việc, website hồn thành khơng tránh phần sai sót Tuy nhiên em nỗ lực website tin tức hoàn thành nội dung sau: - Vận dụng ngơn ngữ html, php – mysql công cụ Visual Studio Code vào việc xây dựng website tin tức - Phần giao diện người dùng: giao diện thân thiện, cho phép bạn đọc dễ dàng xem tin, ý kiến cho tin Phần quản trị: xây dựng hệ thống quản lý liệu website, giúp cho người quản trị dễ dàng quản lý thơng tin, liệu, xem, thêm, xóa, cập nhật liệu cho website 4.2 Hạn chế đề tài Bên cạnh kết khả quan đạt được, em nhận thấy tồn số hạn chế: - Tốc độ xử lý chưa cao - Vẫn số lỗi phát sinh vận hành hệ thống 4.3 Hướng phát triển Ngày Internet trở thành phương tiện tra cứu thông tin khổng lồ tiện dụng cho tất người giới Việc học hành tìm hiểu thơng tin qua mạng trở nên phổ biến Hiểu tầm quan trọng tin tức, em ln muốn hồn thiện website tin tức tốt xây dựng giao diện hồn thiện hơn, có tính chun nghiệp THÁI VĂN YÊN 18I3 27 THIẾT KẾ & XÂY DỰNG WEBSITE TIN TỨC TÀI LIỆU THAM KHẢO Tài liệu tiếng Việt: Đỗ Đức Đình Đạt (2020)” Khái niệm Thư viện JQUERY” https://topdev.vn(2016) “Mơ hình MVC” https://viblo.asia(2014) “Thư viện BOOTSTRAP” https://vncoder.vn(2011) “Thư viện Javascript” Khoa Phạm (2014) “Trung tâm đào tạo tin học Khoa Phạm” TheHalfHeart(2014) “Thư viện Ajax” TOP9XY (2016) “ Khái niệm Framework Laravel (2016)” Vietnamnet (2009) “Tin tức online, tin nhanh Việt Nam giới” Vnexpress (2001) “Thơng tin nhanh & xác cập nhật hàng giờ” 10 Wikipedia tiếng Việt (2003)” Khái niệm ngôn ngữ HTML” 11 Wikipedia tiếng Việt (2003)” Khái niệm ngôn ngữ CSS” 12 Wikipedia tiếng Việt (2003)” Khái niệm ngôn ngữ PHP” 13 Zingnews (2001) “Tin tức 24h qua” Tài liệu tiếng Anh: Aravind Shenoy(2015): “Introducing Zurb Foundation 6” David McFarland (2008): “JS and JQuery: Interactive Front-End Web Development” David M Geary (2012): “Core HTML5 Canvas: Graphics, Animation, and Game Development ( Core Series)” Jon Duckett(2011): “HTML and CSS:Design and Build Websites” Riwanto Megosinarso(2014): “Step By Step Bootstrap 3” Steve Krug(2000): “Don’t Make Me Think” Steve McConnell(2005): “Code Complete 2” THÁI VĂN YÊN 18I3 28 ... để xây dựng trang web tin tức với đầy đủ chức Đó lý chọn đề tài ? ?Thiết kế xây dựng website tin tức? ?? 1.2 Sự phát triển website tin tức 1.2.1 Sự phát triển Ngày nay, số lượng website tin tức riêng... 18I3 THIẾT KẾ & XÂY DỰNG WEBSITE TIN TỨC CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG WEBSITE 2.1 Phân tích thiết kế hệ thống 2.1.1 Các chức hệ thống Hệ thống quản trị trang web: - Quản lý viết tin tức. .. loại phù hợp với loại tin THÁI VĂN YÊN 18I3 23 THIẾT KẾ & XÂY DỰNG WEBSITE TIN TỨC 3.2.5 Trang tin tức( admin) 3.2.5.1 Trang danh sách tin tức Hình 26 - Trang danh sách tin tức Mô tả chức năng: