Đồ án cơ sở website học tập điện tử

Đồ án cơ sở website học tập điện tử ĐẠI HỌC CÔNG NGHỆ HUTECH Đồ án cơ sở website học tập điện tử ĐẠI HỌC CÔNG NGHỆ HUTECH Đồ án cơ sở website học tập điện tử ĐẠI HỌC CÔNG NGHỆ HUTECH Đồ án cơ sở website học tập điện tử ĐẠI HỌC CÔNG NGHỆ HUTECH Đồ án cơ sở website học tập điện tử ĐẠI HỌC CÔNG NGHỆ HUTECH

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ TP HCM ĐỒ ÁN CƠ SỞ WEBSITE HỌC TẬP ĐIỆN TỬ Ngành: CÔNG NGHỆ THÔNG TIN Chuyên ngành: CÔNG NGHỆ PHẦN MỀM Giảng viên hướng dẫn : Trịnh Công Nhưt TP Hồ Chí Minh, 2022 LỜI CAM ĐOAN Tơi xin cam đoan đồ án sở “Lập trình trang Web học tập điện từ” cơng trình nghiên cứu nhóm chúng tơi Nhóm chúng tơi tự đọc nghiên cứu, tham khảo kỹ thuật code từ video Youtube,Stackoverflow, Những dòng code thực tay nhóm chúng tơi Tất kỹ thuật đồ án đảm bảo trung thực chưa cơng bố cơng trình nghiên cứu khác LỜI CẢM ƠN Lời chúng em xin chân thành cảm ơn Ban giám hiệu trường Đại Học Cơng Nghệ Thành Phố Hồ Chí Minh tạo điều kiện để sinh viên chúng em có môi trường học tập thoải mái sở hạ tầng sở vật chất Tiếp theo xin cho phép chúng em bày tỏ lòng biết ơn đến tất thầy cô nhà trường hỗ trợ, giúp đỡ chúng em suốt trình học tập nghiên cứu đề tài Trong suốt thời gian từ bắt đầu học tập trường đến nay, chúng em nhận nhiều quan tâm, giúp đỡ quý Thầy Cô bạn bè Với lòng biết ơn sâu sắc nhất, chúng em xin gửi đến quý Thầy Cô khoa Công Nghệ Thông Tin truyền đạt vốn kiến thức quý báu cho chúng em suốt thời gian học tập trường Nhờ có lời hướng dẫn, dạy bảo thầy cô nên đề tài nghiên cứu chúng em hồn thành tốt đẹp Một lần nữa, chúng em xin chân thành cảm ơn thầy Trịnh Công Nhựt người trực tiếp giúp đỡ, quan tâm, hướng dẫn chúng em hoàn thành tốt báo cáo thời gian qua Bài báo cáo thực khoảng thời gian không nhiều bước đầu vào thực tế chúng em hạn chế cịn nhiều bỡ ngỡ nên khơng tránh khỏi thiếu sót Chúng em mong nhận ý kiến đóng góp q báu q Thầy Cơ để kiến thức chúng em lĩnh vực hồn thiện đồng thời có điều kiện bổ sung, nâng cao kiến thức Chúng em chân thành cảm ơn mong thầy đóng góp ý kiến cho đồ án chúng em Sinh viên thực : MỤC LỤC LỜI CAM ĐOAN .1 LỜI CẢM ƠN MỤC LỤC DANH MỤC CÁC KÝ HIỆU, CÁC TỪ VIẾT TẮT .5 DANH MỤC CÁC BẢNG .6 DANH MỤC CÁC HÌNH VẼ, ĐỒ THỊ CHƯƠNG : CƠ SỞ LÝ THUYẾT 1.Vài nét sơ lược vè công nghệ ASP.NET MVC5 .8 1.1 Những ưu, nhược điểm công nghệ ASP.NET MVC5 1.2 Lịch sử đời MVC 1.3 Sự khác MVC web form 10 Tổng quan mơ hình MVC: 11 Đặc điểm ASP.NET MVC Framework: 12 3.1 Hỗ trợ định tuyến 13 3.2 Model Binding 13 3.3 Filters 13 3.4 Razor View 13 3.5 Các cải tiến mơ hình MVC 14 Bootstrap: 14 4.1 Những lý để sử dụng Bootstrap: 14 4.2 Authentication Filter 15 5.Mơ hình nghiệp vụ hệ thống : 16 5.1 Chức phận : 16 5.2 Yêu cầu chức nghiệp vụ hệ thống : 16 5.3 Yêu cầu hệ thống : .16 CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG .18 Xác định loại thực thể : .18 Sơ đồ phân rã chức năng: 18 Mơ hình Use Case : 18 3.1 Xác định Actor 18 3.2 Xác định Use Case 18 3.3 Xây dựng biểu đồ Use Case tổng quát: 19 4 Đặc tả Use Case 21 4.1 Use Case – Đăng nhập: 21 4.2 Use Case – Đăng xuất: 22 4.3 Use Case – Đăng ký: 22 4.4 Use Case – Xem khóa học 23 4.5 Use Case – Làm tập 23 4.6 Use Case – Thực hành HTML .24 Cơ sở liệu 25 CHƯƠNG 3: KẾT QUẢ THỰC NGHIỆM 28 Giao diện trang chủ 28 Giao diện khóa học HTML .29 Giao diện khóa học CSS: 29 Giao diện khóa học Javascript 30 Giao diện tập CSS, HTML Javascript 31 Giao diện thực hành HTML 32 Giao diện đăng nhập .33 Giao diện đăng ký 33 Giao diện trang chủ trang Admin 34 10 Giao diện danh sách khóa học 35 11 Giao diện danh sách giảng : 35 12 Giao diện danh sách câu hỏi : .36 13 Giao diện danh sách tài khoản : 37 CHƯƠNG : TỔNG KẾT VÀ HƯỚNG PHÁT TRIỂN CHO WEBSITE 38 Tổng kết : 38 Kết đạt : 38 Hạn chế : 38 Hướng phát triển : 38 TÀI LIỆU THAM KHẢO 39 DANH MỤC CÁC KÝ HIỆU, CÁC TỪ VIẾT TẮT - Youtube : tảng xem video tiếng giới - Stackoverflow : nơi mà lập trình viên khắp giới đặt câu hỏi bugs khó khăn mà họ chưa giải - MVC :viết tắt cụm từ “Model-View-Controller“ Đây mơ hình thiết kế sử dụng kỹ thuật phần mềm MVC 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 thành ba phần kết nối với tên gọi: Model (dữ liệu), View (giao diện) Controller (bộ điều khiển) - Web form : ba mơ hình lập trình khác mà bạn sử dụng để tạo ứng dụng web ASP.NET, phần lại ASP.NET MVC ASP.NET Web Pages - Model Binding : chế map liệu gửi qua HTTP Request vào tham số action method Controller - Razor View : View Engine mặc định ASP.NET Core Nó lấy mã Razor file View chuyển sang HTML response - Bootstrap : framework bao gồm HTML, CSS JavaScript template dùng để phát triển website chuẩn responsive - Overrides : phương thức ghi đè DANH MỤC CÁC BẢNG Bảng Giai đoạn phát triển ASP.NET 10 Bảng Sự khác MVC Web Form 10 Bảng Các loại Authentication Filter 15 Bảng Chức nghiệp vụ hệ thống 16 Bảng Xác định Use Case 19 Bảng Use Case đăng nhập .22 Bảng Use Case đăng xuất .22 Bảng Use Case đăng kí 22 Bảng Use Case xem khóa học 23 Bảng 10 Use Case làm tập 23 Bảng 11 Use Case thực hành HTML 24 Bảng 12 Mô tả sở liệu Tài Khoản 25 Bảng 13 Mô tả sở liệu Bài Giảng 26 Bảng 14 Mô tả sở liệu Câu Hỏi 26 Bảng 15 Mô tả sở liệu Chức Năng .26 Bảng 16 Mô tả sở liệu Khóa Học 27 Bảng 17 Mô tả sở liệu Quá Trình 27 DANH MỤC CÁC HÌNH VẼ, ĐỒ THỊ Hình Microsoft ASP.NET Hình Tổng quan mơ hình MVC 11 Hình Mơ hình minh họa MVC 12 Hình Bootstrap 14 Hình Sơ đồ phân rã chức trang web 18 Hình Use Case tổng quát 19 Hình Use Case cho Viewer .20 Hình Use Case cho Admin 21 Hình Cơ sở liệu 25 Hình 10 Giao diện trang chủ 28 Hình 11 Giao diện khóa học HTML 29 Hình 12 Giao diện khóa học CSS 29 Hình 13 Giao diện khóa học Javascript 30 Hình 14 Giao diện tập HTML, CSS, Javascript 32 Hình 15 Giao diện thực hành HTML 32 Hình 16 Giao diện đăng nhập 33 Hình 17 Giao diện đăng ký 34 Hình 18 Giao diện trang chủ Admin 34 Hình 19 Giao diện danh sách khóa học 35 Hình 20 Giao diện danh sách giảng 35 Hình 20 Giao diện danh sách câu hỏi 36 Hình 21 Giao diện danh sách tài khoản 37 CHƯƠNG : CƠ SỞ LÝ THUYẾT 1.Vài nét sơ lược vè công nghệ ASP.NET MVC5 - ASP.NET framwork lập trình web cung cấp Microsoft sử dụng ngơn ngữ C# làm ngơn ngữ phát triển ASP.NET bao gồm model Web Forms MVC Hình Microsoft ASP.NET 1.1 Những ưu, nhược điểm công nghệ ASP.NET MVC5 - Ưu điểm: + Do sử dụng mơ hình MVC nên ASP.Net MVC tách biệt tầng mô hình lập trình web giúp tối ưu ứng dụng dễ dàng việc viết code, giao diện + Giao diện ASP.Net MVC sử dụng công nghệ thiết kế web HTML, CSS việc thiết kế giao diện trở nên dễ dàng giúp cho designer linh hoạt việc thiết kế + ASP.Net MVC không sử dụng view state trang web khơng bị tăng kích thước hiệu hoạt động khơng bị bị giảm