Không chỉ dừng lại ở việc hiển thị danh sách chương chưa đọc, Notification Center còn được xây dựng như một hệ thống thông báo thời gian thực với REST API chuyên biệt, cơ chế cache thông minh, tìm kiếm trực tiếp trong danh sách Follow và nhiều lớp tối ưu nhằm đảm bảo trải nghiệm luôn nhanh chóng ngay cả trên những website có lượng dữ liệu lớn.
Bell Notification Dropdown
Phiên bản 2.7.1 bổ sung biểu tượng chuông thông báo hoàn toàn mới trên Header.
Khi mở Notification Center, người dùng sẽ ngay lập tức nhìn thấy danh sách những bộ truyện đang theo dõi có chương mới chưa đọc. Toàn bộ nội dung được tải động thông qua REST API và hiển thị bằng UIkit Dropdown, mang lại trải nghiệm mượt mà mà không cần tải lại trang.
Unread Badge theo thời gian thực
Biểu tượng chuông luôn hiển thị số lượng truyện còn chương chưa đọc thông qua badge được render trực tiếp từ máy chủ.
Khi người dùng đã đọc hết toàn bộ chương mới, badge sẽ tự động biến mất, giúp giao diện luôn gọn gàng và phản ánh chính xác trạng thái đọc hiện tại.
REST API chuyên biệt
Notification Center được xây dựng trên hai REST Endpoint hoàn toàn mới.
Endpoint unread-followed-manga trả về danh sách các bộ truyện đang theo dõi còn chương chưa đọc, sắp xếp theo hoạt động mới nhất và hỗ trợ phân trang linh hoạt.
Trong khi đó, endpoint following-search cho phép tìm kiếm đồng thời trên toàn bộ dữ liệu Follow, bao gồm Manga, Team và Người dùng, mang lại trải nghiệm tìm kiếm thống nhất chỉ với một ô nhập liệu.
Hệ thống Query và Cache mới
Để giảm tải cơ sở dữ liệu, Init Manga bổ sung lớp Query riêng cho Notification Center thông qua init_manga_get_unread_followed_manga().
Kết quả được lưu trong Object Cache với thời gian 10 phút theo từng người dùng và giới hạn truy vấn. Đồng thời, cache sẽ tự động được làm mới khi người dùng đọc chương hoặc thay đổi trạng thái Follow, giúp dữ liệu luôn chính xác mà không phát sinh truy vấn dư thừa.
Lazy Fetch thông minh
Notification Center chỉ tải dữ liệu khi người dùng thực sự mở Dropdown lần đầu tiên.
Trong lúc chờ phản hồi từ máy chủ, giao diện hiển thị Spinner ngay lập tức để tạo cảm giác phản hồi tức thời. Sau lần tải đầu tiên, toàn bộ dữ liệu được lưu trong bộ nhớ trình duyệt và tái sử dụng cho những lần mở tiếp theo nhằm giảm số lượng yêu cầu REST không cần thiết.
Tìm kiếm trực tiếp trong Follow
Một ô tìm kiếm mới được tích hợp ngay phía trên Notification Center.
Khi người dùng nhập từ khóa, hệ thống sẽ tự động tìm kiếm trong toàn bộ Manga, Team và Người dùng đang Follow với cơ chế Debounce, hỗ trợ hủy các yêu cầu đang xử lý bằng AbortController và cho phép nhấn Escape để nhanh chóng quay trở lại danh sách chương chưa đọc.
Điều hướng bằng bàn phím
Notification Center được thiết kế để hoạt động thuận tiện ngay cả khi không sử dụng chuột.
Người dùng có thể sử dụng các phím mũi tên để di chuyển giữa các kết quả, nhấn Enter để mở nội dung đang được chọn hoặc Escape để xóa tìm kiếm mà không làm đóng cửa sổ thông báo.
Template tìm kiếm thống nhất
Phiên bản 2.7.1 bổ sung template item-search.php hoàn toàn mới để hiển thị kết quả tìm kiếm.
Template này hỗ trợ đồng thời ba loại dữ liệu gồm Manga, Team và Người dùng với giao diện tối ưu riêng cho từng loại, bao gồm ảnh bìa, avatar, chương mới nhất, số lượng truyện, số người theo dõi và trạng thái bạn bè khi phù hợp.
Tối ưu hiệu năng cho khách truy cập
Notification Center chỉ được khởi tạo đối với người dùng đã đăng nhập.
Toàn bộ JavaScript, REST API và các xử lý liên quan sẽ được bỏ qua hoàn toàn đối với khách truy cập chưa đăng nhập, đảm bảo website không phát sinh bất kỳ chi phí xử lý hay tải tài nguyên không cần thiết.
Một bước tiến lớn cho trải nghiệm cộng đồng
Init Manga v2.7.1 không chỉ bổ sung một biểu tượng chuông thông báo. Đây là một Notification Center hoàn chỉnh được xây dựng với kiến trúc REST hiện đại, hệ thống cache thông minh, tìm kiếm thời gian thực và nhiều cơ chế tối ưu hiệu năng nhằm mang đến trải nghiệm theo dõi truyện nhanh chóng, trực quan và thuận tiện hơn bao giờ hết.
Đối với các website Manga và Novel có cộng đồng lớn, Notification Center giúp người đọc không bỏ lỡ bất kỳ chương mới nào, đồng thời tiếp tục khẳng định định hướng của Init Manga trong việc xây dựng một nền tảng đọc truyện hiện đại và giàu tính tương tác.
Bình luận