1. Trang chủ
  2. » Luận Văn - Báo Cáo

đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập

43 1 0
Tài liệu đã được kiểm tra trùng lặp

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Tiêu đề Ứng Dụng Chia Sẻ Kinh Nghiệm Học Tập
Tác giả Tạ Hoàng Long, Trương Đức Thiện
Người hướng dẫn ThS. Lê Thanh Trọng
Trường học Đại học Quốc gia TP. Hồ Chí Minh
Chuyên ngành Công nghệ thông tin
Thể loại đồ án
Năm xuất bản 2023
Thành phố TP. Hồ Chí Minh
Định dạng
Số trang 43
Dung lượng 1,26 MB

Cấu trúc

  • Chương 1. TỔNG QUAN VỀ ĐỀ TÀI (0)
    • 1.1. Tổng quan về đề tài (7)
    • 1.2. Mục tiêu (7)
    • 1.3. Phạm vi (7)
  • Chương 2. PHÂN TÍCH VÀ THIẾT KẾ (9)
    • 2.1. Sơ đồ usecase (9)
    • 2.2. Đặc tả use-case (10)
      • 2.2.1. Tài khoản (10)
      • 2.2.2. Bài viết (13)
      • 2.2.3. Quản lý (27)
    • 2.3. Sơ đồ lớp (33)
    • 2.4. Màn hình (34)
      • 2.4.1. Màn hình đăng nhập (34)
      • 2.4.2. Màn hình đăng kí (34)
      • 2.4.3. Trang chú khi chưa đăng nhập (35)
      • 2.4.4. Trang chú khi đăng nhập (35)
      • 2.4.5. Trang cá nhân (36)
      • 2.4.6. Cập nhật trang cá nhân (36)
      • 2.4.7. Trang FAQs (37)
      • 2.4.8. Thêm FAQs (37)
      • 2.4.9. Trang xem bài viết (38)
    • 3.1. Công nghệ sử dụng (39)
      • 3.1.1. HTML (39)
      • 3.1.2. CSS (39)
      • 3.1.3. EXPRESS JS (40)
      • 3.1.4. MONGODB (41)
    • 3.2. DEMO SẢN PHẨM (41)
  • Chương 4. KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN (42)
    • 4.1. Kết luận (42)
    • 4.2. Hướng Phát Triển (42)

Nội dung

TỔNG QUAN VỀ ĐỀ TÀI

Tổng quan về đề tài

Đề tài của chúng em tập trung vào việc phát triển một hệ thống trao đổi kinh nghiệm học tập trực tuyến, nhằm tạo ra một cộng đồng học tập chủ động và đa dạng Với sự tăng cường của công nghệ, nhu cầu chia sẻ thông tin và kinh nghiệm giữa các học sinh,sinh viên ngày càng lớn.

Mục tiêu

 Xây Dựng Cộng Đồng Học Tập Linh Hoạt: Tạo nên một nền tảng nơi mọi người có thể chia sẻ, thảo luận, và tìm kiếm thông tin liên quan đến học tập.

 Đa Dạng Nội Dung và Chủ Đề: Cung cấp một môi trường đa dạng cho người dùng chia sẻ kinh nghiệm và kiến thức trong nhiều lĩnh vực học thuật và nghề nghiệp.

 Khuyến Khích Sự Tương Tác: Tạo ra các tính năng khuyến khích tương tác như bình luận, đánh giá, và chia sẻ để mọi người cảm thấy họ là một phần của cộng đồng.

 Chất Lượng Nội Dung: Khuyến khích nội dung chất lượng thông qua đánh giá và xếp hạng từ cộng đồng.

Phạm vi

Website sẽ bao gôm các chức năng chính như: đăng nhập/đăng xuất, đăng tải bài post, đăng tải và lưu trữ các tệp document.

PHÂN TÍCH VÀ THIẾT KẾ

Sơ đồ usecase

Đặc tả use-case

Tên Use-case Usecase Đăng nhập

Mô tả Use-case Đăng nhập vào forum

Kích hoạt (Trigger) Mở website

Use-case liên quan Không có

Tiền điều kiện Hệ thống phải kết nối đến cơ sở dữ liệu

Hậu điều kiện Guest sẽ được thông báo là đăng nhập thành công

Luồng sự kiện chính 1 Guest nhập thông tin đăng nhập

2 Hệ thống xác thực đăng nhập thành công

3 Hệ thống xác nhận và thông báo đăng nhập thành công

Luồng sự kiện phụ 2a Guest nhập xài thông tin đăng nhập.Quay lại bước 1.

2b Guest nhập thông tin tài khoản đã bị cấm hoặc xóa.Quay lại bước 1

Luồng sự kiện ngoại Guest thoát khỏi màn hình đăng nhập Use-case đăng nhập dừng lệ lại.

Bảng 2-1 Đặc tả usecase Đăng nhập 2.2.1.2.Use-case Quên mật khẩu

Tên Use-case Quên mật khẩu

Mô tả Use-case Tạo lại mật khẩu cho tài khoản

Kích hoạt (Trigger) Guest nhấn vào nút quên mật khẩu ở màn hình đăng nhập

Use-case liên quan Không có

Tiền điều kiện Hệ thống phải kết nối đến cơ sở dữ liệu

Hậu điều kiện Guest sẽ được thông báo “Đặt lại mật khẩu thành công” và mật khẩu mới được cập nhật vào cơ sở dữ liệu

Luồng sự kiện chính 1 Guest click vào “Quên mật khẩu”

2 Guest nhập vào mật khẩu hiện tại

3 Hệ thống gửi đến mã OTP thông qua gmail được đăng kí chung với tài khoản

5 Hệ thống đặt lại mật khẩu cho người dùng

6 Hệ thống thông báo “Đặt lại mật khẩu thành công”

Luồng sự kiện phụ 2a Guest nhập sai mật khẩu lúc này sẽ hiện thông báo”Thông tin tài khoản không chính xác”

4a.Nhập sai mã OTP lúc này sẽ hiện thông báo “Mã OTP không trùng khớp”

Luồng sự kiện ngoại lệ

Thoát khỏi màn hình Quên mật khẩu Use-case quên mật khẩu dừng lại.

Bảng 2-2 Đặc tả usecase Quên mật khẩu 2.2.1.3.Use-case Đăng ký

Tên Use-case Đăng ký

Mô tả Use-case Guest đăng kí tài khoản

Kích hoạt (Trigger) Guest nhấn vào nút đăng kí ở màn hình đăng nhập

Use-case liên quan Không có

Tiền điều kiện Hệ thống phải kết nối đến cơ sở dữ liệu

Hậu điều kiện Guest sẽ được thông báo “Tạo tài khoản thành công” và tài khoản mới được cập nhật vào cơ sở dữ liệu

Luồng sự kiện chính 1 Guest click vào “Đăng kí ”

2 Guest nhập vào mật khẩu hiện tại

3 Hệ thống gửi đến mã xác nhận thông qua gmail được đăng kí chung với tài khoản

4 Click vào nút đăng kí

5 Hệ thống lưu thông tin người dùng vào Database

6 Hệ thống thông báo “Tạo tài khoản thành công”

Luồng sự kiện phụ 2a Guest nhập sai mật khẩu lúc này sẽ hiện thông báo”Thông tin tài khoản không chính xác”

4a.Nhập sai mã OTP lúc này sẽ hiện thông báo “Mã OTP không trùng khớp”

Luồng sự kiện ngoại lệ

Thoát khỏi màn hình đăng kí Use-case quên đăng kí kết thúc

Bảng 2-3 Đặc tả usecase Đăng ký 2.2.2 Bài viết

2.2.2.1.Use-case xem bài viết

Tên Use-case Xem bài biết

Mô tả Use-case Người dùng xem bài viết hiện hữu

Kích hoạt (Trigger) Người dùng click vào 1 bài viết bất kì ở website

Use-case liên quan Không có

Tiền điều kiện Hệ thống phải kết nối đến cơ sở dữ liệu.

Nếu là người dùng thì phải đăng nhập tài khoản.

Hậu điều kiện Không có.

Luồng sự kiện chính 1 Người dùng hoặc guest click vào bài viết muốn xem

Luồng sự kiện phụ Không có

Luồng sự kiện ngoại lệ

Thoát khỏi màn hình trang chủ Use-case xem bài viết kết thúc.

Bảng 2-4 Đặc tả usecase xem bài viết 2.2.2.2.Use-case tìm kiếm bài viết

Tên Use-case Tìm kiếm bài viết

Mô tả Use-case Người dùng tìm kiếm bài viết

Kích hoạt (Trigger) Người dùng click vào ô tìm kiếm ở trang chủ

Use-case liên quan Không có

Tiền điều kiện Hệ thống phải kết nối đến cơ sở dữ liệu.

Người dùng đăng nhập thành công vào website và đang ở giao diện trang chủ

Hậu điều kiện Người dùng sẽ được thông báo “Tạo tài khoản thành công” và tài khoản mới được cập nhật vào cơ sở dữ liệu

Luồng sự kiện chính 1 Người dùng click vào thanh tìm kiếm

2 Người dùng nhập vào từ khóa

3 Màn hình sẽ chuyển đến nội dung liên quan đến từ khóa bạn nhập

Luồng sự kiện phụ 2a.Người dùng nhập từ khóa không tồn tại lúc này sẽ hiện màn hình “không tìm tháy từ khóa trùng khớp

Luồng sự kiện ngoại lệ

Người dùng thoát khỏi màn hình tìm kiếm Use-case tìm kiếm kết thúc.

Bảng 2-5 Đặc tả usecase tìm kiếm bài viết 2.2.2.3.Use-case lọc bài viết

Tên Use-case Lọc bài viết

Mô tả Use-case Người dùng lọc bài viết

Kích hoạt (Trigger) Người dùng nhất vào tag mà người dùng muốn lọc

Use-case liên quan Không có

Tiền điều kiện Hệ thống phải kết nối đến cơ sở dữ liệu

Người dùng phải đăng nhập tài khỏan

Hậu điều kiện Màn hình sẽ được lọc nhưng bài viết theo tiêu chí được chọn

Luồng sự kiện chính 1 Người dùng click tag lọc bài viết

2 Người dùng click vào tag muốn lọc

3 Màn hình trnag chủ sẽ trích xuất ra những bài viết theo tag được chọn

Luồng sự kiện phụ 2a.Người dùng không chọn tag để lọc lúc này màn hình sẽ xuất ra tất cả bài viết đang có.

Luồng sự kiện ngoại lệ

Người dùng thoát khỏi màn hình trang chủ Use-case lọc bài viết kết thúc.

Bảng 2-6 Đặc tả usecase lọc bài viết 2.2.2.4.Use-case thêm bài viết

Tên Use-case Thêm bài viết

Mô tả Use-case Người dùng thêm 1 bài viết vào diễn đàn

Kích hoạt (Trigger) Người dùng nhấn vào thêm bài viết ở trang chủ

Use-case liên quan Không có

Tiền điều kiện Hệ thống phải kết nối đến cơ sở dữ liệu.

Người dùng phải đăng nhập tài khoản để thực hiện chứ năng này

Hậu điều kiện Người dùng sẽ được thông báo “Tạo bài viết thành công” và bài viết mới được cập nhật vào cơ sở dữ liệu

Luồng sự kiện chính 1 Người dùng click vào “Thêm bài viết

2 Người dùng nhập vào nội dung bài viết

3 Khi nhập xong bài viết người dùng chọn đăng bài viết

4 Hệ thống sẽ đăng tải bài viết của người dùng vào diễn đàn

Luồng sự kiện phụ 2a.Người dùng không nhập thông tin hoặc nhập không đủ thông tin màn hình sẽ hiện lên thông báo “vui lòng nhập đủ thông tin bài viết”

Luồng sự kiện ngoại lệ

Người dùng thoát khỏi màn hình thêm bài viết Use-case thêm bài viết kết thúc.

Bảng 2-7 Đặc tả usecase xem bài viết 2.2.2.5.Use-case xóa bài viết

Tên Use-case Xóa bài viết

Mô tả Use-case Người dùng xóa bài viết của bản thân

Kích hoạt (Trigger) Người dùng nhấn vào xóa bài viết ở giao diện của bài viết

Use-case liên quan Không có

Tiền điều kiện Hệ thống phải kết nối đến cơ sở dữ liệu

Tài khoản người dùng phải được đăng nhập và bài viết muốn xóa phải từ cùng 1 người đăng

Hậu điều kiện Người dùng sẽ được thông báo “Xóa bài viết thành công” và bài viết sẽ bị xóa khỏi cơ sở dữ liệu

Luồng sự kiện chính 1 Người dùng click vào bài viết muốn xóa

2 Người dùng click vào xóa bài viết

3 Hệ thống gửi đến thông báo “Bạn có chắc chắn muốn xóa bài viết này”

5 Hệ thống xóa bài viết khỏi vào Database

6 Hệ thống thông báo “Xóa bài viết thành công”

Luồng sự kiện phụ 4a.Người dùng nhấn vào nút hủy Màn hình trở về màn hình bài viết.

Luồng sự kiện ngoại lệ

Người dùng thoát khỏi màn hình xóa bài viết Use-case xóa bài viết kết thúc.

Bảng 2-8 Đặc tả usecase xóa bài viết

2.2.2.6.Use-case sửa bài viết

Tên Use-case Sửa bài viết

Mô tả Use-case Người dùng sửa bài viết

Kích hoạt (Trigger) Người dùng nhấn vào nút chỉnh sửa bài viết ở trang bài viết

Use-case liên quan Không có

Tiền điều kiện Hệ thống phải kết nối đến cơ sở dữ liệu

Người dùng phải đăng nhập vào hệ thống và bài viết phải được cùng 1 người đăng.

Hậu điều kiện Người dùng sẽ được thông báo “Chỉnh sửa bài viết thành công” và tài khoản mới được cập nhật vào cơ sở dữ liệu

Luồng sự kiện chính 1 Người dùng click vào “Đăng kí ”

2 Người dùng nhập vào mật khẩu hiện tại

3 Hệ thống gửi đến mã xác nhận thông qua gmail được đăng kí chung với tài khoản

4 Click vào nút đăng kí

5 Hệ thống lưu thông tin người dùng vào Database

6 Hệ thống thông báo “Tạo tài khoản thành công”

Luồng sự kiện phụ 2a.Người dùng nhập sai mật khẩu lúc này sẽ hiện thông báo”Thông tin tài khoản không chính xác”

4a.Nhập sai mã OTP lúc này sẽ hiện thông báo “Mã OTP không trùng khớp”

Luồng sự kiện ngoại lệ

Người dùng thoát khỏi màn hình sửa bài viết Use case sửa bài viết kết thúc.

Bảng 2-9 Đặc tả usecase sửa bài viết 2.2.2.7.Use-case bình luận bài viết

Tên Use-case Bình luận bài viết

Mô tả Use-case Người dùng bình luận bài viết

Kích hoạt (Trigger) Người dùng bình luận vào 1 bài viết ở 1 bài viết được đăng ở diễn đàng

Use-case liên quan Không có

Tiền điều kiện Hệ thống phải kết nối đến cơ sở dữ liệu

Người dùng đã đăng nhập vào tài khoản của họ và đã tìm thấy bài viết mà họ muốn bình luận

Hậu điều kiện Bình luận mới đã được thêm vào bài viết, và diễn đàn hiển thị thông báo cho người dùng rằng bình luận đã được đăng thành công

Luồng sự kiện chính 1 Tìm và xem bài viết mà họ muốn bình luận.

2 Nhấn vào nút "Bình luận" bên dưới bài đăng.

3 Nhập nội dung bình luận

4 Click vào nút đăng kí

Luồng sự kiện phụ 3a Nếu bình luận không hợp lệ (ví dụ: chứa nội dung vi phạm quy tắc diễn đàn), hệ thống sẽ hiển thị thông báo lỗi và yêu cầu người dùng sửa nội dung trước khi đăng bình luận.

Luồng sự kiện ngoại lệ

Bảng 2-10 Đặc tả usecase bình luận bài viết 2.2.2.8.Use-case xem bình luận bài viết đã đăng

Tên Use-case Xem bình luận đã đăng

Mô tả Use-case Người dùng xem bình luận đã đăng

Kích hoạt (Trigger) Người dùng xem danh sách các bình luận mà họ đã đăng trong bài viết hoặc trong phần cá nhân của họ

Use-case liên quan Sửa hoặc xóa bình luận.

Tiền điều kiện Hệ thống phải kết nối đến cơ sở dữ liệu

Người dùng đã đăng nhập vào tài khoản của họ.

Hậu điều kiện Người dùng có thể xem danh sách các bình luận đã đăng, và họ có thể tìm hiểu về hoạt động của mình trên diễn đàn

Luồng sự kiện chính 1 Truy cập vào phần "Bình luận của tôi" hoặc "Hoạt động của tôi".

2 Xem danh sách các bình luận đã đăng và bài viết mà chúng được đăng.

Luồng sự kiện phụ 2a Nếu có thay đổi trong trạng thái bài viết hoặc bình luận

(ví dụ: bài viết bị xóa hoặc bình luận bị từ chối), hệ thống cập nhật danh sách bình luận một cách tương ứng.

Luồng sự kiện ngoại lệ

Bảng 2-11 Đặc tả usecase xem bình luận bài viết đã đăng

2.2.2.9.Use-case Sửa hoặc xóa bình luận của mình

Tên Use-case Sửa/xóa bình luận

Mô tả Use-case Người dùng xửa hoặc xóa bình luận đã đăng

Kích hoạt (Trigger) Người dùng sửa hoặc xóa bình luận mà họ đã đăng nếu họ muốn chỉnh sửa hoặc gỡ bỏ chúng.

Use-case liên quan Không có

Tiền điều kiện Hệ thống phải kết nối đến cơ sở dữ liệu

Người dùng đã đăng nhập vào tài khoản của họ.

Hậu điều kiện Sửa: Bình luận đã được chỉnh sửa và cập nhật thành công.

Xóa: Bình luận đã bị xóa khỏi bài viết và không còn hiển thị nữa.

Luồng sự kiện chính 1 Tìm và xem bình luận mà họ muốn sửa hoặc xóa

2 Chọn tùy chọn "Sửa" hoặc "Xóa" gần bình luận.

3 Nếu chọn "Sửa," chỉnh sửa nội dung và lưu lại Nếu chọn

"Xóa," xác nhận hành động xóa.

Luồng sự kiện phụ 2a Nếu bình luận đã bị xóa, hệ thống sẽ cung cấp thông báo xác nhận xóa và bình luận đã bị xóa khỏi bài viết.

Luồng sự kiện ngoại lệ

Bảng 2-12 Đặc tả usecase sửa hoặc xóa bình luận của mình

2.2.2.10 Use-case Thông báo về các bình luận mới

Tên Use-case Thông báo về các bình luận mới

Mô tả Use-case Người dùng nhận được thông báo về các bình luận mới

Kích hoạt (Trigger) Người dùng nhận thông báo khi có bình luận mới trên bài viết mà họ đã tham gia

Use-case liên quan Không có

Tiền điều kiện Hệ thống phải kết nối đến cơ sở dữ liệu

Người dùng đã đăng nhập vào tài khoản của họ và đã chọn tùy chọn "Theo dõi" hoặc "Bình luận" trên bài viết mà họ muốn nhận thông báo.

Hậu điều kiện Người dùng đã nhận được thông báo về bình luận mới, và họ có thể truy cập để xem bình luận mới.

Luồng sự kiện chính 1 Hệ thống gửi thông báo ngay lập tức khi có bình luận mới

2 Thông báo có thể xuất hiện dưới dạng cửa sổ bật lên, thông báo trình duyệt, hoặc thông báo điện thoại di động.

Luồng sự kiện phụ 1a Người dùng có thể tùy chỉnh cài đặt thông báo trong phần cài đặt tài khoản Họ có thể chọn loại thông báo (real-time, tổng hợp), loại nội dung (bài viết, hình ảnh, video), hoặc thiết lập khung giờ nhận thông báo.

Luồng sự kiện ngoại lệ

Bảng 2-13 Đặc tả usecase thông báo về các bình luận mới

2.2.2.11 Use-case phản hồi bài viết

Tên Use-case Phản hồi bài viết

Mô tả Use-case Người dùng sửa bài viết

Kích hoạt (Trigger) Người dùng nhấn vào nút chỉnh sửa bài viết ở trang bài viết

Use-case liên quan Không có

Tiền điều kiện Hệ thống phải kết nối đến cơ sở dữ liệu

Người dùng đã đăng nhập vào tài khoản của họ và đã truy cập vào bài viết mà họ muốn xem phản hồi.

Hậu điều kiện Người dùng có thể xem danh sách các phản hồi đã nhận được từ người khác đối với bài viết.

Luồng sự kiện chính 1 Truy cập vào bài viết mà họ muốn xem phản hồi

2 Xem danh sách các phản hồi được hiển thị cùng với bài viết

3 Nhập nội dung bạn muốn phản hội

Luồng sự kiện phụ 3a.Nội dung phản hồi vi phạm quy tắc của forum diễn đàn.

Bảng 2-14 Đặc tả usecase phản hồi bài viết

2.2.2.12 Use-case đánh giá bài viết

Tên Use-case Đánh giá bài viết

Mô tả Use-case Người dùng sửa bài viết

Kích hoạt (Trigger) Người dùng nhấn vào nút chỉnh sửa bài viết ở trang bài viết

Use-case liên quan Không có

Tiền điều kiện Hệ thống phải kết nối đến cơ sở dữ liệu

Bài viết đã được hiển thị cho người dùng.

Hậu điều kiện Người dùng sẽ được thông báo “Chỉnh sửa bài viết thành công” và tài khoản mới được cập nhật vào cơ sở dữ liệu

Luồng sự kiện chính 1 Người dùng đọc bài viết

2 Sau khi đọc xong, họ có khả năng đánh giá bài viết a Đánh Giá Sao: Người dùng chọn số sao (thường là từ 1 đến 5) để đánh giá bài viết Hệ thống tự động cập nhật điểm đánh giá của bài viết b Nhận Xét/Đánh Giá Bổ Sung: Người dùng có thể chọn viết một bình luận hoặc nhận xét để bổ sung đánh giá của họ Hệ thống có thể cập nhật số liệu thống kê và hiển thị bình luận cùng với đánh giá sao.

Luồng sự kiện phụ 2a Người tạo bài viết có thể nhận được thông báo về đánh giá mới trên bài viết của họ Thông báo có thể bao gồm số sao và bình luận để họ có thể đánh giá phản hồi

2b Để tránh lạm dụng hệ thống đánh giá, có thể có các biện pháp bảo vệ như giới hạn số lần đánh giá từ một tài khoản trong một khoảng thời gian cụ thể.

Bảng 2-15 Đặc tả usecase đánh giá bài viết 2.2.3 Quản lý

2.2.3.1 Use-case xóa bài viết người dùng

Tên Use-case Xóa bài viết người dùng

Mô tả Use-case Admin xóa bài viết người dùng

Kích hoạt (Trigger) Admin ấn vào nút xóa bài viết người dùng ở mục bài viết vi phạm quy tắc

Use-case liên quan Không có

Tiền điều kiện Hệ thống phải kết nối đến cơ sở dữ liệu

Admin đã đăng nhập vào tài khoản của họ và đã truy cập vào bài viết mà họ muốn xóa.

Hậu điều kiện Người dùng sẽ được thông báo “xóa bài viết thành công” và bai viết đã bị xóa khỏi cơ sở dữ liệu

Luồng sự kiện chính 1 Admin truy cập trang quản lý bài viết hoặc trang quản trị hệ thống.

2 Tìm kiếm và chọn bài viết cần xóa từ danh sách các bài viết của người dùng.

3 Admin chọn tùy chọn "Xóa"

4 Hệ thống hiển thị một hộp thoại xác nhận xóa

5 Admin đồng ý xóa, hệ thống thực hiện xóa bài viết khỏi cơ sở dữ liệu.

Luồng sự kiện phụ 3a Trước khi xóa, admin có thể nhập một ghi chú giải thích lý do xóa bài viết.

5a Sau khi xóa bài viết, hệ thống có thể tự động gửi thông báo cho người dùng thông báo về việc xóa bài viết của họ.

Bảng 2-16 Đặc tả usecase xóa bài viết người dùng

2.2.3.2.Use-case quản lý tài khoản người dùng

Tên Use-case Quản lý tài khoản người dùng

Mô tả Use-case Admin thực hiện chức năng quản lý người dùng

Kích hoạt (Trigger) Admin nhấp vào mục quản lý tài khoản ở trang chủ

Use-case liên quan Không có

Tiền điều kiện Hệ thống phải kết nối đến cơ sở dữ liệu

Admin đã đăng nhập vào hệ thống với vai trò admin Người dùng cần được tạo hoặc đã tồn tại trong hệ thống.

Hậu điều kiện Hệ thống cập nhật danh sách người dùng để phản ánh sự thay đổi Quản trị viên có thể tiếp tục quản lý các người dùng khác hoặc thực hiện các nhiệm vụ quản trị khác.

Luồng sự kiện chính 1 Admin truy cập trang quản lý người dùng hoặc trang quản trị hệ thống

2 Tìm kiếm và chọn người dùng cần quản lý từ danh sách người dùng

3 Admin có thể thực hiện một hoặc nhiều trong các tùy chọn quản lý sau:

Yêu cầu thay Đổi Thông Tin Tài Khoản: Admin có thể yêu cầu thay đổi thông tin như tên, email, và thông tin liên lạc khác của người dùng Đặt Lại Mật Khẩu: Admin có thể đặt lại mật khẩu cho người dùng và thông báo mật khẩu mới cho họ

Cấp Quyền: Admin có thể cấp hoặc hủy quyền truy cập hoặc vai trò cụ thể cho người dùng (ví dụ: quyền xem, quyền chỉnh sửa, quyền xóa)

Khóa/Mở Khóa Tài Khoản: Admin có thể khóa hoặc mở khóa tài khoản người dùng

Xóa Tài Khoản: Admin có thể xóa tài khoản người dùng khỏi hệ thống.

Luồng sự kiện phụ Không có.

Bảng 2-17 Đặc tả usecase quản lí tài khoản người dùng

2.2.3.3.Use-case FAQS và giải đáp thắc mắc

Tên Use-case FAQs và giải đáp thắc mắc

Mô tả Use-case Người dùng tìm kiếm và giải đáp thắc mắc của bản thân

Kích hoạt (Trigger) Người dùng nhấn vào FAQS và giải đáp thắc mắc ở trang chủ

Use-case liên quan Không có

Tiền điều kiện Hệ thống phải kết nối đến cơ sở dữ liệu

Hệ thống FAQs đã được thiết lập và chứa các câu hỏi thường gặp và câu trả lời liên quan Người dùng có quyền truy cập vào hệ thống FAQs.

Hậu điều kiện Người dùng sẽ được thông báo “Chỉnh sửa bài viết thành công” và tài khoản mới được cập nhật vào cơ sở dữ liệu

Luồng sự kiện chính 1 Người dùng truy cập trang FAQs hoặc mục FAQs từ trang chính của hệ thống.

2 Xem danh sách các câu hỏi thường gặp được sắp xếp theo danh mục hoặc chủ đề

3 Người dùng chọn một câu hỏi cụ thể để xem câu trả lời hoặc chọn một danh mục để xem danh sách câu hỏi trong danh mục đó

4 Hệ thống hiển thị câu trả lời chi tiết hoặc danh sách câu trả lời có liên quan.

Luồng sự kiện phụ 2a Nếu người dùng không tìm thấy câu hỏi thường gặp mong muốn, họ có thể sử dụng tính năng tìm kiếm

2b.Người dùng nhập từ khóa hoặc cụm từ liên quan vào ô tìm kiếm

2c.Hệ thống trả về các kết quả phù hợp với từ khóa tìm kiếm.

4a.Nếu người dùng không tìm thấy câu hỏi mong muốn, họ có thể có khả năng đề xuất thêm câu hỏi

4b.Hệ thống cung cấp một cơ chế để người dùng gửi câu hỏi mới hoặc đề xuất thêm nội dung.

Bảng 2-18 Đặc tả usecase FAQs và giải đáp thắc mắc

2.2.3.4.Use-case báo cáo thống kê

Tên Use-case Báo cáo thống kê

Mô tả Use-case Admin lập báo cáo thống kê

Kích hoạt (Trigger) Admin truy cập vào bảng điều khiển thống kê và xem thông tin tổng quan về hoạt động trên diễn đàn trong một khoảng thời gian cụ thể (ngày, tuần, tháng).

Use-case liên quan Không có

Tiền điều kiện Hệ thống phải kết nối đến cơ sở dữ liệu

Người dùng phải đăng nhập vào hệ thống và bài viết phải được cùng 1 người đăng.

Hậu điều kiện Người dùng sẽ được thông báo “Chỉnh sửa bài viết thành công” và tài khoản mới được cập nhật vào cơ sở dữ liệu

Luồng sự kiện chính 1 Đăng nhập vào tài khoản admin và nhập vào mật khẩu hiện tại

2 Chọn mục "Thống kê" từ menu hoặc giao diện chínhClick vào nút đăng kí

3 Chọn khoảng thời gian cụ thể.

4 Xem thông tin tổng quan như số lượt truy cập, số bài viết mới, số người dùng mới, vv.

Luồng sự kiện phụ 3a.Không chọn thời gian hoặc nhập thơi gian không hợp lệ chương trình sẽ hiện lên thông báo vui lòng kiểm tra lại thông tin thời gian

Luồng sự ngoại lệ Người dùng thoát khỏi chương trình khi chưa thực hiện các bước ở sự kiện chính usecase báo cáo thống kê kết thúcBảng 2-19 Đặc tả usecase báo cáo thống kê

Sơ đồ lớp

Màn hình

Hình 2-3 Màn hình đăng nhập 2.4.2 Màn hình đăng kí

Hình 2-4 Màn hình đăng kí

2.4.3 Trang chú khi chưa đăng nhập

Hình 2-5 Màn hình trang chủ khi chưa đăng nhập 2.4.4 Trang chú khi đăng nhập

Hình 2-6 Màn hình trang chủ khi đăng nhập

Hình 2-7 Màn hình trang cá nhân 2.4.6 Cập nhật trang cá nhân

Hình 2-8 Màn hình cập nhật trang cá nhân

Hình 2-9 Màn hình FAQs 2.4.8 Thêm FAQs

Hình 2-10 Màn hình thêm FAQs

Hình 2-11 Màn hình xem bài viết 2.4.10 Màn hình thêm bài viết

Hình 2-12 Màn hình thêm bài viết

Chương 3 CÔNG NGHỆ SỬ DỤNG VÀ SẢN PHẨM KẾT QUẢ

Công nghệ sử dụng

HTML (Hypertext Markup Language) là ngôn ngữ đánh dấu được sử dụng để tạo và định dạng nội dung trên trang web Nó là một phần quan trọng của bất kỳ trang web nào trên Internet và cung cấp cấu trúc cơ bản cho trình duyệt web để hiển thị thông tin.

CSS (Cascading Style Sheets) là một ngôn ngữ đặc biệt được sử dụng để mô tả cách các phần tử HTML được hiển thị trên trang web CSS giúp bạn kiểm soát giao diện và bố cục của trang web,bao gồm màu sắc, kích thước, font chữ và định dạng khác của các phần tử Cụ thể, CSS cho phép bạn thực hiện những công việc sau đây: Định dạng màu sắc và font chữ: Bạn có thể xác định màu sắc văn bản, màu nền, và font chữ cho các phần tử trên trang web

Express.js là một framework web cho Node.js, được sử dụng để xây dựng ứng dụng web và API Nó cung cấp một tập hợp các tính năng và công cụ giúp giảm độ phức tạp khi phát triển ứng dụng web sử dụng Node.js.

MongoDB là một hệ quản trị cơ sở dữ liệu (DBMS) phi quan hệ, thuộc họ cơ sở dữ liệu NoSQL Được phát triển bởi MongoDB Inc., nó là một trong những cơ sở dữ liệu NoSQL phổ biến nhất và thường được sử dụng trong các ứng dụng web và dự án có yêu cầu lớn về dữ liệu không cố định hoặc có cấu trúc linh hoạt.

Ngày đăng: 15/05/2024, 09:30

HÌNH ẢNH LIÊN QUAN

Hình 2-1 Sơ đồ usecase - đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập
Hình 2 1 Sơ đồ usecase (Trang 9)
Bảng 2-1 Đặc tả usecase Đăng nhập 2.2.1.2. Use-case Quên mật khẩu - đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập
Bảng 2 1 Đặc tả usecase Đăng nhập 2.2.1.2. Use-case Quên mật khẩu (Trang 11)
Bảng 2-2 Đặc tả usecase Quên mật khẩu 2.2.1.3. Use-case Đăng ký - đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập
Bảng 2 2 Đặc tả usecase Quên mật khẩu 2.2.1.3. Use-case Đăng ký (Trang 12)
Bảng 2-3 Đặc tả usecase Đăng ký 2.2.2. Bài viết - đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập
Bảng 2 3 Đặc tả usecase Đăng ký 2.2.2. Bài viết (Trang 13)
Bảng 2-4 Đặc tả usecase xem bài viết 2.2.2.2. Use-case tìm kiếm bài viết - đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập
Bảng 2 4 Đặc tả usecase xem bài viết 2.2.2.2. Use-case tìm kiếm bài viết (Trang 14)
Bảng 2-5 Đặc tả usecase tìm kiếm bài viết 2.2.2.3. Use-case lọc bài viết - đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập
Bảng 2 5 Đặc tả usecase tìm kiếm bài viết 2.2.2.3. Use-case lọc bài viết (Trang 15)
Bảng 2-6 Đặc tả usecase lọc bài viết 2.2.2.4. Use-case thêm bài viết - đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập
Bảng 2 6 Đặc tả usecase lọc bài viết 2.2.2.4. Use-case thêm bài viết (Trang 16)
Bảng 2-7 Đặc tả usecase xem bài viết 2.2.2.5. Use-case xóa bài viết - đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập
Bảng 2 7 Đặc tả usecase xem bài viết 2.2.2.5. Use-case xóa bài viết (Trang 17)
Bảng 2-8 Đặc tả usecase xóa bài viết - đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập
Bảng 2 8 Đặc tả usecase xóa bài viết (Trang 18)
Bảng 2-9 Đặc tả usecase sửa bài viết 2.2.2.7. Use-case bình luận bài viết - đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập
Bảng 2 9 Đặc tả usecase sửa bài viết 2.2.2.7. Use-case bình luận bài viết (Trang 20)
Bảng 2-10 Đặc tả usecase bình luận bài viết 2.2.2.8. Use-case xem bình luận bài viết đã đăng - đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập
Bảng 2 10 Đặc tả usecase bình luận bài viết 2.2.2.8. Use-case xem bình luận bài viết đã đăng (Trang 21)
Bảng 2-11 Đặc tả usecase xem bình luận bài viết đã đăng 2.2.2.9. Use-case Sửa hoặc xóa bình luận của mình - đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập
Bảng 2 11 Đặc tả usecase xem bình luận bài viết đã đăng 2.2.2.9. Use-case Sửa hoặc xóa bình luận của mình (Trang 22)
Bảng 2-12 Đặc tả usecase sửa hoặc xóa bình luận của mình 2.2.2.10. Use-case Thông báo về các bình luận mới - đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập
Bảng 2 12 Đặc tả usecase sửa hoặc xóa bình luận của mình 2.2.2.10. Use-case Thông báo về các bình luận mới (Trang 23)
Bảng 2-13 Đặc tả usecase thông báo về các bình luận mới - đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập
Bảng 2 13 Đặc tả usecase thông báo về các bình luận mới (Trang 24)
Bảng 2-14 Đặc tả usecase phản hồi bài viết - đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập
Bảng 2 14 Đặc tả usecase phản hồi bài viết (Trang 25)
Bảng 2-15 Đặc tả usecase đánh giá bài viết 2.2.3. Quản lý - đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập
Bảng 2 15 Đặc tả usecase đánh giá bài viết 2.2.3. Quản lý (Trang 27)
Bảng 2-16 Đặc tả usecase xóa bài viết người dùng 2.2.3.2. Use-case quản lý tài khoản người dùng - đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập
Bảng 2 16 Đặc tả usecase xóa bài viết người dùng 2.2.3.2. Use-case quản lý tài khoản người dùng (Trang 28)
Bảng 2-17 Đặc tả usecase quản lí tài khoản người dùng 2.2.3.3. Use-case FAQS và giải đáp thắc mắc - đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập
Bảng 2 17 Đặc tả usecase quản lí tài khoản người dùng 2.2.3.3. Use-case FAQS và giải đáp thắc mắc (Trang 30)
Bảng 2-18 Đặc tả usecase FAQs và giải đáp thắc mắc 2.2.3.4. Use-case báo cáo thống kê - đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập
Bảng 2 18 Đặc tả usecase FAQs và giải đáp thắc mắc 2.2.3.4. Use-case báo cáo thống kê (Trang 31)
Hình 2-2 Sơ đồ lớp - đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập
Hình 2 2 Sơ đồ lớp (Trang 33)
Hình 2-3 Màn hình đăng nhập 2.4.2. Màn hình đăng kí - đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập
Hình 2 3 Màn hình đăng nhập 2.4.2. Màn hình đăng kí (Trang 34)
Hình 2-5 Màn hình trang chủ khi chưa đăng nhập 2.4.4. Trang chú khi đăng nhập - đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập
Hình 2 5 Màn hình trang chủ khi chưa đăng nhập 2.4.4. Trang chú khi đăng nhập (Trang 35)
Hình 2-6 Màn hình trang chủ khi đăng nhập - đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập
Hình 2 6 Màn hình trang chủ khi đăng nhập (Trang 35)
Hình 2-7 Màn hình trang cá nhân 2.4.6. Cập nhật trang cá nhân - đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập
Hình 2 7 Màn hình trang cá nhân 2.4.6. Cập nhật trang cá nhân (Trang 36)
Hình 2-9 Màn hình FAQs 2.4.8. Thêm FAQs - đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập
Hình 2 9 Màn hình FAQs 2.4.8. Thêm FAQs (Trang 37)
Hình 2-10 Màn hình thêm FAQs - đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập
Hình 2 10 Màn hình thêm FAQs (Trang 37)
Hình 2-11 Màn hình xem bài viết 2.4.10. Màn hình thêm bài viết - đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập
Hình 2 11 Màn hình xem bài viết 2.4.10. Màn hình thêm bài viết (Trang 38)
Hình 3-13 HTML 3.1.2. CSS - đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập
Hình 3 13 HTML 3.1.2. CSS (Trang 39)
Hình 3-15 EXPRESS JS - đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập
Hình 3 15 EXPRESS JS (Trang 40)
Hình 3-14 CSS 3.1.3. EXPRESS JS - đồ án 1 ứng dụng chia sẻ kinh nghiệm học tập
Hình 3 14 CSS 3.1.3. EXPRESS JS (Trang 40)

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

w