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

Вона приводить приклад можливого порядку дій роботи викладача з веб-сайтом та відображає процес від авторизації викладача до редагування завдань, тестів, груп студентів і створення звітів.

Діаграма діяльності — це візуальне представлення графу діяльностей. Граф діяльностей є різновидом графу станів скінченного автомату, вершинами якого є певні дії, а переходи відбуваються по завершенню дій [12]. Дія є фундаментальною одиницею визначення поведінки в специфікації. Дія отримує множину вхідних сигналів, та перетворює їх на множину вихідних сигналів. Одна із цих множин, або обидві водночас, можуть бути порожніми. Виконання дії відповідає виконанню окремої дії. Подібно до цього, виконання діяльності є виконанням окремої діяльності, буквально, включно із виконанням тих дій, що містяться в діяльності. Кожна дія в діяльності може виконуватись один, два, або більше разів під час одного виконання діяльності. Щонайменше, дії мають отримувати дані, перетворювати їх та тестувати, деякі дії можуть вимагати певної послідовності. Специфікація діяльності (на вищих рівнях сумісності) може дозволяти виконання декількох (логічних) потоків, та існування механізмів синхронізації для гарантування виконання дій у правильному порядку.

Розглянемо більш детально.

• — на першому кроці користувач має пройти авторизацію;
• — на другому кроці викладач може спостерігати або інформацію про завдання, створені усіма викладачами, або інформацію про наявні тести, групи студентів чи результати тестування студентів;
• — на третьому кроці викладач може додавати, редагувати чи видаляти завдання, тести чи групи студентів або створити звіт за результатами тестування.

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

Діаграма компонентів

Діаграма компонентів (component diagram) — статична структурна діаграма, показує розбиття програмної системи на структурні компоненти та зв’язки (залежності) між компонентами. У ролі фізичних компонентів можуть виступати файли, бібліотеки, модулі, виконувані файли, пакети тощо [13].

З неї видно, що у системі є компонент серверу та його база даних, компонент «веб-клієнт». Компонент «база даних» використовує DbContext, що потрібен для роботи EntityFramework. Компонент «Сервер» використовує «Controller» для формування сторінок та обробки запитів від клієнта і обробки потрібних для відображення даних, а також використовує бібліотеку EntityFramwork. Веб-клієнт, в свою чергу, використовує бібліотеку jQuery.

Усі компоненти взаємодіють між собою. Клієнт робить запит до серверу, сервер запитує дані у серверу баз даних, а тоді повертає їх клієнту.