XÂY DỰNG WEBSITE CHIA SẺ DỮ LIỆU HỌC TẬP BẰNG ASP.NET MVC

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  XÂY DỰNG WEBSITE CHIA SẺ DỮ LIỆU HỌC TẬP BẰNG ASP.NET MVC TĨM TẮT ĐỒ ÁN TỐT NGHIỆP NGÀNH: CƠNG NGHỆ THÔNG TIN (ỨNG DỤNG PHẦN MỀM) Sinh viên thực : Nguyễn Văn Bảo Mã sinh viên : K12C04066 Khóa đào tạo : 2018 - 2021 Đà Nẵng - 01/2021 ẦN ĐẦ Lý chọn đề tài Khoa học công nghệ ngày phát triển vũ bão, xâm nhập làm cải thiện đáng kể tới thay đổi tiến xã hội tất lĩnh vực đời sống Đặc biệt công nghệ thông tin, Internet với bùng nổ thông tin Tất thông tin luôn cập nhật thay đôi liên tục đầy đủ cách nhanh thông qua mạng truyển thông Internet, mà phổ biến thông qua trang website Hiện nhu cầu tìm kiếm thơng tin cần thiết với học sinh, sinh viên kiến thức xã hơi, trị, văn hóa, cơng nghệ, kỹ thuật Mà tài liệu, giáo khoa, giáo trình sách cịn khó khăn với học sinh, sinh viên Vì mà em chọn đề tài “Xây dựng Website chia sẻ liệu học tập ASP.NET MVC”, đem lại lựa chọn tốt để xây dựng nơi xem tin tức chia sẻ tài liệu, thuận tiện cho người sử dụng đem lại giá trị thiết thực cho người ục tiêu nhiệm vụ nghiên cứu  Mục tiêu xây dựng website chia sẻ tài liệu giúp người sử dụng vừa xem thơng tin trao đổi tài liệu với nhiều lĩnh vực vừa xem tin tức liên quan tới tài liệu  Nhiệm vụ: + Nghiên cứu cơng nghệ SP.N T MV  Phân tích thiết kế  ây dựng website Đối tƣợng phạm vi nghiên cứu ác công cụ xây dựng hệ thống mơ hình áp dụng Visual Studio 2019, Sql Sever 2020, ASP.NET MVC Phạm vi nghiên cứu đề tài xây dựng phát triển cho đối tượng sử dụng tổ chức cá nhân quản l , kiểm duyệt tài liệu cá nhân có nhu cầu xem, tìm kiếm, đăng tải người tải tài liệu theo nhu cầu người dùng hƣơng pháp nghiên cứu Tìm hiểu thu thập thơng tin thực trạng thị trường website Tham khảo số website chia sẻ tài liệu Việt Nam • Tìm hiểu nghiên cứu tài liệu liên quan đến SP.N T MVC, học hỏi kinh nghiệm anh/chị diễn đàn, nhóm  Nghiên cứu công cụ xây dựng hệ thống Kết  Xây dựng hoàn thiện hệ thống website chia sẻ tài liệu, với số chức website  Chức * Người quản trị  Đăng nhập  Quản lý tài liệu  Kiểm duyệt  Đăng tin tức  Quản lý tin tức  Quản l người dùng * Người dùng  Đăng k đăng nhập  Quên mật  Sử dụng tiền ảo  Đăng tải tài liệu  Download tài liệu  Xem tin tức  Đóng góp kiến  Bình luận  Thay đổi thông tin tài khoản  Chỉnh sửa thông tin tài liệu Ý nghĩa khoa học thực tiễn Góp phần tạo nơi chia sẻ tài liệu trực tuyến, giúp người dùng tiếp cận nhanh với nhu cầu cần mà khơng cần phải tìm kiếm sách, báo góp cho người quản lý • Hiểu r cơng nghệ SP.N T MV , phục vụ cho việc xây dựng website xem tin tức công nghệ để áp dụng vào thực tiễn 1.1 G Ớ C ƢƠNG CƠLÝ ỆỀ N Y 1.1.1 Khái niệm ASP.NET ASP.NET tảng ứng dụng web (web application framework) phát triển cung cấp Microsoft, cho phép người lập trình tạo trang web động, ứng dụng web dịch vụ web Lần đưa thị trường vào tháng năm 2002 với phiên 1.0 của.NET framework, công nghệ nối tiếp Microsoft's Active Server Pages(ASP) SP.N T biên dịch dạng Common Language Runtime (CLR), cho phép người lập trình viết mã ASP.NET với ngôn ngữ hỗ trợ bởi.NET language 1.1.2 Những ƣu điểm bật ASP.NET - ASP.Net cho phép bạn lựa chọn ngôn ngữ lập trình mà bạn u thích Visual Basic.Net, J#, #,… - Trang SP.Net biên dịch trước Thay phải đọc thông dịch trang web yêu cầu, ASP.Net biên dịch trang web động thành tập tin DLL mà Server thi hành nhanh chóng hiệu Yếu tố bước nhảy vọt đáng kể so với kỹ thuật thông dịch ASP 1.2 G Ớ Ệ Ề N N C 1.2.1 hái niệm Mơ hình MVC (viết tắt Model-View-Controller) mẫu kiến trúc phần mềm để tạo lập giao diện người dùng máy tính MVC chia ứng dụng thành ba phần: Model, View Controller, tương tác với để tách biệt cách thức mà thông tin xử lý nội hàm phần thơng tin trình bày tiếp nhận từ phía người dùng ASP.NET MVC phần mềm mã mở, tách rời với thành phần độc quyền ASP.NET Web Forms Nền tảng ASP.NET MVC có đặc điểm bật nhẹ (lighweigt), dễ kiểm thử phần giao diện (so với ứng dụng Web Forms), tích hợp tính có sẵn ASP.NET Khi sử dụng cách, mẫu MV giúp cho người phát triển phần mềm cô lập nguyên tắc nghiệp vụ giao diện người dùng cách r ràng Phần mềm phát triển theo mẫu MVC tạo nhiều thuận lợi cho việc bảo trì ngun tắc nghề nghiệp giao diện liên quan với ASP.NET MVC lên phương pháp phát triển web mạnh phổ biến ASP.NET Hình 1.1 Luồng xử l mơ hình MV Models: nơi tương tác trực tiếp với liệu hệ quản trị sở liệu Nó bao gồm class chứa phương thức kết nối với database, truy vấn, thêm/xóa/sửa liệu Views: nơi giao diện tương tác với người dùng Trong lập trình web file HTML, CSS, đảm nhận hiển thị liệu gửi lên từ Model đầy đủ xác Controllers: có liệu, có nơi hiển thị liệu, cần phận lấy liệu từ Model trả cho View Vâng tơi nói đến Controller Thật vậy, ontroller nơi nhận request từ người dùng, xử l logic để lấy liệu trả từ Model gửi cho View hiển thị cho người dùng Luồng xử lý MVC Đầu tiên, client gửi request tới server thông qua Controller Controller tiếp nhận request, xử lý luồng yêu cầu Trong trường hợp chuyển từ trang sang trang khác mà không yêu cầu gửi nhận liệu lúc Controller redirect (chuyển hướng) lại cho browser kết thúc luồng Lúc luồng xử lý theo thứ tự    Nếu request người dùng yêu cầu phải xử lý liệu Controller gọi xuống Model để lấy liệu Lúc Model tương tác với database để lấy liệu, liệu Model gửi Controller, Controller gọi đến View phù hợp với request kèm theo liệu cho View, View lắp liệu tương ứng vào HTML gửi lại HTML cho Controller sau thực xong nhiệm vụ Cuối Controller trả kết Browser Lúc luồng xử lý từ        Nếu request người dùng yêu cầu liệu khơng chuyển trang thay Controller trả liệu cho View Controller respone lại cho trình duyệt thơng qua API, liệu trả thường dạng JSON Luồng xử lý lúc      1.2.2 Lợi ch ứng dụng web dựa m h nh C Nền tảng SP.N T MV mang lại lợi ích sau  Dễ dàng quản l phức tạp ứng dụng cách chia ứng dụng thành ba thành phần model, view, controller Không sử dụng view state server-based form Điều tốt cho lập trình viên muốn quản l hết khía cạnh ứng dụng • Sử dụng mẫu Front ontroller, mẫu giúp quản l requests (yêu cầu) thông qua ontroller Nhờ thiết kế hạ tầng quản l định tuyến Hỗ trợ tốt cho mơ hình phát triển ứng dụng hướng kiểm thử (TDD) Hỗ trợ tốt cho ứng dụng xây dựng đội có nhiều lập trình viên thiết kế mà quản l tính ứng dụng 1.2.3 Cách thức hoạt động theo mơ hình MVC 1.3 G Ớ ỆỀ LC 1.3.1 Giới thiệu L 1.3.1.1 1.3.1.2 Cấu trúc HTML 1.3.2 Giới thiệu C 1.3.2.1 CSS 1.3.2.2 Cú p p CSS 1.3.2.3 Các vùng chọ C e ecc b 1.4 G Ớ ỆỀ L 1.4.1 hái niệm SQL Server viết tắt Structure Query Language, công cụ quản lý liệu sử dụng phổ biến nhiều lĩnh vực Hầu hết ngơn ngữ bậc cao có trình hỗ trợ SQL Visual Basic,Oracle,Visual … ác chương trình ứng dụng công cụ quản trị CSDL cho phép người sử dụng truy nhập tới CSDL mà không cần sử dụng trực tiếp SQL Nhưng ứng dụng chạy phải sử dụng SQL 1.4.2 Đặc điểm 1.4.3 Đối tƣợng làm việc củaL ever C ƢƠNG2 N C Ệ ỐNG 2.1 KHẢO SÁT HỆ THỐNG Do khơng có địa điểm để khảo sát hệ thống quản trị làm website chun nghiệp nên nhóm khảo sát tồn hệ thống quản trị website tin tức mạng Internet ác thơng tin khảo sát gồm có  Quy trình thiết kế website  ách thức làm website mơ hình MVC, ASP.Net  ách thức thiết kế website  Ngồi nhóm tham khảo cách làm website anh chị khóa để tìm hiểu r nhiệm vụ phương hướng làm việc toàn đề tài 2.2 XÁC ĐỊN YCẦ CỦỆỐNG 2.3 PHÂN TÍCH YÊU CẦU HỆ THỐNG 2.3.1 Chức kiểm duyệt tin tài liệu đăng Mục tiêu: Cho phép quản trị viên chương trình cập nhật, xóa, thay đổi, duyệt, từ chối đăng Người sử dụng thực phải có quyền hạn phép cập nhật thơng tin khai báo quyền chức Quản lý phân quyền cấp quyền hạn đăng nhập tương ứng cho thành viên Có chức xem, thêm, sửa, xóa, duyệt, từ chối đăng 2.3.2 Chức quản lý tin tức Mục tiêu: Cho phép quản trị viên chương trình cập nhật, xóa, thay đổi thơng tin Người sử dụng thực phải có quyền hạn phép cập nhật thông tin khai báo quyền chức Quản lý phân quyền cấp quyền hạn đăng nhập tương ứng cho thành viên Có chức xem, thêm, sửa, xóa 2.3.3 Chức thống kê Mục tiêu: ho phép người quản trị viên cập nhật số liệu cụ thể số lượng tài liệu, tin tức đăng Ngoài ra, nắm cách nhanh số lượng báo lỗi thành viên từ sửa lỗi, hoàn thiện website biết tổng số thành viên website 2.3.4 Chức quản lý hóa đơn Mục tiêu ho phép người quản trị viên chương trình thống kê hóa đơn xử lý website Từ nắm thơng tin hóa đơn, nhằm tránh tình trạng nhầm lẫn 2.3.5 Chức đăng ký, đăng nhập Mục tiêu: ho phép người dùng đăng k đăng nhập vào website, từ tải tài liệu cần thiết theo mục đích ịn người quản trị viên, vừa đăng nhập vào tải, đăng tài liệu người sử dụng bình thường vừa đăng nhập vào trang quản trị để quản lý thành viên website 2.3.6 Chức quên mật Mục tiêu: ho phép người dùng lấy lại mật vơ tình qn thời gian dài không sử dụng, mật cung cấp bới dmin gửi đến gmail người dùng 2.3.7 Chức t m kiếm Mục tiêu: ho phép người dùng tìm tài liệu cần tìm cách nhanh chóng theo tên tài liệu, giúp giảm bớt thời gian tìm kiếm người dùng Người dùng tìm kiếm tài liệu theo danh mục cần 2.3.8 Chức đăng tải tài liệu Mục tiêu: ho phép người dùng đăng tài liệu nhằm chia sẻ tài liệu thân đến người, giúp người dùng tăng xu website để phục vụ nhu cầu tải tài liệu cần người sử dụng khác Các tài liệu đăng lên xếp vào danh mục 2.3.9 Chức xem tin tức Mục tiêu: Cho phép người sử dụng xem tin tức nhiều thể loại, giúp người sử dụng khơng đăng tải liệu mà cịn đọc tin tức liên quan đến tài liệu thông tin liên quan đến lĩnh vực tài liệu 2.3.10 Chức thay đổi thơng tin tài khoản Mục tiêu ho phép người sử dụng thay đổi mật sau thời gian dài dùng mật cũ, giúp giảm tình trạng quên mật 2.3.11 Chức đóng góp ý kiến Mục tiêu ho phép người sử dụng đóp góp kiến cho người quản trị lỗi website hay tài liệu mắc phải nhằm giúp website ngày hồn thiện 2.4 MƠ HÌNH VẬT LÝ Hình 2.1 Mơ hình vật lý 2.5 BIỂ ĐỒ UML 2.5.1 Biểu đồ phân cấp chức Hình 2.2 Sơ đồ phân cấp chức 10 2.5.2 iểu đồ Usecase 2.5.2.1 Danh sách Actor 2.5.2.2 p d eC e Hình 2.3 Biểu đồ usecase tổng quát Tác nhân chính: Quản lý, thành viên, quản trị viên Tóm tắt chung: Use mô tả chức tổng quát hệ thống gồm có chức sau quản lý tin tức, quản l đăng, quản l hóa đơn, quản lý toán, quản lý phân quền, kiểm tra báo cáo 2.5.3 iểu đồ tr nh tự Sequence diagram) 2.5.3.1 e e ce d chức ă ă ký thành viên 2.5.3.2 Sequence diagram – chức ă ă hập 2.5.3.3 e e ce d – c ức ă ă 2.5.3.4 e e ce d – c ức ă a tin 2.5.3.5 e e ce d – c ức ă xó 2.5.3.6 e e ce d – c ức ă b ỗi 11 2.5.4 iểu đồ lớp Class diagram Hình 2.4 Biểu đồ lớp Class diagram 2.5.5 Biểu đồ lớp biên 2.5.6 Biểu đồ lớp thực thể 2.5.7 Biểu đồ lớp điều khiển 12 C ƢƠNG THI T K GIAO DIỆN C ĐẶT WEBSITE 3.1 MÔ TẢ CHI TI T CHỨC NĂNG Ệ THỐNG Hệ thống cho phép lưu trữ, cập nhật số thông tin vào sở liệu ccount Nơi lưu trữ tài khoản mật thành viên sau đăng nhập hệ thống Ngồi ra, cịn thơng tin quan trọng khác Họ tên, email, xu tài khoản, ảnh đại diện, chức vụ Document Mỗi tài liệu đăng tải gồm thông tin cần lưu trữ tên tài liệu,nội dung miêu tả khái quát, nội dung chính, thời gian đăng, người đăng, danh mục tài liệu, số lượt yêu thích, số lượt tải, trạng thái, nhãn tài liệu, hình đại diện tên tài liệu Category Nơi lưu trữ danh mục loại tài liệu Comment Nơi lưu trữ nội dung comment người dùng tài liệu, ngày comment, nội dung ID tài liệu Bin Nơi lưu trữ thông tin loại giao dịch website ác hóa đơn tải tài liệu người dùng với tài liệu Role Nơi lưu trữ thông tin chức vụ tài khoản website News Nơi lưu trữ thông tin mục tin tức website bao gồm tên tin tức, miêu tả tin tức, nội dung tin tức, hình ảnh đại diện tin tức, ngày đăng, người đăng, danh mục tin tức, nhãn tin tức Theard: Nơi lưu trữ danh mục loại tin tức Report Nơi lưu trữ thơng tin đóng góp kiến cho người quản trị bao gồm Tên tiêu đề, nội dung, người gởi ngày gởi 3.2 MÔ TẢ CHI TI T CÁC THỰC THỂ 3.2.1 Bảng Account 3.2.2 Bảng Document 3.2.3 Bảng Category 3.2.4 Bảng Comment 3.2.5 Bảng Bin 13 3.2.6 Bảng Role 3.2.7 Bảng News 3.2.8 Bảng Theard 3.2.9 Bảng Report 3.3 MỘT SỐ HÌNH ẢNH WEBISTE 3.3.1 Hình ảnh chức ngƣời dùng Hình 3.1 Trang đăng k tài khoản người dùng Hình 3.2 Trang đăng nhập 14 Hình 3.3 Trang chủ chưa đăng nhập Hình 3.4 Trang chủ đăng nhập 3.3.2 Hình ảnh chức ngƣời quản trị Hình 3.5 Trang Dashboard 15 K T LUẬN VÀ KI N NGHỊ Sau thời gian tìm hiểu nghiên cứu đề tài “Xây dựng Website chia sẻ liệu học tập N C” em phát triển hoàn thành theo yêu cầu nội dung thời gian quy định Trong trình nghiên cứu thực đề tài hạn chế kinh nghiệm kiến thức nên đề tài em khơng thể tránh khỏi thiếu sót m mong nhận kiến đóng góp từ thầy bạn để đề tài hoàn thiện  Kết đạt o Tìm hiểu sâu cơng nghệ SP.N T MV SQL Sever 2020 công cụ Visual Studio 2019 o ó nhiều kinh nghiệm việc áp dụng công nghệ để nghiên cứu ứng dụng thực tế o Hoàn thiện số chức website chia sẻ liệu  Hướng phát triển Vì kiến thức hạn hẹp nên số tính chưa nghiên cứu thực hiện, em cố gắng phát triển, hoàn thiện o ó thể đăng nhập/ đăng kí tài khoản website cho phép người dùng đăng k tài khoản đăng nhập trực tiếp tài khoản facebook, google o Tích hợp tính toán trực tuyến o Làm thêm mục báo lỗi cho tài liệu, tin tức o Tính phản hồi Người quản trị q trình kiểm duyệt phản hồi lại cho thành viên vấn đề thiếu sót mà tin tức cần phải có 16  ... Hình 1.1 Luồng xử l mơ hình MV Models: nơi tương tác trực tiếp với liệu hệ quản trị sở liệu Nó bao gồm class chứa phương thức kết nối với database, truy vấn, thêm/xóa/sửa liệu Views: nơi giao... Nơi lưu trữ thông tin chức vụ tài khoản website News Nơi lưu trữ thông tin mục tin tức website bao gồm tên tin tức, miêu tả tin tức, nội dung tin tức, hình ảnh đại diện tin tức, ngày đăng, người... Nơi lưu trữ danh mục loại tin tức Report Nơi lưu trữ thơng tin đóng góp kiến cho người quản trị bao gồm Tên tiêu đề, nội dung, người gởi ngày gởi 3.2 MÔ TẢ CHI TI T CÁC THỰC THỂ 3.2.1 Bảng Account