Giao diện trang chủ (Homepage)

Với mong muốn mang đến trải nghiệm trực quan và tiện lợi hơn cho giáo viên cũng như học sinh, ClassIn vừa chính thức cập nhật giao diện trang chủ mới – hiện đại, tối ưu thao tác và hỗ trợ quản lý lớp học một cách linh hoạt.

Trong bài viết này, chúng ta sẽ cùng khám phá từng phần trong giao diện mới: từ thanh menu điều hướng, danh sách lớp học, cho đến các tính năng hỗ trợ như thanh To-Do và Dynamic Island. Từng chi tiết nhỏ đều được thiết kế nhằm giúp người dùng bắt đầu một ngày dạy và học thật trơn tru, hiệu quả.

Menu bar #

Trong giao diện của ClassIn, thanh menu bên trái đóng vai trò như một “bảng điều khiển” thu nhỏ, giúp giáo viên dễ dàng truy cập và quản lý toàn bộ các chức năng cần thiết cho việc giảng dạy và tương tác với học sinh. Bố cục được thiết kế tinh gọn, dễ hiểu, hướng đến trải nghiệm mượt mà cho người dùng.

Home page

Trang chủ (Home) #

Biểu tượng ngôi nhà đại diện cho trung tâm tổng hợp thông tin. Tại đây, giáo viên/ học viên có thể theo dõi nhanh các hoạt động gần nhất, danh sách lớp học, cũng như cập nhật những thông báo quan trọng từ hệ thống.

Tin nhắn (Chat) #

Biểu tượng hộp thoại là nơi tập trung các cuộc trò chuyện giữa giáo viên và học sinh, phụ huynh hoặc đồng nghiệp. Hệ thống sẽ hiển thị số lượng tin chưa đọc, giúp giáo viên không bỏ sót bất kỳ thông tin nào cần phản hồi kịp thời.

To Do #

Mục “To Do” hoạt động như một danh sách việc cần làm, hỗ trợ giáo viên theo dõi và xử lý các đầu việc như chấm bài, kiểm tra tài liệu, hay nhắc nhở các hoạt động trong lớp. Đây là công cụ đắc lực giúp tối ưu hóa quản lý thời gian.

Lịch học (Calendar) #

Chức năng Lịch học giúp giáo viên và học viên dễ dàng theo dõi thời gian biểu hàng ngày, hàng tuần. Tất cả các lớp học đã được sắp xếp rõ ràng theo khung giờ, tránh nhầm lẫn và đảm bảo đúng tiến độ giảng dạy.

Drive #

ClassIn tích hợp hệ thống lưu trữ tài liệu riêng, cho phép giáo viên và học viên tải lên, sắp xếp và sử dụng tài liệu một cách tiện lợi trong từng tiết học. Đây là nơi lưu trữ mọi bài giảng, slide, bài tập… cần thiết cho quá trình dạy và học.

Bảng đen (Blackboard) #

Bảng đen là công cụ giúp giáo viên thiết kế nội dung bài giảng trước khi bước vào lớp học. Giao diện mô phỏng chiếc bảng truyền thống nhưng được tích hợp tính năng công nghệ, cho phép chèn hình ảnh, văn bản, vẽ tay hoặc tạo hiệu ứng sinh động.

Mirror #

Tính năng phản chiếu màn hình từ thiết bị khác, thường được dùng trong các buổi trình chiếu hoặc khi giáo viên cần chia sẻ tài liệu, video từ điện thoại hoặc máy tính bảng lên lớp học.

Tài khoản #

Cuối thanh menu là ảnh đại diện và tên người dùng. Khi nhấn vào, bạn có thể truy cập nhanh các cài đặt tài khoản, chỉnh sửa thông tin cá nhân, hoặc đăng xuất khỏi hệ thống.

Danh sách lớp học ( Class List) #

Giao diện danh sách lớp học (Class List) trên ClassIn được thiết kế trực quan, giúp giáo viên và học dễ dàng quản lý các lớp học đang tham gia, theo dõi công việc cần làm và nhanh chóng truy cập vào lớp chỉ với một cú nhấp chuột. Mỗi lớp học được hiển thị dưới dạng một thẻ lớp (class card) với đầy đủ thông tin nhận diện và các chỉ báo quan trọng.

Lưu ý: ở Mục Tất cả lớp học, các thẻ được sắp xếp theo thời gian tạo lớp. Lớp mới tạo sẽ được xuất hiện lên trước.

Biểu tượng người màu xanh lá – Vai trò trong lớp #

Trên mỗi thẻ lớp, biểu tượng hình người màu xanh lá ở góc dưới bên trái thể hiện vai trò của người dùng trong lớp:

  • Nếu là giáo viên, biểu tượng này xuất hiện trên thẻ lớp
  • Nếu là học sinh sẽ không có biểu tượng
The lop

Đây là chỉ báo nhanh giúp giáo viên nhận diện được mình đang tham gia lớp với tư cách nào, nhất là khi dạy nhiều lớp khác nhau.

Vòng tròn đỏ có số – Số lượng nhiệm vụ (To-do task) #

Ở một số thẻ lớp, bạn sẽ thấy một vòng tròn đỏ có số ở góc cuối bên trái. Đây chính là chỉ số nhiệm vụ (to-do task) trong lớp đó, chẳng hạn như bài tập cần chấm, bình luận cần phản hồi.

The lop 2

Chỉ số này giúp giáo viên và học viên ưu tiên xử lý công việc còn tồn đọng trong từng lớp một cách khoa học.

Thanh chọn lọc danh sách lớp học (Class Filter Bar) #

Ngay phía trên danh sách lớp là thanh lọc giúp người dùng phân loại lớp học dễ dàng hơn. Các tuỳ chọn bao gồm:

  • Tất cả lớp học: Hiển thị toàn bộ các lớp mà người dùng đang tham gia, không phân biệt vai trò.
  • Giáo viên: Chỉ hiển thị các lớp mà bạn đang là giáo viên chính hoặc trợ giảng.
GV
  • Học sinh: Hiển thị các lớp mà bạn đang tham gia với vai trò là học sinh.
HV
  • Chờ thực hiện: Những lớp học có các đầu mục công việc cần hoàn thành.
Pending
  • Đã kết thúc: Các lớp học đã được giải tán.
Finished

Thanh To-do hỗ trợ quản lý các đầu mục #

Thanh To-Do là một trong những công cụ quan trọng giúp giáo viên quản lý khối lượng công việc giảng dạy một cách hiệu quả. Giao diện được thiết kế tối giản, phân loại rõ ràng theo thời gian và trạng thái, giúp người dùng dễ dàng theo dõi, chuẩn bị và hoàn thành các đầu việc đúng hạn.

To do bar

Cách tổ chức đầu việc trong thanh To-Do #

Toàn bộ nhiệm vụ (task) được tự động sắp xếp thành từng nhóm theo mốc thời gian:

Trong một ngày #

Nhóm các lớp học hoặc nhiệm vụ/ bài tập diễn ra hoặc sẽ kết thúc trong ngày hiện tại. Mỗi dòng thông tin bao gồm:

Một tuần sau #

Phân mục này tổng hợp các nhiệm vụ có lịch trình nằm trong 7 ngày tiếp theo. Đây là không gian để giáo viên/học viên theo dõi trước các lớp học, bài kiểm tra hoặc hoạt động cần chuẩn bị từ sớm.

Không có thời hạn

Những nhiệm vụ chưa được gán thời gian cụ thể hạn chót.

Nguyên tắc sắp xếp thứ tự hiển thị #

Các task trong mỗi nhóm được sắp xếp theo nguyên tắc:

  • Ưu tiên thời gian gần nhất: Những nhiệm vụ sắp đến hạn hoặc sắp bắt đầu luôn hiển thị ở trên cùng.
  • Có thời gian rõ ràng sẽ ưu tiên hiển thị trên so với nhiệm vụ không có hạn định.
  • Các nhiệm vụ có nút hành động (Vào lớp, Chuẩn bị) sẽ được làm nổi bật bằng màu xanh lá, giúp người dùng dễ nhận diện và thao tác nhanh.

Dynamic Island - Trợ lý nhắc lớp học theo thời gian thực trên ClassIn #

Một trong những cải tiến nổi bật trên giao diện người dùng của ClassIn là Dynamic Island – cửa sổ nổi nhỏ gọn, thông minh, giúp giáo viên và học sinh không bỏ lỡ bất kỳ buổi học nào sắp diễn ra.

Dynamic Island

Dynamic Island hiển thị ngay trên giao diện chính khi có từ một lớp học sắp bắt đầu. Tính năng này hoạt động như một đồng hồ đếm ngược, hiển thị các thông tin cốt lõi:

  • Tên lớp họcgiáo viên phụ trách
  • Thời gian bắt đầu buổi học
  • Ảnh đại diện lớp học để người dùng dễ nhận biết nhanh
  • Nút “Vào lớp” màu xanh lá cho phép truy cập ngay lập tức
  • Thời gian đếm ngược màu cam, cho biết còn bao lâu nữa lớp học bắt đầu

Thanh thời gian trực quan #

Ngay bên dưới tên lớp, một thanh tiến trình màu vàng được hiển thị như một đồng hồ học vụ trực quan. Thanh này giúp:

  • Theo dõi thời gian còn lại trước khi vào lớp.
  • Biết được mức độ khẩn trương, đặc biệt hữu ích khi có nhiều lớp học sắp trùng giờ.

 Thiết kế nổi bật – không gây phân tâm #

Dynamic Island được thiết kế nổi bật nhưng không lấn chiếm màn hình, giúp người dùng:

  • Vừa theo dõi lịch trình học, vừa tiếp tục thao tác các phần khác trên nền tảng.
  • Hạn chế tình trạng quên vào lớp hoặc bỏ lỡ thời gian dạy.