Діаграма прецедентів. 
Веб-система тестування знань з мови SQL

Для створення системи спершу необхідно провести проектування поставлених задач, для цього проводиться моделювання системи та її окремих компонентів, з використанням UML діаграм [10]. У початковому аналізі було визначено основну структуру та поведінку системи взаємодію з нею з точки зору користувачів, зокрема адміністраторів, викладачів та студентів. Для її візуалізації застосовано діаграму прецедентів.

У діаграмі прецедентів виділено основний функціонал системи та вказано ролі користувачів, що будуть користуватись ним. У системі наявні такі ролі користувачів: Адміністратор, Викладач та Студент. Кожна з ролей має окремий набір функцій.

Роль Адміністратор являє собою зареєстрованих користувачів, вона надає можливість керувати Викладачами і Студентами, додавати та редагувати їх. Крім того Адміністратор має можливість керувати тестовою базою даних, змінюючи чи відновлюючи її.

Роль Викладач також являється зареєстрованими користувачами. Викладачі можуть створювати та редагувати групи студентів. Також ця роль надає можливість додавання і редагування завдань, формування контрольних робіт, перегляд результатів студентів та формування звітності за цими результатами.

Роль Студент є незареєстрованими користувачами. Ця роль надає доступ до функціоналу вибору та проходження завдань та контрольних робіт, а також перегляду власних результатів у загальній формі та після конкретного тестування.

Діаграма послідовності

Sequence diagram відображає взаємодії об'єктів впорядкованих за часом. Зокрема, така діаграми відображає задіяні об'єкти та послідовність відправлених повідомлень між ними [11].

На діаграмі послідовностей можна побачити, що відбувається в системі поза очима користувача. Коли користувач відкриває вікно з даними, відображення надсилає запит до контролера для отримання даних, контролер в свою чергу надсилає запит до моделі, яка отримує дані з бази даних. Ці дані з бази надходять до відображення пройшовши обробку і відображаються користувачу. Коли користувач ввів необхідну інформацію і натиснув на кнопку підтвердження редагування даних, дані через відображення відправляються до контролера, який їх валідує та відправляє до моделі. Модель спочатку обробляє дані, а потім зберігає їх до бази. Контролер в свою чергу повертає користувачу сторінку з результатом, або перенаправляє до початкової сторінки. Це загальна схема послідовності роботи будь-якого користувача з системою. Так, наприклад, така послідовність відбувається при редагуванні адміністратором даних студента чи викладача. Якщо користувач просто відкриває сторінку для перегляду, то виконується перша частина діаграми послідовності.

Тобто коли користувач просто відриває сторінку з даними, то контролер запрошує дані у моделі, яка отримує їх з бази та повертає, контролер обробляє дані та повертає дані для відображення.

Подальше редагування не відбувається і інша частина діаграми послідовності не відбувається. Після перевірки відповіді також відбувається занесення відповіді у базу даних, для подальшого використання.