(Tiểu luận) báo cáo bài tập lớn học phần công nghệ web và dịch vụ trực tuyến đề tài xây dựng extension cho trình duyệt

ĐẠI HỌC BÁCH KHOA HÀ NỘI TRƯỜNG CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG - Báo cáo tập lớn Học phần: Công nghệ Web dịch vụ trực tuyến Đề tài: Xây dựng extension cho trình duyệt Giảng viên: TS.Đỗ Bá Lâm TS.Đào Thành Chung Nhóm 41 Mã lớp: 141328 Nhóm sinh viên thực hiện: STT Họ tên MSSV Nguyễn Quang Trung 20194194 Phạm Đức Trung 20190082 Thái Bảo Trung 20204858 Lại Quốc Trung 20204696 Hà Nội, tháng năm 2023 Mục lục CHƯƠNG MÔ TẢ ĐỀ TÀI Nội dung đề tài Kịch sử dụng Các tác nhân hệ thống Các hoạt động người dùng với hệ thống 4.1 Tiện ích lưu video 4.2 Web lưu trữ CHƯƠNG ĐẶC TẢ YÊU CẦU BÀI TOÁN .6 I.Phân tích yêu cầu chức Xác định tác nhân hệ thống Sơ đồ ca sử dụng tổng quan hệ thống Đặc tả ca sử dụng II.Phân tích yêu cầu phi chức 12 Yêu cầu bảo mật 12 Yêu cầu hiệu 12 Yêu cầu giao diện 12 Yêu cầu khác .12 CHƯƠNG PHÂN TÍCH THIẾT KẾ BÀI TỐN 13 I Mơ hình hóa tương tác 13 Các biểu đồ trình tự 13 II.Thiết kế chi tiết lớp 18 1.Sơ đồ lớp 18 1.2 Sơ đồ gói lớp Model 19 2.Mô tả lớp 21 III Thiết kế liệu 28 Sơ đồ quan hệ bảng liệu 28 2.Đặc tả sở liệu 28 CHƯƠNG 4: CÔNG NGHỆ SỬ DỤNG 31 I Các công nghệ sử dụng 31 Front-end .31 Back-end Server .34 Database: NoSQL .36 CHƯƠNG 5: KẾT QUẢ CHƯƠNG TRÌNH .37 I Chương trình minh họa 37 II Giao diện người dùng 37 CHƯƠNG 6: TỔNG KẾT 37 I Khó khăn học .37 II Phân công công việc 38 III Kết luận 38 TÀI LIỆU THAM KHẢO .38 LỜI NÓI ĐẦU Trong với bối cảnh công nghệ nay, việc áp dụng tiến độ khoa học công nghệ vào học tập , làm việc, thảo luận, khơng cịn q xa lạ Nhưng áp dụng thơi chưa đủ, áp dụng cơng nghệ nhận rằng: Để công việc hay học tập trở nên hiệu ln cần tay phụ để trợ giúp cho Những cánh tay phụ người, cỗ máy, AI trợ giúp hay đơn giản tiện ích phụ trợ Tiện ích công cụ hỗ trợ kèm với thiết bị hay khuyến mại thêm sử dụng dịch vụ Nó giúp công việc trở nên nhanh gọn dễ dàng Trong phạm vi tập lớn học phần Công nghệ Web dịch vụ trực tuyến này, nhóm 41 chúng em chọn đề tài làm tiện ích cho trình duyệt Cụ thể tiện ích record hình máy tính Dưới báo cáo kết đạt nhóm em suốt trình xây dựng thời gian qua Báo cáo gồm chương: CHƯƠNG 1: MÔ TẢ ĐỀ TÀI CHƯƠNG ĐẶC TẢ YÊU CẦU BÀI TOÁN CHƯƠNG PHÂN TÍCH THIẾT KẾ BÀI TỐN CHƯƠNG 4: CƠNG NGHỆ SỬ DỤNG CHƯƠNG 5: KẾT QUẢ CHƯƠNG TRÌNH CHƯƠNG 6: TỔNG KẾT CHƯƠNG MÔ TẢ ĐỀ TÀI Nội dung đề tài Xây dựng tiện ích giúp người dùng record lại hình cần Tiện ích sử dụng trình duyệt Người dùng lựa chọn lựa chọn bật tắt mic Nếu thấy video chưa đạt yêu cầu, người dùng lựa chọn loại bỏ Người dùng tải video xuống lưu vào web lưu trữ Người dùng truy cập vào web lưu trữ hệ thống Ở người dùng xem lại video Ngồi ra, người dùng xem video người khác Kịch sử dụng Người dùng sử dụng tiện ích, ghi lại tồn hình lưu lại Người dùng đăng nhập vào web lưu trữ, xem lại video video người khác Các tác nhân hệ thống Những người thêm tiện ích vào trình duyệt Đối với web lưu trữ, người dùng đăng nhập vào hệ thống Các hoạt động người dùng với hệ thống 4.1 Tiện ích lưu video Quay lại hình Lựa chọn tắt hay bật mic Lưu lại video vừa quay Xoá video vừa quay 4.2 Web lưu trữ Đăng nhập Xem thông tin tài khoản Xem danh sách video Xem lại video Quản lý video Xem video người khác Xem thông tin video người khác Comment video CHƯƠNG ĐẶC TẢ U CẦU BÀI TỐN I.Phân tích u cầu chức Xác định tác nhân hệ thống Hệ thống có tác nhân chính: User User sử dụng chức hệ thống record video, xem video có database, tìm kiếm video, comment, … Sơ đồ ca sử dụng tổng quan hệ thống Đặc tả ca sử dụng 3.1 Đặc tả “UC001-Đăng nhập” Mã use case UC001 Tác nhân User Mục đích sử dụng User đăng nhập hệ thống Sự kiện kích hoạt User chọn chức đăng nhập hệ thống Điều kiện tiên Không Luồng kiện (Thành cơng) Tên use case Đăng nhập Khách chọn chức đăng nhập Hệ thống hiển thị giao diện đăng nhập tài khoản google Khách yêu cầu đăng nhập tài khoản google Hệ thống kiểm tra tài khoản hợp lệ hay không Hệ thống thông báo đăng nhập thành công chuyển giao diện Luồng kiện ngoại lệ Không Hậu điều kiện Hệ thống thông báo đăng nhập thành công chuyển giao diện 3.2 Đặc tả “UC002-Xem danh sách video” Mã use case UC002 Tác nhân User Mục đích sử dụng Tác nhân xem danh sách video record lại Sự kiện kích hoạt Tác nhân chọn chức xem danh sách tất video Điều kiện tiên Tác nhân trang chủ hệ thống Luồng kiện (Thành công) Tên use case Xem danh sách video Tác nhân chọn chức xem danh sách video Hệ thống hiển thị danh sách Luồng kiện ngoại lệ Không Hậu điều kiện Tác nhân xem danh sách video record 3.3 Đặc tả “UC003-Tìm kiếm video” Mã use case UC003 Tác nhân User Mục đích sử dụng Tác nhân tìm kiếm video Sự kiện kích hoạt Tác nhân chọn chức tìm kiếm video Điều kiện tiên Khơng Luồng kiện (Thành cơng) Tên use case Tìm kiếm video Tác nhân chọn chức tìm kiếm video Hệ thống hiển thị tìm kiếm Tác nhân nhập từ khóa tìm kiếm Tác nhân u cầu tìm kiếm Hệ thống liệt kê danh sách video có chứa từ khóa tìm kiếm Luồng kiện ngoại lệ 5a Hệ thống thơng báo lỗi: từ khóa tìm kiếm khơng hợp lệ 5b Không tồn video phù hợp Hậu điều kiện Người dùng nhìn thấy danh sách video tìm thấy (có thể danh sách rỗng) 3.4 Đặc tả “UC004-Comment” Mã use case UC004 Tác nhân User Mục đích sử dụng User bình luận video Sự kiện kích hoạt User chọn bình luận video Điều kiện tiên User xem video Luồng kiện (Thành cơng) User chọn bình luận video User soạn thảo nội dung bình luận User yêu cầu đăng bình luận Hệ thống hiển thị bình luận video Khơng Luồng kiện ngoại lệ Hậu điều kiện Tên use case Comment Bình luận video, người xem 3.5 Đặc tả “UC005-Chỉnh sửa video” Mã use case UC005 Tác nhân User Mục đích sử dụng User chỉnh sửa viết Sự kiện kích hoạt User chọn chức chỉnh sửa video Điều kiện tiên User nhìn thấy video cần sửa Luồng kiện (Thành công) Tên use case Chỉnh sửa video User chọn chỉnh sửa video User chỉnh sửa video User yêu cầu đăng video Hệ thống hiển thị video sau chỉnh sửa Luồng kiện ngoại lệ Hậu điều kiện Không Video chỉnh sửa, người xem 3.6 Đặc tả “UC006-Xóa video” Mã use case UC006 Tác nhân User Mục đích sử dụng User xóa video Sự kiện kích hoạt User chọn xóa video Điều kiện tiên User xem video Luồng kiện (Thành cơng) User chọn xóa video User yêu cầu xóa video Hệ thống xóa video 2a Hệ thống báo lỗi: Xóa video bị lỗi Luồng kiện ngoại lệ Hậu điều kiện Tên use case Xóa video Video bị xóa, thành viên chuyển trang chủ 3.7 Đặc tả “UC007-Xem thông tin User” Mã use case UC007 Tác nhân User Mục đích sử dụng User xem chi tiết thơng tin người dùng Sự kiện kích hoạt User chọn chức xem thông tin người dùng Điều kiện tiên User nhìn thấy tên người dùng Luồng kiện (Thành công) Tên use case Xem thông tin người user User yêu cầu xem người dùng Hệ thống hiển thị chi tiết thông tin người dùng Luồng kiện ngoại lệ Không Hậu điều kiện User xem chi tiết thông tin người dùng 10