Розробка платформи PTGE

Proficiency English Test for English Professional Team (PTGE) – окремий напрямок школи англійської мови Hotspot, основною метою якого є перевірка знань у співробітників та кандидатів інших компаній.

Проблеми: процес тестування проходить в ручному режимі. Викладачі проводять тестування у Zoom, студенти пишуть відповіді на папірцях, фотографують їх та надсилають на перевірку. Процес виходить довготривалим та незручним.

Задача: розробити Web-платформу яка одразу вирішить всі основні проблеми напрямку та буде відповідати таким критеріям:

1. Усі процеси проходять на одній платформі (тестування студентів, перевірка тестів, історія тестування, контактні дані компаній та протестованих студентів тощо).
2. Реалізація зручного тесту для студентів, який можна пройти в будь-який час та день тижня.
3. Мінімізація списування під час проходження тесту.
4. Автоматизація рутинних задач.

Структура проєкту

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

• розробили стукрутуру проєкту: графічну схему з переліком, послідовністю та описом усіх сторінок; присутність функціоналу на сторінках; рівні доступу до певних сторінок.
• розробили план реалізації. Завдяки структурі проєкту розподілили всі роботи на окремі послідовні спринти (короткі, чітко визначені періоди часу, за які команда працює над досягненням конкретних цілей)

Обрані технології

Через масштаб проєкту було вирішено використовувати індивідуальну дизайн-систему на Vue.

Дизайн-система — це набір багаторазових компонентів, стилів і правил, які використовуються для створення єдиного інтерфейсу у веб-застосунках.

Переваги дизайн-системи:

1. Уніфікованість: єдиний стиль і поведінка елементів у всьому проєкті.
2. Швидкість розробки: завчасно підготовлені компоненти скорочують час створення нових функцій.
3. Легка підтримка: зміни автоматично застосовуються в усіх частинах проєкту.
4. Масштабованість: підходить для великих проєктів із кількома командами.
5. Документованість: чітка документація спрощує використання та інтеграцію компонентів.

Платформа реалізована з використанням сучасних технологій:

• Vue.js для Front-End
• NestJS для Back-End
• MongoDB як бази даних

Розробка

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

Усі роботи зі створення компонентів, збірки готових сторінок, написання основного та додаткового функціоналу реалізовувалися 5 місяців. Паралельно із розробкою проводилося тестування готових сторінок та функціоналу, а також написання SRS-документації проєкту. 

Що ми зробили?

Після закінчення робіт ми мали величезний перелік виконаних робіт, розповімо про найголовніші особливості:

1. Реалізовано 4 окремі ролі користувачів, кожен із своїм функціоналом:

• Super Admin – найголовніша роль, має всі можливості Company Admins та Teacher і навіть більше.
• Company Admin – менеджер компанії, який запрошує співробітників/кандидатів на тестування, може купувати тести, переглядати статистику тестування і виставлені оцінки, може завантажувати результати тестування в таблицю.
• Student – співробітник або кандидат компанії, який проходить тест.
• Teacher – викладач, який перевіряє тести, може дивитися відеозаписи студентів під час проходження тесту, виставляє оцінки

2. 4 різні частини платформи, що синхронізовані між собою. Super Admin запрошує Company Admin на платформу, Company Admin запрошує колег або кандидатів на тестування, а також бачить всю інформацію про них, Teacher, який перевіряє тести і виставляє оцінки. 
3. Повноцінний тест на знання англійської мови для співробітників та кандидатів, що включає в себе 3-х різні аспекти завдань: Grammar, Listening, Speaking. Перелік функціоналу в тесті:

• Magic link авторизація в тесті – студентам не потрібна реєстрація та авторизація, вони потрапляють в тест за унікальним URL.
• Перевірка пристроїв перед початком тестування (мікрофон, навушники, веб-камера).
• Проходження кожного аспекту обмежено в часі.
• Запис відео з веб-камери та робочого столу комп’ютера для попередження списування.
• Запис звуку з мікрофону протягом усього тесту.
• Завантаження записаних відеофайлів на сервер, їх стискання та конвертація в інший формат.
• Автоматичне видалення відеофайлів через 60 днів з момента запису для економії місця на сервері.
• Відтворення аудіофайлів завдань з обмеженням кількості прослуховування.
• Рандомізація завдань, які отримує студент в тесті для уникнення списування і завчасної підготовки.
• Заборона використання перевірки орфографії та розширення Grammarly.
• Заборона виділення та копіювання будь-якого тексту завдань для уникнення списування.
• Реалізація логування в тесті, щоб мати всю необхідну інформацію: коли студент розпочав та закінчив завдання, з якого пристрою він проходить тест, чи перезавантажував він сторінку і т.д.

4. Розробили автоматичний розрахунок заробітної плати викладачів на основі перевірених тестів.
5. Інтегрували платформу з платіжною системою Way for Pay для оплати проходження тесту.
6. Інтегрували платформу з сервісом розсилань SendGrid, реалізували 15 різних шаблонів для 4 ролей користувачів. У кожному з шаблонів використовуються дані платформи – суми та статуси оплати через платіжну систему, результати тестування, згенеровані паролі та посилання на тестування.

Результати

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

1. Тестування, перевірка тестів та історія тестування знаходяться в рамках однієї платформи.
2. Для проходження тесту не потрібно обирати час і домовлятися з викладачем та писати відповіді на папірцях. Достатньо лише отримати запрошення і витратити 45-60 хвилин на тестування в будь-який зручний час і день.
3. Студент не має жодної можливості списати і не порушити правила здачі тесту.
4. Усі рутинні завдання такі, як зайва комунікація із менеджерами і студентами, розсилання запрошення, перевірка тестів в різних місцях, розсилання запрошень та результатів тестів тощо, відійшли в минуле.