From b461a729fb1839e0c620f30953d7f4efaee34125 Mon Sep 17 00:00:00 2001 From: ssbg04 Date: Mon, 14 Sep 2026 18:18:15 +0800 Subject: [PATCH] refactor: adopt minimalist design, remove icon redundancy, eliminate grade tracking, and scope to 2021+ document registration --- src/components/AppShowcase.astro | 47 ++-- src/components/Architecture.astro | 136 +++------- src/components/Downloads.astro | 113 +++----- src/components/Features.astro | 69 ++--- src/components/Footer.astro | 23 +- src/components/Hero.astro | 437 ++++++++++++------------------ src/components/Navbar.astro | 18 +- src/components/OcrPipeline.astro | 65 ++--- src/components/SchoolForms.astro | 120 ++++---- src/components/TechStack.astro | 30 +- src/layouts/Layout.astro | 4 +- src/styles/global.css | 15 +- 12 files changed, 410 insertions(+), 667 deletions(-) diff --git a/src/components/AppShowcase.astro b/src/components/AppShowcase.astro index 173a43e..7834745 100644 --- a/src/components/AppShowcase.astro +++ b/src/components/AppShowcase.astro @@ -4,41 +4,35 @@ const showcaseTabs = [ { id: "dashboard", title: "Dashboard Overview", - tagline: "Real-time overview of active school records, S.Y. 2026-2027 KPIs, student metrics, and required setup.", + tagline: "Overview of student records, basic information statistics, and digitized historical documents from 2021 onwards.", image: "/screenshots/dashboard.webp", - badge: "S.Y. 2026-2027 Active", + badge: "Archives (2021+)", }, { id: "students", - title: "Students Directory", - tagline: "Search learners by LRN, manage section assignments (e.g. Grade 7 - Susan), and monitor 3/6 document completion.", + title: "Student Directory", + tagline: "Search learners by 12-digit LRN, view basic profile information, and register student data via SF-10 and SF-9 forms.", image: "/screenshots/students.webp", - badge: "LRN & 4Ps Tracker", + badge: "Basic Info Directory", }, { id: "documents", title: "Document Vault & Folders", - tagline: "Organize student folders with JHS/SHS checklists, upload transcripts, and inspect documents with instant PDF preview.", + tagline: "Organize archived student folders (2021 onwards), view historical documents, and inspect records with instant PDF preview.", image: "/screenshots/documents.webp", - badge: "OCR Document Ingestion", + badge: "Document Archival", }, { id: "reports", - title: "DepEd Transparency Board", - tagline: "DepEd Transparency & School Performance Board tracking enrollment trends, dropouts, and official PDF exports.", + title: "Archive Statistics Board", + tagline: "Historical student records overview tracking 4Ps learner markers and audit-ready document summaries.", image: "/screenshots/reports.webp", - badge: "DepEd Compliance", + badge: "Records Summary", }, ]; ---
- -
-
-
-
-
@@ -48,10 +42,10 @@ const showcaseTabs = [ Live System Interface

- Designed for Talisay Integrated School Teachers. + Designed for Talisay Integrated School.

- Actual interface screenshots from the Flutter desktop client built specifically to make school record management and DepEd compliance effortless. + Actual interface screenshots from the desktop client built specifically to manage and register student records from old documents dated 2021 onwards.

@@ -63,12 +57,12 @@ const showcaseTabs = [ data-tab={tab.id} class={`tab-btn relative flex items-center gap-2.5 rounded-xl px-4 py-2.5 text-xs sm:text-sm font-semibold transition-all duration-200 border ${ idx === 0 - ? "bg-[#16a34a] text-white border-[#16a34a] shadow-lg shadow-[#16a34a]/30" + ? "bg-[#16a34a] text-white border-[#16a34a] shadow-md shadow-[#16a34a]/20" : "bg-[#112017] text-slate-300 border-[#23412f] hover:bg-[#162a1d] hover:text-white" }`} > {tab.title} - + {tab.badge} @@ -88,9 +82,6 @@ const showcaseTabs = [
- - - tis_rms://app/dashboard
@@ -109,8 +100,7 @@ const showcaseTabs = [ id={`tab-content-${tab.id}`} class={`tab-content transition-all duration-300 ${idx === 0 ? "block" : "hidden"}`} > - -
+
{`TIS_RMS{tab.tagline}

- - - - - Verified Module + + System View
diff --git a/src/components/Architecture.astro b/src/components/Architecture.astro index 06b9918..b661c24 100644 --- a/src/components/Architecture.astro +++ b/src/components/Architecture.astro @@ -38,55 +38,38 @@
- + Teacher Terminals Flutter SDK

Teacher & Staff Clients

-

Fast native UI for faculty desks and mobile scanning.

+

Fast native interface for faculty desks and mobile document scanning.

-
-
-
- - - -
-
-
Windows Desktop App
-
Class Advisers & Registrar Desks
-
+
+
+
Windows Desktop App
+
Faculty Workstations & Registrars
-
-
- - - -
-
-
Android Mobile App
-
MLKit Camera Document Scanner
-
+
+
Android Mobile App
+
MLKit Camera Document Scanner
-
- HTTP / REST Campus API - - - +
+ Local HTTP / REST Campus API
-
+
- + School Server Core Express 5.2 @@ -95,38 +78,21 @@

Node.js Express & SQLite

Local server REST API with SQLite (`tis_rms.db`) persistence.

-
-
-
- - - -
-
-
`better-sqlite3` DB
-
Zero-maintenance local file storage
-
+
+
+
better-sqlite3 DB
+
Zero-maintenance local file database
-
-
- - - -
-
-
Windows Service Server
-
Runs 24/7 on designated school PC
-
+
+
Windows Service Daemon
+
Runs continuously on designated school PC
-
- Local Processing Pipeline - - - +
+ Offline Campus LAN Hub
@@ -134,7 +100,7 @@
- + Processing Engines DepEd Suite @@ -143,35 +109,21 @@

OCR & Document Engine

Ghostscript PDF rasterizer, Tesseract OCR & ExcelJS.

-
-
-
- - - -
-
-
Tesseract OCR Engine
-
Automated text & field extraction
-
+
+
+
Tesseract OCR Engine
+
Text & basic field extraction (2021+)
-
-
- - - -
-
-
ExcelJS SF-10 Processor
-
DepEd JHS & SHS template engine
-
+
+
ExcelJS SF-10 Processor
+
DepEd JHS & SHS template integration
-
- ✓ Bundled Binaries & Local Processing +
+ Local Binaries & Offline Engines
@@ -181,32 +133,26 @@
-
- 1 -
-

Zero Internet Dependency

+
01
+

Zero Internet Dependency

- Faculty and advisers at Talisay Integrated School can run daily enrollment, document uploads, and report generation seamlessly over local Wi-Fi / Ethernet. + Faculty and advisers at Talisay Integrated School can register basic student information, upload documents, and generate reports seamlessly over local Wi-Fi / Ethernet.

-
- 2 -
-

Student Data Privacy

+
02
+

Student Data Privacy

- Learner records, PSA birth certificates, and academic histories remain safely within Talisay school hardware with no public cloud risks. + Learner basic records and historical documents remain safely within Talisay school hardware with no public cloud security risks.

-
- 3 -
-

Lightning Fast LAN Speed

+
03
+

Fast Local Performance

- Local SQLite operations (`better-sqlite3`) ensure instantaneous PDF previews, student directory lookups, and report generation across campus rooms. + Local SQLite operations (`better-sqlite3`) ensure instantaneous PDF previews, student directory lookups, and report generation across campus workstations.

diff --git a/src/components/Downloads.astro b/src/components/Downloads.astro index b8fe939..b7ff982 100644 --- a/src/components/Downloads.astro +++ b/src/components/Downloads.astro @@ -26,130 +26,92 @@
-
+
-
+
-
- - - -
- + Windows Desktop + v1.0.0 (Latest)
-

Windows Desktop Setup

-

TIS_RMS_Client_Setup.exe

+

Windows Desktop Setup

+

TIS_RMS_Client_Setup.exe

-

- Full Windows installation package created with Inno Setup. Includes desktop shortcuts, document processing helpers, and direct campus LAN connectivity. +

+ Full Windows installation package created with Inno Setup. Includes desktop shortcuts and direct campus LAN database connectivity.

-
-
- - - - Windows 10 / 11 (64-bit) -
-
- - - - Teacher Workstations & Registrars -
+
+
— Windows 10 / 11 (64-bit)
+
— Teacher Workstations & Registrars
-
+
- Download Setup (.exe) - - - + Download Setup (.exe)
-
+
-
- - - -
- + Android Mobile + Universal Build
-

Android Mobile Client

-

TIS_RMS_Android_Universal.apk

+

Android Mobile Client

+

TIS_RMS_Android_Universal.apk

-

- Universal Android APK for educators. Features MLKit camera document scanning, offline cache, and instant document upload to the school database. +

+ Universal Android APK for educators. Features MLKit camera document scanning, offline cache, and instant document upload to the local school database.

-
-
- - - - Android 8.0+ (ARM64 & x86_64) -
-
- - - - MLKit Camera Scanner -
+
+
— Android 8.0+ (ARM64 & x86_64)
+
— MLKit Camera Scanner
-
+
- Download APK (.apk) - - - + Download APK (.apk)
-
+
-
- - - -
- + Campus Server + Campus Server
-

Backend School Server

-

Node.js Express Campus Daemon

+

Backend School Server

+

Node.js Express Campus Daemon

-

+

Run the Node backend continuously on your school server PC via NSSM background service — accessible across faculty Wi-Fi.

@@ -160,17 +122,14 @@
-
+
- View Source on GitHub - - - + View Source on GitHub
diff --git a/src/components/Features.astro b/src/components/Features.astro index 0fed5da..c01f811 100644 --- a/src/components/Features.astro +++ b/src/components/Features.astro @@ -1,47 +1,41 @@ --- -// Features component - Teacher & Staff Centric for Talisay Integrated School +// Features component - Student Records Management for Talisay Integrated School const featuresList = [ { num: "01", - title: "Advisory Class & Section Roster", - description: "Effortlessly manage Junior & Senior High learner profiles, track section assignments (e.g. Grade 7 - Susan, Grade 10 - Rizal), and perform fast 12-digit LRN search.", - icon: "M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z", - tag: "Advisory Management", + title: "Student LRN & Basic Profile Directory", + description: "Manage historical student profiles, look up 12-digit LRNs, and catalog basic learner information from records dated 2021 onwards.", + tag: "Profile Directory", }, { num: "02", - title: "Document Checklist (3/6 Docs)", - description: "Monitor mandatory requirements per student (PSA Birth Certificate, Form 137, Report Card, Good Moral) with visual progress bars and instant PDF previews.", - icon: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z", - tag: "Requirement Tracker", + title: "Basic Info Registration (SF10 & SF9)", + description: "SF-10 and SF-9 documents provide the most efficient method to add basic student information into the system. Basic registration only—not enrollment.", + tag: "Efficient Method", }, { num: "03", title: "Automated OCR Document Scanner", - description: "Digitize paper transcripts and report cards automatically using local Tesseract OCR, saving teachers countless hours of manual data entry.", - icon: "M13 10V3L4 14h7v7l9-11h-7z", + description: "Digitize historical paper transcripts and documents (2021+) automatically using local Tesseract OCR, saving hours of manual data entry.", tag: "Tesseract OCR", }, { num: "04", - title: "One-Click DepEd SF-10 Excel Export", - description: "Generate official DepEd School Form 10 (JHS and SHS v2026) spreadsheets with pre-populated learning areas, quarterly grades, and automated general averages.", - icon: "M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z", - tag: "DepEd SF-10 Ready", + title: "DepEd SF-10 Spreadsheet Export", + description: "Generate official DepEd School Form 10 (JHS and SHS v2026) spreadsheets with pre-populated student biographical data and historical records.", + tag: "SF-10 Integration", }, { num: "05", - title: "DepEd Transparency & 4Ps Analytics", - description: "Monitor school enrollment trends, track 4Ps beneficiaries, log transferees and dropouts, and export audit-ready PDF reports for Division inspection.", - icon: "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z", - tag: "Compliance Board", + title: "Archival Records & 4Ps Overview", + description: "Monitor cataloged historical files from 2021 onwards, classify 4Ps beneficiaries, and export audit-ready summaries for division inspection.", + tag: "Archival Summary", }, { num: "06", title: "100% Offline Campus LAN Resilience", - description: "Designed specifically for Talisay Integrated School — access and update records smoothly even during internet or cloud outages in Tiaong, Quezon.", - icon: "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10", - tag: "Local SQLite Server", + description: "Designed specifically for Talisay Integrated School — access and update records smoothly on the local network even during internet outages in Tiaong.", + tag: "Local SQLite DB", }, ]; --- @@ -53,48 +47,43 @@ const featuresList = [
TIS Logo - Built For Educators + Core System Modules

- Features that give teachers their time back. + Designed for historical records management.

- Designed from the ground up to solve real record-keeping and DepEd compliance challenges at Talisay Integrated School. + Streamlined tools to digitize, organize, and register student information from old documents (2021 onwards) without grade tracking overhead.

- +
{featuresList.map((item) => ( -
+
-
- - - -
+ + {item.num} + - + {item.tag}
-

+

{item.title}

-

+

{item.description}

-
- Learn more - - - +
+ Active Record Module
diff --git a/src/components/Footer.astro b/src/components/Footer.astro index a29ed9b..c7036a3 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -25,7 +25,7 @@ const currentYear = new Date().getFullYear();

- A client-server school Record Management System designed for Talisay Integrated School in Tiaong, Quezon, Philippines. Built for teachers to automate DepEd SF-10 reports, manage student LRN profiles, track document requirements, and process scanned forms with Tesseract OCR over the offline campus LAN. + A client-server school Record Management System designed for Talisay Integrated School in Tiaong, Quezon, Philippines. Dedicated to managing and digitizing historical student records from old documents dated 2021 onwards. Utilizes SF-10 and SF-9 forms for efficient basic student info registration with zero grade tracking.

@@ -36,12 +36,12 @@ const currentYear = new Date().getFullYear();
-

Teacher Tools

+

System Navigation

@@ -52,21 +52,18 @@ const currentYear = new Date().getFullYear();

Release & Distribution

diff --git a/src/components/Hero.astro b/src/components/Hero.astro index e49c8f8..38bdbb1 100644 --- a/src/components/Hero.astro +++ b/src/components/Hero.astro @@ -16,7 +16,7 @@
-
+
TIS Logo Talisay Integrated School • - Tiaong, Quezon, Philippines -
- +

- The Record Management System - built for Talisay Integrated School Teachers. + Records Management System + for Old Documents (2021 Onwards).

- TIS RMS simplifies record-keeping for class advisers and school staff in Tiaong, Quezon. Generate official DepEd School Form 10 (SF-10 JHS/SHS), track student LRNs and document requirements, scan physical records with Tesseract OCR, and work uninterrupted on your offline campus LAN. + Built specifically for Talisay Integrated School to manage and register student basic information from historical documents dated 2021 onwards. Utilizing SF-10 and SF-9 documents offers the most efficient method to add basic learner profiles into your local school records—this is basic registration of basic information, not enrollment, with zero grade tracking.

- - - - Get Windows & Android App + Get Windows & Android App - - - - - Try Interactive Teacher Demo + Explore Live Console
- -
-
- - - - Windows Desktop App -
- + +
+ Windows Desktop Client • - -
- - - - Android Mobile Scanner -
- + Android Scanner • - -
- - - - 100% Offline Campus LAN -
+ 100% Offline Campus LAN + • + SF10 / SF9 Registration
- +
- -
-
-
- - - -
-
-
DepEd SF-10 Export
-
JHS & SHS v2026 Ready
-
+ +
+
+ 01 + Registration Method
-

- Auto-populates official DepEd permanent record sheets with formulas, general averages, and promotion remarks. +

SF-10 & SF-9 Registration
+

+ The efficient method to capture and register student basic profile information from official forms into the database.

- -
-
-
- - - -
-
-
LRN & Document Tracker
-
3/6 Docs Checklist
-
+ +
+
+ 02 + Archival Scope
-

- Search students by 12-digit LRN, check PSA, Form 137, and 4Ps status in seconds with visual progress bars. +

Old Documents 2021+
+

+ Dedicated records management to digitize, organize, and search historical student archives dated 2021 onwards.

- -
-
-
- - - -
-
-
Tesseract OCR Scanner
-
Zero Manual Typing
-
+ +
+
+ 03 + Tesseract OCR
-

- Converts physical birth certificates, transcripts, and scanned reports into indexed digital records automatically. +

OCR Character Scanner
+

+ Extracts learner identifiers and profile details directly from paper scans without tedious manual transcription.

- -
-
-
- - - -
-
-
Campus LAN Server
-
No Internet Needed
-
+ +
+
+ 04 + Zero Cloud Risk
-

- Built for Talisay school environment with local SQLite database that keeps running during internet outages. +

Campus LAN Database
+

+ Fast SQLite storage running natively on school hardware in Tiaong, remaining 100% operational during internet outages.

@@ -197,93 +149,75 @@
- -
+ +
- +
- Automated Excel Template + Historical Document Ingestion (2021 Onwards)

- DepEd School Form 10 (SF-10) in One Click + Basic Student Info from SF-10 & SF-9

- Say goodbye to copying and pasting grades into spreadsheets manually. TIS RMS populates official DepEd templates (JHS and SHS v2026) directly from student database records with all mathematical formulas, general averages, and promotion remarks preserved. + Using official SF-10 and SF-9 documents is the most efficient method to add and catalog student basic information from historical records dated 2021 onwards. The system manages student profiles and document archives without tracking subject grades.

- - - - Junior High School Form 10 (Grades 7 to 10) + — + Extracts 12-digit LRN, legal name, and birth records
- - - - Senior High School SF-10 v2026 (Academic & TVL Strands) + — + Registers historical academic year placement (2021+)
- - - - Instant PDF print preview and Excel export + — + Basic information registration only (no grade tracking)
@@ -292,23 +226,21 @@ href="#school-forms" class="inline-flex items-center gap-2 text-xs font-semibold text-[#4ade80] hover:text-white transition" > - Explore SF-10 Engine Features - - - + Explore Form Integration Details + →
- +
- REPUBLIC OF THE PHILIPPINES — DEPED -
Learner's Permanent Academic Record (SF10-JHS)
+ TALISAY INTEGRATED SCHOOL — ARCHIVES +
Learner Basic Information Record
- ExcelJS Powered + 2021+ Document Register
@@ -323,74 +255,50 @@ GARCIA, CRIS CHARLES
- GRADE & SECTION: - Grade 7 - Susan + YEAR LEVEL: + Grade 7
- SCHOOL YEAR: - 2026-2027 + ARCHIVE YEAR: + 2021-2022
- +
- - - - - - - + + + - - - - - - - + + + - - - - - - - + + + - - - - - - - + + + - - - - - - - + + + - - - - - - - + + +
Learning AreasQ1Q2Q3Q4FinalRemarksRegistered FieldArchived Document ValueVerification
Filipino8889909190PassedDate of BirthApril 14, 2009Verified (SF10)
English8788899089PassedSexMaleVerified (SF10)
Mathematics9192929392PassedOriginating SchoolTalisay Elementary SchoolHistorical Record
Science8687888988PassedDocument SourceSF-10 / SF-9 Document (2021 Onwards)Cataloged
MAPEH9091929392PassedSystem RoleBasic Student Info OnlyNo Grade Tracking
@@ -399,10 +307,10 @@
- General Average: 90.20 (PROMOTED) + Registration Type: Basic Info Only (Not Enrollment)
- Ready for DepEd Division Verification + Archived S.Y. 2021+
@@ -415,38 +323,38 @@
- Teacher Advisory Roster + Historical Student Directory

- Instant Student Lookup by LRN or Name + Student Lookup by LRN or Name

- Find any learner in Talisay Integrated School instantly. Check their 4Ps classification, enrollment status, section assignment (such as Grade 7 - Susan), and document completion bars with zero confusion. + Find any archived learner record from 2021 onwards. Check their 4Ps classification, basic profile information, and registered SF-10 / SF-9 documents.

- + Bulk Add Learners + + Register Student Info - Print Section Roster + Export Directory List
- Students Directory — Talisay Integrated School + Student Records (2021 Onwards)
- + Add Student + + Register Info
- +
-
+
-
+
G
@@ -455,24 +363,24 @@
-
- - Grade 7 - Susan +
+ + S.Y. 2021-2022 - - Enrolled + + Registered (2021+) - - 3 / 6 Docs + + SF-10 & SF-9 Record
-
+
-
+
M
@@ -481,15 +389,15 @@
-
- - Grade 10 - Rizal +
+ + S.Y. 2022-2023 - - Enrolled + + Registered (2021+) - - 6 / 6 Docs (Complete) + + SF-10 & SF-9 Record
@@ -499,100 +407,95 @@
- +