Меню
Главная
Авторизация/Регистрация
 
Главная arrow Информатика arrow Гнучка система інформаційної підтримки підвищення кваліфікації персоналу ДП №9

Опис інтерфейсу користувача

Вся система побудована на базі використання провідника як засобу графічного відображення, тобто побудова інтерфейсу відбувалась за допомогою таких засобів як мова HTML та мова Java-Script.

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

Вигляд вікна входу в систему

Рис. 5.4 Вигляд вікна входу в систему

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

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

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

Вигляд системи створення тестів

Рис. 5.5 Вигляд системи створення тестів

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

На рис. 5.6 якраз видно, що відбуваєтося по тому. Перемикач набуває значення «створення тестів», а на сторінці адміністратора відображається список тих користівачів, що наявні у системі, також є можливість додати їх стільки скільки необхідно.

У кожного користувача є параметри для здачі тесту, або пара «логін-пароль» та назва тесту що зараз у стані проходження. Також видно коли і як здано попередні тестування.

Вигляд списку користувачів з параметрами та статистикою

Рис. 5.6 Вигляд списку користувачів з параметрами та статистикою

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

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

Вигляд вікна проходження тестування

Рис. 5.7 Вигляд вікна проходження тестування

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

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

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

На рис. 5.8 якраз видно, що система виокремила правильні відповіді, та ті відповіді що були надані при проходженні тесту. У разі достатнього результату, при співпадані правильної та наданої відповідей, система сповіщає про правильно зданий тест.

Вигляд сторінки зарахованого тестування

Рис. 5.8 Вигляд сторінки зарахованого тестування

серверна інформаційна система даний

 
Если Вы заметили ошибку в тексте выделите слово и нажмите Shift + Enter
< Предыдущая   СОДЕРЖАНИЕ   Следующая >
 

СКАЧАТЬ ОРИГИНАЛ
Гнучка система інформаційної підтримки підвищення кваліфікації персоналу ДП №9
ВСТУП1. ПОСТАНОВКА ЗАВДАННЯ1.1 Найменування та галузь використання1.2 Підстава для створення1.3 Характеристика розробленого програмного забезпечення1.4 Мета й призначення1.5 Загальні вимоги до розробки1.6 Джерела розробки2. ОСНОВИ ТЕХНОЛОГІЇ КЛІЄНТ-СЕРВЕР2.1 Основні поняття2.2 Клієнт та сервер2.3 Обов'язки та взаємодія2.4 Трирівнева архітектура2.5 Веб-сервер2.6 APACHE2.7 Можливості3. ТЕОРЕТИЧНЕ ДОСЛІДЖЕННЯ PHP І MYSQL ТА ОСНОВ РОБОТИ З НИМИ3.1 Вступ у PHP та MySQL3.2 Можливості PHP3.3 Можливості MySQL3.4 Приклади використання PHP та MySQL4. РОЗРОБКА ГНУЧКОЇ КЛІЄНТ-СЕРВЕРНОЇ СИСТЕМИ ЗАВДЯКИ ПОЄДНАННЮ ВІДКРИТИХ WEB ТЕХНОЛОГІЙ4.1 Модуль PHP4.1.1 Особливості4.1.2 Докладний опис мови4.2 База даних4.2.1 Термін4.2.2 Структуровані та неструктуровані БД4.2.3 Характеристика БД4.3 Системи керування базами даних4.4 Мова SQL4.4.1 Термін4.4.2 Історія4.4.3 Питання сумісності4.4.4 Процедурні розширення4.5 MySQL4.5.1 Термін4.5.2 Ліцензування4.5.3 Історія4.5.4 Критика4.6 HTML4.6.1 Термін4.6.2 Історія розвитку HTML4.6.3 Версії4.6.4 Документ HTML4.6.5 Семантичний HTML4.6.6 Проект специфікації HTML 54.6.7 XHTML4.7 JavaScript4.7.1 Термін4.7.2 Про мову4.7.3 Використання в HTML4.7.4 Зневадження4.7.5 Статистика використання5. ОПИС ФУНКЦІОНАЛЬНИХ МОЖЛИВОСТЕЙ ТА ПРОГРАМНОЇ РЕАЛІЗАЦІЇ ПРОЕКТОВАНОЇ СИСТЕМИ5.1 Функціональне призначення та технологічні особливості розробки5.2 Логіко-функціональна схема роботи системи5.3 Розробка алгоритмів та програмна реалізація основних процедур системи5.4 Опис інтерфейсу користувача6. ЕКОНОМІЧНЕ ОБҐРУНТУВАННЯ ДОЦІЛЬНОСТІ РОЗРОБКИ ПРОГРАМНОГО ПРОДУКТУ7. ОХОРОНА ПРАЦІ7.1 Аналіз шкідливих і небезпечних виробничих факторів при роботі на комп'ютері7.2 Заходи щодо нормалізації небезпечних і шкідливих факторів7.3 Пожежна безпекаВИСНОВКИСПИСОК ЛІТЕРАТУРИ