Details
Technical description of the PPR simulation web tool, development stack, exports, and deployment.
PPR simulation web tool
The PPR simulation is implemented as an interactive, browser-based decision-support dashboard. Users enter population, vaccination, transmission, and isolation parameters; the application computes disease trajectories and visualizes outputs as epidemic curves for the primary host (X) and spillover/bridge hosts (Y, Z).
Development environment & tools
- Visual Studio Code — IDE for PHP/HTML/CSS/JS.
- XAMPP (Apache + PHP) — local server for testing .php pages.
- Browser dev tools — JS debugging, DOM inspection.
Languages & frameworks
- PHP — serving pages/headers/footers.
- HTML + CSS — layout and styling.
- JavaScript — simulation engine, indicators, charts, exports.
- Tailwind CSS (CDN) — responsive UI cards/grids/typography.
- Chart.js — plotting epidemic curves (in the simulation page).
- MathJax — equation rendering (this page).
Implementation steps (end-to-end)
- UI + parameter entry: card-based input panel + validation + help bubbles.
- Simulation engine: client-side iterative update; re-run on input change; no page reloads.
- Indicators: peak/day, duration; R₀/HIT if implemented.
- Visualization: Chart.js renders time series; synchronized with export arrays.
- Exports: results CSV, parameters CSV, chart+summary PNG, printable HTML report.