From d126ecaef13a187ecc80cc296d00227171ac974f Mon Sep 17 00:00:00 2001 From: ssbg04 Date: Mon, 5 Oct 2026 09:45:38 +0800 Subject: [PATCH] rework the entire docs --- documentation/app.js | 333 +++++--- documentation/archives.html | 350 ++++++++ documentation/batchprint.html | 342 ++++++++ documentation/dashboard.html | 509 ++++++++++++ documentation/documents.html | 409 ++++++++++ documentation/faq.html | 331 ++++++++ documentation/history.html | 366 +++++++++ documentation/index.html | 1187 +++------------------------- documentation/login.html | 352 +++++++++ documentation/overview.html | 12 + documentation/reports.html | 393 +++++++++ documentation/roles.html | 358 +++++++++ documentation/settings.html | 478 +++++++++++ documentation/shortcuts.html | 312 ++++++++ documentation/students.html | 499 ++++++++++++ documentation/style.css | 466 ++++++++++- documentation/troubleshooting.html | 303 +++++++ documentation/users.html | 366 +++++++++ 18 files changed, 6132 insertions(+), 1234 deletions(-) create mode 100644 documentation/archives.html create mode 100644 documentation/batchprint.html create mode 100644 documentation/dashboard.html create mode 100644 documentation/documents.html create mode 100644 documentation/faq.html create mode 100644 documentation/history.html create mode 100644 documentation/login.html create mode 100644 documentation/overview.html create mode 100644 documentation/reports.html create mode 100644 documentation/roles.html create mode 100644 documentation/settings.html create mode 100644 documentation/shortcuts.html create mode 100644 documentation/students.html create mode 100644 documentation/troubleshooting.html create mode 100644 documentation/users.html diff --git a/documentation/app.js b/documentation/app.js index 149268e..3507350 100644 --- a/documentation/app.js +++ b/documentation/app.js @@ -1,43 +1,141 @@ /** * TIS-RMS DOCUMENTATION INTERACTIVE CONTROLLER * Handles: - * 1. Interactive Walkthrough Reel / Video Player - * 2. Mockup Platform Tab Switching & Header Platform Filtering - * 3. Live Client-Side Search with Highlighting - * 4. Image Lightbox Zoom Modal - * 5. Theme Toggle (Dark/Light) with LocalStorage - * 6. Sidebar Scrollspy Navigation - * 7. Print Handler & Global Keyboard Shortcuts + * 1. Eye-Friendly Dark/Light Theme Switching with LocalStorage + * 2. Dedicated Print Action + * 3. Windows / Android Platform Filter with Persistent State + * 4. Multi-Page Live Search with Keyboard Navigation (Arrows + Enter) + * 5. Mockup Platform Tab Switching + * 6. Responsive Mobile & Landscape Sidebar Navigation + * 7. Image Lightbox Zoom Modal + * 8. FAQ Accordion Interaction */ document.addEventListener('DOMContentLoaded', () => { // ========================================== - // 1. THEME TOGGLE + // 1. THEME TOGGLE (EYE-FRIENDLY SLATE DARK / CLEAN LIGHT) // ========================================== const themeToggleBtn = document.getElementById('themeToggleBtn'); - const savedTheme = localStorage.getItem('tis_doc_theme') || 'light'; + const savedTheme = localStorage.getItem('tis_doc_theme') || + (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'); + document.documentElement.setAttribute('data-theme', savedTheme); + updateThemeButton(savedTheme); - themeToggleBtn.addEventListener('click', () => { - const currentTheme = document.documentElement.getAttribute('data-theme'); - const newTheme = currentTheme === 'dark' ? 'light' : 'dark'; - document.documentElement.setAttribute('data-theme', newTheme); - localStorage.setItem('tis_doc_theme', newTheme); - }); + function updateThemeButton(theme) { + if (!themeToggleBtn) return; + const isDark = theme === 'dark'; + themeToggleBtn.setAttribute('title', isDark ? 'Switch to light theme' : 'Switch to eye-friendly dark theme'); + themeToggleBtn.setAttribute('aria-label', isDark ? 'Switch to light theme' : 'Switch to eye-friendly dark theme'); + } + + if (themeToggleBtn) { + themeToggleBtn.addEventListener('click', () => { + const currentTheme = document.documentElement.getAttribute('data-theme'); + const newTheme = currentTheme === 'dark' ? 'light' : 'dark'; + document.documentElement.setAttribute('data-theme', newTheme); + localStorage.setItem('tis_doc_theme', newTheme); + updateThemeButton(newTheme); + }); + } // ========================================== // 2. PRINT HANDLER // ========================================== const printBtn = document.getElementById('printBtn'); if (printBtn) { - printBtn.addEventListener('click', () => { + printBtn.addEventListener('click', (e) => { + e.preventDefault(); window.print(); }); } // ========================================== - // 2B. MOBILE NAVIGATION & SEARCH + // 3. GLOBAL PLATFORM FILTER (ALL / WINDOWS / ANDROID) + // ========================================== + const platformFilterBtns = document.querySelectorAll('.platform-pill-toggle .platform-btn'); + const savedPlatform = localStorage.getItem('tis_doc_platform') || 'all'; + + function applyPlatformFilter(filter) { + // 1. Update button states in header + platformFilterBtns.forEach(btn => { + const bFilter = btn.getAttribute('data-platform-filter'); + btn.classList.toggle('active', bFilter === filter); + }); + + // 2. Set root attribute for CSS styling + document.documentElement.setAttribute('data-doc-platform', filter); + + // 3. Save to localStorage + localStorage.setItem('tis_doc_platform', filter); + + // 4. Update mockup container tabs on the current page + document.querySelectorAll('.mockup-container').forEach(container => { + const winTabBtn = container.querySelector('[data-tab-target^="win-"]'); + const andTabBtn = container.querySelector('[data-tab-target^="and-"]'); + + if (filter === 'windows' && winTabBtn) { + winTabBtn.click(); + } else if (filter === 'android' && andTabBtn) { + andTabBtn.click(); + } else if (filter === 'all' && winTabBtn) { + winTabBtn.click(); + } + }); + + // 5. In shortcut tables or platform badges, adjust visual state + document.querySelectorAll('.shortcut-group-windows, .shortcut-group-android').forEach(el => { + if (filter === 'all') { + el.style.opacity = ''; + } else if (filter === 'windows') { + el.style.opacity = el.classList.contains('shortcut-group-windows') ? '1' : '0.35'; + } else if (filter === 'android') { + el.style.opacity = el.classList.contains('shortcut-group-android') ? '1' : '0.35'; + } + }); + } + + // Initialize platform filter from storage + applyPlatformFilter(savedPlatform); + + // Attach click listener to platform pill buttons + platformFilterBtns.forEach(btn => { + btn.addEventListener('click', () => { + const filter = btn.getAttribute('data-platform-filter'); + applyPlatformFilter(filter); + }); + }); + + // ========================================== + // 4. MOCKUP TAB SWITCHING (IN-PAGE WINDOWS / ANDROID) + // ========================================== + document.querySelectorAll('.mockup-container').forEach(container => { + const tabBtns = container.querySelectorAll('.mockup-tab-btn'); + const panes = container.querySelectorAll('.mockup-pane'); + + tabBtns.forEach(btn => { + btn.addEventListener('click', () => { + const targetId = btn.getAttribute('data-tab-target'); + + tabBtns.forEach(b => b.classList.remove('active')); + btn.classList.add('active'); + + panes.forEach(pane => { + if (pane.id === targetId) { + pane.style.display = 'block'; + pane.classList.add('active'); + } else { + pane.style.display = 'none'; + pane.classList.remove('active'); + } + }); + }); + }); + }); + + // ========================================== + // 5. MOBILE NAVIGATION & SEARCH // ========================================== const mobileMenuBtn = document.getElementById('mobileMenuBtn'); const docSidebar = document.getElementById('docSidebar'); @@ -94,7 +192,7 @@ document.addEventListener('DOMContentLoaded', () => { }); }); - // Mobile search toggle + // Mobile search toggle button in header if (mobileSearchBtn && headerSearchBox) { mobileSearchBtn.addEventListener('click', () => { const isOpen = headerSearchBox.classList.toggle('mobile-open'); @@ -105,7 +203,7 @@ document.addEventListener('DOMContentLoaded', () => { } // ========================================== - // 3. FAQ ACCORDION HANDLER + // 6. FAQ ACCORDION HANDLER // ========================================== document.querySelectorAll('.faq-item').forEach(item => { const questionBtn = item.querySelector('.faq-question'); @@ -118,60 +216,7 @@ document.addEventListener('DOMContentLoaded', () => { }); // ========================================== - // 4. MOCKUP TAB SWITCHING (WINDOWS / ANDROID) - // ========================================== - document.querySelectorAll('.mockup-container').forEach(container => { - const tabBtns = container.querySelectorAll('.mockup-tab-btn'); - const panes = container.querySelectorAll('.mockup-pane'); - - tabBtns.forEach(btn => { - btn.addEventListener('click', () => { - const targetId = btn.getAttribute('data-tab-target'); - - tabBtns.forEach(b => b.classList.remove('active')); - btn.classList.add('active'); - - panes.forEach(pane => { - if (pane.id === targetId) { - pane.style.display = 'block'; - pane.classList.add('active'); - } else { - pane.style.display = 'none'; - pane.classList.remove('active'); - } - }); - }); - }); - }); - - // ========================================== - // 5. GLOBAL PLATFORM FILTER IN HEADER - // ========================================== - const platformFilterBtns = document.querySelectorAll('.platform-pill-toggle .platform-btn'); - platformFilterBtns.forEach(btn => { - btn.addEventListener('click', () => { - platformFilterBtns.forEach(b => b.classList.remove('active')); - btn.classList.add('active'); - - const filter = btn.getAttribute('data-platform-filter'); - - document.querySelectorAll('.mockup-container').forEach(container => { - const winTabBtn = container.querySelector('[data-tab-target^="win-"]'); - const andTabBtn = container.querySelector('[data-tab-target^="and-"]'); - - if (filter === 'windows' && winTabBtn) { - winTabBtn.click(); - } else if (filter === 'android' && andTabBtn) { - andTabBtn.click(); - } else if (filter === 'all' && winTabBtn) { - winTabBtn.click(); - } - }); - }); - }); - - // ========================================== - // 6. LIGHTBOX ZOOM MODAL + // 7. LIGHTBOX ZOOM MODAL // ========================================== const lightboxModal = document.getElementById('lightboxModal'); const lightboxImg = document.getElementById('lightboxImg'); @@ -215,19 +260,62 @@ document.addEventListener('DOMContentLoaded', () => { } // ========================================== - // 7. LIVE SEARCH WITH HIGHLIGHTING & SHORTCUT + // 8. MULTI-PAGE LIVE SEARCH & QUICK NAVIGATION // ========================================== const searchInput = document.getElementById('docSearchInput'); const searchableSections = document.querySelectorAll('.doc-section, .hero-banner'); + const DOC_PAGES = [ + { title: 'System Overview', url: 'index.html', desc: 'System overview, school background, key capabilities, and handbook introduction' }, + { title: 'Staff Roles & Access', url: 'roles.html', desc: 'Administrator vs. Teacher permissions, advisory scoping, and registration permissions' }, + { title: 'Sign In & Getting Started', url: 'login.html', desc: 'Login credentials, Android & Windows app access, remote tunnel, and OTP recovery' }, + { title: 'Module 1: Dashboard', url: 'dashboard.html', desc: 'Real-time metrics, role toolbars, visual charts, top students, and attention lists' }, + { title: 'Module 2: Students', url: 'students.html', desc: 'Learner profiles, dynamic filters, SF9/SF10 OCR autofill, bulk CSV import, multi-select' }, + { title: 'Module 3: Documents', url: 'documents.html', desc: 'Virtual student folders, Android camera scanner, collapsible checklist, file previews' }, + { title: 'Module 4: Archives', url: 'archives.html', desc: 'Historical learner archives, file restoration, and automatic inactive archiving' }, + { title: 'Module 5: Batch Print', url: 'batchprint.html', desc: 'Multi-document print queue, Excel-to-PDF conversion, and email pickup notifications' }, + { title: 'Module 6: Reports & Analytics', url: 'reports.html', desc: 'DepEd transparency board, compliance breakdown, storage analytics, Excel export' }, + { title: 'Module 7: User Accounts', url: 'users.html', desc: 'Staff account management, teacher assignments, activation, and password resets' }, + { title: 'Module 8: Activity History', url: 'history.html', desc: 'System activity logs, user lifecycle history, active sessions, and IP address audits' }, + { title: 'Module 9: School Settings', url: 'settings.html', desc: 'Academic setup, dynamic document checklists, automated reminders, and graduation' }, + { title: 'Keyboard Shortcuts', url: 'shortcuts.html', desc: 'Hotkeys and touch gestures for Windows desktop and Android tablets' }, + { title: 'Frequently Asked Questions', url: 'faq.html', desc: 'Common questions regarding offline mode, remote access, OCR, and backups' }, + { title: 'Help & Troubleshooting', url: 'troubleshooting.html', desc: 'Diagnostic steps for LAN connections, scanner troubleshooting, and sync' } + ]; + + let searchDropdown = document.getElementById('searchDropdown'); + if (!searchDropdown && headerSearchBox) { + searchDropdown = document.createElement('div'); + searchDropdown.id = 'searchDropdown'; + searchDropdown.className = 'search-dropdown'; + headerSearchBox.appendChild(searchDropdown); + } + + let selectedResultIndex = -1; + + function updateSelectedResult(items) { + items.forEach((item, index) => { + item.classList.toggle('selected', index === selectedResultIndex); + if (index === selectedResultIndex) { + item.scrollIntoView({ block: 'nearest' }); + } + }); + } + if (searchInput) { searchInput.addEventListener('input', (e) => { const query = e.target.value.trim().toLowerCase(); + selectedResultIndex = -1; + // Current page element filtering if (!query) { + if (searchDropdown) { + searchDropdown.classList.remove('active'); + searchDropdown.innerHTML = ''; + } searchableSections.forEach(sec => { sec.style.display = ''; - sec.querySelectorAll('.feature-card, .step-card, tr').forEach(item => { + sec.querySelectorAll('.feature-card, .step-card, tr, .component-screenshot, .mockup-container').forEach(item => { item.style.display = ''; }); }); @@ -238,25 +326,76 @@ document.addEventListener('DOMContentLoaded', () => { const text = sec.textContent.toLowerCase(); if (text.includes(query)) { sec.style.display = ''; - - // Filter internal child cards sec.querySelectorAll('.feature-card, .step-card').forEach(card => { const cardText = card.textContent.toLowerCase(); card.style.display = cardText.includes(query) ? '' : 'none'; }); - } else { - sec.style.display = 'none'; } }); + + // Multi-page suggestion dropdown + if (searchDropdown) { + const matches = DOC_PAGES.filter(p => + p.title.toLowerCase().includes(query) || + p.desc.toLowerCase().includes(query) + ); + + if (matches.length > 0) { + searchDropdown.innerHTML = matches.map((m, idx) => ` + + + + ${m.title} + + ${m.desc} + + `).join(''); + searchDropdown.classList.add('active'); + } else { + searchDropdown.classList.remove('active'); + searchDropdown.innerHTML = ''; + } + } }); - // Global keyboard shortcut: Ctrl+K or / focuses search + // Keyboard navigation in search input: ArrowDown, ArrowUp, Enter, Escape + searchInput.addEventListener('keydown', (e) => { + if (!searchDropdown || !searchDropdown.classList.contains('active')) return; + const items = searchDropdown.querySelectorAll('.search-result-item'); + if (items.length === 0) return; + + if (e.key === 'ArrowDown') { + e.preventDefault(); + selectedResultIndex = (selectedResultIndex + 1) % items.length; + updateSelectedResult(items); + } else if (e.key === 'ArrowUp') { + e.preventDefault(); + selectedResultIndex = (selectedResultIndex - 1 + items.length) % items.length; + updateSelectedResult(items); + } else if (e.key === 'Enter') { + e.preventDefault(); + if (selectedResultIndex >= 0 && selectedResultIndex < items.length) { + items[selectedResultIndex].click(); + } else if (items.length > 0) { + items[0].click(); + } + } + }); + + document.addEventListener('click', (e) => { + if (searchDropdown && !headerSearchBox.contains(e.target)) { + searchDropdown.classList.remove('active'); + } + }); + + // Global keyboard shortcut: Ctrl+F, Ctrl+K, or / focuses search window.addEventListener('keydown', (e) => { - if ((e.ctrlKey && e.key === 'k') || (e.key === '/' && document.activeElement !== searchInput)) { + if ((e.ctrlKey && (e.key.toLowerCase() === 'f' || e.key.toLowerCase() === 'k')) || (e.key === '/' && document.activeElement !== searchInput)) { e.preventDefault(); searchInput.focus(); searchInput.select(); } else if (e.key === 'Escape') { + if (searchDropdown) searchDropdown.classList.remove('active'); if (lightboxModal && lightboxModal.classList.contains('active')) { closeLightbox(); } else if (document.activeElement === searchInput) { @@ -267,29 +406,17 @@ document.addEventListener('DOMContentLoaded', () => { } // ========================================== - // 8. SCROLLSPY NAVIGATION + // 9. ACTIVE PAGE SIDEBAR HIGHLIGHTING & LANDSCAPE SCROLL // ========================================== const navLinks = document.querySelectorAll('.doc-sidebar .nav-link'); - const sections = document.querySelectorAll('.hero-banner, .doc-section'); + const currentPath = window.location.pathname.split('/').pop() || 'index.html'; - function updateActiveNavLink() { - const scrollY = window.pageYOffset || document.documentElement.scrollTop; - - sections.forEach(section => { - const sectionTop = section.offsetTop - 120; - const sectionHeight = section.offsetHeight; - const sectionId = section.getAttribute('id'); - - if (scrollY >= sectionTop && scrollY < sectionTop + sectionHeight) { - navLinks.forEach(link => { - link.classList.remove('active'); - if (link.getAttribute('href') === `#${sectionId}`) { - link.classList.add('active'); - } - }); - } - }); - } - - window.addEventListener('scroll', updateActiveNavLink, { passive: true }); + navLinks.forEach(link => { + const linkHref = link.getAttribute('href'); + if (linkHref === currentPath || (currentPath === '' && linkHref === 'index.html') || (currentPath === 'overview.html' && linkHref === 'index.html')) { + link.classList.add('active'); + // On landscape or small screens, ensure active link is visible in scrollable sidebar + link.scrollIntoView({ block: 'nearest' }); + } + }); }); diff --git a/documentation/archives.html b/documentation/archives.html new file mode 100644 index 0000000..6a01948 --- /dev/null +++ b/documentation/archives.html @@ -0,0 +1,350 @@ + + + + + + Module 4: Student Archives - TIS-RMS User Guide + + + + + + + + + + +
+
+ + + + TIS-RMS Logo +
+

TIS-RMS Guide

+ Talisay Integrated School +
+ +
+ + + +
+ + +
+ + + +
+ + + + +
+
+ + + + + +
+ + + + + + +
+ + +
+
+

Module 4: Student Archives

+

Separate historical record storage, virtual archive envelopes, and configurable automatic archiving.

+
+ +
+
+ + Archives Highlights +
+
    +
  • Isolated Historical Storage: Archived records are segregated from active rosters to prevent accidental modification while keeping records readily retrievable.
    • +
  • Archived Virtual Folders: Inspect stored documents and past submissions inside an archived student's dedicated folder.
    • +
  • Document Archiving & Restoration: Move individual files to the archive or restore them back to active student checklists when permitted.
    • +
  • Automatic Archiving: The system automatically evaluates learners without active enrollment after a configured grace period. Configure this in Automatic Archiving Settings.
    • +
+
+ +

+ The Student Archives module safeguards historical learner folders, transcripts, and certificates for graduated, transferred, or inactive students. Archived records remain searchable by LRN or name, allowing the school registrar to issue credentials years after a student has departed. +

+ + +
+
+ + +
+ +
+
+
+ Windows Archives +
+
+ Figure 5A: Windows Student Archives Directory + Click to enlarge +
+
+
+ + +
+ +

Archive Records Management

+

+ TIS-RMS strictly separates archived records from current academic cohorts: +

+
    +
  • Separation of Records: Displays archived student records and documents independently from active records, ensuring that historical searches never clutter active classroom management.
    • +
  • Student Archives Folder View: Administrators can open any archived student's folder to view, preview, or download their stored documents.
    • +
  • Document Archiving & Restoration: Active documents can be relocated to the archive repository, and previously archived documents can be restored back to active student checklists whenever permitted.
    • +
+ + +
+
+ Archived Student Records Directory +
+
+
+ Archived Student Records Directory +

Searchable archive repository keeping historical student profiles cleanly segregated from active rosters

+
+ + + Click to enlarge + +
+
+ +
+
+ Archived Student Virtual Folder & Files +
+
+
+ Archived Student Virtual Folder & Files +

Archived virtual folder view showing historical SF9/SF10 documents and one-click file restoration

+
+ + + Click to enlarge + +
+
+ +

Automatic Archiving Engine

+

+ To minimize administrative overhead at the end of each school term, TIS-RMS features an automated background archiving engine: +

+
    +
  • Grace Period Evaluation: The system automatically identifies students who no longer possess an active enrollment in the current academic year after the expiration of a configurable grace period.
    • +
  • Configurable Rules: Administrators can fine-tune the grace period and automatic schedule in the Automatic Archiving Settings panel.
    • +
+ + + +
+ + + + +
+
+ + + + + +
+ + + + + diff --git a/documentation/batchprint.html b/documentation/batchprint.html new file mode 100644 index 0000000..14be0e8 --- /dev/null +++ b/documentation/batchprint.html @@ -0,0 +1,342 @@ + + + + + + Module 5: Batch Print Records - TIS-RMS User Guide + + + + + + + + + + +
+
+ + + + TIS-RMS Logo +
+

TIS-RMS Guide

+ Talisay Integrated School +
+ +
+ + + +
+ + +
+ + + +
+ + + + +
+
+ + + + + +
+ + + + + + +
+ + +
+
+

Module 5: Batch Print Records

+

Multi-document queue management, format conversion, and automated email pickup notifications.

+
+ +
+
+ + Batch Print Highlights +
+
    +
  • Print List Queue: Review queued documents, remove items individually, or clear the entire queue before sending jobs to the printer.
    • +
  • Student Pickup Notification: Automatically notify learners or parents by email with pickup date, designated office counter, and special instructions.
    • +
  • Print History Audit: Maintain a searchable historical record of all completed print batches.
    • +
  • Batch Printing with Format Conversion: Print multiple files across students in one pass; Excel files automatically convert to PDF with user confirmation.
    • +
+
+ +

+ The Batch Print module streamlines document fulfillment for transcript requests, graduation packages, and DepEd compliance portfolios. Staff can queue records directly from the document explorer or preview modal. +

+ +

Admin & Teacher Side: Managing the Print Queue

+

+ Both Administrators and Teachers can utilize the print list modal to manage print jobs: +

+
    +
  • Review & Edit Queue: Opens a modal displaying all documents currently staged for printing. Staff can inspect file thumbnails, delete individual entries, or clear the entire queue.
    • +
  • Direct Queue Ingestion: Documents can be added to the print queue instantly from document previews, folder views, or table action menus.
    • +
+ + +
+
+ Batch Print Queue Modal & Document Review +
+
+
+ Batch Print Queue Modal & Document Review +

Print queue manager showing queued files, page counts, clear queue options, and batch print triggers

+
+ + + Click to enlarge + +
+
+ +

Student & Guardian Pickup Notification

+

+ When requested documents are printed and ready for collection, staff can send an automated notification directly from the print modal: +

+
    +
  • Student/Guardian Email: Enter or confirm the registered recipient email address.
    • +
  • Pickup Date: Specify when the physical documents will be available for pickup at the school office.
    • +
  • Office Notes or Instructions: Include special requirements such as valid IDs, authorization letters, or office counter locations.
    • +
+ + +
+
+ Student/Guardian Email Pickup Notification Form +
+
+
+ Student/Guardian Email Pickup Notification Form +

Integrated email alert form specifying pickup date, office instructions, and document readiness

+
+ + + Click to enlarge + +
+
+ +

Print History & Batch Conversion

+
    +
  • Print History: Keeps an accessible audit log of past print jobs, showing filenames, requester, and timestamps.
    • +
  • Batch Printing & File Conversion: Send multiple learner records to the printer in a single coordinated print operation. When Excel-based records are queued, the system automatically converts them to PDF and displays a confirmation dialog.
    • +
+ + +
+
+ Print History Audit Log +
+
+
+ Print History Audit Log +

Chronological record of past print batches with requester names, document counts, and timestamps

+
+ + + Click to enlarge + +
+
+ + + +
+ + + + +
+
+ + + + + +
+ + + + + diff --git a/documentation/dashboard.html b/documentation/dashboard.html new file mode 100644 index 0000000..44f81a9 --- /dev/null +++ b/documentation/dashboard.html @@ -0,0 +1,509 @@ + + + + + + Module 1: Dashboard & Overview - TIS-RMS User Guide + + + + + + + + + + +
+
+ + + + TIS-RMS Logo +
+

TIS-RMS Guide

+ Talisay Integrated School +
+ +
+ + + +
+ + +
+ + + +
+ + + + +
+
+ + + + + +
+ + + + + + +
+ + +
+
+

Module 1: Dashboard & Overview

+

Real-time school performance metrics, role-based toolbars, and learner compliance tracking.

+
+ +
+
+ + Dashboard Highlights +
+
    +
  • Admin & Teacher Toolbars: Global student search, role-scoped notifications, and a comprehensive user profile dropdown.
    • +
  • Quick-Access Hubs: Jump directly to Students, Documents, Users, and core settings from prominent dashboard shortcut cards.
    • +
  • Visual Compliance Analytics: Real-time charts for JHS/SHS digitalization progress, document breakdown by grade level, 30-day upload trends, and disk storage consumption.
    • +
  • Actionable Student Monitoring: Instant rankings for top compliant learners alongside flags for students needing immediate document compliance attention.
    • +
+
+ +

+ The Dashboard serves as the central command center in TIS-RMS. It aggregates critical school data into an accessible, intuitive interface that automatically adapts to whether an Administrator or Classroom Teacher is currently signed in. +

+ + +
+
+ + +
+ +
+
+
+ Windows Dashboard +
+
+ Figure 2A: Windows Dashboard & Overview + Click to enlarge +
+
+
+ + +
+ +

Admin & Teacher Shared Header Tools

+

+ Both Administrator and Teacher roles have immediate access to three essential navigation utilities in the top header: +

+ +
+
+
+ +
+

Global Student Search

+

Search for students across the entire school by first name, last name, or 12-digit LRN, and navigate directly to the Students screen.

+
+
+
+ +
+

Role-Based Notifications

+

Administrators receive school-wide system notices, while teachers receive targeted notifications related specifically to their assigned advisory sections.

+
+
+
+ +
+

Profile Dropdown

+

Displays user full name, assigned role, registered email address, and phone number, with direct buttons to navigate to Settings or Log Out.

+
+
+ + +
+
+ Global Student Search Bar +
+
+
+ Global Student Search Bar +

Direct learner lookup by name or LRN with instant transition to the Students module

+
+ + + Click to enlarge + +
+
+ +
+
+ Role-Based Notification Feed +
+
+
+ Role-Based Notification Feed +

Audited system notifications filtered automatically by administrative or teacher scope

+
+ + + Click to enlarge + +
+
+ +
+
+ User Profile & Session Dropdown +
+
+
+ User Profile & Session Dropdown +

Quick-view profile details, contact information, Settings shortcut, and secure sign-out

+
+ + + Click to enlarge + +
+
+ +

Administrator Side: Dashboard Overview

+

+ The Administrator Dashboard provides comprehensive high-level control with quick navigation shortcuts and multi-dimensional analytics: +

+ + + +
+
+ Administrator Dashboard Overview +
+
+
+ Administrator Dashboard Overview +

Comprehensive control center featuring quick navigation cards, class setup shortcuts, and status counters

+
+ + + Click to enlarge + +
+
+ +

Administrator Visual Graphs & Analytics

+

+ Administrators can monitor institution-wide health through five rich visual graphs updated live from the server: +

+
    +
  • Digitalization Progress for JHS and SHS: Tracks the exact count of students who have completed all required documents, clearly separated into Junior High School (JHS) and Senior High School (SHS) cohorts.
    • +
  • Overall Document Status: Displays the total count and status breakdown of uploaded files across the school.
    • +
  • Document Breakdown by Grade Level: An interactive pie chart visualizing completed vs. submitted document requirements across Grade 7 through Grade 12.
    • +
  • 30-Day Upload Trend: A dynamic line graph showing document submission velocity over the past 30 days to identify submission spikes.
    • +
  • Storage Analytics: Visualizes which document categories (SF9, SF10, PSA, etc.) consume the most server storage space.
    • +
+ + +
+
+ Visual Graphs & KPI Analytics +
+
+
+ Visual Graphs & KPI Analytics +

Interactive charts displaying JHS/SHS digitalization progress, grade distribution pie chart, upload trend line, and disk storage

+
+ + + Click to enlarge + +
+
+ +

Administrator Student Monitoring Lists

+
+
+
+ +
+

Top Students by Documents

+

School-wide ranking of learners based on total uploaded documents, recognizing complete and compliant digital portfolios.

+
+
+
+ +
+

Students Needing Attention

+

Identifies students missing critical document requirements, allowing administrators to click directly and see which specific requirements are missing.

+
+
+ + +
+
+ Top Students by Documents Ranking +
+
+
+ Top Students by Documents Ranking +

Leaderboard of learners with the highest submission counts across all grade levels

+
+ + + Click to enlarge + +
+
+ +
+
+ Students Needing Attention & Missing Documents Drilldown +
+
+
+ Students Needing Attention & Missing Documents Drilldown +

Real-time list of learners with incomplete requirements, with one-click checklist inspection

+
+ + + Click to enlarge + +
+
+ +

Teacher Side: Dashboard Overview

+

+ The Teacher Dashboard is streamlined to focus specifically on the teacher's assigned advisory classes: +

+
    +
  • Quick-Access Cards: Direct navigation buttons to the Students and Documents modules scoped to their advisory classes.
    • +
  • Top Students by Documents: Shows a ranking of students based on the number of uploaded documents strictly from their assigned advisory sections.
    • +
  • Students Needing Attention: Highlights learners in their assigned sections with missing documents, allowing teachers to view exactly which requirements need to be submitted.
    • +
+ + +
+
+ Teacher Advisory Section Dashboard +
+
+
+ Teacher Advisory Section Dashboard +

Tailored classroom dashboard with section switchers, advisory compliance metrics, and missing document flags

+
+ + + Click to enlarge + +
+
+ + + +
+ + + + +
+
+ + + + + +
+ + + + + diff --git a/documentation/documents.html b/documentation/documents.html new file mode 100644 index 0000000..a2f4480 --- /dev/null +++ b/documentation/documents.html @@ -0,0 +1,409 @@ + + + + + + Module 3: Documents & Student Folders - TIS-RMS User Guide + + + + + + + + + + +
+
+ + + + TIS-RMS Logo +
+

TIS-RMS Guide

+ Talisay Integrated School +
+ +
+ + + +
+ + +
+ + + +
+ + + + +
+
+ + + + + +
+ + + + + + +
+ + +
+
+

Module 3: Documents & Student Folders

+

Virtual learner document folders, camera scanning on Android, dynamic checklists, and built-in previews.

+
+ +
+
+ + Documents Module Highlights +
+
    +
  • Folder & All Documents Views: Browse records organized into individual student folders or view all uploaded files in a searchable school-wide list.
    • +
  • Smart Context-Aware Uploads: Uploading from inside a folder automatically tags the student's LRN. Outside a folder, the system clearly notes that the document is unassociated.
    • +
  • Collapsible Requirement Checklist: View completed vs. pending documents right in the upload dialog to avoid missing files.
    • +
  • Mobile Scanner & File Preview: On Android, scan documents using the camera scanner. Preview PDFs and view images directly in the built-in viewer.
    • +
  • Print List Integration: Add documents directly to the batch print list with one click.
    • +
+
+ +

+ The Documents module replaces physical filing cabinets with structured digital envelopes. Document requirements are synchronized live from the backend — visit the Document Requirements Guide to learn how administrators configure requirements. +

+ + +
+
+ + +
+ +
+
+
+ Windows Documents Explorer +
+
+ Figure 4A: Windows Documents Explorer & Virtual Folder Hierarchy + Click to enlarge +
+
+
+ + +
+ +

Admin & Teacher Side: Folder & Document Navigation

+

+ Both Administrators and Teachers can search and navigate documents and student folders: +

+
    +
  • Search: Quickly search documents and virtual folders by student name or LRN.
    • +
  • Folder Tab: Displays student digital folders with completion chips, and supports filtering by Grade Level and Section.
    • +
  • All Documents Tab: Displays all uploaded documents across the school or advisory classes, with filtering by document requirements retrieved from the backend.
    • +
+ + +
+
+ Student Virtual Folders Grid & Filtering +
+
+
+ Student Virtual Folders Grid & Filtering +

Virtual document envelopes organized by Grade Level and Section with real-time completion chips

+
+ + + Click to enlarge + +
+
+ +
+
+ All Documents Repository & Category Filters +
+
+
+ All Documents Repository & Category Filters +

Master list of uploaded files filterable by DepEd requirement types (SF9, SF10, PSA, etc.)

+
+ + + Click to enlarge + +
+
+ +

Document Upload Workflow

+

+ Users can upload documents from files or via Android camera document scanner: +

+
    +
  • Context Detection: When uploading outside a student folder, the system shows a note indicating that the file is not currently associated with a student. When uploading from inside a folder, the system automatically detects and links the student's LRN.
    • +
  • Collapsible Requirements List: The upload dialog features an interactive collapsible list displaying mandatory and completed documents.
    • +
  • Platform Flexibility: On Android, staff can use the built-in document scanner with automatic border cropping and contrast enhancement. On both Windows and Android, files can be chosen directly from disk.
    • +
+ + +
+
+ Document Upload Modal & Dynamic Checklist +
+
+
+ Document Upload Modal & Dynamic Checklist +

Upload dialog featuring collapsible requirement status, LRN auto-tagging, and camera scanner support

+
+ + + Click to enlarge + +
+
+ +

In-App Preview, Print Queue & Actions

+
    +
  • Document Preview: Displays thumbnails and built-in previews for supported PDF and image files without requiring external software.
    • +
  • Add to Print List: Add selected documents directly to the batch print queue with a single click. For details on managing the print queue, visit the Batch Print Records module.
    • +
  • Document Actions & Multi-Select: Actions include preview, download, add to print list, archive, and delete. Multiple documents can be selected for batch operations.
    • +
+ + +
+
+ Built-In Document Preview & File Viewer +
+
+
+ Built-In Document Preview & File Viewer +

Native PDF reader and high-resolution image viewer with zoom, rotation, and print actions

+
+ + + Click to enlarge + +
+
+ +
+
+ Document Actions Menu & Multi-Select Batch Operations +
+
+
+ Document Actions Menu & Multi-Select Batch Operations +

Right-click or multi-select menu for batch downloading, printing, archiving, and deletion

+
+ + + Click to enlarge + +
+
+ + + +
+ + + + +
+
+ + + + + +
+ + + + + diff --git a/documentation/faq.html b/documentation/faq.html new file mode 100644 index 0000000..441bf30 --- /dev/null +++ b/documentation/faq.html @@ -0,0 +1,331 @@ + + + + + + Frequently Asked Questions - TIS-RMS User Guide + + + + + + + + + + +
+
+ + + + TIS-RMS Logo +
+

TIS-RMS Guide

+ Talisay Integrated School +
+ +
+ + + +
+ + +
+ + + +
+ + + + +
+
+ + + + + +
+ + + + + + +
+ + +
+
+

Frequently Asked Questions

+

Answers to common questions about using TIS-RMS.

+
+ +
+
+ +
+

Yes, absolutely. TIS-RMS is engineered offline-first. It operates over your school's local area network (LAN/Wi-Fi). All records, scanned documents, and student folders are stored on your local school server without requiring an active internet connection.

+
+
+ +
+ +
+

Yes. TIS-RMS supports secure encrypted tunnel connections that allow authorized staff to securely access the system over the internet from outside the school campus when configured by the system administrator.

+
+
+ +
+ +
+

No. OCR (Optical Character Recognition) is strictly designed to extract printed text (such as Learner Reference Number, Full Name, Birth Date, and Sex) to autofill form fields and eliminate typing errors. To store the physical image or PDF in the student's virtual folder, use the document upload feature.

+
+
+ +
+ +
+

Yes. Teachers can register new students into their assigned advisory sections. Formal enrollment standing adjustments (such as graduating, transferring, or dropping students) remain restricted to Administrators to maintain official registrar standards.

+
+
+ +
+ +
+

When a document requirement is disabled in School Settings, it is cleanly removed from active student checklists so it no longer penalizes compliance rates. Importantly, any documents previously uploaded under that requirement remain safely preserved in the database and are never deleted.

+
+
+ +
+ +
+

In the Batch Print module, after printing certified documents, staff can enter a pickup date and office instructions in the pickup alert form. Clicking Send Notification transmits a formatted email to the student or guardian informing them that their physical documents are ready at the registrar's office.

+
+
+ +
+ +
+

Automatic Archiving evaluates students with no active enrollment after the configured grace period and moves their records to the historical archive repository. Automatic Graduation evaluates Grade 10 completers and Grade 12 graduating candidates based on the active school year calendar, and can be triggered automatically or run manually by an Administrator.

+
+
+ +
+ +
+

Click "Forgot Password?" on the sign-in screen. Enter your registered email address. The system will email you a secure One-Time PIN (OTP). Enter the OTP on screen to verify your identity and immediately set a new password.

+
+
+
+ + + +
+ + + + +
+
+ + + + + +
+ + + + + diff --git a/documentation/history.html b/documentation/history.html new file mode 100644 index 0000000..696dcb3 --- /dev/null +++ b/documentation/history.html @@ -0,0 +1,366 @@ + + + + + + Module 8: Activity History - TIS-RMS User Guide + + + + + + + + + + +
+
+ + + + TIS-RMS Logo +
+

TIS-RMS Guide

+ Talisay Integrated School +
+ +
+ + + +
+ + +
+ + + +
+ + + + +
+
+ + + + + +
+ + + + + + +
+ + +
+
+

Module 8: Activity History

+

Comprehensive system activity logs, account lifecycle audits, and active session monitoring.

+
+ +
+
+ + Activity History Highlights +
+
    +
  • Complete Activity Logs: Records all system operations (student creation, updates, document uploads, archiving, and deletion) with timestamps and actor details.
    • +
  • User Account History: Tracks the entire lifecycle of staff accounts, showing which administrator created, modified, activated, or deactivated an account.
    • +
  • Login & Session History: Monitors active user sessions with client platform, IP address, login timestamp, and session validity.
    • +
  • Granular Search & Date Range Filters: Filter logs by date range, action type, user name, and user role.
    • +
  • Role-Based Access: Sessions and account history are restricted to Administrators; Teachers can review activity records within their permitted scope.
    • +
+
+ +

+ Module 8 ensures strict data accountability and compliance with government data privacy standards. Every transaction in TIS-RMS creates an immutable log entry that administrators can inspect at any time. +

+ + +
+
+ + +
+ +
+
+
+ Windows Activity History +
+
+ Figure 8A: Windows System Activity Audit Trail + Click to enlarge +
+
+
+ + +
+ +

System Activity Logs

+

+ The Activity Logs tab provides a detailed timeline of actions taken across the system: +

+
    +
  • Logged Actions: Records student additions, edits, enrollment promotions, document uploads, file deletions, and archiving actions.
    • +
  • Audit Metadata: Each log entry records the specific action performed, target record (learner name or LRN), acting staff member, and exact timestamp.
    • +
  • Detail Inspector: Administrators can click any entry to open a modal detailing before-and-after values and payload data.
    • +
+ + +
+
+ System Activity Audit Trail & Detail Inspector +
+
+
+ System Activity Audit Trail & Detail Inspector +

Searchable activity ledger detailing user actions, timestamps, affected records, and inspect modal

+
+ + + Click to enlarge + +
+
+ +

User Account History & Login Sessions

+
    +
  • User Account History: Details account provisioning events including user creation, profile edits, activation/deactivation, and password resets, identifying both the target account and the acting administrator.
    • +
  • Login & Session History: Displays active and historical user sessions, including username, full name, platform (Windows or Android), client IP address, login timestamp, and session status.
    • +
  • Search & Pagination: Both views feature date range pickers, user filters, and responsive pagination to keep large logs manageable.
    • +
+ + +
+
+ User Account Lifecycle History +
+
+
+ User Account Lifecycle History +

Account modification audit log showing provisioning events, role adjustments, and admin actors

+
+ + + Click to enlarge + +
+
+ +
+
+ Active Login Sessions & IP Address Logs +
+
+
+ Active Login Sessions & IP Address Logs +

Session tracking table displaying client platforms, network IP addresses, login timestamps, and status

+
+ + + Click to enlarge + +
+
+ + + +
+ + + + +
+
+ + + + + +
+ + + + + diff --git a/documentation/index.html b/documentation/index.html index 29551de..0c2d91e 100644 --- a/documentation/index.html +++ b/documentation/index.html @@ -3,15 +3,15 @@ - TIS-RMS User Guide - Student Records Management System - + System Overview - TIS-RMS User Guide + - +
@@ -21,7 +21,7 @@ - + TIS-RMS Logo

TIS-RMS Guide

@@ -33,8 +33,8 @@ @@ -57,6 +57,7 @@ - -
- -
-
-
- Windows Sign In Screen -
-
- Figure 1A: Windows Sign In Screen - Click to enlarge -
-
-
- - - - - - -
-
-

Module 1: Dashboard & Overview

-

At-a-glance summaries, student counts, and reminders for missing documents.

-
- -
-
- - Key Highlights -
-
    -
  • Helpful Summary Cards: Instant counts for Total Enrolled Students, Students with Incomplete Requirements, Total Uploaded Documents, and Active Sections.
    • -
  • Instant Updates: Numbers update immediately on your screen whenever a teacher or staff member adds a student or uploads a document on another device—no manual refreshing needed.
    • -
  • Recent Activity Feed: A quick, easy-to-read list showing recent actions taken across the school.
    • -
-
- -

- The Dashboard is your main home screen. It gives teachers and administrators a clear view of student enrollment, quick reminders for incomplete documents, and recent file activities—all updated automatically in real time without needing an internet connection. -

- - -
-
- - -
- -
-
-
- Windows Dashboard -
-
- Figure 2A: Windows Dashboard & Overview - Click to enlarge -
-
-
- - -
- -

What You Can See on the Dashboard

-
-
-
- -
-

Live Summary Numbers

-

See the total count of enrolled students, archived records, uploaded files, and students who still need to submit documents.

-
-
-
- -
-

Student Counts by Grade Level

-

Clear visual charts showing student numbers across Grade 7 through Grade 12 so teachers and administrators can see class sizes at a glance.

-
-
-
- -
-

Recent Activity Feed

-

A continuous list of recent actions, such as newly registered students, uploaded documents, and printed records.

-
-
-
- - -
-
-

Module 2: Student Information

-

Learner profiles, enrollment details, requirement status, and fast SF9/SF10 document scanning.

-
- -
-
- - Key Highlights -
-
    -
  • 12-Digit LRN Tracking: Every student record is organized by their unique Learner Reference Number to prevent duplicate entries.
    • -
  • Autofill Form Fields with SF9 & SF10 Scanner (OCR): When adding a new student, scan an SF9 (Form 138) or SF10 (Form 137) to automatically fill in the basic form fields: Name, LRN, Birthday, and Sex. Please note: The scanner only populates these form text fields so you don't have to type them out; it does not automatically upload or save the scanned file into the student's document folder.
    • -
  • Missing Document Reminders: A clear status badge shows right away if a student still needs to submit any required documents.
    • -
-
- -

- The Student Information module holds essential learner details in one convenient place. You can search for students quickly by typing their LRN, last name, first name, grade level, or section. -

- - -
-
- - -
- -
-
-
- Windows Student List -
-
- Figure 3A: Windows Students List - Click to enlarge -
-
-
- - -
- -

Step-by-Step: Adding a New Student

-
-
-
1
-
-

Open the Registration Form

-

Navigate to the Students screen and click Add Student, or press keyboard shortcut Ctrl+N on your desktop.

-
-
-
-
2
-
-

Enter Details or Scan SF9 / SF10 (OCR Autofill)

-

Type in the student's basic details: 12-digit LRN, full name, sex, birthday, grade, section, and 4Ps status (Yes or No). To save time typing, click Scan Document and scan their SF9 (Form 138) or SF10 (Form 137). The scanner automatically reads the document and populates these form text boxes for you! (Important Reminder: The OCR scanner only populates the text fields on this registration form; it does not automatically upload or save the scanned file into the student's document folder. You can upload the actual document file in the Documents section whenever needed.)

-
-
-
-
3
-
-

Automatic Folder Setup

-

The system creates a personal digital folder for the student with slots for required documents like their PSA Birth Certificate, SF9, Good Moral Certificate, and 2x2 Photo.

-
-
-
-
4
-
-

Save Record

-

Click Save Record. The student is saved immediately and becomes visible to staff across all connected school computers and tablets.

-
-
-
-
- - -
-
-

Module 3: Documents & Student Folders

-

Organized digital filing, flexible document requirements, and instant document viewing.

-
- -
-
- - Key Highlights -
-
    -
  • Organized Student Folders: Neatly organizes student documents by School Year, Grade Level, and Section—just like a tidy physical filing cabinet.
    • -
  • Dynamically Add, Edit, and Enable/Disable Documents: Document requirements are completely flexible. School administrators can dynamically add new document types anytime, edit existing document names, and turn specific requirements on or off as school policies change. Enabled documents appear on student checklists; disabled documents are cleanly hidden from view.
    • -
  • Instant Built-in Viewer: Click or tap any document to open a full preview directly inside the app to read, zoom, and rotate pages without needing extra software.
    • -
-
- -

- TIS-RMS keeps student files neatly sorted and accessible. Instead of searching through paper filing cabinets, staff can find and view any student document in seconds. Document requirements are completely flexible—administrators can dynamically add new document types, rename them, or enable and disable requirements as needed. -

- - -
-
- - -
- -
-
-
- Windows Documents Explorer -
-
- Figure 4A: Windows Documents Explorer - Click to enlarge -
-
-
- - -
- -

Common Document Examples

-
-
-
- -
-

PSA / NSO Birth Certificate

-

Confirms official learner legal name, date of birth, sex, and parent information.

-
-
-
- -
-

DepEd Form 138 (SF9)

-

Report card copy kept in the student's folder for records tracking.

-
-
-
- -
-

Certificate of Good Moral

-

Character certification required for student records, transfers, and graduation.

-
-
-
- -
-

2x2 Student Identification Photo

-

Formal identification portrait used for official school records and certificates.

-
-
-
- - -
-
-

Module 4: Student Archives (Past & Graduated Records)

-

Safe, long-term storage for graduated, transferred, and inactive student records.

-
- -
-
- - Key Highlights -
-
    -
  • Separate Inactive Storage: Keeps graduated and transferred students separate from your active classes while keeping all their files permanently accessible.
    • -
  • Fast Archive Search: Quickly search and filter through past school years, grade levels, and sections to locate past records in seconds.
    • -
  • One-Click Restore: Administrators can restore any student back to an active section at any time with all their documents intact.
    • -
-
- -

- Student records must be kept permanently for future reference and verification. TIS-RMS stores completed student records safely in the Archives so your active student lists stay clean, while past records remain easy to find whenever a graduate requests their papers. -

- - -
-
- - -
- -
-
-
- Windows Archive Explorer -
-
- Figure 5A: Windows Student Archives - Click to enlarge -
-
-
- - -
- -

Archive Safeguards

-
-
-
- -
-

Protected Records

-

Archived student profiles are safely locked to prevent accidental changes while preserving complete details.

-
-
-
- -
-

Instant Restoration

-

Easily return a student to active enrollment if they return or were archived by accident, with all their documents intact.

-
-
-
- -
-

Easy Group Filtering

-

Filter archived records by School Year (e.g., 2023–2024), Grade Level, Section, or Status (Graduated, Transferred Out, or Dropped).

-
-
-
- - -
-
-

Module 5: Batch Print Records

-

Print multiple student files or entire sections together in one easy step.

-
- -
-
- - Key Highlights -
-
    -
  • Print Multiple Students at Once: Select several students or an entire section to print their records together in one go.
    • -
  • Smooth Background Preparation: The system prepares print jobs smoothly in the background so you can keep using the app without delays.
    • -
  • Ready for Official Submission: Prepares clean, professional printed copies ready for district audits, transfers, and graduation requirements.
    • -
-
- -

- Preparing physical documents for an entire class can take hours if done one by one. TIS-RMS lets you select an entire section and print their records in a single coordinated batch. -

- -
-
-
1
-
-

Select Students

-

On the Students or Archives screen, check the boxes for the students you wish to print, or click Select All in Section.

-
-
-
-
2
-
-

Open Batch Print

-

Click the Batch Print toolbar icon or press keyboard shortcut Ctrl+P on your desktop.

-
-
-
-
3
-
-

Choose Documents to Print

-

Select which documents you need for the selected students (such as SF10 forms or full student folder packages).

-
-
-
-
4
-
-

Send to Printer

-

Click Print to send the documents directly to your connected printer or save them as a ready-to-print file.

-
-
-
-
- - -
-
-

Module 6: Student Records & Forms

-

Standardized DepEd SF10 forms and student summary sheets focusing strictly on basic learner information.

-
- -
-
- - Key Highlights -
-
    -
  • Standard Form Layout: Generates clean SF10 forms and learner summary sheets with official school headers.
    • -
  • Basic Learner Information Only: The system strictly manages basic student details: Full Name, 12-Digit LRN, Sex, Birthday, and 4Ps Status (Yes or No).
    • -
  • Does NOT Scope Grades, Subjects, or Remarks: The system is designed specifically for student identity records and document tracking—it does not track, calculate, or handle academic grades, subject lists, or teacher remarks.
    • -
-
- -

- The Student Records & Forms feature prepares official DepEd SF10 templates and student summary sheets. To keep records management focused and straightforward, the system scopes only basic student identification details (Name, LRN, Sex, Birthday, and 4Ps status) and does not handle academic grades, subject lists, or promotional remarks. -

- - -
-
- - -
- -
-
-
- Windows Forms & Reports -
-
- Figure 6A: Windows Student Forms & Reports - Click to enlarge -
-
-
- - -
- -

Information Handled by the System

-
-
-
- -
-

Learner Legal Name

-

Accurately records Last Name, First Name, Middle Name, and Name Extension (e.g., Jr., III).

-
-
-
- -
-

12-Digit LRN

-

The official unique Learner Reference Number issued by DepEd.

-
-
-
- -
-

Sex & Birthday

-

Verified gender and date of birth as stated in official PSA records.

-
-
-
- -
-

4Ps Status (Yes or No)

-

Clear record indicating whether the student is a member of the 4Ps assistance program.

-
-
-
- - -
-
-

Module 7: User Accounts & Activity History

-

Manage staff accounts, set permissions, and see a clear history of system actions.

-
- -
-
- - Key Highlights -
-
    -
  • Account Management: Administrators can easily add new staff members and assign their role as Administrator or Teacher.
    • -
  • Automatic Temporary Passwords: When creating an account or resetting a password, the system provides a secure temporary password displayed directly on screen.
    • -
  • Clear Activity History: A simple history log records who viewed, added, updated, or printed records so staff always know what was done.
    • -
-
- -

- Keeping student records safe is essential. TIS-RMS ensures each teacher and staff member has their own login, while maintaining a clear, readable activity history to protect school records. -

- - -
-
- - -
- -
-
-
- Windows User Accounts -
-
- Figure 7A: Windows User Account Management - Click to enlarge -
-
-
- - -
- -

Activity History Log

-

- The History screen gives administrators a friendly, chronological summary of recent school records actions. It shows who performed each action, which student record was accessed, and what date and time it occurred. -

- - -
-
- - -
- -
-
-
- Windows History Log -
-
- Figure 8A: Windows Activity History Log - Click to enlarge -
-
-
- - -
-
- - -
-
-

Module 8: School Settings & Document Checklist

-

Customize school information, manage document requirements, and save backup copies to a USB drive.

-
- -
-
- - Key Highlights -
-
    -
  • Dynamically Add, Edit, and Enable/Disable Documents: Add new document types, change names, and easily enable or disable requirements for each grade level anytime. Enabled documents appear on student checklists; disabled documents are neatly hidden.
    • -
  • School Profile Headers: Set the School Name, School ID, District, Division, and Region once to appear automatically on all printed forms.
    • -
  • Save Backup Copies: Create backup copies of your records anytime and save them to a USB flash drive for safekeeping.
    • -
-
- -

- The Settings screen gives Administrators full control over school preferences. You can update school details that appear on printed documents, customize which documents are required, and save backup copies of all records. -

- - -
-
- - -
- -
-
-
- Windows Settings -
-
- Figure 9A: Windows System Settings Panel - Click to enlarge -
-
-
- - -
- -

Managing Dynamic Document Requirements

-

- Document requirements are never rigid. If the school introduces a new requirement, administrators can click Add Document and name it. You can edit existing document titles anytime, or toggle Enabled / Disabled with one click. When a document is enabled and marked as required, the system will remind teachers if a student has not submitted it yet. If disabled, it is cleanly hidden from student checklists without deleting any previously uploaded files. -

-
- - -
-
-

Keyboard Shortcuts (Windows Desktop)

-

Quick keyboard shortcuts to help you get things done faster on desktop computers.

-
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Keyboard ShortcutWhat It DoesWhere It Works
Ctrl + F or /Quickly search for students or filesAnywhere in the app
Ctrl + NOpen the "Add Student" windowStudents Screen
Ctrl + UOpen the "Upload Document" windowDocuments Screen
Ctrl + POpen the "Batch Print" windowDocuments / Archives Screen
EscClose an open window or enlarged pictureAnywhere in the app
-
-
- - -
-
-

Frequently Asked Questions (FAQ)

-

Helpful answers to common questions about using the system day-to-day.

-
- - -
-

- - Getting Started & Staff Logins -

- -
- -
-

Teachers and staff are given their username and a temporary password by the school administrator. Simply type your username and password into the sign-in screen and click Log In.

-
-
- -
- -
-

Administrators open User Accounts, click Create User or select an existing staff account and click Reset Password. The system automatically creates a secure temporary password shown directly on the screen for the staff member to use.

-
-
- -
- -
-

Yes. Multiple teachers can use the system on different computers and Android tablets at the same time. You can register students, check requirements, and view records simultaneously.

-
-
-
- - -
-

- - School Network & Everyday Use -

- -
- -
-

No. TIS-RMS runs completely inside the school's local network. You do not need internet access to add students, search records, view scanned documents, or print permanent forms.

-
-
- -
- -
-

Updates appear automatically in real time. Whenever a student is added, a document is uploaded, or information is updated on one computer, all other connected computers and tablets refresh their screens automatically without needing to reload.

-
-
- -
- -
-

Simply connect your Android tablet to the school's Wi-Fi network, open the TIS-RMS app, enter your login details, and tap Log In.

-
-
-
- - -
-

- - Student Records & Document Scanning -

- -
- -
-

When adding a new student, you can use the OCR scanner on an SF9 (Form 138) or SF10 (Form 137). The scanner automatically reads the document and populates the text fields on the "Add Student" form (such as Name, LRN, Birthday, and Sex) so you don't have to type them out by hand. Please note: The OCR scanner only populates these form text fields for quick data entry; it does not automatically upload or save the scanned file into the student's document folder. To save the file itself, upload it in the Documents section.

-
-
- -
- -
-

No. The system is designed specifically for student identity records and document tracking. It does not scope, track, or calculate academic grades, subject lists, or teacher remarks. It only manages essential student identification details: Full Name, 12-Digit LRN, Sex, Birthday, and 4Ps Status (Yes or No).

-
-
- -
- -
-

The system checks the 12-digit Learner Reference Number to ensure it is unique. If someone tries to add an LRN that is already registered, the system displays a clear message to prevent accidental duplicate entries.

-
-
- -
- -
-

The badge serves as a helpful reminder that the student has not yet submitted one or more documents marked as required in the checklist. As soon as the required document is uploaded, the badge turns green automatically.

-
-
-
- - -
-

- - Documents & Dynamic Requirements -

- -
- -
-

Yes! Document requirements are fully dynamic and flexible. School administrators can dynamically add new document types, edit existing document titles, and enable or disable specific requirements whenever school policies change. When enabled, requirements appear on student checklists; when disabled, they are cleanly hidden without deleting previously uploaded records.

-
-
- -
- -
-

Simply click or tap on any document card. The app opens a built-in viewer where you can zoom in, rotate pages, and read the document directly without needing any other software.

-
-
- -
- -
-

The system accepts PDF documents as well as clear photos and scanned image files (such as JPG and PNG).

-
-
-
- - -
-

- - Printing & Saving Backups -

- -
- -
-

On the Students or Archives screen, choose your section from the dropdown, click Select All in Section, and click Batch Print (Ctrl+P). The system prepares all the records into a single neat print package ready for your printer.

-
-
- -
- -
-

Administrators should save a backup regularly (for example, weekly or at the end of each grading period). Go to Settings, select Create Backup Copy, and save the backup file to a safe USB flash drive.

-
-
-
-
- - -
-
-

Help & Troubleshooting

-

Helpful tips and quick solutions for common questions.

-
- -
-
-
- -
-

Connecting Your Tablet or Computer

-

Make sure your Android tablet or desktop computer is connected to the school's local Wi-Fi or office network. Once connected, open the app and sign in with your username and password.

-
-
-
- -
-

Refreshing Document Previews

-

If a scanned document image takes a moment to appear or was recently re-uploaded, click Refresh Preview on the document card to reload the clear image.

-
-
-
- -
-

Preparing for Batch Printing

-

Before printing records for an entire section, check that your school printer is turned on with enough paper and ink loaded so your print job finishes smoothly.

-
-
-
- - +
-
- Logo +
+ TIS-RMS Seal
- Talisay Integrated School - Records Management System -
Designed for Talisay Integrated School, Tiaong, Quezon. All rights reserved.
+

Talisay Integrated School — Records Management System

+ Official User Guide & Technical Handbook • Windows & Android Editions
-
- User Guide Version 1.0 • Updated October 2026 +
+ Overview + Shortcuts + FAQ + Diagnostics + Back to Top ↑
- - -