ChSTU repository
ChSTU repository preserves and enables easy and open access to all types of digital content including text, images, moving images, mpegs and data sets
Learn More
Please use this identifier to cite or link to this item:
https://er.chdtu.edu.ua/handle/ChSTU/8894| Title: | Проектування та створення веб-орієнтованої інформаційної системи спілки художників |
| Authors: | Оксамитна, Любов Павлівна Губернатор, Анна Миколаївна |
| Keywords: | ІНФОРМАЦІЙНІ ТЕХНОЛОГІЇ;ВЕБ-СИСТЕМА;ПРОЕКТУВАННЯ;ІНФОРМАЦІЙНА СИСТЕМА;СПІЛКА ХУДОЖНИКІВ. |
| Issue Date: | 16-Jun-2022 |
| Abstract: | Розробка веб-орієнтованої інформаційної системи (ІС) спілки художників у вигляді сайту є досить актуальним питанням. Робота фрілансером є віддушина від загальної паніки, також спосіб заробітку як додаткового, так і основного при належних знаннях та вміннях. Але не тільки знання та вміння потрібні фріланс художнику, а також грамотний підхід до просування та виділення себе як робітника серед інших. З економічної точки зору, створення веб-орієнтованої ІС спілки художників з використанням конструктора є найвигіднішим. Метою кваліфікаційної роботи бакалавра є підвищення зручності й надійності серед інтересів та об’єктів творчості фріланс художників, шляхом розробки веб-орієнтованої інформаційної системи спілки художників. Основні положення і результати кваліфікаційної роботи бакалавра доповідалися і були обговорені на студентській науково-практичній конференції ЧДТУ (Черкаси, 2022). Результати кваліфікаційної роботи бакалавра опубліковані у збірнику тез доповідей ЧДТУ: Губернатор А.М., Оксамитна Л.П. Проектування та створення веб-орієнтованої інформаційної системи спілки художників : Збірник тез доповідей студентської науково-практичної конференції ЧДТУ : 19-22 квітня 2022 / [упорядник Мельник І.В.]; Міністерство освіти і науки України, Черкаський державний технологічний ун-т. Черкаси : ЧДТУ, 2022. С. 65. |
| URI: | https://er.chdtu.edu.ua/handle/ChSTU/8894 |
| Appears in Collections: | 122 Комп’ютерні науки (Комп’ютерні науки та прикладне програмування) |
Files in This Item:
| File | Description | Size | Format | |
|---|---|---|---|---|
| Пояснювальна записка_Губернатор Анна_КН-181_2021-2022.pdf Restricted Access | 1.63 MB | Adobe PDF | View/Open Request a copy |
Items in DSpace are protected by copyright, with all rights reserved, unless otherwise indicated.
Extracted text
МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ
ЧЕРКАСЬКИЙ ДЕРЖАВНИЙ ТЕХНОЛОГІЧНИЙ УНІВЕРСИТЕТ
Факультет інформаційних технологій і систем
Кафедра комп’ютерних наук та системного аналізу
Пояснювальна записка
до кваліфікаційної роботи
бакалавра
(освітньо-кваліфікаційний рівень)
на тему: «Проектування та створення веб-орієнтованої інформаційної
системи спілки художників»
Виконав: студент 4 курсу, групи КН-181
спеціальності 122 «Комп’ютерні науки»
(шифр і назва спеціальності)
освітня програма «Комп’ютерні науки та
(назва освітньої програми)
прикладне програмування
Губернатор Анна Миколаївна
Керівник __________ Оксамитна Л.П.
(прізвище та ініціали)
Рецензент __________ Стась С.В.
(прізвище та ініціали)
Черкаси 2022 рік
Бланк завдання на кваліфікаційну роботу бакалавра студенту
Черкаський державний технологічний університет
Факультет Інформаційних технологій і систем
Кафедра Комп’ютерних наук та системного аналізу
Освітній рівень Бакалавр
Спеціальність 122 – Комп’ютерні науки
ЗАТВЕРДЖУЮ
Завідувач кафедри КН та СА
_______________ Триус Ю.В.
«____» _____________ 2022 р.
ЗАВДАННЯ
на кваліфікаційну роботу бакалавра студенту
Губернатор Анні Миколаївні
(прізвище, ім‘я, по батькові)
1. Тема роботи «Проектування та створення веб-орієнтованої інформаційної системи спілки
художників»
Керівник роботи Оксамитна Л.П., к.т.н., доцент
(прізвище, ім’я, по батькові, науковий ступінь, вчене звання)
затверджені наказом університету від «7» лютого 2022 р. №45/04.
2. Строк подання студентом роботи до 16 червня 2022 року
3. Вихідні дані до роботи:
Практичні навики роботи з інформаційними ресурсами. Робота з базами даних.
Звіт з виробничої практики. Звіт з наукової практики.
4. Зміст пояснювальної записки (перелік питань, що їх належить розробити):
Вступ
4.1. Огляд та порівняльний аналіз аналогів інформаційних систем спілки художників.
4.2. Проектування та створення веб-орієнтованої інформаційної системи спілки художників.
4.3. Тестування та дослідна експлуатація.
Висновки.
5. Перелік додатків (з точним зазначенням назв додатків):
5.1. Додаток A. Специфікація 482.ЧДТУ. 21801-01.
5.2. Додаток Б. Публікація по темі кваліфікаційної роботи бакалавра в збірнику тез ЧДТУ.
5.3. Презентація у вигляді 25 слайдів.
6. Консультанти розділів роботи
Прізвище, ініціали та Підпис, дата
Розділ посада
завдання видав завдання прийняв
консультанта
7. Дата видачі завдання 11.01.2022
КАЛЕНДАРНИЙ ПЛАН
Строк виконання
№ з/п Назва етапів кваліфікаційної роботи бакалавра Примітка
етапів роботи
1 Видача завдання на кваліфікаційну роботу
11.01.2022 Виконано
бакалавра.
2 Аналіз літературних джерел, об’єкту та предмету
до 13.02.2022 Виконано
дослідження.
3 Написання теоретичного розділу кваліфікаційної
до 04.03.2022 Виконано
роботи бакалавра.
4 Написання аналітичного розділу кваліфікаційної
до 01.04.2022 Виконано
роботи бакалавра.
5 Написання практичних розділів й висновків до
до 01.05.2022 Виконано
кваліфікаційної роботи бакалавра.
6 Передзахист кваліфікаційної роботи бакалавра
01.06.2022 Виконано
на засіданні кафедри КН та СА.
7 Подання роботи завідувачу кафедри КН та СА. до 16.06.2022 Виконано
8 Захист кваліфікаційної роботи бакалавра. 16.06.2022 Виконано
Студент _____________________________ Губернатор А. М.
(підпис)
Керівник роботи ____________________________ Оксамитна Л. П.
(підпис)
3
РЕФЕРАТ
Кваліфікаційна робота бакалавра містить: 51 с., 23 рис., 3 таблиці, 12
використаних джерел, 2 додатки.
Актуальність теми. Розробка веб-орієнтованої інформаційної системи (ІС)
спілки художників у вигляді сайту є досить актуальним питанням. Робота
фрілансером є віддушина від загальної паніки, також спосіб заробітку як
додаткового, так і основного при належних знаннях та вміннях. Але не тільки
знання та вміння потрібні фріланс художнику, а також грамотний підхід до
просування та виділення себе як робітника серед інших. З економічної точки зору,
створення веб-орієнтованої ІС спілки художників з використанням конструктора є
найвигіднішим.
Мета роботи і задачі дослідження. Метою кваліфікаційної роботи
бакалавра є підвищення зручності й надійності серед інтересів та об’єктів творчості
фріланс художників, шляхом розробки веб-орієнтованої інформаційної системи
спілки художників. Для досягнення поставленої мети в роботі розв’язуються
наступні завдання: провести дослідження предметної області, що стосується
колективних спілок фріланс художників; проаналізувати вибрані сайти по
технічному, емпіричному порівняльному методу, визначивши їх конкурентність та
юзабіліті та на її основі визначивши критичні помилки на сайтах та не допустити
подібного на своєму; проаналізувати програмні засоби створення веб сайту, їх
переваги недоліки та визначити серед них найкращий варіант; перевірити його
працездатність та оптимізацію, правильність роботи та готовність до потоку
клієнтів; здійснити тестування.
Об’єкт дослідження: методи та засоби щодо реалізації власних задач та ідей
для спілки художників.
Предмет дослідження: веб-орієнтована інформаційна система спілки
художників, яка значно полегшить формування фріланс-команд художників.
Методи дослідження. В роботі застосовувалися: теоретичний метод (аналіз
літератури з проблеми дослідження); метод колективного інтелекту; дослідження
4
моделей з оптимізації; чисельний експеримент з опитуванням та прийняття рішень
та основі цих методів.
Апробація результатів роботи. Основні положення і результати
кваліфікаційної роботи бакалавра доповідалися і були обговорені на студентській
науково-практичній конференції ЧДТУ (Черкаси, 2022).
Публікації. Результати кваліфікаційної роботи бакалавра опубліковані у
збірнику тез доповідей ЧДТУ: Губернатор А.М., Оксамитна Л.П. Проектування та
створення веб-орієнтованої інформаційної системи спілки художників : Збірник тез
доповідей студентської науково-практичної конференції ЧДТУ : 19-22 квітня 2022
/ [упорядник Мельник І.В.]; Міністерство освіти і науки України, Черкаський
державний технологічний ун-т. Черкаси : ЧДТУ, 2022. С. 65.
Перелік ключових слів: ІНФОРМАЦІЙНІ ТЕХНОЛОГІЇ, ВЕБ-СИСТЕМА,
ПРОЕКТУВАННЯ, ІНФОРМАЦІЙНА СИСТЕМА, СПІЛКА ХУДОЖНИКІВ.
ABSTRACT
Master’s work contains: 51 pages, 23 figures, 3 table, 12 sources used, 2
attachments.
Actuality of theme. The development of a web-based information system (IS) of
the artists' union in the form of a website is a very important issue. Working as a freelancer
is an outlet for the general panic, as well as a way to earn both additional and basic with
the right knowledge and skills. But not only knowledge and skills are needed for a
freelance artist, but also a competent approach to promoting and distinguishing oneself
as a worker among others. From an economic point of view, creating a web-based IP of
the artists' union using a designer is the most profitable.
Purpose and tasks of the research. The purpose of the bachelor's qualification
work is to create a site for the freelance artists' and to unite them in the unions among the
interests and objects of their creativity. To achieve the set goal, the following tasks are
solved in the work: to carry out research of the subject area concerning collective unions
of artists' frians; to analyze the selected sites according to technical, empirical
comparative method, having defined their competitiveness and usability and on its basis
identifying critical errors on the sites, and not to allow such on its own; to analyze the
5
software means of website creation, their advantages of disadvantages and to determine
the best variant for itself; to check its working efficiency and optimization and correctness
of work and readiness for flow of clients; perform testing.
The object of research: Methods and tools of realization the tasks and ideas of the
artists' unions.
The subject of research: Web-oriented IT Union of artists that will make the
creation of freelance-teams of artists' much easier.
Research methods: In the work were applied: Theoretical method (analysis of
literature on the problem of research); method of collective intelligence; study of models
of optimization; number of exportation with questioning, decision making on the basis of
these methods;
Approval of the results of work: The main provisions and results of the bachelor's
qualification work were reported and discussed at the student scientific-practical
conference of ChSTU (Cherkasy, 2022).
Publications. The results of the bachelor's qualification work were posted in the
collection of abstracts of CSTU: Gubernator A. M. Oksamytna L.P. Design and creation
of web-oriented information system of the Union of Artists: Abstracts of the student
scientific and practical conferences of the ChDTU, 19-22 April 2022 Cherkasy : ChDTU,
2022 / [compiler Melnyk I.V.]; Ministry of Education and Science of Ukraine, Cherkasy
State Technological University Cherkasy: ChDTU, 2022. P. 65.
The list of keywords: INFORMATION TECHNOLOGIES, WEB-SYSTEM,
PROJECTION, INFORMATION SYSTEM, UNION OF THE ARTISTS.
6
ЗМІСТ
ПЕРЕЛІК УМОВНИХ ПОЗНАЧЕНЬ, СИМВОЛІВ, СКОРОЧЕНЬ І
ТЕРМІНІВ………………………………………………………………………… 7
ВСТУП……………………………………………………………………………. 8
1 ОГЛЯД ТА ПОРІВНЯЛЬНИЙ АНАЛІЗ АНАЛОГІВ ІНФОРМАЦІЙНИХ
СИСТЕМ СПІЛКИ ХУДОЖНИКІВ…………………………………………….. 10
1.1 Призначення та область застосування веб-орієнтованої інформаційної 10
системи спілки художників……………………………………………………
1.2 Актуальність теми дослідження…………………………………………... 11
1.3 Порівняльний аналіз аналогів інформаційних систем спілки 12
художників………………………………………………………………………
Висновки до розділу 1…………………………………………………………… 21
2 ПРОЕКТУВАННЯ ТА СТВОРЕННЯ ВЕБ-ОРІЄНТОВАНОЇ 22
ІНФОРМАЦІЙНОЇ СИСТЕМИ СПІЛКИ ХУДОЖНИКІВ…………………….
2.1 Опис функціонального програмного середовища для розробки………… 22
2.2 Обґрунтування вибору сучасних веб-технологій для створення
інформаційної системи спілки художників…………………………………... 23
2.3 Проектування структури бази даних……………………………………… 27
2.4 Схема бази даних та залежності…………………………………………… 28
Висновки до розділу 2…………………………………………………………… 35
3 ТЕСТУВАННЯ ТА ДОСЛІДНА ЕКСПЛУАТАЦІЯ………………………… 36
3.1 Особливості тестування веб-орієнтованого програмного забезпечення... 36
3.2 Робота користувача з веб-орієнтованою інформаційною системою
спілки художників……………………………………………………………… 40
3.3 Тестування та огляд веб-орієнтованої інформаційної системи спілки
художників……………………………………………………………………… 43
Висновки до розділу 3……………………………………………………………. 44
ВИСНОВКИ………………………………………………………………………. 45
СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ………………………………………… 46
ДОДАТКИ………………………………………………………………………… 50
7
ПЕРЕЛІК УМОВНИХ ПОЗНАЧЕНЬ, СИМВОЛІВ, СКОРОЧЕНЬ І
ТЕРМІНІВ
БД – база даних;
ПЗ – програмне забезпечення;
SQL (Structured Query Language) – структуризована мова запитів;
HTML – HyperText Markup Language;
ІС – інформаційнва система.
8
ВСТУП
У сучасному світі, фрілансери змушені активно рекламувати свої навички,
щоб зацікавити потенційних клієнтів і стежити за своєчасною оплатою. В останні
роки мережа стає все більш соціально привабливою для роботи позаштатних
художників. Вдало розміщена ілюстрація безперечно привертає увагу серед тисяч
140-символьних текстових повідомлень.
Розробка веб-орієнтованої інформаційної системи (ІС) спілки художників у
вигляді сайту є досить актуальним питанням. В період карантину все більше й
більше людей залишаються вдома і робота фрілансером є віддушина від загальної
паніки, також спосіб заробітку як додаткового, так і основного при належних
знаннях та вміннях. Але не тільки знання та вміння потрібні фріланс художнику, а
також грамотний підхід до просування та виділення себе як робітника серед інших.
З економічної точки зору, створення веб-орієнтованої ІС спілки художників
з використанням конструктора є найвигіднішим.
Для досягнення поставленої мети потрібно: проаналізувати існуючі системи
художніх спілок; визначити цілі та завдання веб-сайту і його цільової аудиторії;
створити макети дизайну сайту; здійснити верстку, наповнення, тестування та
здачу проекту.
В кваліфікаційній роботі бакалавра потрібно спроектувати та розробити у
зручному графічному представленні ІС спілки художників задля покращення
роботи професіоналів та полегшення навчання новачків із сфери художнього
мистецтва. Така система крім інформування новин, сконцентрує та систематизує
корисну й достовірну інформацію з даного напрямку на одному веб-сайті.
Мета роботи і задачі дослідження. Метою кваліфікаційної роботи бакалавра
є створення сайту для фріланс художників та об'єднання їх у спілки серед інтересів
та об'єктів їх творчості.
Для досягнення поставленої мети в роботі розв’язуються наступні завдання:
9
– провести дослідження предметної області, що стосується колективних
спілок фріланс художників;
– проаналізувати вибрані сайти по технічному, емпіричному порівняльному
методу, визначивши їх конкурентність та юзабіліті та на її основі визначивши
критичні помилки на сайтах, та не допустити подібного на своєму.
– проаналізувати програмні засоби створення веб сайту, їх переваги
недоліки та визначити серед них найкращий варіант;
– перевірити його працездатність та оптимізацію, правильність роботи та
готовність до потоку клієнтів;
– здійснити тестування.
Об’єктом дослідження є методи та засоби щодо реалізації власних задач та
ідей для спілки художників.
Предметом дослідження є веб-орієнтована інформаційна система спілки
художників, яка значно полегшить формування фріланс-команд художників.
Методи дослідження.
Для вирішення поставлених завдань були застосовані наступні методи
дослідження:
– теоретичний (аналіз літератури з проблеми дослідження);
– емпіричний – спостереження систем фріланс сайтів та опитування
художників на художньому фріланс сайті. Одна група була за простоту сайту, а
інша за добре наповнення зі своїми рекомендаціями. Результат цього опитування
надав емпіричний погляд на потреби спілки;
– порівняльний – сервіси для пошуку та формування фріланс спілок
художників, більш популярні на зарубіжній частині інтернету і найчастіше
виконують ще декілька додаткових функцій.
Для створення програмного забезпечення використано технології, а саме:
Xampp, WordPress.
10
1 ОГЛЯД ТА ПОРІВНЯЛЬНИЙ АНАЛІЗ АНАЛОГІВ
ІНФОРМАЦІЙНИХ СИСТЕМ СПІЛКИ ХУДОЖНИКІВ
1.1 Призначення та область застосування веб-орієнтованої
інформаційної системи спілки художників
В даний час в мережі Інтернет існує безліч ресурсів, присвячених
інформаційним ресурсам спілок, товариств художників. Як правило, вони
універсальні.
Фріланс – це спілка спеціалістів, пов’язана з наданням послуг компаніям або
простим замовникам. Надають їх як онлайн – за допомогою мережі інтернет, – так
і офлайн, якщо замовник знаходиться в одному місті. На відміну від штатних
робітників, фрілансери отримують єдиноразову оплату за конкретну задачу, що їм
видав замовник або компанія.
Фрілансер – вільний робітник, який працює сам на себе за своїм графіком та
зі своїм дедлайном. Цей термін найчастіше приписують Вальтеру Скотту за його
роман «Айвенго», в якому це слово означало «середньовічного найомного воїна»,
але є дані, що він використовувався і раніше – за самого початку XIX століття.
Є два види спеціалізованих онлайн-сервісів – вузькоспеціалізовані та
шикорокоспеціалізовані. Чим більший спектр послуг, який надає площадка – тим
більше і замовників. При виборі площадки, на якій буде розміщуватися замовлення,
треба орієнтуватися на його трафік (кількість заявок від замовників, кількість
самих проектів, та кількість спеціалістів, що знаходяться на самому сайті, і чи є
можливість на ньому рухатися з самого нуля), на наявність безпечної оплати за
надання послуг та інтерфейс біржі (наскільки зручний інтерфейс і чи легко до нього
пристосуватись).
Кожен зареєстрований користувач може стати замовником, тобто
створювати заявки на вказану тему, також зазначивши навички, кількість фріланс-
художників, які йому потрібні, та іншу, на його погляд важливу інформацію,
потрібну для реалізації його ідеї або проекту (наприклад, дизайн сайту, тощо).
11
Замовник зможе в будь-яку хвилину закрити заявку, якщо набралась потрібна
кількість фрілансерів для його завдання, навіть якщо ще є інші користувачі що
відгукнулись на заявку.
Також кожен користувач може стати фрілансером, тобто вибрати заявку
серед списку доступних та відкритих на даних момент заявок.
Взаємодія між замовником та фрілансером або командою фрілансерів може
відбуватися як в створеному discord-сервері, так і в месенджері на сайті, де вони
зможуть також провести безпечну та гідну оплату за виконану роботу.
Варто враховувати, що при розробці проекту, якщо він складніше ніж просто
намалювати піксельну іконку за півгодини, необхідно розраховувати на декілька
фрілансерів, що відгукнулись на заявку, також потрібно враховувати людський
фактор – хтось із діючих «механізмів» команди може захворіти або несподівано
покинути проект. Для таких випадків буде можливість відкрити заявку на пошук
робітників знову.
Сама поширена схема роботи команди – двоє працюють над проектом, а
третій коригує. Такий командний підхід зменшує ризик різкого закриття проекту.
Веб-орієнтована система спілки художників орієнтована на пошук робітників
для проектів, реалізації ідей та створення заявок на виконання робіт.
Сайт створюється як для невеликих компаній, яким потрібен простий дизайн,
логотип або особливі гамма та стиль їхнього сайту, так і для простих людей, яким
може бути потрібен на пам'ять портрет їх улюбленого котика в костюмі з
метеликом, не витративши велику кількість коштів. Сайт створюється від
фрілансера для фрілансерів.
1.2 Актуальність теми дослідження
Актуальність теми дослідження, що розглядається в кваліфікаційній роботі
бакалавра, обумовлена необхідністю створення зручного і приємного для
користувача інтерфейсу, з використанням допоміжних символів, який надасть
можливість людям, що не володіють навичками роботи у мережі Інтернет,
пришвидшити спілкування з художниками та цінителями художнього мистецтва.
12
Для досягнення даної мети необхідно провести огляд програмних засобів для
розробки даної системи та аналіз переваг й недоліків вже існуючих систем спілок
художників, яка значно полегшить формування фріланс-команд художників,
обрати мову програмування та провести тестування. Все повинно бути реалізоване
в найзручнішому графічному представленні, що може бути як локальним, так і
розміщеним у мережах.
1.3 Порівняльний аналіз аналогів інформаційних систем спілки
художників
Сервіси для пошуку та створення аукціонів для своїх робіт більш популярні
за кордоном. Дослідивши велику кількість інформаційних систем спілки
художників, в кваліфікаційній роботі бакалавра визначено найкращі варіанти і
виокремлено особливості кожної з них для проектування власної розробки:
– сайт «YCH.Commishes»;
– сайт «Furraffinity»;
– сайт «Fiverr».
Аналіз сайту «YCH.Commishes».
Сайт «YCH.Commishes» [1] можна знайти за посиланням:
https://ych.commishes.com. Для того, щоб визначитися з тим, як саме буде
виглядати ІС веб-орієнтованої системи спілки художників, необхідно вивчити
існуючі аналоги. Для аналізу було обрано декілька інтернет сайтів зі схожою
тематикою і призначенням, детальний аналіз яких представлено далі.
Насамперед «YCH.Commishes» – це сайт для розміщення аукціонного
продажу. Розглянемо його функціонал.
На сайті є такі вкладки з розподіленими продажами, як: Featured (головна
сторінка), Furry (антропоморфні тварини), Pony (поні), Human (люди та
людиноподібні), Crafts (все що створюється своїми руками та відправляється
поштою надалі). Featured – у цій вкладці зображені роботи, що найбільше
сподобалися користувачам сайту. Також вище над вкладками є основні вкладки для
особистого користування, а саме: auction, portfolio, feed, my account, log out.
13
Головна сторінка сайту «YCH.Commishes» представлена на рис. 1.1.
Рисунок 1.1 – Головна сторінка сайту «YCH.Commishes»
Переваги сайту:
− Зручність використання.
– впорядкованість контенту;
– велика інформативність.
Недоліки сайту:
– не до кінця реалізований перегляд з різних пристроїв;
– немає входу через аккаунти сторонніх соціальних мереж, таких як Facebook,
Twitter та Google аккаунту;
– одна кольорова схема;
– немає створення аукціону на зручний для тебе час.
Основний акцент сайту «YCH.Commishes» зроблено на генераторі Deutsche
Anwaltshotline AG. Для роботи із сайтом потрібно обов'язково пройти реєстрацію,
після чого виконати авторизацію.
Сайту притаманні відмінна технічна підтримка та добре продумане меню.
Якщо щось не зрозуміло, завжди є вікі сайту, яке знаходиться за посиланням
https://wiki.commishes.com/en/home. Працювати з таким сайтом досить приємно:
інтерфейс доволі легкий у використанні та простий. Але мобільна версія не
зроблена до кінця, тому користуватися ним іноді не зручно. Не дивлячись на певні
14
недоліки сайту, він вважається одним з найкращих з продажу своїх робіт
зарубіжній аудиторії.
На рис. 1.2 зображено інтерфейс створення аукціону.
Рисунок 1.2 – Загальний вигляд сторінки створення аукціону
Праворуч коротко написані основні правила створення тих чи інших
параметрів аукціону, які вибрано самостійно під стать власного аукціону.
Також слід зазначити, що сайт повністю виконує свою функціональну суть і
можна як створити свою заявку на виконання роботи, так і приєднатися до заявок
інших користувачів сайту. Тобто, можна бути як замовником, так і фрілансером, не
змінюючи аккаунти.
На самому сайті можна переглянути список робіт інших користувачів та
додати їх до свого списку follows, за допомогою якого нові роботи та аукціони цих
користувачів будуть з’являтися у стрічці.
Сервіс має стрічку новин, на якій відображаються такі події, як: приєднання
нового користувача, коментарі, ставки на ваш аукціон, створення нових проектів
іншими користувачами та відповідь користувачів, які виграли в аукціоні, для
подальшого спілкування та редактури.
На рис. 1.3 зображено загальний вигляд сторінки готового аукціону.
15
Рисунок 1.3 – Загальний вигляд сторінки готового аукціону
Аналіз сайту «Furraffinity».
«Furraffinity» (FA) – найбільша фуррі онлайн-галерея та бібліотека оповідань,
а також спільнота. Метою проекту є розвиток фуррі-художніх робіт, музики,
історій та багато іншого. Проект був створений у 2005 році Алкорою (Alkora) як
альтернатива сайтам deviantART та SheezyArt, на відміну від яких, FA створено
саме для фуррей, а також допускає розміщення робіт відвертого характеру.
Талісманом «Furraffinity» є Fender.
Другим в роботі проаналізовано сайт «Furraffinity» [2]. Сайт «Furraffinity»
знаходиться за адресою: https://www.furaffinity.net. Проаналізуємо його недоліки та
переваги.
Переваги сайту:
– доброзичливе ком’юніті;
– виставлення аукціону можливе як за фіксованою ціною так і провести
аукціон.
Недоліки сайту:
– зв’язок із замовником проводиться тільки на сторонніх ресурсах;
– відправка готової роботи відбувається через сторонні хостинги.
Головна сторінка сайту «Furraffinity» представлена на рис. 1.3.
16
Сайт «Furraffinity» – це активна спільнота як художників-початківців, так і
більш професіональних, які зможуть зручно демонструвати свої роботи та
обмінюватись відгуками.
Рисунок 1.2 – Головна сторінка сайту «Furraffinity»
На рис. 1.4 представлено загальний вигляд сторінки товару сайту
«Furraffiniity».
На головній сторінці сайту можна переглянути популярні роботи художників
та ті, які були викладені нещодавно. Кожну з вподобаних можна «лайкнути» та
прокоментувати, похваливши або давши критику художнику.
Оскільки сайт більш популярний серед користувачів, які перейшли з одного
сервісу художників на інший та мають хоча б початкову аудиторію, новачку, який
прийшов проштовхнути свої роботи з самого нуля, буде доволі складно це зробити
без додаткового піару.
Ще одним з недоліків цього сайту є спосіб приєднання до сервісу, а саме що
знову ж не можна приєднатися за допомогою таких соціальних мереж чи акаунтів,
як: twitter, google, тощо.
17
Рисунок 1.3 – Загальний вигляд сторінки аукціону
Аналіз сайту «Fiverr».
Сервіс «Fiverr» [3] – це відкритий ринок онлайн-підприємництва, на якому
продавці – мільйони людей по всьому світу – монетизують свої навички та вміння,
забезпечуючи себе незалежним джерелом доходу, а покупці – рядові користувачі
мережі – отримують доступ до конкурентного ринку працівників, готових виконати
найрізноманітніші завдання за 5 доларів. Адреса сайту «Fiverr»:
https://www.fiverr.com.
Ідея створення ресурсу прийшла Міку Кауфману (Micha Kaufman) і Шею
Віннінегру (Shai Wininger), фахівцям у галузі мобільної розробки, стратегічного
розвитку та дизайну програмного забезпечення, у 2009 році, коли світова рецесія
з'їдала ринок робочої сили та мільйони людей. Оцінивши ситуацію, що склалася,
майбутні власники одного з найбільших сайтів («Fiverr» входить до топ-200 сайтів
за версією Alexa.com) розробили проект – аутсорсингову платформу, що
18
максимально спрощує господарські відносини між продавцем і покупцем і формує
абсолютно новий ринок мікропідприємництва. Свою назву сайт отримав від
номінальної ціни, призначеної за кожну послугу, що продається, тобто 5 доларів.
Менш ніж через 3 роки сайт досяг транснаціональних масштабів – сьогодні
ним користуються люди із понад 200 країн світу.
Клієнти можуть знайти всі види послуг фрілансерів, в тому ж числі:
– Графічний дизайн.
– Цифровий маркетинг.
– Написання та переклад.
– Програмування та кодування.
– Бізнес і дані.
Початок роботи з «Fiverr».
На сайті зареєстровані більш ніж 830000 продавців, так що можна з
впевненістю сказати, що це висококонкурентна платформна для нових продавців.
Для того, щоб розпочати роботу з цим сервісом, потрібно виконати такі дії:
– Увійти за допомогою електронної пошти, аккаунту Google або Facebook.
– Ввести свої дані, навички, сертифікати і кваліфікації.
– Додати матеріали в портфоліо.
– Додати сторонні сайти з роботами.
– Підтвердити обліковий запис.
«Fiverr» має достатньо місця для опису набору навичок користувача.
Також можна підтвердити власне посвідчення особи, завантаживши офіційне
зображення паспорту або прав водія. Також є можливість завантажити власне
селфі, відповідне офіційному посвідченню особи. Як тільки користувача все
влаштує, то в його профілі продавця, наступним кроком буде створення заявки на
пошук єдиноразової заявки на пошук клієнта.
Переваги сайту:
– «Fiverr» дає універсальне рішення для пошуку позаштатної роботи;
– Свобода вибору цін на свої роботи;
– Реєстрація безкоштовна.
19
Недоліки сайту:
– «Fiverr» – висококонкурентна площадка для фрілансерів.
– Бере комісію з ваших продаж.
– Початківцям на платформі складно виділитись серед професіоналів.
З моменту свого заснування компанія виросла в обсязі транзакцій на 600
відсотків, а штаб розширився до 60 осіб, включаючи працівників у США, Ізраїлі та
Європі. З урахуванням 20-відсоткової комісії, яку сайт збирає з кожної угоди,
неважко уявити, до яких масштабів зріс дохід проекту.
Слід зазначити, що «Fiverr» може виявитися відмінним помічником для
вирішення завдань НКО. Багато видів робіт, для яких раніше доводилося шукати
спеціаліста та детально обговорювати технічне завдання, можуть бути виконані
відразу. Для продавців на закінчення огляду прикладаємо 6 порад, як розкрутити
свою послугу на найбільшому сайті фрілансу.
Аналіз порівнянь існуючих рішень розглянутих реалізацій.
З проведеного аналізу двох найбільш популярних веб-орієнтованих художніх
спілок «YCH.Commishes» та «Furaffinity» визначено, що тільки один із них має
кросбраузерність.
У таблиці 1.1 представлено порівняльний аналіз розглянутих сайтів, а саме:
«YCH.Commishes», «Furrafinity».
У якості критеріїв для порівняння було обрано такі критерії як: дизайн,
швидкість завантаження, можливість створення аукціону, можливість
відслідковувати вподобаних художників, наявність вбудованого месенджеру.
– інформативність товару;
– можливість задати питання онлайн;
– можливість відслідковувати вартість електронної техніки;
– наявність новин та відгуків про сайт.
20
Таблиця 1.1 – Таблиця порівнянь існуючих рішень розглянутих реалізацій
Критерії Назва сайту
порівняння
«YCH.Commishes» «Furaffinity» «Fiverr»
сайтів
Дизайн
4 3 5
(0-5)
Швидкість
завантаження 5 5 4
(0-5)
Можливість
створювати + - +
аукціон
Можливість
відслідковувати
+ - -
вподобаних
художників
Наявність
вбудованого + - +
месенджеру
Підсумовуючи перегляд та оцінку приведених вище сайтів, варто зазначити,
що всі вони мають наступні характеристики: це є сайти, які містять в собі
стандартні функції з пошуку як замовників для свого аукціону, так і пошуку роботи
для себе, можливості для додаткового заробітку. Кожен користувач може швидко
знайти бажаний аукціон, що задовольнить його потреби, або хоча б схоже на те, що
він хоче з подальшою редактурою. Також існує можливість оцінити окремі роботи
та аукціони інших користувачів та знайти свою аудиторію. Варто зауважити, що
інтерфейс деяких з них не завжди є інтуїтивно зрозумілим та доступним новачку,
більшість з них з непривабливою гамою кольорів.
21
Висновки до розділу 1
В даному розділі описано призначення та область застосування веб-
інформаційної системи спілки художників, актуальність розробки, а також
виконано порівняльний аналіз сайтів спілок художників: «YCH.Commishes»,
«Furraffinity» «Fiverr».
Представлено таблицю порівнянь існуючих рішень розглянутих реалізацій.
22
2 ПРОЕКТУВАННЯ ТА СТВОРЕННЯ ВЕБ-ОРІЄНТОВАНОЇ
ІНФОРМАЦІЙНОЇ СИСТЕМИ СПІЛКИ ХУДОЖНИКІВ
2.1 Опис функціонального програмного середовища для розробки
Веб-сайт – це сукупність web-сторінок, доступних в інтернеті через
протоколи HTTP/HTTPS. Сукупність всіх загальнодоступних сайтів представлених
собою всесвітню павутину. Сторінки веб-сайту об’єднані загальною кореневою
адресою і темою, оформленням, логістичною структурою.
Сторінки веб-сайту – це файли з текстом, розміщені на мові HTML. Дані з
файлів при завантаженні користувачами оброблюються за допомогою браузеру і
виводять на екран комп’ютера користувача.
Сторінки веб-сайтів можуть бути статистичними наборами файлів, або
створюватись на сервері спеціальною програмою. Сервер сайту можу бути
зроблений безпосередньо для певного сайту, або бути готовим продуктом,
створеним для конкретних типів веб-сайтів.
Розробка веб-сайтів як працюючих цілісних інформаційних ресурсів є
складовим процесом, беручи працю різних спеціалістів.
Способи розробки сайтів:
– Створення сайту звичайним способом.
– Використання гіпертекстової розмітки (HTML), є самим простим способом
створення веб-сайтів. Теги HTML – документів в своїй основі достатньо прості і
зрозумілі, так як вони створені за допомогою простих скорочень англійських
скорочень і позначень. Для деяких тегів властива наявність атрибутів, деякі мають
конкретне значення, встановлені автором для зміни функції тега.
– Конструктор сайту.
– Даний спосіб простіший порівняно з розробкою веб-сайту через HTML, так
як має велику кількість інструментів, що дозволяє створити сайт по різним
макетам, шаблонам і тому подібне. Існує багато різних конструкторів. Доволі
популярним є Wix. На ньому свої сайти тримають більше ніж сотні тисяч людей.
23
– Системи управління контентом (CMS).
– Використання систем управління контентом, є найбільш швидким і
широко використовуваним способом розробки сайту. На даний момент найбільш
широко використовуваними системами управління контентом є такі CMS, як
WordPress, Joomla та інші. Перед тим, як почати роботу з будь-якою із цих систем,
її необхідно завантажити і встановити на сервер. Такі CMS дозволяють розробляти
як прості односторінкові сайти – візитки і блоги, так і багатофункціональні
інформаційні ресурси. При роботі з CMS необхідно виконати реєстрацію
доменного імені і вибрати хостинг.
2.2 Обґрунтування вибору сучасних веб-технологій для створення
інформаційної системи спілки художників
В кваліфікаційній роботі бакалавра проведено аналіз 5 систем по розробці
веб-сайтів (таблиця 2.1).
Таблиця 2.1 – Основні дані про системи з розробки веб-сайтів
Назва Опис Вартість
WordPress Це CMS, з допомогою якої можна розробити Безкоштовно
практично будь-який вид веб-сайту. WordPress є
однією з самих популярних систем управління
контентом у світі.
На ньому часто створюють інформаційні сайти, в
тому ж числі різні СМІ.
Joomla CMS спільного призначення. В основному на ній Безкоштовно
розробляються маленькі сайти. Підходить для
програмістів, які тільки починають свій шлях у
створенні веб-сайтів.
Drupal CMS спільного призначення. З недавнього часу Безкоштовно
надається із вшитим фреймворком Symfony. Є
доволі сильною системою, на ній були розроблені
24
більшість відомих сайтів, як приклад – сайт Білого
Дому.
Magento Є найбільш популярною системою управління Безкоштовно
контентом, для інтернет-магазинів. Доволі сильна і
складна. В рунеті використовується рідко.
Розглянемо переваги та недоліки приведених вище систем по розробці веб-
сайтів (таблиця 2.2).
Таблиця 2.2 – Переваги та недоліки розглянутих реалізацій
Назва Переваги Недоліки
WordPress – Безкоштовність. – Низька швидкість
– Велика кількість безкоштовних завантаження веб-
шаблонів. ресурсів.
– Проста і зрозуміла панель – Істотне навантаження
адміністрування. на сервер, де
– Можливість встановити плагіни для розміщений сайт, за
розширення функціонування сайту. рахунок установки
– Можливість редагувати код великої кількості
шаблону для зміни структури веб- доповнень.
сайту.
Joomla – Безкоштовність. – Складна панель
– Безкоштовні модулі і плагіни. управління.
– Відкритий код системи, можливість – Велика кількість
його редагування, вносити різні невиправданого
доопрацювання та зміни. лишнього коду.
– Не вимагає великих ресурсів – Повільне завантаження
хостингу. сайту.
25
Drupal – Безкоштовність. – Необхідна установка
– Відкритий код системи. великої кількості
– Максимальна гнучкість системи модулів
при налаштуванні – Складність в освоєнні.
– Великий вибір тем оформлення. – Необхідність наявності
– Велика кількість доповнень для потужного хостингу.
розширення функціональності.
– Проста панель управління.
Magento – Оптимізований під рунет. – Складність в створенні
– Наявність режиму редагування індивідуального
контенту користувачем при дизайну.
включенні режиму правок. – Вимогливість до
– Зручний внутрішній текстовий ресурсів.
редактор.
– Потужна система безпеки.
Виходячи із огляду основних систем управління контентом, для розробки
веб-сайтів була вибрана мова CMS Word Press.
Локальний сервер – це емулятор хостингу. З його допомогою веб-сайт
створюється на особистому комп’ютері з послідовним його перенесенням на
хостинг.
Система OpenServer. Коли ця система була випущена, то стала свого роду
новим етапом для веб-розробки.
По-перше, вона як і Denver була проста в встановленні.
По-друге, працювати з нею було просто, завдяки простому та інтуїтивно
зрозумілому інтерфейсу, а функціонал призводив враження навіть любителів
ручного налаштування.
В OpenServer вбудований веб-сервер Ngins – аналог Apache. Він працює з
користувальницькими запитами і дає статистичний контент, тоді як Apache працює
з динамічним контентом.
26
Підводячи висновок, головною відмінністю OpenServer від інших систем, є
можливість змінювати його інструменти. Він надає, доступ до зразу ж до двох
HTTP-модулям, трьом СУБД і багатьом PHP-модулям.
XAMPP – безкоштовний багатоплатформний сервер з відкритим початковим
кодом, що має HTTP-сервер Apache, базу даних MariaDB, MySQL й інтерпретатори
скриптів для мов програмування PHP та Perl, а також додаткові бібліотеки, що
дозволяють запустити повноцінний веб-сервер.
Xampp – відмінний інструмент для локального налаштування веб-сервера.
Xampp доступний для будь-якої ОС абсолютно безкоштовно. Простий в
настройці і встановленні дистриб'ютиву Apache, який в собі містить MariaDB, PHP
та Perl, який працює на операційній системі.
Наявність локального середовища веб-розробки – відмінний спосіб
попрактикуватися в написанні сценаріїв на стороні сервера, працюючи з базою
даних MySQL, а також налаштування та постановка середовища розробки веб-
додатків. Xampp забезпечує відносну безболісну установку і спосіб управління
зміною конфігурації. Також управління PHPMyAdmin, який дає графічний
інтерфейс використання (GUI) для управління базами даних MySQL.
Програмне забезпечення Xampp:
– Apache грає роль обробки HTTP-запросу. Це стандартний популярний веб-
сервер, який підтримує Apache Software Foundation.
– MySQL грає роль системи управління базами даних XAMPP. Він
допомагає еффективно зберігати зібрані дані. Це open-source реляційна система для
управління базами даних.
WordPress – безкоштовний інструмент для створення сайту, написаний на
мові PHP.
CMS WordPress – популярна вільно поширювана система управління вмістом
сайту. Основним призначенням даної системи є робота з блогами та з вмістом
сайтів-візиток. Для системи розроблено велику кількість шаблонів, але недоліком
є те, що ці шаблони мають одну тематику. В даній системі найбільш непродуманою
є робота з дизайном, адже для кожного елементу (нижнього та верхнього
27
колонтитулів, заголовка і т.д.) сторінки сайту потрібно описувати окремі файли з
оформленням (дизайном). В даній CMS місце для виведення будь-якого модуля
закріплено в шаблоні. Якщо виникає потреба в переміщенні або зміні стилю
модуля, потрібно використовувати мову розмітки гіпертексту. Місце і стиль меню
чітко закріплені в шаблоні. Інколи, щоб змінити стиль меню, потрібно
використовувати мову web-програмування.
Виходячи із розглянутих переваг та недоліків двох локальних серверів, для
розробки сайту був вибраний Zampp.
2.3 Проектування структури бази даних
Діаграма претендентів (або діаграма варіантів використання) – діаграма, на
якій зображена взаємодія між актором та прецедентами розроблюваної системи.
Актори – це учасники, які виконують свої ролі в проекті та взаємодіють з
певними сутностями або прецедентами.
Прецеденти – специфікація похідних дій(варіанти послідовностей та
неправильні послідовності) в уніфікованій мові моделювання (UML), який може
здійснювати система, підсистема, або клас, взаємодіючі із зовнішньо діючими.
Побудована за стандартом мови UML діаграма прецедентів для
формування спілок художників представлена на рисунку 2.1. Мова надає змогу
відображення у вигляді діаграми.
В ході написання кваліфікаційної роботи бакалавра було створено
діаграму прецедентів, керуючись загальним оглядом на продукт та
характеристики користувачів.
Діаграма прецедентів веб-орієнтованої інформаційної системи для
формування спілок художників показує основні дії, які можуть виконувати
користувачі за допомогою системи.
28
Рисунок 2.1 – Діаграма прецедентів для формування спілок художників
2.4 Схема бази даних та залежності
Форми користувача інформаційної системи та заяви – це вакансії, необхідні
для забезпечення зв'язку між групами таблиць. Під час проектування зв'язку між
даними, обрано третю нормальну форму Абревіатура 3NF – це одна із можливих
нормальних форм відношень у реляційних базах даних.
Якщо в першій нормальній формі, сенс у тому, щоб основна увага
відносилась до реляційних принципів, в другій нормальній формі первинний ключ,
а в третій нормальній формі первинний граф стовпець, що не є первинним ключем,
тобто він має неключові стовпці. Щоб привести базу даних у третю нормальну
форму, вона повинна бути передбачуваною у першій та другій нормальних формах.
Схема взаємодії таблиць БД зображена на рисунку 2.2.
29
Рисунок 2.2 – Схема взаємодії таблиць БД
Іншими словами, неключовий стовпець що не є ключовим, не повинен бути
ним в таблиці, тобто не давати можливості отримати дані з інших стовпців.
Варто звернути увагу на те, що при стандартному встановленні WordPress не
нав’язує цілісність між таблицями, тобто між постами і коментарями. Якщо мова
йде про плагін або розширення, яке маніпулює базою даних WordPress, їх код
повинен очистити базу так, щоб не залишалося ніяких бездомних записів. Тобто,
після видалення зовнішніх ключів, повинен видалити ці записи і в інших таблицях
набором SQL команд.
Розглянемо детальніше Wp_commentmeta (рис. 2.3).
Під час розробки веб-орієнтованої спілки художників були створені
відповідні таблиці. Звідси слідує конкретна інформація про те, що є в кожній з них.
30
Рисунок 2.3 – Деталі таблиці wp_commentmeta
Wp_omments кожний коментар має інформацію, які називаються метаданими
(інформація про іншу інформацію), або дані, які відносяться до додаткових
інформації про вміст об’єкти, які зберігаються в цій таблиці.
Коментарі в WordPress зберігаються в таблиці wp_comments (рис. 2.4).
Рисунок 2.4 – Деталі таблиці wp_ comments
31
Wp_links (рис. 2.5) включають інформацію про посилання введених у
функцію Links Wordpress (зразу вона скасована, але може бути ввімкнена за
допомогою плагіну LinksManager).
Рисунок 2.5 – Деталі таблиці wp_links
Параметри, які задані на панелі налаштувань, зберігаються в таблиці
wp_options (рис. 2.6).
Рисунок 2.6 – Деталі таблиці wp_options
32
Кожне повідомлення має інформацію, яка називається метаданими, і
зберігаються вони в wp_postmeta (рис. 2.7). Деякі плагіни можуть додати свою
інформацію в цю таблицю.
Рисунок 2.7 – Деталі таблиці wp_ postmeta
Головне ядро даних WordPress. Він зберігається в таблиці wp_post. Також в
цій таблиці зберігаються сторінки і елементи навігаційного меню (рис. 2.8).
Категорії для постів, так і для посилань і тегів для постів можна знайти в
таблиці wp_terms (рис. 2.9).
Кожний термін має інформацію, яка називається метаданими і зберігаються
вони в wp_termmeta (рис. 2.10).
Повідомлення, пов’язані з категоріями і тегами таблиць wp_terms і ця
асоціація, підтримюється в wp_term_relationships таблиці (рис. 2.11). В ній також
приводяться посилання на відповідні категорії.
Таблиця wp_term_taxonomy описує таксономію (категорія, посилання тег)
для записів в таблиці термінів (рис. 2.12).
Кожний користувач має інформацію, названу метаданими, яка зберігається в
wp_usermeta (рис. 2.13).
Список користувачів підтримується в таблиці wp_users (рис. 2.14).
33
Рисунок 2.8 – Деталі таблиці wp_ post
Рисунок 2.9 – Деталі таблиці wp_terms
34
Рисунок 2.10 – Деталі таблиці wp_termeta
Рисунок 2.11 – Деталі таблиці wp_term_relationships
Рисунок 2.12 – Деталі таблиці wp_term_taxonomy
35
Рисунок 2.13 – Деталі таблиці wp_usermeta
Рисунок 2.14 – Деталі таблиці wp_users
Висновки до розділу 2
В цьому розділі представлений опис функціонального програмного
середовища та обґрунтовано вибір сучасних технологій веб-програмування для
проектування і розробки.
36
3 ТЕСТУВАННЯ ТА ДОСЛІДНА ЕКСПЛУАТАЦІЯ
3.1 Особливості тестування веб-орієнтованого програмного
забезпечення
Тестування – це перевірка сайту, що спрямована на виявлення відхилень,
тобто процес пошуку помилок (багів). Перевірку можуть проводити як виконавець,
так і замовник, але найефективнішою буде спільна робота.
Розглянемо основні етапи тестування:
Тестування верстки – це перевірка відповідності візуальної частини, тобто
пошук неправильного відображення блоків, складових інтерфейсу, не
відповідальність кольорової гамми, локалізація(мови та переклад сайту),
відповідність до макету, при збільшенні та зменшенні сторінки чи не з’являються
візуальні недоліки, підсвічування полів з помилками, та кросбраузерність даного
сайту. Крім того обов’язково проводиться тестування доступності та відсутності
java script помилок, чи натискаються клікабельні елементи, відображення іконок де
вони необхідні, при наведенні на клікабельні елементи змінюється вид курсору,
при відсутності зображення на їх місці знаходяться сірі підписи, які дають
інформацію по цьому зображенню.
Функціональне тестування – це вид тестування при якому виявляються
некоретктна, тобто, неправильно робота функціоналу сайту. В це поняття включає:
– Некоректність відображення функцій сайту. Повинен бути список
критично важливих функцій сайту, які повинні працювати завжди. Відповідно
якщо вони не працездатні, то вони блокують використання ресурсу. Якщо до
цього користувач перевіряв клікабельність посилання, то тепер відбувається
перехід і перевіряється відповідність правильності цих переходів.
– Перевірка користувальницьких форм. Валідація полів (є обов’язкові і не
обов’язкові поля), повідомлення про помилки при неправильному вводі, тобто
якщо користувач кликнув «відправити» на форму де є обов’язкові поля, які не
заповнені та відповідна перевірка повідомлення про його помилку.
37
– Перевірка працездатності зворотного зв’язку, пошук необхідної
інформації на сайті, як працює покупка товару, оформлення заказу і т.д.
Перевірка порядку реєстрації на сайті, аутентифікації та авторизації а також
додавання редагування та видалення даних користувачів, товарів, заказів а інше.
До функціонального тестування також відноситься Ad-hock тестування –
імпровізоване спонтанне тестування без підготовки. Воно допомагає зрозуміти чи
доступно призначення форм, чи відмічені обов’язкові поля і чи всі обов’язкові поля
відмічені, а також чи вбудована обов’язкова перевірка заповнення форм, та
перевірка правильності вводу контактних даних. Із переваг цього способу можна
виділити що це доволі швидко знайомить користувача або в даному випадку
тестувальника з інтерфейсом сайту, виявляючи специфічні несправності, та сприяє
виявленню маси питань і пропозицій, удосконалень, та економії часу.
Також варто згадати за димове тестування – це спосіб який
використовується для виявлення в основному видимих помилок, які можуть
виникнути на перших етапах розробки програмного забезпечення або функціоналу.
Його можна віднести до тестування на короткий цикл тестів, який
використовується після виходу нового білду.
Usability (User Experience) тестування – це тестування, яке дозволяє
перевірити комфортність використання сайту для користувача, наскільки легко
можна знайти необхідну інформацію або виконати бажані дії.
Навігаційне тестування сайту (чи всі сторінки, кнопки і поля на них
зрозумілі в використанні, доступ до головної сторінки і меню всіх інших сторінок
можливий, та навігація проста з інтуїтивним зрозумілим інтерфейсом).
Тестування контенту (відсутність граматичних або орфографічних
помилок, контент інформативний і структурований, зображені заголовки мають
підходящі розміри і розміщені правильно), зручність використання (зрозуміла
структура веб-додатків і чи є зайві компоненти на сторінках).
Тестування UI (User Interface) – чи є відповідність стандартам графічних
інтерфейсів і елементів дизайну, правильність локалізованих версій, тестування з
різними розширеннями, на планшетах та телефонах.
38
Тестування сумісності (конфігураційне тестування). Воно включає в себе
крос-платформне тестування сайту. Деякі функції можуть мати проблеми з
визначенням операційними системами, тому необхідно перевірять роботу додатків
в різних версіях Windows, Unix, Mac, Linux і т.д., а також крос-браузерне
тестування сайту. Верстка повинна бути кросбраузерною, щоб забезпечити
однакову візуальну частину, доступність, функціональність та дизайн в усіх
браузерах. Необхідно перевірити масштабованість, рамки для елементів в фокусі,
відсутність JS помилок.
Перевірку роботи необхідно проводити в таких браузерах, як: Internet
Explorer, Firefox, Chrome, Safari, Opera, Edge та в їх різноманітних версіях.
Перевірка на мобільних додатках полягає в перевірці роботи веб-додатків в
різних розширеннях комп’ютера, найчастіше помилки на мобільних пристроях
залишаються не поміченими. Тому, рекомендовано перевіряти коректність
відображення і роботу веб-додатку на мобільних пристроях різних операційних
систем, а також на планшетах.
Тестування БД полягає в необхідності правильного здійснення зв’язку з
сервером, перевіривши сумісність серверу з ПЗ, апаратними компонентами, БД та
мережею. Також необхідно перевірити що відбувається при перериванні будь-якої
дії, при повторному відключенні до серверу підчас виконання операцій.
Тестування продуктивності – це використання методів тестування
продуктивності, при якому реакція системи вимірюється при різних умовах
навантаження. Відповідає за реакцію веб-додатків при збільшенні робочого
навантаження з різними інтервалами часу. Навантажувані випробування
проводяться для нормальних та пікових навантажень (одночасна покупка товару,
авторизація на сайту великої кількості користувачів).
Підхід до проведення навантажуваного тестування:
– Оцінку критеріїв прийнятності продуктивності.
– Визначення критичних сценаріїв.
– Побудування моделі робочої навантаження.
– Визначення цільового рівня навантаження.
39
– Дизайн тестів.
– Виконання тестів.
– Аналіз результатів.
Тестування безпечності направлене на оптимізацію системи при
проектуванні, розробці, використанні і обслуговуванні програмних систем та їх
систем інтеграції з критично важливими для безпеки апаратні системи в
продуктивній середі.
Аспекти безпеки програмного забезпечення:
– Функціональне програмне забезпечення не повинне створювати небезпек.
– Системи моніторингу повинні працювати без збоїв.
Цілі тестування безпеки:
– В складних системах, де застосовані багато зв’язків, модулів, критично
важливих для безпеки функції повинні бути ідентифіковані і ретельно
проаналізовані.
– Помилки, вразливості, інциденти визначені і видалені.
– Кількість критичних помилок повинно дозволяти запобіганню
непрацездатності системи і втрати даних.
– Атрибути безпеки повинні розглядатися як обов’язкова частина всіх рівнів
тестування ПЗ.
Принципи безпеки:
– Конфіденційність (обмеження або представлення доступу до інформації).
– Цілісність (можливість відновлення даних в повному об’ємі при їх
пошкодженнях; доступ на зміни інформації тільки деяких категорії користувачів).
– Доступність (ієрархія рівнів доступу або чітке їх дотримання).
Регресійне тестування використовує техніку тестування чорного ящику
(повторне виконання тестів, на які впливають зміни коду). Ці тести повинні
виконувати як можна частіше в перебігу всього життєвого циклу програмного
забезпечення (ЖЦПЗ), при зміні коду для коригування дефектів або для
покращення роботи веб-додатків.
40
Ціль регресійного тестування – переконання, що коригування одних багів
не стало причиною появи інших і що оновлення білду не створило нових дефектів
в уже перевіреному коді.
3.2 Робота користувача з веб-орієнтованою інформаційною системою
спілки художників
У веб-орієнтованої інформаційної системи спілки художників доволі простий
дизайн і тому він запуститься на будь якому Android, IOS або Windows пристрої.
При переході на сайт, буде запропоновано створити свою сторінку
користувача та почитати про саму спілку художників. Головна його сторінка
зображена на рисунку 3.1.
Рисунок 2.1 – Головна сторінка онлайн сайту
41
При натисканні на «Створення користувача», відкривається вікно у новій
вкладці з входом в акаунт за допомогою логіну та паролю. Приклад екрану
авторизації представлено на рисунку 3.2.
Рисунок 2.2 – Вікно авторизації
У випадку відсутності аккаунту у спілці художників користувачу
пропонується зареєструватися за допомогою як соцмереж, таких як Facebook,
Google, Twitter, так і за допомогою введених користувачем даних.
При проходженні реєстрації користувачу потрібні заповнити анкету
користувача з особистими даними (спілкою буде дозволено як введення свого
справжнього Ім’я та Прізвища, так і створеного псевдоніму).
Приклад екрану реєстрації з анкетою продемонстровано на рисунку 3.3.
42
Рисунок 2.3 – Сторінка реєстрації
Після виконання реєстрації або авторизації в сайті спілок художників,
відбувається автоматичний перехід на сторінку з заповненням свого портфоліо.
Приклад заповнення портфоліо контентом, представлено на рисунку 3.4.
Рисунок 2.4 – Заповнене портфоліо контентом
43
3.3 Тестування та огляд веб-орієнтованої інформаційної системи
спілки художників
Тестування веб-сайтів – це процес перевірки функціональності,
продуктивності та безпеки веб-додатка, з метою забезпечення якості веб-сайту
перед його випуском в продакшен.
Для тестування веб-сайтів використовуються різні інструменти, такі як:
Selenium, JMeter, Postman, SoapUI, та інші. Також важливо забезпечити покриття
веб-сайту тестами на автоматичному рівні, що дозволяє покращити ефективність
тестування та швидко виявляти проблеми веб-сайту. Для цього можна
використовувати фреймворки тестування, такі як Jest, Mocha, Chai, TestCafe та
інші.
У процесі тестування веб-сайту важливо враховувати особливості тестування
веб-додатків, такі як: необхідність перевірки на різних браузерах та пристроях,
відсутність доступу до бази даних та інших компонентів сервера під час тестування
та інші.
Крім того, можна використовувати різні методи тестування, такі як ручне
тестування, автоматичне тестування, тестування на основі рекомендацій
(наприклад, згідно зі стандартами WCAG для тестування доступності), а також
тестування на основі відгуків користувачів та моніторингу поведінки користувачів.
Узагальнюючи, тестування веб-сайтів, важливо зазначити, що це важливий
етап в розробці веб-додатків, який дозволяє забезпечити якість та надійність веб-
сайту перед його випуском в продакшен, а також знизити ризики пов’язані зі збоєм
веб-додатка та забезпечити задоволеність користувачів веб-сайтом.
Під час виконання кваліфікаційної роботи бакалавра через безкоштовний
сервіс https://loaddy.com було перевірено швидкість розробленої веб-орієнтованої
інформаційної системи спілки художників на випадок великого потоку
користувачів. Результати перевірки швидкості розробленого сайту представлено
на рис. 3.5.
44
Рисунок 2.4 – Результати перевірки швидкості веб-орієнтованої інформаційної
системи спілки художників
Висновки до розділу 3
В цьому розділі розглянуто особливості тестування веб-орієнтованого
програмного забезпечення.
Виконано перевірку на роботу розробленого сайту веб-орієнтованої
інформаційної системи спілки художників та протестовано його на випадок
великого потоку користувачів.
45
ВИСНОВКИ
Мета кваліфікаційної роботи бакалавра досягнута, тобто в ході її виконання
досліджено підвищення зручності й надійності серед інтересів та об’єктів
творчості фріланс художників, шляхом розробки веб-орієнтованої інформаційної
системи спілки художників у вигляді сайту.
Для досягнення поставленої мети в роботі розв’язувалися наступні завдання:
– проведено дослідження предметної області, що стосується колективних
спілок фріланс художників;
– проведено аналіз вибраних сайтів по технічному, емпіричному
порівняльному методу, визначивши їх конкурентність та юзабіліті та визначених
критичних помилок на сайтах;
– проведено аналіз програмних засобів створення веб-орієнтованої
інформаційної системи спілки художників, їх переваги, недоліки та визначення
серед них найкращих варіантів;
– проведено перевірку веб-орієнтованої інформаційної системи спілки
художників на працездатність та оптимізацію, правильність роботи та готовність
до потоку клієнтів;
– здійснено тестування розробленої системи.
46
СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ
1. Сайт «YCH.Commishes». URL: https://ych.commishes.com (дата звернення:
19.01.2022).
2. Сайт «Furraffinity». URL: https://www.furaffinity.net (дата звернення:
15.01.2022).
3. Сайт «Fiverr». URL: https://www.fiverr.com (дата звернення: 19.01.2022).
4. Кожем'якін А. А. HTML та CSS у прикладах. М. : Альтекс-А, 2014. 416 с.
5. Мова програмування JavaScript. URL:
http://www.znannya.org/?view=javascript (дата звернення: 15.02.2022).
6. SQL – Мова БД SQL її переваги, недоліки, оператори. URL:
http://programmersworld.xyz/product/18/62 (дата звернення: 15.02.2022).
7. Wikipedia. URL: https://uk.wikipedia.org/wiki (дата звернення: 05.04.2022).
8. Губернатор А.М., Оксамитна Л.П. Проектування та створення веб-
орієнтованої інформаційної системи спілки художників : Збірник тез
доповідей студентської науково-практичної конференції ЧДТУ : 19-22 квітня
2022 / [упорядник Мельник І.В.]; Міністерство освіти і науки України,
Черкаський державний технологічний ун-т. Черкаси : ЧДТУ, 2022. С. 65.
9. Веб дизайн. Як створити дизайн для сайту? URL:
https://www.markweb.pro/veb-dizajn-yak-stvoriti-dizajn-dlya-sajtu/ (дата
звернення: 23.03.2022).
10. Як тестувати веб-сайт: основні етапи і поради. URL:
https://brainlab.com.ua/uk/blog-uk/yak-testuvati-veb-sayt-osnovn-etapi-poradi
(дата звернення: 10.05.2022).
11. Особенности тестирования веб-приложений. URL: https://quality-
lab.ru/blog/key-principles-of-web-testing/ (дата обращения: 16.05.2022).
12. Огляд рішень для тестування сайтів, різні види тестів для веб-додатків і
вживане. URL: http://hostinfo.ru/articles/442 (дата звернення: 16.05.2022).
47
ДОДАТОК А
Затверджую
Зав. кафедри КНтаСА,
______________ Триус Ю.В.
«____»____________2022 р.
ПРОЕКТУВАННЯ ТА СТВОРЕННЯ ВЕБ-ОРІЄНТОВАНОЇ
ІНФОРМАЦІЙНОЇ СИСТЕМИ СПІЛКИ ХУДОЖНИКІВ
Специфікація
482.ЧДТУ. 21801-01 12 01
Листів 2
Розробник ____________________ Губернатор А.М.
Керівник ____________________ Оксамитна Л.П.
Черкаси – 2022
48
482.ЧДТУ. 21801-01
Позначення Найменування Примітка
Документація
482.ЧДТУ. 21801-01 90 01 Публікація по темі
кваліфікаційної роботи
бакалавра
49
ДОДАТОК Б
ТЕЗИ ДОПОВІДЕЙ СТУДЕНТСЬКОЇ НАУКОВО-ПРАКТИЧНОЇ
КОНФЕРЕНЦІЇ ЧДТУ
Публікація по темі кваліфікаційної роботи бакалавра
482.ЧДТУ. 21801-01 90 01
Листів 3
Розробник: _________________ Губернатор А.М.
Черкаси – 2022
50
51
ПРОЕКТУВАННЯ ТА СТВОРЕННЯ ВЕБ-ОРІЄНТОВАНОЇ ІНФОРМАЦІЙНОЇ
СИСТЕМИ СПІЛКИ ХУДОЖНИКІВ
Губернатор А.М. (студентка ФІТІС), Оксамитна Л.П., к.т.н., доцент
Черкаський державний технологічний університет
У сучасному світі, фрілансери змушені активно рекламувати свої навички,
щоб зацікавити потенційних клієнтів і стежити за своєчасною оплатою. В останні
роки мережа стає все більш соціально привабливою для роботи позаштатних
художників. Вдало розміщена ілюстрація безперечно привертає увагу серед тисяч
140-символьних текстових повідомлень. Розробка веб-орієнтованої інформаційної
системи (ІС) спілки художників у вигляді сайту є досить актуальним питанням. В
період карантину все більше й більше людей залишаються вдома і робота
фрілансером є віддушина від загальної паніки, також спосіб заробітку як
додаткового, так і основного при належних знаннях та вміннях. Але не тільки
знання та вміння потрібні фріланс художнику, а також грамотний підхід до
просування та виділення себе як робітника серед інших. З економічної точки зору,
створення веб-орієнтованої ІС спілки художників з використанням конструктора є
найвигіднішим. Для досягнення поставленої мети потрібно: проаналізувати
існуючі системи художніх спілок; визначити цілі та завдання веб-сайту і його
цільової аудиторії; створити макети дизайну сайту; здійснити верстку, наповнення,
тестування та здачу проекту. З проведеного аналізу двох найбільш популярних веб-
орієнтованих художніх спілок YCH.Commishes та Furaffinity визначено, що тільки
один із них має кросбраузерність. Серед недоліків можна виділити те, що на
слабких комп’ютерах ці два сайти прогружаються досить повільно. Тому потрібно
спроектувати та розробити у зручному графічному представленні ІС спілки
художників задля покращення роботи професіоналів та полегшення навчання
новачків із сфери художнього мистецтва. Така система крім інформування новин,
сконцентрує та систематизує корисну й достовірну інформацію з даного напрямку
на одному веб-сайті.