web tin tức asp.net mvc gồm: admin page, user page, gửi mail, ghim bài, tạo series bài viết, tìm kiếm theo danh mục, tìm kiếm nâng cao, duyệt bài. Nếu tải tài liệu chưa có link source code thì liên hệ theo fb : https://www.facebook.com/t.hieu0612/
TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI KHOA CÔNG NGHỆ THÔNG TIN ***************** BÁO CÁO BÀI TẬP LỚN Mơn học: Lập trình Web Đề tài: Trang Web tin tức Giảng viên HD: Lại Mạnh Dũng Nhóm thực hiện: Nhóm – CNTT4 – K60 Sinh viên thực hiện: Bùi Văn Hùng Đồn Huy Tuấn Hải Ngơ Trung Hiếu Đào Nhật Tân – – – – 191202050 191210360 191213136 191204022 Năm học: 2021 - 2022 Lời nói đầu Cùng với phát triển khoa học – công nghệ nhu cầu thơng tin thời kì dịch bệnh diễn phức tạp tăng cao , trang web tin tức phát triển mạnh gắn liền với phát triển công nghệ, đặc biệt công nghệ thông tin Ngày website đóng vai trị thiết yếu sống hàng ngày người , mang lại lợi ích to lớn cho nhu cầu người lĩnh vực khác Website tin tức trang web trang báo điện tử, thiết kế chuyên biệt dùng để truyền tải thông tin nhất, nóng hổi lĩnh vực cụ thể đa dạng lĩnh vực sống Trong năm gần đây, tình hình dịch bệnh COVID – 19 diễn biến vơ phức tạp , song song với việc người nhà , tiếp xúc để tránh lây nhiễm đồng thời họ dành thời gian rảnh với thiết bị điện tử smartphone, laptop,… Chính vậy, website để cập nhật thơng tin trao đổi thông tin phát triển mạnh Nhận vấn đề nên nhóm chúng em định lựa chọn đề tài “Web Blog tin tức” Việc thiết lập website nhanh chóng với nhiều dịch vụ tiện ích hồn tồn miễn phí cập nhật viết liên quan đến dịch bệnh nhiều thông tin khác v.v , tiết kiệm thời gian thuận lợi cho người Với đề tài học phần này, nhóm chúng em xin chân thành cảm ơn giúp đỡ tận tình thầy Lại Mạnh Dũng Song, nhiều hạn chế nên đề tài nhóm chúng em xây dựng khơng tránh thiếu sót Rất mong thầy bạn đóng góp ý kiến để đề tài chúng em hoàn thiện Trân trọng cảm ơn! Tổng quan đề tài 1.1 Mô tả hệ thống, nghiệp vụ - Website xây dựng tảng web, sử dụng công nghệ 1.2 1.3 ASP.Net MVC - Ngơn ngữ lập trình: C# - Cơ sở liệu: Microsoft SQL Server - Các công việc Website: + Đăng tải thơng tin vấn đề nóng xã hội + Biên soạn, chỉnh sửa tổng hợp tin tức nhất, hot diễn ra, thu hút nhiều lượt đọc đăng tải lên website Khảo sát, biểu mẫu thu thập - Qua khảo sát, chúng em biết đến số trang web tin tức trực tuyến như: + https://dantri.com.vn/ + https://thanhnien.vn/ + https://vov.vn/ - Ưu điểm trang web là: + Thiết kế đẹp, hiển thị thông tin chi tiết + Các trang web có kênh thơng tin riếng + Hệ thống hỗ trợ khách hàng đầy đủ + Hỗ trợ nhiều chức cho khách hàng như: tìm kiếm, bình luận, … - Tuy nhiên số trang web tồn số hạn như: + Một số thông tin chưa đa dạng + Bố cục trang web khơng thuận tiện sử dụng Phân tích u cầu để xác định chức cho lớp người dùng - Người sử dụng tìm kiếm nhiều viết phù hợp với nhu cầu thơng qua nhiều tiêu chuẩn khác như: thể loại, trend, độ phổ cập ,,… - Khách hàng xem thông tin chi tiết viết để lại bình luận ý kiến lại cho chủ viết Việc tìm kiếm thơng tin trước giúp khách hàng tiết kiệm thời gian tìm kiếm viết theo ý muốn, tiết kiệm thời gian cơng sức Phân tích thiết kế • Danh sách Actor (tác nhân) - STT Tên Actor Adminstrator Editors(Users) /Member Nhiệm vụ + Adminstrator tác nhân giữ vai trị website: Quyền quản lý quyền cao hệ thống.Đây người chịu trách nhiệm lớn Những người giữ vai trị quản lý phân quyền cho nhân viên website + Tác nhân Adminstrator thực tất chức website như: Tạo,quản lý tài khoản thành viên, quản lý phân quyền thành viên, quản lý tag, Đăng sửa xóa tin bài… + Tác nhân Adminstrator có quyền thêm, sửa, xóa, cập nhật thơng tin + Đăng nhập vào hệ thống: Mỗi thành viên có số quyền giới hạn Adminstrator cấp cho + Đăng ký tài khoản thành viên muốn tham gia website + Đăng tin mới: Khi có thơng tin cần đăng Users cập nhật thơng tin đăng lên website + Sửa thông tin: Khi cần update, sửa thơng tin Users vào viết sửa thơng tin cho xác + Xóa thơng tin: Khi thơng tin q cũ khơng cần thiết Users có quyền xóa khỏi CSDL + Truy cập vàohệ thống Website để đọc viết theo chun mục, tìm kiếm thơng tin theo ý muốn + Subcribe (Đăng ký) nhận tin tức cách nhập email Visiter Mô tả yêu cầu Actor Adminstrator - Đăng nhập vào Website - Quản lý thành viên - Quản lí tag - Quản lí series viết - Quản lý ghim - Bảo trì, bảo dưỡng hệ thống website Editors(Users) / Member - Thêm, sửa, xố thơng tin viết Visitor (bạn đọc) - Xem thông tin viết - Đăng ký nhận tin tức ( có) - Tìm kiếm thơng tin (tìm kiếm chung, tìm kiếm nâng cao) Biểu đồ Usecase mức tổng quát Biểu đồ use case tổng quát Website Biểu đồ Usecase mức đăng nhập Biểu đồ use case Đăng nhập Tác nhân : admin/ editor Mô tả: Chức cho phép Admin thành viên đăng nhập vào hệ thống để sử dụng chức Website Khi thành viên muốn thao tác với chức hệ thống bắt buộc phải đăng nhập theo thông tin đăng kí trước - Dịng kiện chính: Bắt đầu Admin thành viên đăng nhập vào website Hệ thống yêu cầu Admin thành viên đăng nhập vào website Admin thành viên nhập tên mật Hệ thống kiểm tra tên mật với thơng tin đăng kí cho phép người dùng đăng nhập vào website - Nếu người dùng chưa nhập “ Tên đăng nhập ” “mật ” mà nhấn vào nút “ Đăng nhập ” coi đăng nhập khơng hợp lệ Dịng kiện phụ: - Nếu người dùng nhập tài khoản mật sai website báo lỗi yêu cầu người dùng đăng nhập lại - Các yêu cầu đặc biệt: Khơng có - Điều kiện bắt buộc: Khơng có Biểu đồ Usecase Quản lý người dùng Tác nhân: Admin Mô tả: Chức cho phép Admin quản lý thành viên (users) hệ thống Website Admin phép tạo tài khoản cho người dùng cấp phát quyền cho người dùng sửa, xóa người dùng Dịng kiện - Admin truy xuất vào chức quản lý người dùng - Admin chọn người dùng tạo tài khoản cách nhập thông tin yêu - cầu cấp phát quyền người dùng hệ thống Admin chọn người dùng để chỉnh sửa thơng tin Admin xóa người dùng Tất tùy chọn lưu lại gửi tới webserver để cập nhật vào sở liệu Dòng kiện phụ: - Nếu tài khoản tạo tồn csdl hệ thống thông báo lỗi yêu cầu Admin kiểm tra tạo lại - Xóa tài khoản người dùng đồng nghĩa với tin người dùng bị xóa - Nếu admin khơng đăng ký chọn “Thốt” trang đăng ký đóng lại - Biểu đồ Usecase Quản lý viết Tác nhân: Admin/ editor Mô tả: Admin/ editor quyền cập nhật thơng tin viết mới, sửa, xóa viết sau đăng nhập hệ thống với quyền tương ứng Dịng kiện chính: - Admin/ editor truy xuất vào chức quản lý viết - Admin/ editor cập nhật thông tin cho viết như: tiêu đề, ảnh, nội dung… - Admin/ editor sau cập nhật đầy đủ thơng tin sửa thơng tin xóa viết Tất tùy chọn lưu lại gửi tới webserver để cập nhật vào sở liệu Biểu đồ Usecase Quản lý thành viên phản hồi Biểu đồ use case Quản lý thành viên phản hồi Biểu đồ use case Quản lý thành viên phản hồi Tác nhân: Admin Mơ tả: Có quyền quản lý member phản hồi member tin Tác nhân chính: - Admin truy xuất vào chức quản lý member - Admin chọn member để chỉnh sửa member: kích hoạt tài khoản, khóa tài khoản giúp cho việc quản lý phản hồi sau tin - Admin xóa member khỏi CSDL - Tất tùy chọn lưu lại gửi tới webserver để update vào csdl Tác nhân phụ: Xóa tải khoản member đồng nghĩa xóa phản hồi member tin Biểu đồ Usecase Quản lý ghim Biểu đồ use case Quản lý ghim Tác nhân: Admin Mô tả: Admin quyền thêm ghim, sửa, xóa ghim sau đăng nhập với quyền tương ứng - Tác nhân Admin truy cập vào hệ thống chọn quản lý ghim Admin phép cập nhật thêm ghim Admin chọn độ ưu tiên để sửa ghim xóa ghim Hệ thống cập nhật vào sử liệu gửi lại lên Webserver Biểu đồ Usecase Tìm kiếm Biểu đồ use case Tìm kiếm Tác nhân: Visiter/Admin Mơ tả: Tìm kiếm thơng tin viết Tác nhân chính: - Visitor click nút tìm kiếm trang chủ đánh từ khóa (thơng tin - muốn tìm kiếm) Trình duyệt gửi từ khóa mà visitor muốn tìm kiếm tới webserver Webserver truy vấn CSDL gửi lại thơng tin tìm kiếm cho visitor Visitor xem tin vừa tìm Biểu đồ Usecase Quản lý ghim Biểu đồ use case Quản lý series viết Tác nhân: Admin Mô tả: Admin quyền thêm series, sửa, xóa series sau đăng nhập với quyền tương ứng - Tác nhân Admin truy cập vào hệ thống chọn quản lý series Admin phép cập nhật thêm serie Admin chọn series để thêm, sửa, xóa viết vào series Hệ thống cập nhật vào sử liệu gửi lại lên Webserver 1.1 Thiết kế sở liệu: ERD, mô tả liệu, Diagram 1.2.1: ERD: 1.2.2:Các bảng liệu: +)Posts : +)Tags: +)Series: +)Users: 1.2.3:Diagram: Thiết kế hệ thống 3.1 Xây dựng giao diện chức cho hệ thống 3.1.1:Giao diện đăng nhập: 3.1.2:Giao diện Admin: 3.1.3:Giao diện người dùng: 3.1.4: Giao diện tìm kiếm cho người dùng: 3.1.5: Quản lý ghim: 3.1.6: Quản lý series viết: 3.1.7: Giao diện đổi mật đăng ký người dùng: Kiểm thử 1.1 Mục tiêu phát lỗi trình xây dựng hệ thống 1.2 Cách thức: xây dựng danh mục test case Mỗi test case cần có: - Mục tiêu test - Dữ liệu đầu vào, ràng buộc Đầu dự kiến Đầu thực tế - Kết test pass/fail -> đề xuất mơ tả q trình fix lỗi 1.3 Cách thức kiểm thử: Các thành viên nhóm thay trải nghiệm website tìm điểm bất cập sau hội bàn đưa vấn đề tồn đọng phương pháp giải Test case 1: o Mục tiêu: Thêm viết vào sở liệu o Dữ liệu đầu vào: Thông tin viết bao gồm liệu cần có o Đầu dự kiến: Cập nhật thông tin viết sở liệu o Đầu thực tế: Cập nhật không thành công o Kết quả: Fail Đề xuất: Cần kiểm tra lại thông tin: slug viết cần chứa id để dùng cho ghim, upload ảnh dùng System.IO - - Test case 2: o Mục tiêu: Upload ảnh lên sở liệu thông qua trang admin o Dữ liệu đầu vào: Thông tin viết bao gồm ảnh o Đầu dự kiến: Cập nhật viết ảnh kèm bao gồm ảnh tiêu đề ảnh viết o + Đầu thực tế: Cập nhật thành cơng khơng có ảnh viết o Kết thử nghiệm: Fail (sử dụng thư viện ckeditor chưa thể upload ảnh trực tiếp thêm cách copy paste ảnh) Đề xuất: Cần kiểm tra lại thông tin: Sử dụng ckfinder để upload ảnh viết o o o o o - Test case 3: Mục tiêu: Kiểm thử tính lọc theo ngày đăng Dữ liệu đầu vào: Ngày tháng bắt đầu kết thúc Đầu dự kiến: Lọc thành công sản phẩm theo ngày chọn Đầu thực tế: Lỗi gày kết thúc nhỏ ngày bắt đầu Kết thử nghiệm: Fail Đề xuất: Nếu ngày kết thúc nhỏ gán ngày bắt đầu +1 Test case 4: o Mục tiêu: Sửa người dùng o Dữ liệu đầu vào: username o Đầu dự kiến: Lưu người dùng với thông tin thay đổi o o - Đầu thực tế: Admin không sửa mật Kết thử nghiệm: Admin khơng xem mật dùng MD5 hash theo tìm hiểu mạng hàm hash chiều chưa tìm cách để decrypt Đề xuất: Chưa có đề xuất Test case 5: o Mục tiêu: Đăng nhập với ghi nhớ thông tin o Dữ liệu đầu vào: username, password o Đầu dự kiến: Vào trang admin đăng xuất lưu thông tin o Đầu thực tế: Đăng nhập vào chưa lưu thông tin tài khoản o Kết thử nghiệm: Đã đăng nhập giá trị memberme trả giá trị true false nên set vào cookie Đề xuất: Chưa có đề xuất Test case 6: o Mục tiêu: Thêm, sửa, xóa ghim o Dữ liệu đầu vào: id viết o Đầu dự kiến: Thêm, sửa, xóa ghim o Đầu thực tế: Thành công o Kết thử nghiệm: Đã cho lên ghim Đề xuất: Bài ghim giao diện thêm slide cho trượt ảnh viết thay Trong quản lý ghim có nhiều - - Test case 7: o Mục tiêu: Thêm, sửa, xóa series viết thêm viết vào series o Dữ liệu đầu vào: tên series, id viết o Đầu dự kiến: Thêm, sửa, xóa series thêm viết vào series o Đầu thực tế: Thành công o Kết thử nghiệm: Đã cho lên series viết Kết luận, Bảng phân cơng cơng việc nhóm, Tài liệu tham khảo Thành viên Ngô Trung Hiếu Mã sinh viên 191213136 Công việc Quản lý viết, ghim, series viết, gửi mail Đoàn Huy Tuấn Hải Đào Nhật Tân Bùi Văn Hùng - 191210360 191204022 191202050 cho visitor Quản lý người dùng Quản lý viết editor Quản lý Tag Công việc chung Thiết kế giao diện admin, visitor Thiết kế sở liệu Đăng nhập, đăng ký tài khoản dùng cookie Tìm kiếm nâng cao Các bảng admin có tìm kiếm, phân trang Viết báo cáo Với tốc độ phát triển ngày tăng mạng máy tính, việc cập nhật thơng tin sống ngày lựa chọn phù hợp Chính qua q trình tìm hiểu, khảo sát, em chọn xây dựng web tin tức để giải vấn đề Với kiến thức tảng cộng thêm giảng dạy lớp tận tình thầy Lại Mạnh Dũng, chúng em hoàn thành đề tài chúng em phần hiểu quy trình, cách thức xây dựng website Chúng em hiểu ngôn ngữ HTML, CSS, javascript, biết cách sử dụng công cụ hỗ trợ để xây dựng trang web nhằm tiết kiệm thời gian, công sức thiết kế website Mặc dù hệ thống website hồn thành, cịn nhiều mặt hạn chế vấn đề thiếu xót Như là, mô tả chức chưa đầy đủ, thiếu xác, thiết kế giao diện sơ xài chưa chuẩn hóa, chưa thực hồn thiện, Chúng em mong nhận đóng góp thầy giáo bạn để thời gian tới chúng em cố gắng khắc phục hạn chế, vấn đề chưa tốt, bổ sung thêm chức cho hệ thống Chúng em xin chân thành cảm ơn! - Tài liệu tham khảo: o http://www.w3school.com o https://helpex.vn/question/ham-ma-hoa-mat-khau-md5-trong-asp.netmvc-viet-nhu-the-nao-a-5650896958f8dd0bc422e0be o https://stackoverflow.com/