TESDA TM1 · COC 1 · Facilitate Training Sessions

Demo Hub — Setting-up Computer Servers

Projector-ready control center for your REPM demonstration. Open any form, edit live, and everything autosaves in this browser so you can show updated monitoring tools to the panel.

Trainer · John Micheal Acera

Qualification · CSS NC II · UC3

Demo · 5 min prep + 30 min facilitation

Start Orientation Slides Open Achievement Chart

Recommended demo flow

Matches COC1-DEMO-FLOW.md

01 · Orientation

Slides + CBT

Cover, principles, roles, LO overview — project this first.

02 · Monitoring

Achievement Chart

Live C / NYC / IP updates after pre-test and assessment.

03 · Schedule

Training Matrix

Session-by-session LO tabs — mark pending / current / done.

04 · Per trainee

Progress Chart

Activity-level tracker when the panel asks for detail.

All forms

Click Open · use Present on each page

How to present to the panel

Serve this folder locally (npm run demo from the project root), then open http://localhost:4173/forms/.
Keep three browser tabs ready: Slides, Achievement, Matrix.
On any form, click Present (or Ctrl+Shift+P) to hide the top bar for projector mode. Esc exits.
Attendance + Self-Assessment still need ink signatures for TESDA evidence — use digital copies to demonstrate, print if required.
Click cells on Achievement / Matrix / Progress to cycle status live while narrating.

Keyboard & data

Present — fullscreen-ready view
Print — browser print / PDF
Export — download all saved form JSON
Import — restore from a previous export
Seed — loads Santos & Reyes sample trainees

TESDA TM1 COC 1 · Surigao Education Center · CSS NC II UC3: Set-up Computer Servers · Trainer: John Micheal Acera