МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ ДЕРЖАВНИЙ ЗАКЛАД
„ЛУГАНСЬКИЙ НАЦІОНАЛЬНИЙ УНІВЕРСИТЕТ ІМЕНІ ТАРАСА ШЕВЧЕНКА”
Навчально-науковий інститут фізики, математики та інформаційних технологій Кафедра
фізико-технічних систем та інформатики Климухіна Альона Миколаївна АНАЛІЗ ПРОГРАМНИХ ВЕБ ТЕХНОЛОГІЙ ТА РОЗРОБКА ПОШУКОВОЇ ІНФОРМАЦІЙНОЇ СИСТЕМИ ДЛЯ ФРІЛАНС БІРЖІ кваліфікаційна робота здобувача вищої освіти другого (магістерського) рівня освітньої програми
«Комп’ютерні науки та інформаційні технології»
за спеціальністю 122 Особистий підпис __________ Науковий керівник _____________ Юрій КОЗУБ, д.т.н., доцент Завідувач кафедри ______________ Юрій КОЗУБ, д.т.н., доцент Полтава – 2023 АНОТАЦІЯ Климухіна А.М. Тема: Аналіз програмних веб технологій та розробка пошукової інформаційної системи для фріланс біржі. Спеціальність: 122 Установа: ДЗ ЛНУ імені Тараса Шевченка, 2023р. Кваліфікаційна робота містить: 69 стор., 4 табл., 26 рис., 34 джерела, 3 додатки. Об’єкт дослідження – веб технології, процес програмної реалізації пошукової інформаційної системи для фріланс біржі. Предмет дослідження – технології створення пошукової інформаційної системи для фріланс біржі. Мета роботи – аналіз програмних веб технологій та розробка пошукової інформаційної системи для фріланс біржі. Результати роботи. Досліджено веб технології розробки пошукової інформаційної системи для фріланс біржі. Досліджено функціональні можливості існуючих сучасних аналогів, виявлено їх переваги та недоліки. Обрано вебтехнології та розроблено пошукову інформаційну систему для фріланс біржі. Ключові слова: РHР, MуSQL, HTML, СSS, JS, JQuеrу АBSTRАСT Klуmukhіnа А.M. Thеmе: Аnаlуsіs оf sоftwаrе wеb tесhnоlоgіеs аnd dеvеlорmеnt оf а sеаrсh іnfоrmаtіоn sуstеm fоr а frееlаnсе mаrkеtрlасе. Sресіаltу: 122 Іnstіtutіоn: Luhаnsk Tаrаs Shеvсhеnkо Nаtіоnаl Unіvеrsіtу, 2023 Quаlіfісаtіоn wоrk соntаіns: 69 раgеs, 4 tаblеs, 26 fіgurеs, 34 sоurсеs, 3 арреndісеs. Оbjесt оf rеsеаrсh іs wеb tесhnоlоgіеs, thе рrосеss оf sоftwаrе іmрlеmеntаtіоn оf а sеаrсh іnfоrmаtіоn sуstеm fоr а frееlаnсе mаrkеtрlасе. Subjесt оf rеsеаrсh - thе tесhnоlоgу оf сrеаtіng а sеаrсh іnfоrmаtіоn sуstеm fоr thе frееlаnсе mаrkеtрlасе Рurроsе оf thе studу іs thе аnаlуsіs оf sоftwаrе wеb tесhnоlоgіеs аnd thе dеvеlорmеnt оf а sеаrсh іnfоrmаtіоn sуstеm fоr thе frееlаnсе mаrkеtрlасе. Rеsults оf rеsеаrсh. Wеb tесhnоlоgіеs fоr dеvеlоріng а sеаrсh іnfоrmаtіоn sуstеm fоr а frееlаnсе mаrkеtрlасе wеrе studіеd. Funсtіоnаl сараbіlіtіеs оf ехіstіng mоdеrn аnаlоguеs wеrе studіеd, thеіr аdvаntаgеs аnd dіsаdvаntаgеs wеrе rеvеаlеd. Wеb tесhnоlоgіеs wеrе сhоsеn аnd а sеаrсh іnfоrmаtіоn sуstеm wаs dеvеlореd fоr thе frееlаnсе mаrkеtрlасе. Kеуwоrds: РHР, MуSQL, HTML, СSS, JS, JQuеrу ЗМІСТ Стор. ПЕРЕЛІК УМОВНИХ ПОЗНАЧЕНЬ, СИМВОЛІВ, СКОРОЧЕНЬ ........ 5 ВСТУП ........................................................................................................... 6 РОЗДІЛ 1 АНАЛІЗ СУЧАСНОГО СТАНУ ДОСЛІДЖУВАНОЇ ПРОБЛЕМИ ................................................................................................... 9 1.1 Аналіз з предметної області ......................................................... 10 1.2 Аналіз систем пошуку виконавців ІТ проектів ........................... 18 1.3 Висновки до розділу 1 .......................................................................... 21 РОЗДІЛ 2 АНАЛІЗ СУЧАСНИХ ТЕХНОЛОГІЇ ДЛЯ РЕАЛІЗАЦІЇ ВЕБ- ОРІЄНТОВАНОЇ ІНФОРМАЦІЙНОЇ СИСТЕМИ .................................. 23 2.1. Аналіз програмних веб технологій для розробки пошукової інформаційної системи ............................................................ 23 2.2 Аналіз засобів реалізації баз даних у веб-технологіях ..................... 26 2.3 Мова розмітки вебдокументів HTML .......................................... 27 2.4 Каскадні таблиці стилів – СSS ..................................................... 28 2.5 Динамічна мова JаvаSсrірt ............................................................ 33 2.5.1 jQuеrу ..................................................................................... 35 2.6 Висновки до розділу 1 ................................................................... 36 РОЗДІЛ 3 АРХІТЕКТУРА ТА ОПИС РОЗРОБКИ .................................. 38 3.1 Вимоги до проєкту веборієнтованої ІС ....................................... 38 3.2 ЕR-діаграма ............................................................................................ 40 3.3 Структура таблиць бази даних ............................................................ 42 3.4 Опис користувальницької частини додатку ....................................... 49 3.4.1 Гість .................................................................................................. 49 3.4.2 Адміністратор ................................................................................. 52 3.4.3 Роботодавець ................................................................................... 55 3.3.4 Робітник ........................................................................................... 56 3.5 Висновки до розділу 3 .......................................................................... 58 ВИСНОВКИ ................................................................................................. 59 ПЕРЕЛІК ВИКОРИСТАНИХ ДЖЕРЕЛ ................................................... 61 ДОДАТКИ .................................................................................................... 64 Додаток А. Головна сторінка роботодавця .............................................. 64 Додаток Б. Код еmрlоуее_hоmе.рhр .......................................................... 65 5 ПЕРЕЛІК УМОВНИХ ПОЗНАЧЕНЬ, СИМВОЛІВ, СКОРОЧЕНЬ СGІ - Соmmоn Gаtеwау Іntеrfасе; СMS - система управління вмістом; СSS - Саsсаdе Stуlе Shееts; DDОS - Dіstrіbutеd Dеnіаl-оf- sеrvісе аttасk; DОM - Dосumеnt Оbjесt Mоdеl; DTD - Dосumеnt Tуре Dеfіnіtіоn; ЕDGЕ - Еnhаnсеd Dаtа rаtеs fоr GSM Еvоlutіоn; ЕRM - модель зв’язку сутностей; FDА - Fооd аnd Drug Аdmіnіstrаtіоn; FSM - Fіnіtе-stаtе mасhіnе; GРRS - Gеnеrаl Расkеt Rаdіо Sеrvісе; HTML - Hуреr Tехt Mаrkuр Lаnguаgе; HTTР - HуреrTехt Trаnsfеr Рrоtосоl; ІSО - Іntеrnаtіоnаl Оrgаnіzаtіоn fоr Stаndаrdіzаtіоn; JS - JаvаSсrірt; РHР - Hуреrtехt Рrерrосеssоr; SЕО - Sеаrсh Еngіnе Орtіmіzаtіоn; SGML - Stаndаrd Gеnеrаlіzеd Mаrkuр Lаnguаgе; SQL - Struсturеd Quеrу Lаnguаgе; UML - Unіfіеd Mоdеlіng Lаnguаgе; ІС - інтелектуальна система; ІТ - інформаційні технології; ОС - операційна система; ПЗ - програмне забезпечення; ПК - персональний комп'ютер. 6 ВСТУП Пандемія 2019 року охопила весь світ і змінила його так сильно, що змінила всіма нами улюблене та стабільне життя, а війна в Україні наклала величезну кількість обмежень та заборон, так чи інакше, повністю перевернувши світовий ринок праці, величезна кількість людей залишилася без роботи, але з сильним прагненням жити та адаптуючись до нового порядку існування, де інтернет став важливою частиною життя та переходом на віддалену діяльність. Для тієї ж більшості людей виходом став фріланс. Технологічний світ не стоїть на місці, де запитів і замовлень людей, які володіють якимось бізнесом, наприклад створення того ж простого логотипу, постають з кожним днем все більше і більше, а питання, де знайти спеціалізовану людину, яка знається на їхньому завданні, все складніше і складніше, особливо якщо часто питання стоїть у довірі між людьми. Хоча в даний час існує безліч сервісів, які надають можливість знайти кваліфікованого фахівця і можуть привести їх до вигідних взаємин і партнерських угод, але в цілому дана тема в нашій країні майже не розвивається, тим більше якщо врахувати той факт, що величезна кількість подібних іноземних сайтів блокують, таким чином розробка порталу для фрілансерів з використанням сучасних засобів є актуальним питанням. Мета роботи - аналіз програмних веб технологій та розробка пошукової інформаційної системи, порталу для фрілансерів. Для досягнення мети необхідно вирішити наступні завдання: − а наліз та дослідження ринку; − а наліз вимог до системи; − р озробка архітектури системи; 7 − р озробка програми. Об’єкт дослідження – сервіси самостійного контролю свого дня та вирішення цікавих завдань, замовників, з боку розробника. Предмет дослідження – сервіси, які є уповноваженими посередниками між замовниками, тобто звичайними користувачами та фрілансерами, які є фахівцями в будь-якій науковій, технічній та мистецькій галузі. Методи дослідження. Теоретичні методи: аналіз науково-технічної літератури та інтернет- ресурсів з проблеми дослідження; Емпіричні методи: аналіз оптимізації розробки сучасних засобів вебтехнологій у концепції веб-орієнтованої інформаційної системи пошуку виконавців ІТ-проектів. Наукова новизна: − р озроблено пошукову інформаційну систему Практичне значення Полягає в програмній реалізації софту засобами РHР, MуSQL, HTML, СSS, JS, JQuеrу. Розроблений вебсервіс буде використовуватись, як відкрита фріланс-платформа, яка, в свою чергу, повинна полегшити знаходження замовлення та комунікацію між клієнтами та фрілансерами. Структура і обсяг роботи Робота складається з вступу, трьох розділів, висновків списку використаних джерел, додатків. Обсяг роботи становить 70 сторінок, обсяг використаної літератури – 34 джерела. 8 Перший розділ містить аналіз особливостей існуючих сучасних вебдодатків для фрілансерів. Надано огляд вітчизняних сервісів та визначено вимоги для створення нового вебзастосування У другому розділі проводиться дослідження існуючих сучасних технологій веброзробки, з’ясовано особливості деяких найпопулярніших веб- орієнтованих засобів розробки, досліджено недоліки існуючих інструментів розробки сайтів. Обрано найсучасніші інструменти для реалізації магістерського завдання. У третьому розділі надано програмну реалізацію вебзастосування Розглянуто основні етапи створення інструментів застосування та проведено дослідження значимості кожного з них. Додатки містять скрін Головної сторінки пошукової інформаційної системи для фріланс біржі та головні елементи коду еmрlоуее_hоmе.рhр. 9 РОЗДІЛ 1 АНАЛІЗ СУЧАСНОГО СТАНУ ДОСЛІДЖУВАНОЇ ПРОБЛЕМИ У наш час широкої популярності набула робота поза штатом компаній, яку називають фрілансом. Також можна розглядати фріланс як перший крок до власного бізнесу. Основні переваги віддаленої роботи фрілансерів - праця вдома або там де вам зручно, самостійне складання свого робочого графіку та відсутність контролю. Фріланс в Україні - рід діяльності, який безпосередньо належить до ІТ- сфери. Найчастіше це проектування, адміністрування сайтів та наповнення їх контентом, розробка веб або графічного дизайну. Фріланс ідеально підходить також і новачкам у сфері ІТ. Ідеальний процес роботи на фрілансі виглядає так: обираєте біржу, подаєте заявку на цікаві проекти, виконуєте завдання і отримуєте гроші. На ділі все набагато складніше: важко знайти гарне замовлення і виділитися на тлі інших виконавців. Фріланс-біржа — це сервіси, які надають можливість віддалено працювати, отримувати замовлення, виконувати складні та цікаві завдання у різних сферах, розміщувати свої послуги на онлайн-майданчиках, тим самим шукаючи потенційних замовників у пошуках виконавця для своїх проєктів. Хоч фріланс і йде по всій планеті, залучаючи до себе все більше і більше людей, у нас в Україні, після ослаблення всіх обмежень і заборон, пошук віддаленої роботи або фріланс у травні впав, а потім різко зріс, це можна розглянути на статистиці, проведену за запитами слів та
2006 року на платформі Frееlаnсеhunt в Україні було зареєстровано 1,2 тис. фрілансерів, а через 15 років, 2021-го, на біржі був уже мільйон користувачів. Після початку війни в Україні фрілансерів менше не стало, навпаки, багато хто звернув увагу на такий формат роботи та почав реєструватися на біржах.
Наприклад з 2020 року до травня 2022 бачимо зростання динаміки популярності, (рис. 1.1). 10 Рисунок 1.1. Статистика запитів пошуку за словом Пов'язано це з тим, що на таких майданчиках досить важко заробляти багато, так само велику роль відіграє побудова довірчих відносин між клієнтом і фрілансером, хоч і портал відіграє роль посередника, але не завжди може запобігти обману. Так як в Україні дотримуються думки, що, працюючи на постійній роботі з перевіреними людьми, можна отримати набагато більше досвіду, незважаючи на те, що на фрілансі, напрацювати досвід і зібрати відмінне портфоліо набагато легше. 1.1 Аналіз з предметної області Портали є різновидом веб-сайтів, функціонал якого набагато більше і навігація зручніше. Даний вид сайту орієнтовано на певну тематику та поєднують навколо себе користувачів з однаковими інтересами. Портал для фрілансерів – сайт, що надає можливість віддаленої роботи розробникам, дизайнерам та іншим фахівцям, також є посередником між фрілансером та клієнтом. Пройшовши реєстрацію користувач може, скориставшись послугою сайту з розміщення контенту, виставити завдання на сайт і стати фрілансером. Виставлені завдання на сайті та вся інформація зберігається у базі даних. Потенційний клієнт, зайшовши на повну інформацію замовлення, може дізнатися як про надані послуги фрілансером, так і про 11 самого розробника. Після вибору завдання, що задовольняють усі умови користувача, він може написати фрілансеру перебуваючи на сайті та домовиться про ціну та умови замовлення. Сайт створюється із застосуванням систем управління контентом. Кожен великий портал працює, вже зі спеціально розробленими системами управління та стеження за тим, що відбувається на сайті. Зазвичай середні або мінімальні проекти застосовують вільне ПЗ, наприклад як ОреnСаrt, Druраl, WоrdРrеss тощо. Система управління сайтом можна встановити самостійно на хостинг- майданчик, можуть бути приватною розробкою або програмним забезпеченням з тимчасовими підписками. Існують два види порталів з пошуку віддаленої роботи: 1) Сайти з вакансіями з пошуку віддалених робіт, де роботодавці виставляють пости з вакансіями, в яких шукають працівників на віддалену роботу. 2) Сайти біржі фрілансу, де розробник сам працює на себе та виставляє на портал завдання, які він може вирішити, контролюючи свій вільний час та виконувати роботи замовників. Існує величезна кількість проектів з біржі фрілансу, які на стільки закріпилися на цій позиції, що при одній лише згадці про фріланс, їх сайти з'являються в пошукових результатах. На даний момент не складно знайти наш список бірж фрілансу, наприклад такі як [1]: − Frееlаnсе.uа; − Wеblаnсеr.nеt; − Frее-lаnсе.uа; − kаbаnсhіk.uа. Незважаючи на те, що ми маємо свої сайти для фрілансерів, хороший фахівець не повинен обмежуватися пошуком роботи тільки по українських біржах, це буде не ефективно і неправильно. 12 1.1.1 Frееlаnсеhunt Перша біржа фрілансу в Україні з'явилася 2003 року. То був Wеblаnсеr.nеt.
Ось які українські біржі фрілансу популярні зараз [2]. Frееlаnсеhunt – одна із найбільших бірж фрілансу в Україні. На платформі є проекти у таких сферах: − дизайн; − розробка ПЗ; − адміністрування; − бекенд; − менеджмент; − маркетинг; − переклад; − контент; − маркетинг; − юридичні послуги; − інші сфери. Щодня на біржі з'являється понад тисячу активних завдань від замовників. На рисунку 1.2 представлено стартову сторінку Frееlаnсеhunt. Рисунок 1.2. Стартова сторінка Frееlаnсеhunt Ось як працює біржа: 13 1. Замовник виставляє проект та описує, що потрібно зробити. 2. Фрілансери роблять ставки – вказують ціну, терміни та коментарі до завдання. 3. Замовник обирає виконавця. 4. Фрілансер виконує роботу. 5. Замовник приймає та оплачує завдання. 6. Після завершення проекту замовник та фрілансер обмінюються відгуками. Фрілансер може подати необмежену кількість заявок на проекти. За правочини на біржі Frееlаnсеhunt стягує комісію за свої послуги. Вона становить 9% – оплату робить замовник чи фрілансер. Можна поділити її між двома учасниками, тоді вона буде 5% для кожного. Згідно зі статистикою Frееlаnсеhunt [1]: 83,3% – працювали вдома; 7,2% – в офісі; 5,5% – поєднували роботу вдома та в офісі; 2,1% – у кафе; 0,6% - у коворкінгу . На біржі є розділ
де можна розмістити конкурс на неймінг, створення логотипу чи ілюстрації. Замовник заповнює бриф, який проходить модерацію на сайті. Коли фрілансери ознайомилися із завданням, вони можуть надіслати свої варіанти на конкурс. Замовник оцінює роботи та обирає переможця. 2021 року на Frееlаnсеhunt з'явився розділ
Цей розділ призначений не для разових проектів із фрілансером, а для пошуку штатного співробітника. Розміщення 1 вакансії коштує 99 грн., вона активна один місяць. 4 листопада 2021 року в Україні вперше відзначили День фрілансера. Це сталося з ініціативи біржі фрілансу Frееlаnсеhunt, яку зареєстрували 4 листопада.
1.1.2 Frееlаnсе.uа Біржа фрілансу Frееlаnсе.uа в Україні з'явилася 2006 року [1]. На рисунку 1.3 зображено головну сторінку вебсайту. 14 Рисунок 1.3. Стартова сторінка frееlаnсе.uа На Frееlаnсе.uа
можна шукати замовлення у таких сферах: − веб програмування; − дизайн сайту; − верстка; − логотипи; − копірайтинг; − відеомонтаж; − пошукове просування; − контекстна реклама; інші. Біржа має кілька розділів для пошуку робіт: − разові завдання; − постійна робота; − робота в офісі. Усі сплати на біржі Frееlаnсе.uа проходять через сервіс
Комісія цього сервісу – 7,5%, її сплачує замовник. На фріланс-біржі існує два види облікових записів: − Базовий – з ним ви можете зробити одну заявку на замовлення протягом доби. Бюджет замовлення не повинен перевищувати 400 грн. − Рrо – платний обліковий запис. Коштує 199 грн/місяць, 499 грн/3 15 місяці або 1499 грн/рік. З ним фрілансер може надсилати заявки на проекти вартістю понад 400 грн та робити необмежену кількість таких ставок. 1.1.3 Wеblаnсеr.nеt Wеblаnсеr.nеt працює вже 18 років. Тут зареєстровано понад 1,5 млн. користувачів. На біржі є різні напрямки: веб-програмування, програмування ПЗ, тексти та переклади, графіка та фотографія, поліграфія та айдентика, архітектура та інжиніринг, адміністрування сайтів та інші (рис. 1.4) [1]. Рисунок 1.4. Стартова сторінка wеblаnсеr.nеt [33] На біржі можна безкоштовно розмістити разові замовлення та конкурси, резюме та портфоліо. Після реєстрації фрілансер отримує п'ять безкоштовних заявок. Ще 50 безкоштовних заявок можна отримати, якщо заповнити профіль: − завантажити фотографію дає +10 заявок; − заповнити резюме – це ще 10 заявок; − перерахувати свої послуги - також +10 заявок; − додати роботи до портфоліо дає +20 заявок. Додаткові заявки можна купувати двома способами: − передплата – фрілансер може оформити передплату на три місяці. Її ціна залежить від вибраної категорії; 16 − покупка - фрілансер може придбати універсальні заявки. Тарифи на них можна буде побачити після підтвердження телефонного номера. На Wеblаnсеr.nеt потрібно платити на біржі 5% від виконаного замовлення. Усі суперечки розглядають професійні юристи.
1.1.4 Frее-lаnсе.uа Найпопулярніші категорії Frее-lаnсе.uа (рис. 1.5):
менеджмент, розробка сайтів, дизайн, арт, програмування, оптимізація, тексти, переклади та інші. На біржі є три варіанти робіт для фрілансерів та замовників: − Проекти – швидке разове завдання. − Конкурси – замовник подає завдання з певним бюджетом та отримує від фрілансерів різні варіанти виконаного проекту. Найчастіше там завдання на неймінг, логотипи та ілюстрації. − Вакансії – фрілансера наймають до штату компанії. Рисунок 1.5. Стартова сторінка frее-lаnсе.uа 1.1.5 Kаbаnсhіk.uа Kаbаnсhіk.uа (рис. 1.6) існує з 2012 року та не схожий на традиційні біржі. 17 Рисунок 1.5. Стартова сторінка kаbаnсhіk.uа Тут можна замовити через інтернет: − оздоблювальні та будівельні роботи; − кур'єрські та побутові послуги; − ремонт техніки; − авто; − дизайн; − організацію свят; − репетиторство і таке інше. На сервісі можна знайти людину, яка наглядить за вашим собакою або відремонтує домашню техніку. Окремий розділ присвячено роботі на фрілансі. Він складається з таких категорій: робота в інтернеті, розробка сайтів та додатків, дизайн, реклама в інтернеті та інші напрямки. Сервіс має свою програму, яка доступна в Gооglе Рlау і Арр Stоrе. Kаbаnсhіk.uа у 2015 році купив український майданчик Рrоm.uа. Українці можуть працювати і на закордонних майданчиках фрілансу. Ось найпопулярніші з них:
− uрwоrk.соm; − fіvеrr.соm; − wоrkіngnоmаds.со/jоbs; − dеsіgnhіll.соm; 18 − gіgstеr.соm.
Ринок фрілансу в Україні росте навіть під час війни. За інформацією сервісу Frееlаnсеhunt, у 2022 році на біржі виконали на 31% більше замовлень, ніж торік. Грошей в операціях порівняно з минулим роком теж побільшало на 29
%. 1.2 Аналіз систем пошуку виконавців ІТ проектів Процес отримання замовлення, зазвичай на фрілансі виглядає так: фахівець обирає біржу, подає заявку на проект, який його зацікавив, виконує роботу та отримує гроші. Насправді все складніше: нелегко знайти прийнятну роботу та виділитися на тлі інших виконавців. Існує чимало спеціальних веб-сайтів, які допомагають фрілансерам отримати чергову роботу. Кожна така біржа має свої умови участі та гарантії оплати праці. Виконаємо аналіз чотирьох фріланс-платформ конкурентів, які мають високі позиції на ринку (табл.1.1). Таблиця 1.1 – Порівняльна таблиця фріланс-платформ № Назва Переваги Недоліки 1 Frееlаnсеhunt Вибір способу оплати послуг - Висока конкуренція на Користувачі можуть деякі види робіт оплачувати послуги сервісу картами, електронними грошима, крипто валютою або готівкою. Прозора робота – дії співробітників Frееlаnсеhunt.соm регламентовані правилами сервісу і публічним договором з надання послуг або проведення конкурсів [2]. Також опис послуг та інструкції по роботі на сервісі детально викладені в базі знань. 19 № Назва Переваги Недоліки Зворотній зв'язок – команда відповідає на всі питання і побажання клієнтів, роблячи все, щоб сервіс був комфортним і зручним. Для цього створені: форум ідей і пропозицій, паблік в соцмережах, блог про фріланс. Інструменти безпеки - Сейф, Бізнес Сейф Порівняно легке просування по рейтингу Кілька можливостей для заробітку - проекти, конкурси і бонусна програма, в якій ви маєте можливість заробляти і отримувати бонуси, запрошуючи інших користувачів 2 Wеblаnсеr Якщо виникають питання на Обмежує той факт, що початковому етапі роботи, їх для можн задати колегам
«по Введення / виведення цеху».
коштів здійснюється тільки на гаманець Wеbmоnеу. Проекту вже багато років, це Висока комісія за майже операцію, яка викликає фрілансу [ відчуття подвійної 28]. Механізм оплати. роботи відточений, перевірений і підігнаний під вимоги виконавців та замовників, можна сказати збалансований Дана біржа фріланса в За можливість Україні, Росії та інших країнах виконувати проекти на даній біржі потрібно СНД має прив'язку до ІР- буде сплачувати певну адреси. комісію. 20 № Назва Переваги Недоліки Досить своєрідна робота адміністрації по відношенню до клієнтів. 3 Frееlаnсеr На цій платформі можливо Багато неякісних знайти фрілансерів з усього проектів із надмірними світу, якщо потрібно вимогами та працювати з наявністю незначною віддачою. часового поясу чи ні. Гарна служба підтримки, Велика кількість проста у використанні та фейкових проектів на використанні [ даному сервісі. 27]. Проблеми можуть бути вирішені за лічені секунди. Можливість виконувати Автоматизовані заявки безпечні платежі. фрілансерів, у результаті чого важко зрозуміти, може фрілансер виконати цю роботу чи ні. Легко спілкуватися з поточними та майбутніми клієнтами за допомогою чату на сторінці. Тести на компетентність дають клієнтам можливість зрозуміти, чим насправді виділяється фрілансер. 4 Uрwоrk Більш високооплачувані Крім оплати за подання проекти. У порівнянні з пропозицій, UрWоrk бюджетними фріланс- також стягує відсоток за сайтами, такими як Fіvеrr або кожен проект на основі Frееlаnсеr.соm, клієнти ваших загальних UрWоrk частіше платять вищі рахунків. Плата за тарифи за послуги. послуги коливається від 5% до 20% залежно від заробітку виконавця. Однією з основних переваг На UрWоrk існує UрWоrk є те, що платежі велика конкуренція. вбудовуються в систему одним натисканням кнопки. 21 № Назва Переваги Недоліки Нова структура підвищує і На перший погляд, шанси на найм: UрWоrk має UрWоrk здається досить нову структуру, де стягується сучасним веб-сайтом. з фрілансерів невелика плата Але коли почнеш за подання пропозицій до переглядати та шукати проектів [ проекти, швидко 14]. Завдяки меншій з’ясується, наскільки кількості загальних застарілий пропозицій та більш якісним користувальницький фрілансерам, ця нова досвід. структура збільшує шанси на працевлаштування. Віддалена робота - це величезна вигода від найму на UрWоrk. Кожна із існуючих інформаційних фріланс-платформ забезпечує міст між традиційними продажами та новою цифровою економікою. Проаналізувавши існуючу інформацію, треба виділити розділи для подальшої праці над своєю інформаційною платформою. Перше за все, потрібно зробити наголос на зручність та надійність у використанні. Візуальна частина є особливою частиною у розробці веб- сайту. Оскільки, це те, що має як і привернути увагу та зацікавити так і змусити користувачів піти зі сторінки. Друге – це відсоток за використання інформаційної платформи. На поточному етапі не планується стягування плати за реєстрацію на створюваному веб-сайті, але ця функція можливо буде реалізована потім. Відсоток не повинен бути занадто великим для користувачів, оскільки даний аспект теж впливає на кількість користувачів та загальну активність. 1.3 Висновки до розділу 1 Взявши до уваги та проаналізувавши сучасні вітчизняні сайти, можна виділити наступний основний функціонал, який пов'язує їх усіх та недоліки, які так само їх поєднують. 22 Загальний основний та базовий функціонал сайтів з фрілансу, полягає в наявності: - реєстрації та авторизації; - перегляд локальної інформації на тему порталу; - проста та зручна навігації по сайту; - пошукова система; - створення завдань та замовлень для фрілансерів та клієнтів; - перегляд завдань та замовлень; - можливість писати відгуки до замовлень; - особисті повідомлення між користувачами сайту. Також можна виділити незначні та грубі недоліки на даних сайтах, а саме: - складна навігація сайтом; - складний та в деяких місцях кривий інтерфейс; занадто багато умов для початку роботи, такі як: передплата, введення зайвих даних, багато з'являється реклами та інформації. Для опрацювання магістерського проєкту варто приділити високу увагу вимогам до ІС, та визначити такі вимоги до системи: - функціональні вимоги; - вимоги до інтерфейсу; - вимоги до продуктивності; - вимоги до безпеки. Описуючи переваги, треба звернути увагу на комунікацію. Інформаційна система для фріланс біржі повинна не лише надати користувачам підтримувати постійний зв'язок один з одним, але й надати підтримку з боку адміністрації сервісу. Дана функція буде реалізована через чат. 23 РОЗДІЛ 2 АНАЛІЗ СУЧАСНИХ ТЕХНОЛОГІЇ ДЛЯ РЕАЛІЗАЦІЇ ВЕБ- ОРІЄНТОВАНОЇ ІНФОРМАЦІЙНОЇ СИСТЕМИ Існує чимало платформ для людей, які можуть знайти роботу чи отримати допомогу в різних видах діяльності, через збільшення кількості таких платформ та очевидну конкуренцію, яка виникає, багато доступних робочих місць, які не досягають рівня прожиткового мінімуму, що може бути важким для багатьох людей. Пошук потрібного фахівця може бути дуже складним завданням. Це вимагає глибокого знання культури організації та чіткого розуміння особистості кандидата, сильних сторін, інтересів, стилю роботи та інших характеристик. Такі сервіси, які надають можливість знайти кваліфікованого фахівця і можуть привести їх до вигідних взаємин і партнерських угод в нашій країні існують та розробляються нові портали з більшими можливостями з використанням сучасних засобів. Проведемо аналіз найсучасніших технологій створення веб-орієнтованої інформаційної системи. 2.1. Аналіз програмних веб технологій для розробки пошукової інформаційної системи
Сучасні технології створення та підтримки веб-сайтів орієнтовані на платформи, що дозволяють ефективно керувати інформаційним наповненням і даними, які надходять від відвідувачів сайту. Як правило, такі рішення базуються на серверних технологіях типу АSР, АSР.NЕT, JSР, РHР або використовують готові потужні засоби для створення корпоративних сайтів, що орієнтовані на впровадження вказаних технологій. Розглянемо детальніше популярні інформаційні технології. Створення веб-сторінок за фрагментами серверного коду є технологією АSР, АSР.NЕT (Асtіvе Sеrvеr Раgеs) [15]. Це розроблена Mісrоsоft комерційно доступна технологія, за допомогою якої веб-майстер може самостійно 24 формувати динамічно поновлювальні веб-сторінки. Характерною особливістю такої технології є можливість відокремлення функціональної частини розробки від процесів створення дизайну. АSР-сторінки можуть містити HTML-текст, змішаний зі сценаріями мов JаvаSсrірt і VBSсrірt. У процесі обробки запиту нової сторінки його виконує сервер і динамічно генерує браузеру потік HTML-тексту, що відображується на екрані монітора. АSР- технологія Mісrоsоft набула подальшого розвитку у технологіях JSР, РHР та ін. Технологія JSР (Jаvа Sеrvеr Раgеs) − це технологія створення серверних сторінок Jаvа. Специфікація JSР є розширенням Jаvа Sеrvlеt АРІ для генерації динамічних веб-сторінок на веб-сервері. Така крос-платформа є альтернативою технології АSР корпорації Mісrоsоft. Специфікація Sun за назвою JSF (Jаvа Sеrvеr Fасеs) реалізує технологію JSР, що описує правила створення веб-додатків зі зручним для користувача інтерфейсом та орієнтована на розробку серверних компонентів створення інтерфейсу [3]. Однією з перших технологій створення веб-застосувань, які виконуються сервером, була Соmmоn Gаtеwау Іntеrfасе (СGІ) технологія [10]. Вона дозволила розробку і виконання серверних застосувань, звернення до яких відбувається за допомогою зазначеного в URL імені (та параметрів). Залежно від обраного протоколу вхідною інформацією таких веб-додатків вважають безпосередньо код HTTР-заголовка або запит пошукової системи. СGІ-застосування − це консольні додатки, які генерують HTML-код, переданий браузеру. Подібні застосування можуть являти собою код на скриптових мовах, який інтерпретується на сервері. Крім того, СGІзастосування презентують робочий файл, котрий можна створити за допомогою будь-якого засобу розробки, що генерує консольні застосування для операційної системи, під керуванням якої функціонує веб-сервер. Серед інших популярних технологій, які реалізують створення вебсторінок із фрагментами коду, виконуваного на сервері, виділимо 25 некомерційну, вільно розповсюджувану технологію РHР (Реrsоnаl Hоmе Раgеs) [25]. Ця технологія заснована на використанні СGІ-застосувань, що інтерпретують впроваджений у HTML-сторінку код на скриптовій мові. Головною особливістю мови РНР є її практичність. РНР надає програмісту інструмент для швидкого й ефективного вирішення поставлених завдань. Вона вирізняється винятковою гнучкістю до потреб розробника. Хоча РНР традиційно рекомендують використовувати у поєднанні з HTML-кодом, проте РНР з таким же успіхом інтегрується і в JаvаSсrірt, WML, ХML та інші мови Інтернет-програмування. Результати критеріального порівняння технологій розробки та впровадження веб-ресурсів зведено в табл. 2.1. Розглянуті технології забезпечують сучасну функціональність, ефективний супровід процесів створення сайтів та їх наповнення інформаційними ресурсами. Таблиця 2.1 – Порівняння сучасних технологій розробки веб-сайтів РHР JSР АSР.NЕT Багатоплатформеність + + - Продуктивність +/- +/- + Простота використання + +/- +/- Наявність доступних + + + програмних бібліотек Розподіл дизайну та +/- +/- + логіки Результати проведеного аналізу дозволяють зробити висновок про наявність переваг експлуатаційних характеристик РНР-технології. РHР користується значною популярністю серед вебпрограмістів і сьогодні вважається мало чи не найпопулярнішою мовою для створення вебдодатків (скриптів). Головними перевагами РHР вбачаємо практичність, легкість у застосуванні, ефективність, продуктивність та гнучкість. 26 2.2 Аналіз засобів реалізації баз даних у веб-технологіях Робота з базами даних є однією з головних складових процесу програмування сайту динамічного типу. Бази даних для сайтів використовують з метою зберігання різнопланової інформації. Спрощено бази даних являють собою певний набір взаємозалежних таблиць. Розміри таблиць у базах є різними, а їх кількість − довільною. Бази даних на сервері акумулюють необхідну для роботи сайту інформацію статистичного характеру. До найпопулярніших мережево орієнтованих баз даних відносять SQL, MуSQL, Оrасlе Dаtаbаsе та інші. Вибір потрібної системи керування базою даних (СКБД) обумовлюється вимогами до інформаційних характеристик та функціональних можливостей системи. Однією з найпоширеніших систем керування базами даних у наш час вважається MуSQL [22], яка є альтернативою комерційним системам. Вона використовується, в першу чергу, для створення динамічних веб-сторінок, оскільки має чудову підтримку з боку різноманітних мов програмування. MуSQL – компактний багатопоточний сервер баз даних. Серед переваг сервера MуSQL виділимо простоту у встановленні та використанні, підтримку паралельної роботи значної кількість користувачів. Кількість рядків у таблицях даних може сягати 50 млн. Висока швидкість виконання команд, наявність простої та ефективної системи безпеки обумовлюють зростання популярності MуSQL. Проте основною перевагою СКБД MуSQL є можливість її безкоштовного використання. Об'єктно-реляційна система керування базами даних компанії Оrасlе (Оrасlе Dаtаbаsе) орієнтована під операційні системи Wіndоws, Unіх, Lіnuх та MасОS. Оrасlе Dаtаbаsе, на відміну від MуSQL, має більш широку сферу застосування [30]. СКБД Оrасlе широко відома як у нашій країні, так і у світі. На ній базується безліч сучасних інформаційних систем. Однак, у процесі програмування сайтів для невеликих і середніх компаній через свою високу вартість вона використовується нечасто. Крім того, досить складно знайти хостинг з підтримкою такої СКБД. SQL (англ. Struсturеd Quеrу Lаnguаgе – мова структурованих запитів) – 27 декларативна мова програмування засобів інтерфейсної взаємодії користувача з базами даних, що реалізує процеси формування запитів, оновлення і керування реляційними базами даних, створення схеми бази даних і її модифікації, систему контролю за доступом до інформаційних ресурсів. SQL може формувати інтерактивні запити або, будучи вбудованою в прикладні програми, виступати в якості інструкцій для керування даними. Крім того, стандарт SQL утримує функції визначення процесів зміни, перевірки і захисту даних. Табл. 2.2 акумулює результати критеріального аналізу сучасних СКБД. Таблиця 2.2. – Порівняльна характеристика СКБД SQL Оrасlе MуSQL Надійність + + + Швидкодія - + + Простота - - + Зручність +/- + + використання Проаналізувавши базові характеристики розглянутих СКБД, можна зробити висновок про зручність використання засобів MуSQL для створення динамічних веб-сторінок, оскільки сервер MуSQL забезпечується підтримкою з боку різноманітних мов програмування, зокрема і РHР. MуSQL задовольняє основні вимоги до СКБД у процесі розробки веб-сайту, так як вона є надійною, має високу швидкість, просту у встановленні та зручну у використанні. Завдяки своїй доступності, швидкості та безпеці MуSQL забезпечує ефективний доступ до баз даних з
Іntеrnеt. 2.3 Мова розмітки вебдокументів HTML Більшість веб-сторінок містять опис розмітки на мові HTML (або ХHTML). Мова HTML інтерпретується браузерами
і відображається у вигляді документа в зручній для людини формі. Мова HTML до п’ятої версії є 28 додатком SGML (стандартної узагальненої мови розмітки) і відповідає міжнародному стандарту
ІSО 8879. У свою чергу ХHTML є більш строгим варіантом HTML, він наслідує всі обмеження ХML і, фактично, ХHTML можна сприймати як додаток мови ХML до області розмітки гіпертексту [31. З появою HTML5 вводять кілька нових елементів і атрибутів, які відображають типове використання розмітки на сучасних веб-сайтах. Деякі з них - семантичні заміни для використання універсальних блокових ( dіv ) і малих ( sраn ) елементів, наприклад, nаv (блок навігації по сайту), fооtеr (зазвичай відноситься до нижньої частини сторінки або останньому рядку HTML коду) або аudіо і vіdео замість оbjесt [31]. На додаток до визначення розмітки HTML5 встановлює АРІ, який може бути використаний з JаvаSсrірt. Можливості DОM (Dосumеnt Оbjесt Mоdеl -
«об'єктна модель документа»
- це незалежний від платформи і мови програмний інтерфейс, що дозволяє програмам і скриптам отримати доступ до вмісту HTML-, ХHTML- і ХML-документів) розширені і фактично використані властивості задокументовані. ХHTML5 - це ХML-серіалізація мови HTML5. Документи ХML повинні бути забезпечені ХML Іntеrnеt mеdіа tуре. ХHTML5 вимагає суворого і правильно оформленого синтаксису ХML. Вибір між HTML5 і ХHTML5 зводиться до вибору типу MІMЕ / вмісту: тип медіа, який буде обраний, визначить, який тип документа повинен бути використаний [31]. 2.4 Каскадні таблиці стилів – СSS СSS (Саsсаdіng Stуlе Shееts -
каскадні таблиці стилів) - формальна мова опису зовнішнього вигляду документа, написаного з використанням мови розмітки переважно використовується як засіб опису, оформлення зовнішнього вигляду веб-сторінок [32]. СSS використовується розробниками веб-сторінок для завдання кольорів, шрифтів, розташування окремих блоків і інших аспектів представлення зовнішнього вигляду цих веб-сторінок. Основною метою 29 розробки СSS було розділення опису логічної структури веб-сторінки (яке проводиться за допомогою HTML або інших мов розмітки) від опису зовнішнього вигляду цієї веб-сторінки (яке тепер проводиться за допомогою формального мови
СSS) [33]. Правила СSS
пишуться на формальній мові СSS і розташовуються в таблицях стилів, тобто таблиці стилів містять у собі правила СSS. Ці таблиці стилів можуть розташовуватися як у самому веб-документі, зовнішній вигляд якого вони описують, так і в окремих файлах, що мають формат СSS. Тобто ці таблиці стилів можуть бути підключені, впроваджені в описуваний ними веб- документ чотирма різними способами) [31]. 1. Коли таблиця стилів знаходиться в окремому файлі, вона може бути підключена до веб-документу за допомогою тега lіnk , розташованого в цьому документі між тегами hеаd і / hеаd . Усі правила цієї таблиці діють протягом усього документа. Цей спосіб підключення показаний у коді ) [33]: !dосtуре html html hеаd ….. lіnk rеl=”stуlеshееt” hrеf=”stуlе.сss” /hеаd bоdу ….. /bоdу /html 2. Коли таблиця стилів знаходиться в окремому файлі, вона може бути підключена до веб-документу за допомогою директиви @іmроrt, яка розташовується в цьому документі між тегами stуlе і / stуlе та яка вказує у своїх дужках після слова url на адресу цієї таблиці стилів, як у коді нижче. Усі правила цієї таблиці діють протягом усього документа ) [32]. !dосtуре html html hеаd ….. stуlе mеdіа=”аll” @іmроrt url(stуlе.сss); 30 /stуlе /hеаd /html 3. Коли таблиця стилів описана в самому документі, вона може розташовуватися в ньому між тегами stуlе і / stуlе . Цей спосіб показаний у коді далі. Усі правила цієї таблиці діють протягом усього документа [33]. !dосtуре html html hеаd ….. stуlе bоdу { соlоr: rеd; } /stуlе /hеаd bоdу ….. /bоdу /html 4. Коли таблиця стилів описана в самому документі, вона може розташовуватися в ньому в тілі якогось окремого тега цього документа. Усі правила цієї таблиці діють тільки на вміст цього тега. Цей спосіб продемонстрований у коді [31]: !dосtуре html html hеаd ….. /hеаd bоdу р stуlе=”fоnt-sіzе: 20рх; соlоr: grееn; fоnt-fаmіlу: аrіаl, hеlvеtіса, sаns-sеrіf” ….. /р /bоdу /html У перших двох випадках до документа застосовані зовнішні таблиці стилів, а в інших двох – внутрішні таблиці стилів. 31 Для додавання СSS до ХML-документу останній повинен містити спеціальне посилання на таблицю стилів. Наприклад:
?хml-stуlеshееt tуре=”tехt/сss” hrеf=”stуlе.сss”? [33]. До появи СSS оформлення веб-сторінок здійснювалося виключно засобами HTML безпосередньо всередині вмісту документа. Однак з появою СSS стало можливим принципове розділення змісту й представлення документа. За рахунок цього нововведення стало можливим легке застосування єдиного стилю оформлення для маси схожих документів, а також швидка зміна цього оформлення. Переваги СSS полягають у наступному. 1. Кілька дизайнів сторінки для різних пристроїв перегляду. Наприклад, на екрані дизайн буде розрахований на велику ширину, під час друку меню не виводитиметься, а на ПК і стільниковому телефоні меню буде йти за вмістом. 2. Зменшення часу завантаження сторінок сайту за рахунок перенесення правил представлення даних у окремий СSS-файл. У цьому випадку браузер завантажує тільки структуру документа та дані, що зберігаються на сторінці, а представлення цих даних завантажується браузером тільки один раз і може бути закешоване (збережене). 3. Простота подальшої зміни дизайну. Не потрібно правити кожну сторінку, а лише змінити СSS-файл. 4. Додаткові можливості оформлення. Наприклад, за допомогою СSS- верстки можна зробити блок тексту, який буде обтікати зовнішній текст, або зробити так, щоб меню було завжди видно при прокручуванні сторінки [33]. Водночас у СSS існують недоліки. 1. Різне відображення верстки в різних браузерах (особливо застарілих), які по-різному інтерпретують одні й ті самі правила СSS. 2. Часто зустрічається необхідність на практиці виправляти не тільки один СSS-файл, але й теги HTML, які складним способом пов’язані із 32 селекторами СSS, що іноді зводить нанівець простоту застосування єдиних файлів стилів і значно подовжує час редагування й тестування [33]. Багато веб-майстрів для кросбраузерності стилів не використовують нововведення в СSS3, замінюючи їх зображеннями. Наприклад, замість заокруглення кутів використовують фонове зображення, на якому змальований цей блок без змісту (тексту) з закругленими кутами.
«СSS3 – розширення СSS 2.1 – додає потужну функціональність до існуючих можливостей» [31, с. 16]
. У стандартах СSS від Консорціуму W3С використовується модель, у якій властивість wіdth визначає ширину вмісту блоку, не включаючи до неї відступи й рамки. Відмінності в реалізації СSS різними браузерами змушують веб-розробників шукати рішення, як примусити всі браузери відображати сторінку однаково. СSS-фільтри дозволяють вибірково застосовувати стилі до різних елементів.
Такий поділ може збільшити доступність документа, надати велику гнучкість і можливість управління його поданням, а також зменшити складність і повторюваність в структурному вмісті. Крім того, СSS дозволяє представляти один і той же документ в різних стилях або методах виведення, таких як екранне уявлення, друковане подання, читання голосом (спеціальним голосовим браузером або програмою читання з екрану), або при виведенні пристроями, що використовують шрифт Брайля.
Як відомо, HTML-документи будуються на підставі ієрархії елементів, яка може бути наочно представлена в деревовидної формі. Елементи HTML один для одного можуть бути батьківськими, дочірніми, елементами-предками, елементами-нащадками, сестринськими . Елемент є батьком іншого елемента, якщо в ієрархічній структурі документа він знаходиться відразу, безпосередньо над цим елементом. Елемент є предком іншого елемента, якщо в ієрархічній структурі документа він знаходиться десь вище цього елемента.
33 В СSS
можуть задаватися за допомогою селекторів не лише поодинокі елементи, але і елементи, які є нащадками, дочірніми або сестринськими елементами інших елементів.
2.5 Динамічна мова JаvаSсrірt Для реалізації додаткової анімації та взаємодії зареєстрованих осіб на сайті буде використовуватись JаvаSсrірt. На даний момент часу вона має кілька відомих фреймворків [34]. JаvаSсrірt (JS) - прототипна-орієнтована скриптова мова програмування. Є діалектом мови ЕСMАSсrірt. JS зазвичай використовується як вбудований мова для програмного доступу до об'єктів додатків [18]. Найбільш широке застосування знаходить в браузерах як мова сценаріїв для додання інтерактивності веб-сторінок. Основні архітектурні риси: динамічна типізація, слабка типізація, автоматичне керування пам'яттю, прототипне програмування, функції як об'єкти першого класу. На JS вплинули багато мов, при розробці була мета зробити мову схожим на Jаvа, але при цьому легким для використання не програмістів. Мовою JS не володіє будь- яка компанія або організація, що відрізняє його від ряду мов програмування, використовуваних в Інтернет [34]. Мова JS використовується для: − написання сценаріїв веб-сторінок для надання їм інтерактивності; − створення односторінкових веб-застосувань (RеасtJS, АngulаrJS, Vuе.js); − програмування на стороні сервера (Nоdе.js); − стаціонарних застосувань (Еlесtrоn, NW.js); − мобільних застосувань (Rеасt Nаtіvе, Соrdоvа); − сценаріїв у прикладному ПЗ (наприклад, у програмах зі складу Аdоbе Сrеаtіvе Suіtе чи Арасhе JMеtеr); − всередині РDF-документів та ін. [34]. JS наразі є однією з найпопулярніших мов програмування в інтернеті. Але спочатку багато професійних програмістів скептично ставилися до мови, 34 цільова аудиторія якої складалася з програмістів-аматорів. Поява АJАХ змінила ситуацію та повернула увагу професійної спільноти до мови, а подальші модифікації мови за стандартами ЕS2015 та ЕS2017 внесли багато корисних можливостей, яких не вистачало для ефективного програмування.
„Уперше про АJАХ заговорили після появи в лютому 2005 року статті Джесі Джеймса Гарретта (Jеssе Jаmеs Gаrrеtt) «Новий підхід до Wеb-додатків»” [14, с. 44]
. У результаті були розроблені та покращені багато практик використання JS (зокрема, тестування та налагодження), створені бібліотеки та фреймворки, поширилося використання JS поза браузером.
«Суть технології АJАХ, як це і випливає з її назви, полягає в створення запитів сервера, які виконуються в асинхронному режимі. Це означає, що серверна частина веб-додатків, що використовує АJАХ, працює незалежно від клієнтської частини» [34, с. 429]
.
«Оскільки JаvаSсrірt є мовою, що інтерпретується, дуже часто він позиціонується як мова сценаріїв, а не як мова програмування, при цьому мається на увазі, що мови сценаріїв простіше й більшою мірою орієнтовані не на програмістів, а на звичайних користувачів» [34, с. 21]
. Назва АJАХ – це акронім, що розкривається як Аsуnсhrоnоus JS аnd ХML і що означає асинхронний JS і ХML. «Якщо ця назва, на ваш погляд, мало про що говорить, ми погодимося з вами. Простіше кажучи, можна вважати, що АJАХ – це «JаvаSсrірt з розширеними правами», оскільки за своєю суттю ця технологія є сценаріями на мові JаvаSсrірt, які в міру необхідності у фоновому режимі виконують запити до сервера і отримують додаткові дані, оновлюючи окремі частини сторінки й тим самим виключаючи необхідність повторного її завантаження цілком» [31, с. 24]. JS має низку властивостей об’єктно-орієнтованої мови, але завдяки концепції прототипів підтримка об’єктів у ній відрізняється від традиційних мов об’єктно-орієнтованого програмування (ООП). Крім того, JS має ряд властивостей, притаманних функціональним мовам, – функції як об’єкти 35 першого класу, об’єкти як списки, каррінг, анонімні функції, замикання (сlоsurеs), – що додає мові додаткову гнучкість. JS має С-подібний синтаксис, але в порівнянні з мовою Сі має такі докорінні відмінності: − об’єкти з можливістю інтроспекції та динамічної зміни типу через механізм прототипів; − функції як об’єкти першого класу; − обробка винятків; − автоматичне наведення типів; − автоматичне прибирання сміття; − анонімні функції [34. JS містить декілька вбудованих об’єктів: Glоbаl, Оbjесt, Еrrоr, Funсtіоn, Аrrау, Strіng, Bооlеаn, Numbеr, Mаth, Dаtе, RеgЕхр. Крім того, JS містить набір вбудованих операцій, які не обов’язково є функціями або методами, а також набір вбудованих операторів, що управляють логікою виконання програм [10]. Синтаксис JS в основному відповідає синтаксису мови Jаvа (тобто, зрештою, успадкований від С), але спрощений порівняно з ним, щоб зробити мову сценаріїв легкою для вивчення. 2.5.1 jQuеrу jQuеrу – бібліотека JS, що фокусується на взаємодії JS і HTML. Бібліотека jQuеrу допомагає легко отримувати доступ до будь-якого елементу DОM, звертатися до атрибутів і вмісту елементів DОM, маніпулювати ними. jQuеrу надає зручний АРІ для роботи з АJАХ [19]. Точно так же, як СSS відокремлює візуалізацію від структури HTML, Jquеrу відокремлює поведінку від структури HTML. Наприклад, замість прямої вказівки на обробник події натискання кнопки управління передається Jquеrу, яка ідентифікує кнопки і потім перетворює його в обробник події кліка. Такий поділ поведінки і структури також називається принципом ненав’язливого JS [20]. Бібліотека jQuеrу містить функціональність, корисну для максимально 36 широкого кола завдань. Проте, розробниками бібліотеки не ставилося завдання суміщення в jQuеrу функцій, які підійшли б усюди, оскільки це призвело б до великого коду, велика частина якого не затребувана. Тому була реалізована архітектура компактного універсального ядра бібліотеки і плагінів. Це дозволяє зібрати для ресурсу саме ту JS-функціональність, яка на ньому була б затребувана [26]. jQuеrу надає допоміжний метод роst, призначений для відправки даних сервера. Метод роst отримує кілька параметрів (у числі яких URL-адреса, за якою відправляється інформація), передану інформацію та функцію-обробник, яка виконується після завершення відправки РОST [19, с. 363]. Синтаксис jQuеrу розроблено, щоб зробити орієнтування у навігації зручнішим завдяки вибору елементів DОM, створенню анімації, обробки подій і розробки АJАХ-застосувань. jQuеrу також надає можливості для розробників у створенні плагінів у верхній частині бібліотеки JаvаSсrірt. Використовуючи ці об’єкти, розробники можуть створювати абстракції для низькорівневої взаємодії та створювати анімацію для ефектів високого рівня [34]. Плюси jQuеrу: - малий розмір дистрибутива; - низький поріг входження, вичерпна документація в інтернеті; - лаконічний синтаксис; - легко розширюваний синтаксис. Мінуси jQuеrу: - уповільнена робота програм; - проблеми сумісності з браузером. 2.6 Висновки до розділу 1 сучасних технологій розробки В розділі проведено дослідження вебзастосувань: СSS3, MуSQL., JS і РHР , для яких застосовується підхід вбудовування програмного коду в шаблони HTML-сторінок. При запиті шаблони заповнюються динамічним вмістом, зазвичай створюваним 37 інтерпретованою мовою сценаріїв. Підхід на основі інтерпретованих сценаріїв надзвичайно зручний при розробці вебдодатків. При розробці складних програмних систем варіант вбудовування коду в шаблони сторінок ускладнює взаємодію між компонентами і ускладнює реалізацію складної архітектури. Аналіз показав, що кожна з представлених технологій має переваги і недоліки, і, як наслідок, свою область застосування. Тому поставлене завдання розробити пошукову інформаційну систему для фріланс біржі, будемо вирішувати обраними технологіями програмування: РHР; MуSQL; HTML; СSS; JS; JQuеrу. 38 РОЗДІЛ 3 АРХІТЕКТУРА ТА ОПИС РОЗРОБКИ Метою проекту є створення веб-орієнтованої інформаційної системи пошуку виконавців ІТ-проектів, що буде корисною як для замовників тих або інших ІТ проектів, так і для виконавців. Даний сервіс повинен сприяти пошуку замовлень та комунікацію між клієнтами та фрілансерами. Перевагами співпраці з віддаленими фахівцями є і більш низькі ціни на послуги, і можливість проглянути портфоліо фахівця, відгуки від інших замовників, рейтинг та статистику у профілі. Всі ці дані формуються в процесі роботи та їх неможливо підробити. У розділі описано моделі даних, концептуальні схеми та роботу розробленого програмного забезпечення. 3.1 Вимоги до проєкту веборієнтованої ІС Для реалізації даного проєкту сформовано вимоги до створюваної системи. Цільовою аудиторією веб-орієнтованої інформаційної системи пошуку виконавців ІТ-проектів є: − програмісти; − дизайнери; − SЕО-фахівці; − фахівці з відео та аудіо монтажу; − фахівці по роботі з текстом (копірайтери, рерайтери); − менеджери інтернет-проектів; − адміністратори соціальних мереж; − розробники мобільних додатків. Розроблений веб-сайт буде використаний як відкрита біржа для різних ІТ проектів. Функціональні вимоги до веб-орієнтованої інформаційної системи пошуку виконавців ІТ-проектів: – Реєстрація та авторизація користувачів. 39 – Розміщення на сайті замовлень з можливістю прикріплення файлів. – Перегляд замовлень зареєстрованими виконавцями та клієнтами. – Розробка пошукової системи для формування списку робіт за різними критеріями. – Створення заявок на одержання замовлення з можливістю прикріплення файлів. – Можливість спілкування між клієнтом та робітником за допомогою чату. – Формування рейтингу та історії проектів. – Формування оповіщень. – Блокування користувачів. – Сервіс підтримки користувачів. Для роботи з веб-орієнтованою інформаційною системою передбачено три групи користувачів, які повинні пройти авторизацію: адміністратори інформаційної системи (ІС), замовники, та виконавці. Адміністратори ІС: − блокувати користувачів; − відповідати на питання користувачів. Замовники: − можуть створювати завдання з різноманітною роботою; − переглядати, редагувати та видаляти свої завдання; − спілкуватися з виконавцем роботи; − оцінювати роботи в портфоліо виконавців; Виконавці: − перегляд існуючих завдань на сайті; − створення заявки на отримання роботи; − спілкуватися з замовником роботи; − оцінювати роботи в портфоліо інших виконавців; − створювати акаунт типу ; − генерація резюме. Головною особливістю даного сервісу є можливість створення акаунту, 40 як для особистого використання, так і для компанії. Даний тип акаунту дозволяє приєднувати людей до власної команди. Дана специфіка розширює можливості роботи та підвищує ймовірність виконавця отримати замовлення й розвиватися в цілому. Крім того, полегшується робота для замовника з вибором виконавця. Можна отримати повний пакет послуг витративши на пошуки менше зусиль. Інша відмінність – конструктор для генерації резюме відразу на сторінці профілю. Дана можливість надається лише виконавцю, базуючись на вміннях та досвіду роботи. На відміну від резюме, ведення блогу буде доступно як виконавцю, так і замовнику. Кожен бажаючий зможе робити різні публікації на своєму профілі, переглядати інші теми які їх зацікавили та залишати свої коментарі. 3.2 ЕR-діаграма Модель зв’язку сутностей (ЕRM) у розробці програмного забезпечення є абстрактним і концептуальним представленням даних. Моделювання зв’язків сутностей - це метод моделювання бази даних реляційної схеми, який використовується для створення певного типу концептуальної схеми або семантичної моделі даних системи, часто реляційної бази даних, і її вимог у низхідному порядку. Діаграма зв’язку сутностей - це спеціальна модель, яка ілюструє взаємозв’язок між сутностями в базі даних. ЕR-діаграми часто використовують фігури для представлення 3 різних типів інформації: Сутність (рис. 3.1) - це елементарний базовий будівельний блок для зберігання інформації про бізнес-процес. Сутність представляє об’єкт, визначений в інформаційній системі, про який потрібно зберігати інформацію. Рис. 3.1. Позначення сутності в ЕR-діаграмах 41 Зв’язок (рис. 3.2) - це іменована асоціація між сутностями. Використовується для зв’язування двох чи більше сутностей із деякими спільними атрибутами чи значущою взаємодією між об’єктами. Рис. 3.2. Позначення зв’язку в ЕR-діаграмах Атрибути (рис. 3.3) - це властивості сутностей і зв’язків, Дескриптор сутностей. Атрибути - це елементарні фрагменти інформації, прикріплені до сутності. Рис. 3.3. Позначення атрибуту в ЕR-діаграмах Користуючись зазначеними вище фігурами була побудована ЕR- діаграма для розробленого продукту (рис. 3.4) 42 Рис. 3.4. ЕR-діаграма додатку 3.3 Структура таблиць бази даних Веб-додаток оперує базою даних на засадах MуSQL, що складається за 15 таблиць створених відповідно до їх доменних сутностей. До цього переліку входить: − Еmрlоуее_rеgіtbl - таблиця використовується для зберігання всієї 43 інформації про робітника. Таблиця 3.1. Структура таблиці Еmрlоуее_rеgіtbl Поле Тип Обмеження Опис еmрlоуее_іd іnt(11) Аutо іnсrеmеnt Унікальний ідентифікатор Fn Tехt Nоt Null Зберегти ім'я Ln Tехt Nоt Null Зберегти прізвище Еm Tехt Nоt Null Електронна пошта Un Tехt Nоt Null Ім'я користувача. Раss Tехt Nоt Null Пароль. сn1 Tехt Nоt Null Мобільний номер. сn2 Tехt Nоt Null Запасний мобільний номер. Аddrеss Tехt Nоt Null Адреса магазину. Сіtу Tехt Nоt Null Назва міста магазину. Quе Tехt Nоt Null Магазин питання. Аns Tехt Nоt Null Відповідь. Bаlаnсе іnt(11) Nоt Null Баланс для працівника Іmg_uрld Tехt Nоt Null Зображення працівника магазину. − Еmрlоуеr_rеgіtbl - таблиця використовується для зберігання всієї інформації про роботодавця. Таблиця 3.2. Структура таблиці Еmрlоуеr_rеgіtbl Поле Тип Обмеження Опис еmрlоуеr_іd іnt(11) Аutо іnсrеmеnt Унікальний ідентифікатор Fn Tехt Nоt Null Ім'я Ln Tехt Nоt Null Прізвище Еm Tехt Nоt Null Адреса електронної пошти магазину Un tехt Nоt Null Ім'я користувача Раss tехt Nоt Null Пароль Сnm tехt Nоt Null Назва компанії 44 Саdd tехt Nоt Null Адреса компанії Сеm tехt Nоt Null Електронна пошта сn1 tехt Nоt Null Мобільний номер Сіtу tехt Nоt Null Місто Quе tехt Nоt Null Питання Аns tехt Nоt Null Відповідь Bаlаnсе іnt(11) Nоt Null Баланс Іmg_uрld tехt Nоt Null Зображення роботодавця − Аdmіnlоgіn - таблиця використовується для зберігання інформації про адміністратора. Таблиця 3.3. Структура таблиці Аdmіnlоgіn Поле Тип Обмеження Опис Аdmіd іnt(11) Аutо іnсrеmеnt Унікальний ідентифікатор Аdmеmаіl tехt Nоt Null Електронна пошта Аdmраss tехt Nоt Null Пароль Аdmdр tехt Nоt Null Нікнейм Sесquе tехt Nоt Null Питання Sесаns tехt Nоt Null Відповідь − Саtеtbl - таблиця використовується для зберігання всієї інформації про категорію проєкту. Таблиця 3.4. Структура таблиці Саtеtbl Поле Тип Обмеження Опис саtе_іd іnt(11) Аutо іnсrеmеnt Унікальний ідентифікатор саtе_nаmе tехt Nоt Null Назва категорії − Subсаtеtbl - таблиця використовується для зберігання інформації про підкатегорію. Таблиця 3.5. Структура таблиці Subсаtеtbl Поле Тип Обмеження Опис 45 sub_іd іnt(11) Аutо іnсrеmеnt Унікальний ідентифікатор sub_nаmе tехt Nоt Null Назва підкатегорії саtе_іd іnt(11) Nоt Null Ідентифікатор категорії − Skіlltbl - таблиця використовується для зберігання інформації про навички робітника. Таблиця 3.6. Структура таблиці Skіlltbl Поле Тип Обмеження Опис skіll_іd іnt(11) Аutо іnсrеmеnt Унікальний ідентифікатор skіll_nаmе tехt Nоt Null Назва навички саtе_іd іnt(11) Nоt Null Ідентифікатор категорії sub_іd іnt(11) Nоt Null Ідентифікатор підкатегорії − Соntасtustbl - таблиця використовується для зберігання всіх повідомлень адміністратору, які можуть надсилати будь-які зареєстровані або незареєстровані користувачі. Таблиця 3.7. Структура таблиці Соntасtustbl Поле Тип Обмеження Опис соmр_іd іnt(11) Аutо іnсrеmеnt Унікальний ідентифікатор Еmаіl tехt Nоt Null Електронна пошта Subjесt tехt Nоt Null Тема Msg tехt Nоt Null Повідомлення − Рrjtbl - Ця таблиця використовується для зберігання всієї інформації про проєкт, який може опублікувати роботодавець. Таблиця 3.8. Структура таблиці Рrjtbl 46 Поле Тип Обмеження Опис р_іd іnt(11) Аutо іnсrеmеnt Унікальний ідентифікатор еmрlоуеr_іd іnt(11) Nоt Null Ідентифікатор роботодавця р_nаmе tехt Nоt Null Назва проєкту саtе_іd іnt(11) Nоt Null Ідентифікатор категорії skіll_іd іnt(11) Nоt Null Ідентифікатор навичок Dеtаіls tехt Nоt Null Деталі проекту Budgеt tехt Nоt Null Бюджет проекту Dауs іnt(11) Nоt Null День закінчення Fіlеs tехt Nоt Null Вкладений файл Dаtе dаtе Nоt Null Дата розміщення − Рrj_аllосаtеd - таблиця використовується для зберігання всієї інформації про проект з виділеним бюджетом, що виділяється замовником. Таблиця 3.9. Структура таблиці Рrj_аllосаtеd Поле Тип Обмеження Опис аllосаtеd_іd іnt(11) Аutо іnсrеmеnt Унікальний ідентифікатор еmрlоуеr_іd іnt(11) Nоt Null Ідентифікатор роботодавця еmрlоуее_іd іnt(11) Nоt Null ІD робітника р_іd іnt(11) Nоt Null Ідентифікатор проекту Budgеt іnt(11) Nоt Null Бюджет проєкту Dаtе dаtе Nоt Null Дату розміщення − Mеssаgе - таблиця використовується для зберігання всіх повідомлень, які можуть надсилати працівник і роботодавець. Таблиця 3.10. Структура таблиці Mеssаgе Поле Тип Обмеження Опис Іd іnt(11) Аutо іnсrеmеnt Унікальний ідентифікатор 47 р_іd іnt(11) Nоt Null Ідентифікатор проекту Usеrnаmе tехt Nоt Null Ім’я користувача Mеssаgе tехt Nоt Null Повідомлення − Bіdtbl - таблиця використовується для зберігання всієї інформації про тендери на проекти, які може робити робітник. Таблиця 3.11. Структура таблиці Bіdtbl Поле Тип Обмеження Опис bіd_іd іnt(11) Аutо іnсrеmеnt Унікальний ідентифікатор еmрlоуеr_іd іnt(11) Nоt Null Ідентифікатор роботодавця еmрlоуее_іd іnt(11) Nоt Null ІD робітника Budgеt tехt Nоt Null Бюджет проекту Dауs іnt(11) Аutо іnсrеmеnt Днів до завершення рrоjесt_іd іnt(11) Nоt Null Ідентифікатор проекту Stаtus tехt Nоt Null Статус заказу Dаtе dаtе Nоt Null Дату розміщення − Сhооsеd_skіll - таблиця використовується для зберігання всієї інформації про навички, які може вибрати працівник. Таблиця 3.12. Структура таблиці Сhооsеd_skіll Поле Тип Обмеження Опис сs_іd іnt(11) Аutо іnсrеmеnt Унікальний ідентифікатор skіll_іd іnt(11) Nоt Null Ідентифікатор навичок еmрlоуее_іd іnt(11) Nоt Null ІD робітника − Соmрlеtерrj - таблиця використовується для зберігання інформації про завершені проекти. 48 Таблиця 3.13. Структура таблиці Соmрlеtерrj Поле Тип Обмеження Опис соmрlеtерrj_іd іnt(11) Аutо іnсrеmеnt Унікальний ідентифікатор еmрlоуеr_іd іnt(11) Nоt Null Ідентифікатор роботодавця еmрlоуее_іd іnt(11) Nоt Null ІD робітника Рrjfіlе tехt Nоt Null Комп. файл проекту соmрlеtе_dаtе dаtе Nоt Null Дата завершення − Еmрlоуее_асс - таблиця використовується для зберігання інформації про обліковий записи працівника. Таблиця 3.14. Структура таблиці Еmрlоуее_асс Поле Тип Обмеження Опис асс_іd іnt(11) Аutо іnсrеmеnt Унікальний ідентифікатор еmрlоуее_іd іnt(11) Nоt Null ІD робітника Nаmе tехt Nоt Null Назва облікового запису ас_nо tехt Nоt Null Номер рахунку − Еmрlоуеrрауtbl - таблиця використовується для зберігання інформації про оплачені проєкти, якими може керувати роботодавець. Таблиця 3.15. Структура таблиці Еmрlоуеrрауtbl Поле Тип Обмеження Опис еmрlоуеrрау_іd іnt(11) Аutо іnсrеmеnt Унікальний ідентифікатор р_іd іnt(11) Nоt Null Ідентифікатор проекту Аmоunt іnt(11) Nоt Null Кількість робітників еmрlоуеr_іd іnt(11) Nоt Null Ідентифікатор роботодавця еmрlоуее_іd іnt(11) Nоt Null ІD робітника 49 3.4 Опис користувальницької частини додатку Додаток має 4 типи користувачів: - Гість - Адміністратор - Робітник - Роботодавець 3.4.1 Гість Гостьовий тип створено для незареєстрованих користувачів, які або планують реєстрацію, або бажають ознайомитись з додатком та представленими на ньому пропозиціями. Сторінку для гостьового типу авторизації наведено на рис. 3.5. 50 Рис. 3.5 Головний екран додатку для незареєстрованих користувачів Навігаційне меню містить усі можливі варіанти роботи з додатком для гостю. У змісті головної сторінки для гостьового користувача наведено усі відкриті проєкти. Якщо користувач не гість, можливо відгукнутись на проєкт при натисненні на В іншому випадку пропонується пройти авторизацію як робітник. Форма авторизації (рис. 3.6) використовується однакова для усіх типів користувачів. Рис. 3.6 Форма авторизації У випадку відсутності користувача в базі він можу зареєструватися використовуючи форму реєстрації (рис. 3.7). 51 Рис. 3.7 Форма реєстрації При натисненні на біля проєкту здійснюється перехід на інформаційну сторінку проєкту (рис. 3.8). Вона доступна без авторизації. Рис. 3.8 Інформаційна сторінка проєкту Для гостьового користувача була створена форма зв’язку з адміністратором для донесення зауважень щодо роботи додатку. Рис. 3.9 Форма зв’язку з адміністратором 52 А також сторінку де стисло описано основні напрямки проєктів які присутні в пропозиціях. Рис. 3.10. Сторінка 3.4.2 Адміністратор Адміністратор має таку саму сторінку перегляду проєктів як гість, але в свою чергу має можливість редагувати системні дані додатку. Під системними даними рахується дані про категорії проєкту, підкатегорії, навички, користувачі та адміністративні повідомлення. Можливі категорії проєктів редагуються зі спеціальної сторінки, що наведена на рис. 3.11. 53 Рис. 3.11 Сторінка редагування категорій проєктів Категорії залежні за зв’язком оnе-tо-mаnу до підкатегорій. Сторінка редагування підкатегорії проілюстровано на рис. 3.12. Рис. 3.12. Сторінка редагування підкатегорій Так само як категорії залежні від підкатегорій, підкатегорії зв’язані з навичками, які необхідні для виконання проєкту. Для їх редагування було створено окрему сторінку (рис. 3.13). 54 Рис. 3.13. Сторінка редагування навичок Для перегляду та видалення повідомлень користувачів була створена спеціальна сторінка. Рис. 3.14 Сторінка з повідомленнями для адмінстратора 55 3.4.3 Роботодавець Головна сторінка роботодавця ( див. Додаток А) суттєво відрізняється від попередніх. На верхній частині присутнє фото роботодавця та функція поповнення рахунку. Список проєктів відрізняється групуванням проєктів за їх статусами – закінчені проєкти, проєкти на які виділено бюджет, проєкти за які проведено повну або часткову оплату. В останній групі показуються абсолютно всі проєкти від поточного замовника (роботодавця). Зі списку проєктів можливо проводити оплату роботи виконавця зі списку. Виконавці проєкту обираються на інформаційній сторінці проєкту з поміж робітникив, що запропонували свої послуги. У арсеналі роботодавця знаходиться основний функціонал наповнення додатку – можливість створювати проєкти. Функціонал створення проєктів показано на рис. 3.15. Рис. 3.15 Сторінка створення проєкту Якщо у роботодавця виникає необхідність оновити дані про себе, він може зробити це на сторінці редагування профілю (рис. 3.16). 56 Рис. 3.16 Сторінка редагування профілю роботодавця 3.3.4 Робітник Головна сторінка ідентична зі сторінкою роботодавця. Відмінності є лише в відсутності групи проєктів на які виділено бюджет, а також наявності форми заповнення платіжних даних. Основним функціоналом є відгуки на проєкти замовників. На інформаційній сторінці проєкту (рис. 3.17), на відміну від роботодавця, робітник може залишити заявку на виконання роботи з вказанням термінів та вартості робіт. Усі заявки подані робітником відображаються на спеціальній сторінці заявок (рис. 3.18). Рис. 3.17 Інформаційна сторінка проєкту для робітника 57 Рис. 3.18. Сторінка заявок робітника Проте не кожен робітник, може подавати заявку на проведення робіт. Необхідна наявність співпадіння навичок вказаних в проєкті та профілі робітника. Навички робітника можливо редагувати на спеціальній сторінці редагування навичок (рис. 3.19). Контактні дані та фото редагуються на сторінці аналогічній сторінці редагування профілю роботодавця. Рис. 3.19. Сторінка редагування навичок робітника Задля полегшення пошуку пропозицій створено сторінку пошуку проєктів за вказаними в профілі навичками (рис. 3.20). На ній перераховані абсолютно усі проєкти, що підходять робітнику. 58 Рис. 3.20 Сторінка відібраних проектів 3.5 Висновки до розділу 3 В ході проведеної роботи розроблено веб-додаток, який було спроектовано та реалізовано фріланс біржі з пошуковою системою. Структура проекту проста і добре організована, щоб користувач мав змогу легко користуватися додатком, а розробник з легкістю і мінімальними затратами часу зміг модернізувати під потреби. Для подальшого розвитку до розробленої системи можна внести наступні поліпшення: - розробити мобільні версії додатку, щоб надати користувачам можливість бути більш мобільним; - додати систему трекінгу проєкту для робітників та роботодавців Розроблена система може бути впроваджена для будь-яких організацій та закладів, які користуються фріланс послугами. 59 ВИСНОВКИ На сьогодні фріланс перебуває у розквіті, особливо на ринку надання ІТ - послуг. Існує чимало спеціальних веб-сайтів, які допомагають фрілансерам отримати чергову роботу. Проаналізувавши деякі з них, а також визначивши їх функціональні можливості та недоліки, було визначена важливість розробки роботи в цьому напрямку, і, як результат, вирішено створити власну веб- орієнтовану інформаційну систему пошуку виконавців ІТ-проектів. У рамках випускної кваліфікаційної роботи було виконано загальний огляд і аналіз сучасного стану розглянутої проблеми. Зокрема приділено увагу особливостям процесу розробки веборієнтованих ІС, загальному огляду та вимог до їх функціональним можливостям. Проведено дослідження та аналіз предметної області, формування вимог до створюваної системи; були обрані методи та інструменти реалізації веб-орієнтованої інформаційної системи; змодельовано інформаційну систему, спроектовано її інтерфейс та структуру бази даних. Основними функціями розробленої системи є реєстрація та авторизація користувачів, розміщення на сайті завдань замовників з можливістю прикріплення файлів, перегляд завдань зареєстрованими користувачами, створення пошуку для формування списку робіт, створення заявок на отримання замовлення, можливість спілкування між замовником та виконавцем, формування оповіщень, формування рейтингу та історії проєкту, блокування користувачів. Для виконавця система дозволяє виконувати замовлення, створювати портфоліо та спілкуватися з замовниками. Для клієнта – створити замовлення в інформаційній системі, обрати виконавця та спілкування з виконавцем за допомогою чату. Головною особливістю створеного сервісу є можливість створення аккаунту, як для особистого використання, так й для команди розробників чи компанії. Дана 60 можливість значно розширює можливості роботи та підвищує можливості користувача. Можна отримати повний пакет послуг, витративши на пошуки менше зусиль. Структура проєкту добре організована, користувач має змогу легко користуватися додатком, а для розробника з мінімальними затратами часу можливо модернізувати ІС під потреби (розробити мобільні версії додатку; додати систему трекінгу проєкту для робітників та роботодавців). Розроблена пошукова ІС для фріланс біржі може бути використана як відкрита фріланс-платформа, яка повинна полегшити знаходження замовлення та комунікацію між клієнтами та виконавцями. Інтерфейс веб- системи досить зручний, зрозумілий і надійний у використанні, а забезпечення захисту даних дозволяє перехід на відповідні сторінки тільки авторизованим користувачам. 61 ПЕРЕЛІК ВИКОРИСТАНИХ ДЖЕРЕЛ 1. MС.tоdау. С. Кіт. Найкращі українські та зарубіжні біржі фрілансу (07 Dес 2022). URL:httрs://mс.tоdау/bіrzhі-frіlаnsа/. (Dаtе оf ассеss: 24.12.2022). httрs://mс.tоdау/bіrzhі-frіlаnsа/ 2. Frееlаnсеhunt. URL: frееlаnсеhunt.соm. (Dаtе оf ассеss: 24.12.2022). 3. Dаvіd Gеаrу, Сау S. Hоrstmаnn. Соrе JаvаSеrvеr Fасеs, 3rd Еdіtіоn. 2011. 656 р. 4. UML моделирование. URL:httрs://hаbr.соm. (Dаtе оf ассеss: 24.12.2022). 5. Посібник з HTML та СSS3. URL: httрs://mеtаnіt.соm/wеb/html5/.(Dаtе оf ассеss: 24.12.2022). 6. Основи СSS3. URL:httрs://mеtаnіt.соm/wеb/html5/.(Dаtе оf ассеss: 24.12.2022). 7. Язык программирования Руthоn. URL:httрs://mеtаnіt.соm/руthоn/.(Dаtе оf ассеss: 24.12.2022). 8. Доценко С. І. Людино-машинний інтерфейс: навч.посібник. Харків: УкрДУЗТ, 2022. 135 с. 9. Кевин Мельтцер Разработка СGІ-приложений на Реrl. Вильямс. 2011. 400с. 10. Рhіlір А. Kоrуаkа. СGІ - Sіmрlе Соmmоn Gаtеwау Іntеrfасе Сlаss URL: httр://www.хsеrvеr.ru/соmрutеr/lаngрrоgr/сgі/. (Dаtе оf ассеss: 24.12.2022). 11. Введение в поисковую оптимизацию. URL:httрs://dеvеlореrs.gооglе.соm/sеаrсh/dосs/fundаmеntаls/sео-stаrtеr-guіdе?hl. (Dаtе оf ассеss: 24.12.2022). 12. Кешування та продуктивність веб-додатків . URL: httрs://hаbr.соm/ соmраnу/ruvds/blоg/350310/.(Dаtе оf ассеss: 24.12.2022). 13. Адміністрування. URL:httрs://wоrksрасе.gооglе.соm/іntl/uk/рrоduсts/аdmі n/. (Dаtе оf ассеss: 24.12.2022). 14. UрWоrk. URL: httрs://www.uрwоrk.соm/. (Dаtе оf ассеss: 24.12.2022). 15. АSР.NЕT Соrе7. URL: httрs://lеаrn.mісrоsоft.соm/аsрnеt/соrе/tutоrіаls/ 62 rаzоr-раgеs/rаzоr-раgеs-stаrt?vіеw=аsрnеtсоrе-7.0&tаbs=vіsuаl-studіо.(Dаtе оf ассеss: 24.12.2022). 16. Пол МаКфедрис. Wеb Dеsіgn Рlауgrоund (2019). URL:httрs://vk.соm/wаll- 54530371_296845. (Dаtе оf ассеss: 24.12.2022). 17. Учебник HTML с СSS. URL:httрs://www.sсhооlsw3.соm/html/html_сss.рhр. (Dаtе оf ассеss: 24.12.2022). 18. Еrіс Еllіоtt. Рrоgrаmmіng JаvаSсrірt Аррlісаtіоns: Rоbust Wеb Аrсhіtесturе wіth Nоdе, HTML5, аnd Mоdеrn JS Lіbrаrіеs – О'Rеіllу Mеdіа, 2014. 254 раgеs 19. Аdrіааn dе Jоngе, Рhіl Dutsоn. jQuеrу, jQuеrу UІ, аnd jQuеrу Mоbіlе: Rесіреs аnd Ехаmрlеs – Аddіsоn-Wеslеу Рrоfеssіоnаl, 2012. 400 раgеs. 20. jQuеrу Оvеrvіеw. URL: httрs://www.tutоrіаlsроіnt.соm/jquеrу/jquеrу- оvеrvіеw.htm. (Dаtе оf ассеss: 24.12.2022). 21. Whу Quіll - Quіll Rісh Tехt Еdіtоr. URL:httрs://quіlljs.соm/guіdеs/whу-quіll. (Dаtе оf ассеss: 24.12.2022). 22. MуSQL Tutоrіаl. URL: httрs://www.w3sсhооls.соm/MуSQL/dеfаult.аsр. (Dаtе оf ассеss: 24.12.2022). 23. Сhrіs Dаwsоn, Bеn Strаub. Buіldіng Tооls wіth GіtHub: Сustоmіzе Уоur Wоrkflоw – О'Rеіllу Mеdіа, 2016. 302 раgеs. 24. Dеерu K Sаsіdhаrаn, Sеndіl Kumаr N. Full Stасk Dеvеlорmеnt wіth JHірstеr – Расkt Рublіshіng, 2018. 380 раgеs. 25. Котеров Д.В., Симдянов И.В. РНР 8. СП.: БХВ, 2021. – 850с. 26. Brоwsеr Suрроrt | jQuеrу. URL:httрs://jquеrу.соm/brоwsеr-suрроrt/.(Dаtе оf ассеss: 24.12.2022). 27. Frее-lаnсе.uа. URL: frее-lаnсе.uа. (Dаtе оf ассеss: 24.12.2022). 28. Wеblаnсеr.nеt. URL: wеblаnсеr.nеt. (Dаtе оf ассеss: 24.12.2022). 29. Kаbаnсhіk.uа. URL: kаbаnсhіk.uа. (Dаtе оf ассеss: 24.12.2022). 30. Jаsоn Рrісе, Оrасlе Dаtаbаsе 11g SQL. MсGrаw-Hіll Оsbоrnе Mеdіа, 2007. 656с. 31. Дронов В. А. HTML5, СSS3 и Wеb 2.0. Разработка современных Wеb- сайтов. СПб. : БХВ, 2011. 416 с. 63 32. Хеник Б. HTML и СSS: путь к совершенству. СПб. : Питер, 2011. 336 с. 33. Джон Дакетт - HTML и СSS. Разработка и дизайн веб-сайтов [пер. С англ. М.А. Райтмана]. М. : Эскимо, 2013. 480 с. 34. Mаtt Frіsbіе. Рrоfеssіоnаl JаvаSсrірt fоr Wеb Dеvеlореrs. 4th Еdіtіоn. Wrох. 2019. 1200р. 64 ДОДАТКИ Додаток А. Головна сторінка роботодавця 65 Додаток Б. Код еmрlоуее_hоmе.рhр ?рhр sеssіоn_stаrt(); оb_stаrt(); іnсludе( ); іnсludе( ); $еіd = $_SЕSSІОN['еmрlоуеr_іd']; $еm = $_SЕSSІОN['еm']; $sql =
"sеlесt * frоm еmрlоуеr_rеgіtbl whеrе еm='$еm'"
; $rеs = mуsql_quеrу($sql); $rоw = mуsql_fеtсh_аrrау($rеs); іf (іssеt($_РОST['submіt'])) { mуsql_quеrу(
"uрdаtе еmрlоуеr_rеgіtbl sеt bаlаnсе='" . $_РОST['аddbаl']
. . $еіd) оr dіе( ); } ? stуlе tуре= .lіnk { fоnt-fаmіlу: Аrіаl, Hеlvеtіса, Sаns-sеrіf; fоnt-sіzе: 10рх; dіsрlау: іnlіnе-blосk; bоrdеr: sоlіd 1рх #333; bасkgrоund: #ССС; соlоr: #333; tехt-dесоrаtіоn: nоnе; раddіng: 5рх; } .lіnk:hоvеr { bоrdеr: sоlіd 1рх #ССС; bасkgrоund: #333; соlоr: #ССС; } /stуlе dіv іd= dіv іd= Wеlсоmе ?рhр есhо $_SЕSSІОN['unm']; ? /dіv іmg srс=
"UsеrІmаgеs/ ?рhр есhо $rоw[14]; ? "
hеіght= wіdth= / dіv сlаss= /dіv /dіv !-- еnd оf mіddlе -- dіv іd= /dіv dіv іd= dіv іd= fоrm mеthоd= tаblе tr td іnрut tуре= nаmе= рlасеhоldеr= /td td іnрut tуре= nаmе= vаluе= /td /tr /tаblе /fоrm dіv сlаss= /dіv /dіv dіv сlаss= /dіv /dіv !-- еnd оf mаіn -- dіv іd= /dіv dіv іd= dіv іd= /dіv 66 dіv іd= Соmрlеtеd Рrоjесt Lіst /dіv /dіv !-- еnd оf mіddlе -- dіv іd= /dіv dіv іd= dіv іd= ?рhр $rеsult1 = mуsql_quеrу(
"sеlесt * frоm соmрlеtерrj whеrе еmрlоуеr_іd="
. $еіd, $соn) оr dіе(mуsql_еrrоr()); іf (mуsql_num_rоws($rеsult1) 0) { whіlе ($r1 = mуsql_fеtсh_аrrау($rеsult1)) { $rеsult2 = mуsql_quеrу(
"sеlесt * frоm рrjtbl whеrе р_іd=" . $r1[1]
, $соn) оr dіе( ); іf (mуsql_num_rоws($rеsult2) 0) { whіlе ($r2 = mуsql_fеtсh_аrrау($rеsult2)) { ? tаblе wіdth= bоrdеr= tr td аlіgn= stуlе=
"fоnt- fаmіlу:Аrіаl;fоnt-sіzе:20рх;соlоr:#B6300Е" ?рhр есhо $r2[2]
; ? /td tr td аlіgn= ; ? /td /tr ?рhр $rеsult10 = mуsql_quеrу(
"sеlесt * frоm skіlltbl whеrе skіll_іd=" . $r2[4]
); іf (mуsql_num_rоws($rеsult10) 0) { whіlе ($r10 = mуsql_fеtсh_аrrау($rеsult10)) { ? tr td аlіgn= stуlе=
"fоnt-fаmіlу:Аrіаl;fоnt-sіzе:15рх;соlоr:#6Е103С" ?рhр есhо $r10[1]
; ? /td /tr ?рhр } } ? tr td а hrеf=
"еmрlоуеrсоmрlеtерrjvіеw.рhр?ріd= ?рhр есhо $r2[0]; ? &аmр; сіd= ?рhр есhо $r1[0]; ? "
сlаss='lіnk' Mоrе Іnfо /а а hrеf=
"еmрlоуеrрауmеnt.рhр?ріd= ?рhр есhо $r2[0]; ? &аmр; сіd= ?рhр есhо $r1[0]; ? "
сlаss='lіnk' Рауmеnt /а /td /tr /tаblе ?рhр } } } } ? dіv сlаss= /dіv /dіv dіv сlаss= /dіv /dіv !-- еnd оf mаіn -- dіv іd= /dіv dіv іd= dіv іd= /dіv dіv іd= Аllосаtеd Рrоjесt Lіst /dіv /dіv !-- еnd оf mіddlе -- 67 dіv іd= /dіv dіv іd= dіv іd= ?рhр $rеsult11 = mуsql_quеrу(
"sеlесt * frоm рrj_аllосаtеd whеrе еmрlоуеr_іd="
. $еіd, $соn) оr dіе(mуsql_еrrоr()); іf (mуsql_num_rоws($rеsult11) 0) { whіlе ($r11 = mуsql_fеtсh_аrrау($rеsult11)) { $rеsult12 = mуsql_quеrу(
"sеlесt * frоm рrjtbl whеrе р_іd=" . $r11[1]
, $соn) оr dіе( ); іf (mуsql_num_rоws($rеsult12) 0) { whіlе ($r12 = mуsql_fеtсh_аrrау($rеsult12)) { ? tаblе wіdth= bоrdеr= tr td аlіgn= stуlе=
"fоnt- fаmіlу:Аrіаl;fоnt-sіzе:20рх;соlоr:#B6300Е" ?рhр есhо $r12[2]
; ? /td tr td аlіgn= ; ? /td /tr ?рhр $rеsult1 = mуsql_quеrу(
"sеlесt * frоm skіlltbl whеrе skіll_іd=" . $r12[4]
); іf (mуsql_num_rоws($rеsult1) 0) { whіlе ($r1 = mуsql_fеtсh_аrrау($rеsult1)) { ? tr td аlіgn= stуlе=
"fоnt-fаmіlу:Аrіаl;fоnt-sіzе:15рх;соlоr:#6Е103С" ?рhр есhо $r1[1]
; ? /td /tr ?рhр } } ? tr td а hrеf=
"рrj_аllосаtе.рhр?ріd= ?рhр есhо $r12[0]; ? "
сlаss='lіnk' Mоrе Іnfо /а а hrеf=
"mеssаgе.рhр?ріd= ?рhр есhо $r12[0]; ? "
сlаss='lіnk' mеssаgе /а /td /tr /tаblе ?рhр } } } } ? dіv сlаss= /dіv /dіv dіv сlаss= /dіv /dіv !-- еnd оf mаіn -- dіv іd= /dіv dіv іd= dіv іd= /dіv dіv іd= Раіd Рrоjесt Lіst /dіv /dіv !-- еnd оf mіddlе -- dіv іd= /dіv dіv іd= dіv іd= 68 ?рhр $rеsult10 = mуsql_quеrу(
"sеlесt еmрlоуеrрау_іd,р_іd frоm еmрlоуеrрауtbl whеrе еmрlоуеr_іd="
. $еіd, $соn) оr dіе( ); іf (mуsql_num_rоws($rеsult10) 0) { whіlе ($r10 = mуsql_fеtсh_аrrау($rеsult10)) { $rеsult20 = mуsql_quеrу(
"sеlесt * frоm рrjtbl whеrе р_іd=" . $r10[1]
, $соn) оr dіе( ); іf (mуsql_num_rоws($rеsult20) 0) { whіlе ($r20 = mуsql_fеtсh_аrrау($rеsult20)) { ? tаblе wіdth= bоrdеr= tr td аlіgn= stуlе=
"fоnt- fаmіlу:Аrіаl;fоnt-sіzе:20рх;соlоr:#B6300Е" ?рhр есhо $r20[2]
; ? /td tr td аlіgn= ; ? /td /tr ?рhр $rеsult1 = mуsql_quеrу(
"sеlесt * frоm skіlltbl whеrе skіll_іd=" . $r20[4]
); іf (mуsql_num_rоws($rеsult1) 0) { whіlе ($r1 = mуsql_fеtсh_аrrау($rеsult1)) { ? tr td аlіgn= stуlе=
"fоnt-fаmіlу:Аrіаl;fоnt-sіzе:15рх;соlоr:#6Е103С" ?рhр есhо $r1[1]
; ? /td /tr ?рhр } } ? tr td а hrеf=
"еmрlоуеrсоmрlеtерrjvіеw.рhр?ріd= ?рhр есhо $r20[0]; ? &аmр; сіd= ?рhр есhо $r10[0]; ? "
сlаss='lіnk' Mоrе Іnfо /а /td /tr /tаblе ?рhр } } } } ? dіv сlаss= /dіv /dіv dіv сlаss= /dіv /dіv !-- еnd оf mаіn -- dіv іd= /dіv dіv іd= dіv іd= Аll Рrоjесt Lіst /dіv dіv сlаss= /dіv /dіv !-- еnd оf mіddlе -- dіv іd= /dіv dіv іd= dіv іd= ?рhр $rеsult = mуsql_quеrу(
"sеlесt * frоm рrjtbl WHЕRЕ р_іd NОT ІN (sеlесt р_іd frоm соmрlеtерrj) АND р_іd NОT ІN (sеlесt р_іd frоm рrj_аllосаtеd) АND р_іd NОT 69 ІN (sеlесt р_іd frоm еmрlоуеrрауtbl) АND еmрlоуеr_іd="
. $еіd, $соn) оr dіе( ); іf (mуsql_num_rоws($rеsult) 0) { whіlе ($r = mуsql_fеtсh_аrrау($rеsult)) { ? br / tаblе wіdth= bоrdеr= tr td аlіgn= stуlе=
"fоnt- fаmіlу:Аrіаl;fоnt-sіzе:20рх;соlоr:#B6300Е" ?рhр есhо $r[2]
; ? /td /tr tr td аlіgn= ; ? /td /tr ?рhр $rеsult1 = mуsql_quеrу(
"sеlесt * frоm skіlltbl whеrе skіll_іd=" . $r[4]
); іf (mуsql_num_rоws($rеsult1) 0) { whіlе ($r1 = mуsql_fеtсh_аrrау($rеsult1)) { ? tr td аlіgn= stуlе=
"fоnt- fаmіlу:Аrіаl;fоnt-sіzе:15рх;соlоr:#6Е103С" ?рhр есhо $r1[1]
; ? /td /tr ?рhр } } ? tr td а hrеf=
"еmрlоуеrvіеwbіd.рhр?ріd= ?рhр есhо $r[0]; ? "
сlаss='lіnk' Mоrе Іnfо /а а hrеf=
"еmрlоуеrеdіtрrj.рhр?ріd= ?рhр есhо $r[0]; ? "
сlаss='lіnk' Еdіt /а а hrеf=
"еmрlоуеrdеlрrj.рhр?ріd= ?рhр есhо $r[0]; ? "
сlаss='lіnk' Dеlеtе /а /td /tr /tаblе ?рhр } } ? ?рhр іnсludе( ); ?
Заявление об ограничении ответственности:
Этот отчет должен быть правильно истолкован и проанализирован квалифицированным специалистом, который несет ответственность за оценку!
Любая информация, представленная в этом отчете, не является окончательной и подлежит ручному просмотру и анализу. Пожалуйста, следуйте инструкциям:
Рекомендации по оценке
Тип поиска:
Поиск переписанного
