2 Технологічний розділ
2.1 Керівництво користувача
Розробка структури сайту включає все, що стосується його вмісту та інформаційної стратегії, визначальною, як має бути організована інформація, щоб користувачі сайту могли знайти її легко і швидко.
Розбивка і класифікація сторінок безпосередньо визначаються вмістом сайту, а спосіб, яким організований контент, визначає процес структурування. Хорошим тонній для сайту є доступна навігація за допомогою якої користувач повинен дійти до потрібної йому сторінки в 3 кліка. Для того щоб користувач затримався на сайті, на головній сторінці гостю буде відображена інформація, яка коротко описує мету реєстрації на сайті, а також функції, які доступні.
Структура проектованого сайту:
"Головна" - сторінка, на яку користувач потрапляє в першу чергу, внаслідок чого вона містить основну інформацію про проект;"Профиль" – содержит информацию о пользователе;
"Список учасників" - містить список учасників (користувачів) які готові змагатися в баттле;
"Кинути виклик" - сторінка, де учасник може кинути виклик іншому користувачеві заповнивши спеціальну форму;
"Публікація матеріалів" - містить форму публікації матеріалів (жартів) для баттлов;
"Баттл арена" - сторінка, де проводиться баттл між користувачами сайту;
"Архів жартів" - містить архів всіх жартів, які брали участь у баттлах;
"О баттлах" - сторінка з різною інформацією, яка допоможе гостю визначиться, реєструватися на сайті чи ні, користувачеві відповість на запитання;
"Реєстрація" - сторінка реєстрації.
"Вхід на сайт" – сторінка авторизації.
На рисунку 2.1 представлена повна структура сайту.
Рисунок 2.1 – Структура сайту.
Модель сайту
Одним з важливих моментів є розмежування прав доступу у різних груп користувачів. Користувачі сайту діляться на 3 основних групи і 2 підгрупи:
гість;
зареєстрований користувач:
глядач;
учасник.
адміністратор.
Гість при вході на сайт має найменшими правами. Він може тільки переглядати всю інформацію: статті, фото, відео та інше; користуватися пошуком. Перша роль гостя, для якої необхідна можливість авторизації і відповідно реєстрації - роль зареєстрованого користувача. При реєстрації користувач може вибрати самостійно, в якій групі йому знаходиться, це також покаже, яку роль користувач хоче грати на сайті і які права йому будуть видані.
Далі будуть представлені малюнки і таблиці, в яких описані дії користувачів на сайті і дані які видаватимуть скрипти сайту.
Група Гість.
Оскільки даний проект практично відноситься до сайтів з закритим доступом, то Гостю видано обмежена кількість прав, це перегляд головної сторінки (рис. 2.2), де доступний список баттлов на тижні; сторінка авторизації/реєстрації (рис. 2.3); сторінка поширених питань «О батлах» (рис. 2.4).
Рисунок 2.2 - Головна сторінка сайту очима незареєстрованого користувача (Гостя).
Рисунок 2.3 - Сторінка реєстрації / авторизації на сайті.
Таблиця 2.1 - Варіант використання «Реєстрація на сайті»
Дія користувача |
Відгук системи |
1. Користувач вибирає пункт меню "Реєстрація"; |
2. Система відображає сторінку з полями необхідними для реєстрації; |
3. Користувач заповнює поля; |
4. Система відправляє повідомлення про реєстрацію на поштову email користувача. |
Таблиця 2.2 - Варіант використання "О баттлах"
Дія користувача |
Відгук системи |
1. Користувач вибирає пункт меню «О баттлах»; |
2. Система відображає користувачеві сторінку з інформацією. |
Група Глядач.
Для Глядача на сайті доступні наступні сторінки і права: авторизація на сайті; перегляд сторінки інформації «О баттлах»; перегляд баттл арени (рис. 2.5), можливість голосувати за учасника баттла (рис. 2.6), перегляд результатів (рис. 2.7). Є власна сторінка інформації про користувача - Мій профіль (рис. 2.8), доступний перегляд профілю групи учасників, без можливості кинути виклик.
Таблиця 2.3 - Варіант використання "Вхід на сайт"
Дія користувача |
Відгук системи |
1. Користувач заповнює поля авторизації на поточній сторінці; |
2. Система виконує авторизацію користувача. |
Таблиця 2.4 - Варіант використання "О баттлах"
Дія користувача |
Відгук системи |
1. Користувач вибирає пункт меню «О баттлах»; |
2. Система відображає користувачеві сторінку з інформацією. |
Рисунок 2.5 - Сторінка баттл арени.
Якщо Глядач перейшов на сторінку баттла, який ще не почався, користувачеві буде відображена інформація про час початку баттла, а також про його учасників і тривалості.
Таблиця 2.5 - Варіант використання "Перегляд баттл арени"
Дія користувача |
Відгук системи |
1. Користувач вибирає зі списку «прийдешніх баттлов на тижні» - сьогоднішній баттл; |
2. Система відображає сторінку з сьогоднішнім баттлів. |
Таблиця 2.6 - Варіант використання "Голосування"
Дія користувача |
Відгук системи |
1. Користувач віддає голос за одного з учасників баттла, натискаючи на відповідну кнопку; |
2. Система оновлює сторінку і відображає оновлене кількість голосів. |
По завершенню баттла користувачеві буде відображена інформація про переможця і кількість голосів за обох учасників завершеного баттла.
Рисунок 2.6 - Перегляд результатів баттла.
Рисунок 2.7 - Мій профіль очима Глядача.
Таблиця 2.7 - Варіант використання "Мій профіль".
Дія користувача |
Відгук системи |
1. Користувач вибирає з пункту меню «Мій профіль»; |
2. Система відображає сторінку профілю; |
Дія користувача |
Відгук системи |
3. Користувач натискає на посилання «редагування»; |
4. Система відображає сторінку редагування профілю. |
Група Учасник.
Для Учасника доступні сторінки сайту аналогічні, як і у Глядача: авторизація на сайті; перегляд сторінки «О баттлах», баттл арени, можливість голосувати за учасника баттла (за умови, що сам не є учасником), перегляд результатів. Є власна сторінка інформації про користувача - Мій профіль (мал. 2.8).
І додаткові сторінки: розширена версія головної (мал. 2.9), список учасників (мал. 2.10), відправка заявки на баттл (мал. 2.11), публікація жартів (мал. 2.12).
Доступ до Архіву жартів (мал. 2.13).
Таблиця 2.8 - Варіант використання "Вхід на сайт"
Дія користувача |
Відгук системи |
1. Користувач заповнює поля авторизації на поточній сторінці; |
2. Система виконує авторизацію користувача. |
Таблиця 2.9 - Варіант використання "О баттлах"
Дія користувача |
Відгук системи |
1. Користувач вибирає пункт меню «О баттлах»; |
2. Система відображає користувачеві сторінку з інформацією. |
Таблиця 2.10 - Варіант використання "Перегляд баттл арени"
Дія користувача |
Відгук системи |
1. Користувач вибирає зі списку «прийдешніх баттлов на тижні» - сьогоднішній баттл або, можливо, це баттл з його участю, тоді повідомлення про баттл буде відображатися в профілі; |
2. Система відображає сторінку баттла. |
Таблиця 2.11 - Варіант використання "Голосування"
Дія користувача |
Відгук системи |
1. Користувач віддає голос (за умови, що сам не бере участі в баттле) за одного з учасників баттла, натискаючи на відповідну кнопку; |
2. Система оновлює сторінку і відображає оновлене кількість голосів. |
Рисунок 2.8 - Мій профіль очима Учасника.
У профілі відображається блок «Можливі суперники», де користувач може моментально перейти на сторінку відправки заявки і кинути виклик обраному користувачу, або подивитися повний список можливих суперників, вибравши в блоці «весь список».
Таблиця 2.12 - Варіант використання "Мій профіль".
Дія користувача |
Відгук системи |
1. Користувач вибирає з пункту меню «Мій профіль»; |
2. Система відображає сторінку профілю; |
Дія користувача |
Відгук системи |
3. Користувач натискає на посилання «редагування»; |
4. Система відображає сторінку редагування профілю; |
Дія користувача |
Відгук системи |
5. Учасник вибирає з блоку «Можливого суперника» користувача; |
6. Система відображає сторінку відправки заявки на баттл обраному користувачу; |
Дія користувача |
Відгук системи |
7. У блоці вхідних / вихідних заявок користувач вибирає прийняти або відхилити заявку; |
8. Система відправляє відповідь учаснику-відправнику. |
Рисунок 2.9 - Розширена версія головної сторінки для Учасника.
Рисунок 2.10 - Список учасників.
Таблиця 2.13 - Варіант використання "Список учасників".
Дія користувача |
Відгук системи |
1. Користувач вибирає з пункту меню «Список учасників»; |
2. Система відображає сторінку списку учасників. |
Рисунок 2.11 - Сторінка відправки заявки на баттл.
Таблиця 2.14 - Варіант використання "Відправка заявки на баттл".
Дія користувача |
Відгук системи |
1. На сторінці Списку учасників користувач вибирає користувача свого рівня і натискає кнопку «Кинути виклик»; |
2. Система відображає сторінку відправки заявки на баттл заданої супернику. |
Рисунок 2.12 - Сторінка публікації матеріалів (жартів).
Таблиця 2.15 - Варіант використання "Опублікувати матеріал".
Дія користувача |
Відгук системи |
1. Користувач вибирає пункт меню «Додати гумор»; |
2. Система відображає сторінку Додавання гумору; |
Дія користувача |
Відгук системи |
3. Користувач вибирає баттл до якого відноситься написаний матеріал, заповнює необхідні поля; |
4. Система перевіряє заповнені поля на правильність і направляє матеріал на перевірку. |
Після перевірки адміністрацією матеріал публікується, але не відображається в архіві, так як на сайті встановлений спеціальний плагін який вказує дату і час публікації жартів, яка збігається з датою проведення баттла. Тому користувачі не зможуть прочитати жарти, які ще не «прозвучали» на баттле.
Рисунок 2.13 - Архів жартів сайту.
Таблиця 2.16 - Варіант використання "Архів жартів".
Дія користувача |
Відгук системи |
1. Користувач вибирає з пункту меню «Архів жартів»; |
2. Система відображає сторінку архіву жартів. |
Группа Администратор.
Група Адміністратор.
Управлінням і налаштуванням сайту займається адміністратор, який володіє всіма правами на внесення змін у вміст і структуру сайту.
На рисунку 2.14 представлена інтерфейс адміністративної частини сайту. Перейшовши на дану сторінку, адміністратору доступна навігація, за допомогою якому можна переміщатися по розділах панелі управління. За допомогою даного інструменту доступні наступні дії:
проводити моніторинг кількості записів, сторінок, користувачів;
змінювати тему оформлення системи;
змінювати налаштування плагінів;
відслідковувати наявність нових матеріалів на сайті;
проводити швидку публікацію новин проекту.
Рисунок 2.14 - Адміністративна частина.
На головній сторінці знаходиться коротка інформація про сайта, а саме: сервер - версія php, mysql; розмір даних - скільки місця на диску займають долучення на сайт; версія системи; статистика наповнення сайту - кількість категорій, матеріалів, користувачів і т.д.
На рисунку 2.15 представлений розділ Налаштування, який відображає посилання перейшовши за яким можна змінити налаштування системи, матеріалів, користувачів. У додаткових налаштуваннях представлений список посилань для управління розширеннями сайту.
Рисунок 2.15 - Налаштування.
Адміністратор володіє правами додавання матеріалів на сайт - новин сайту (рис. 2.16).
Рисунок 2.16 - Додавання матеріалу на сайт.
Перейшовши в розділ редагування (рис. 2.17), відображається список як опублікованих матеріалів, так і матеріалів, які стоять на модерації. Також тут можна здійснити пошук задавши певний фільтр, сортування за датою, категорії та статусу.
Рисунок 2.17 - Новини сайту.
Важливим для даного проекту є розділ Плагінів (рис. 2.18), тут, можна активувати неактивні плагіни, встановити, які вимагають установки або налаштувати активні плагіни.
Рисунок 2.8 - Список плагінів сайту.
На малюнку 2.19 представлений розділ "Управління користувачами", який дозволяє маніпулювати користувачами системи, а саме, змінити групу, відредагувати інформацію, додати / видалити користувача.
Рисунок 2.19 – Управління користувачами.
На окремій сторінці "Управління правами доступу" (мал. 2.20), адміністратор може змінити права доступу кожного користувача сайту.
Рисунок 2.20 - Управління правами доступу.
На малюнку 2.21 представлений розділ "Налаштування системи", який надає адміністратору можливості конфігурації системи, а точніше виконувати наступні операції:
– виробляти загальні налаштування системи;
– виробляти налаштування бази даних;
– робити настроювання реєстрації користувача;
– виробляти налаштування безпеки;
– виробляти налаштування публікації матеріалів;
Рисунок 2.21 - Налаштування системи.