Skip to content

emmekappaa/mistra-webapp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MISTRA Web Platform

A dynamic web application developed as part of the Dynamic Web Apps course at the University of Verona (A.Y. 2024–2025), aimed at improving the accessibility, usability, and functionality of the official website of the Centro MISTRA (Multidisciplinary Center for Sexually Transmitted Infections).

👥 Authors

  • Michele Cipriani – VR516307
  • Tommaso Vilotto – VR516306
  • Nicolò Zerman – VR516333

🎯 Project Goals

  • Replace the current Wix-based website with a more flexible, accessible, and maintainable solution using Django CMS.
  • Provide a dynamic content system for public information and educational material.
  • Integrate anonymous quizzes/tests to assess users’ knowledge on STI-related topics.
  • Enable doctors/admins to validate test results and manage content via a custom backend.

🚀 Installation and Setup

🔰 First-Time Setup

git clone https://github.com/emmekappaa/centro_mistra.git
cd centro_mistra

# Create and activate virtual environment
python3 -m venv .venv

# Activate on Unix/Linux
source .venv/bin/activate

# Activate on Windows
.venv\Scripts\activate

# Upgrade pip and install requirements
pip install --upgrade pip
pip install django-cms
pip install pip-tools

# Compile and install dependencies
pip-compile requirements.in
pip install -r requirements.txt

# Run the development server
python manage.py runserver

🔁 Subsequent Runs

# Activate virtual environment

# On Unix/Linux
source .venv/bin/activate

# On Windows
.\.venv\Scripts\activate

# Run the development server
python manage.py runserver

📌 Make sure to run the activation command in the same directory where the .venv folder is located. If it's hidden, you can list it with ls -a.


🛠️ Technologies Used

  • Python / Django CMS for backend and CMS features
  • Custom Django plugins for quiz modules
  • SQL database structured according to the provided logical schema
  • HTML5 / CSS3 with accessibility best practices
  • WCAG 2.1 AA compliance verified using Lighthouse, NVDA, and VoiceOver

🔧 System Features

For General Users

  • Access informative pages and resources
  • Take anonymous quizzes about STIs
  • Receive instant feedback and download results in PDF format

For Doctors / Administrators

  • CMS dashboard access with content editing permissions
  • Create/modify pages using blocks (text, image, video)
  • Manage quizzes, questions, and analyze test results
  • Real-time DB updates through the plugin architecture

🧩 Custom Quiz Plugins

Three Django plugins were developed for quiz management:

  1. Quiz - Login: collects age and gender anonymously before starting the test
  2. Quiz - Question: renders test questions dynamically and records answers
  3. Quiz - Result: calculates and displays final results with a PDF export option

🖼️ Screenshots

Homepage

Homepage


Quiz Login Plugin

Quiz Login Plugin


Quiz Question View

Quiz Question Plugin


Quiz Result and PDF Export

Quiz Result Plugin


📐 Accessibility Compliance (WCAG 2.1 - Level AA)

  • Use of aria attributes for screen reader compatibility
  • All images have meaningful alt text
  • High-contrast color palette
  • Responsive layout tested with 200% zoom
  • Fully keyboard-navigable interface

Tools Used for Accessibility Testing

  • Lighthouse (Chrome DevTools)
  • NVDA (Windows screen reader)
  • VoiceOver (Mac/iOS screen reader)

🏥 Context: Centro MISTRA

The platform is designed for the Centro MISTRA, a public health initiative from the Azienda Ospedaliera Universitaria Integrata di Verona. The center provides STI prevention, diagnostics, and education.

Website sections include:

  • General information and services
  • Educational materials on infections
  • Interactive quiz section for user self-assessment
  • Medical contact and access information

📄 License

BSD 3-Clause License

About

This repository contains a dynamic web platform for Centro MISTRA, built with Django CMS and custom plugins. It enables anonymous user testing, medical content validation, and real-time quiz result handling. The project also includes full WCAG 2.1 AA accessibility compliance and a modular CMS architecture.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors