~/work/hok-2012-quiz.md
Case study

HOK 2012 Quiz

An iPad quiz app for attending oncologists at the Croatian Oncology Congress — sliders for treatment-outcome estimates, full-screen when launched from the home screen, and feedback rendered as proper Kaplan-Meier curves. Built as a PWA before the term existed.

role
Markup · complete Django backend · admin panel · scoring
client
Roche · via the HOK 2012 (Croatian Oncology Congress) event
sector
Medical · conference · knowledge assessment
stack
Django · Python · JavaScript (AJAX-heavy) · localStorage · Apple "web-app" shell on iPad
surface
Four oncology quizzes · slider and multiple-choice questions · in-browser data viz · organiser admin
01 / Context

An iPad quiz at an oncology congress

HOK 2012 was the Croatian Oncology Congress. Roche sponsored four in-app quizzes for attending oncologists — clinical-knowledge questions tied to treatment outcomes and study data from real trials. The delivery format was an iPad running a "web app": full-screen, launched from the home screen, behaving enough like a native app that the device disappeared into the session. In 2012 the name for that didn't exist yet; today we'd call it a progressive web app.

02 / Questions and feedback

Sliders, multiple choice, and real-looking plots

Two question types. Slider questions asked oncologists to estimate numeric treatment outcomes — drag a handle to the expected median survival, or a hazard ratio, or a response rate — for each arm of a study. Multiple-choice questions covered the rest. Every answer, right or wrong, opened a feedback screen with the study data behind the question — dot plots with confidence intervals, Kaplan-Meier survival curves, hazard ratios — shown as pre-rendered images. No in-browser plotting; the inputs were the interactive part, the explanation pages were static and quite sufficient for the purpose. The learning was supposed to live in the feedback, not in the score.

The app leans hard on AJAX so nothing requires a page reload, and caches progress in localStorage so a flaky conference Wi-Fi never throws a session away mid-quiz.

03 / Back office

Django admin for the organisers

The Django backend covered quiz content management, scoring, and an organiser-facing admin for reviewing results — filterable by quiz, score, and date. Visual design was provided by a designer for the oncologist-facing side; I built the markup and the full Django side end-to-end.

04 / Tech stack

Tools

  • Python · Django
  • JavaScript (AJAX-heavy, no framework)
  • localStorage (offline-tolerant progress)
  • Apple web-app shell (full-screen iPad from home-screen)
  • Pre-rendered feedback screens (dot plots, Kaplan-Meier, hazard ratios — static images)
~/work
01 / 01 navigate · Esc close