LAB 4 5 6 XAY DUNG PROJECT BIGSCHOOL

THỰC HÀNH THEO PROJECT BÀI THỰC HÀNH MƠN LẬP TRÌNH WEB KHOA CÔNG NGHỆ THÔNG TIN XUẤT BẢN NĂM 2017 Soạn nd.anh@hutech.edu.vn Trang 1 Mục tiêu thực hành - Xây dựng giao diện người sử dụng: HTML, CSS, Bootstrap - Xây dựng cấu trúc tái sử dụng - Mơ hình Entity Framework code First work-flow - Restful APIs - Lập trình Ajax - Bảo mật, phân quyền - Thiết kế phần mềm hướng đối tượng - Kiến trúc hệ thống phần mềm - Kiểm thử tự động (Automated Testing) Công nghệ sử dụng - ASP.NET MVC - Entity Framework - ASP.NET Identity - Bootstrap - Bootbox js - Jquery Soạn nd.anh@hutech.edu.vn Trang Mô tả yêu cầu Xây dựng mạng xã hội quản lý theo dõi khóa học trực tuyến (gọi tắt BigSchool) Webstie Mạng xã hội học tập BigSchool cung cấp chức bản: - Người học dễ dàng theo dõi khóa học Giảng viên u thích Thêm khóa học vào danh sách đăng ký tham dự Theo dõi Giảng viên để nhận thơng tin khóa học - Người học xem tất khóa học mở theo giảng viên tìm kiếm theo thơng tin tên giảng viên, chủ đề khóa học, địa điểm khóa học - Giảng viên đăng ký mở khóa học, bao gồm thơng tin ngày/ giờ, địa điểm chủ đề khóa học Giảng viên có trang quản lý khóa học để chỉnh sửa, cập nhật khóa học Phần mềm Sử dụng phần mềm sau để thực hành: - IDE: Visual studio community 2015 - MSSQL Server >= 2008 - [Tùy chọn] cài đặt Extension cho VS 2015 (Tool  Extension & Update) o ReSharper (free 30 trial license) o Productivity Power Tools 2013 (free) o Web Essentials 2015 (free) Phân tích yêu cầu ứng dụng BigSchool 5.1 Xác định usecase dự án - BigSchool dự án giúp quản lý theo dõi khóa học - Giảng viên đăng nhập quản lý khóa học Khi thêm khóa học có thơng tin địa điểm, thời gian, chủ đề khóa học - Giảng viên có trang quản lý khóa học bao gồm: Thêm, sửa, xóa khóa học - Học viên xem khóa học, tìm kiếm theo tên giảng viên, chủ đề, địa điểm - Học viên xem chi tiết khóa học đăng ký tham dự - Học viên theo dõi Giảng viên Khi theo dõi Giảng viên đó, học viên xem khóa học tới giảng viên BigSchool Feed Soạn nd.anh@hutech.edu.vn Trang 5.2 Phân tích use case 5.2.1 Chứng thực người dùng (sử dụng ASP.NET Identity Package, tích hợp ASP.NET MVC5) Bao gồm chức bản: - Đăng ký - Đăng nhập - Đăng xuất - Thay đổi mật - Thay đổi thơng tin cá nhân 5.2.2 Khóa học - Thêm khóa học - Danh sách khóa học diễn - Sửa khóa học - Xóa khóa học - Xem tất khóa học - Tìm kiếm - Xem chi tiết khóa học 5.2.3 Đăng ký tham gia khóa học - Đăng ký tham dự - Hủy đăng ký tham dự - Xem khóa học đăng ký tham dự 5.2.4 Theo dõi - Theo dõi giảng viên - Bỏ theo dõi - Danh sách người theo dõi - Trang tin theo dõi (Big School Feed) Soạn nd.anh@hutech.edu.vn Trang 5.3 Thứ tự use-case thực Thêm khóa học Xem danh sách Chỉnh sửa, xóa khóa học khóa học Danh sách Đăng ký tham Xem khóa Hủy đăng ký khóa học diễn dự học đăng ký tham dự tham dự Theo dõi giảng Danh sách viên người theo dõi Tìm kiếm Big school Feed Bỏ theo dõi Xem chi tiết�n hình Postman trên, nhấn SEND thêm lần nữa, có hai dòng liệu giống chèn vào CSDL Như vậy, có lỗi xảy * Xử lý lỗi thêm hai dòng giữ liệu giống vào CSDL - File Controllers/AttendancesController.cs Soạn nd.anh@hutech.edu.vn Trang 42 - Build ứng dụng thử Test lại kết với Postman *Thêm nút nhấn đăng ký tham gia khóa học - File Views/Home/Index.cshtml - Tạo thư mục DTOs nằm thư mục gốc ứng dụng Tạo file DTOs/AttendanceDto.cs (DTO: Data transfer object, đóng gói trao đổi liệu đối tượng tầng ứng dụng) Soạn nd.anh@hutech.edu.vn Trang 43 - File Controllers/AttendancesController.cs - Chạy ứng dụng kiểm tra kết 6.9 Theo dõi Giảng viên - Tạo file Models/Following.cs Soạn nd.anh@hutech.edu.vn Trang 44 - File Models/ApplicationUser.cs - File Models/ApplicationDbContext.cs Soạn nd.anh@hutech.edu.vn Trang 45 - Mở Package Manager Console o Add-migration AddFollowingsTable o Update-database - File DTOs/FollowingDto.cs - File Controllers/FollowingsController.cs Soạn nd.anh@hutech.edu.vn Trang 46 - File Views/Home/Index.cshtml Soạn nd.anh@hutech.edu.vn Trang 47 ... o Productivity Power Tools 2013 (free) o Web Essentials 20 15 (free) Phân tích yêu cầu ứng dụng BigSchool 5. 1 Xác định usecase dự án - BigSchool dự án giúp quản lý theo dõi khóa học - Giảng viên... học tới giảng viên BigSchool Feed Soạn nd.anh@hutech.edu.vn Trang 5. 2 Phân tích use case 5. 2.1 Chứng thực người dùng (sử dụng ASP.NET Identity Package, tích hợp ASP.NET MVC5) Bao gồm chức bản:...n nd.anh@hutech.edu.vn Trang 43 - File Controllers/AttendancesController.cs - Chạy ứng dụng kiểm tra kết 6. 9 Theo dõi Giảng viên - Tạo file Models/Following.cs Soạn nd.anh@hutech.edu.vn Trang 44 - File Models/ApplicationUser.c