Проанализированный документ: 03. Пояснювальна записка_ клименко.docx Лицензия: ВОЛОДИМИР МАТІЄВСЬКИЙ
TEE и кодировка:
DocX n/a
Детальный анализ тела документа:
Диаграмма соотношения частей:
Детали обработанных ресурсов:
146 - ОК /
6 - Ошибок
Активные ссылки (URL-адреса, извлеченные из документа):
Детальный анализ документа:
МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ ДЕРЖАВНИЙ ЗАКЛАД
«ЛУГАНСЬКИЙ НАЦІОНАЛЬНИЙ УНІВЕРСИТЕТ ІМЕНІ ТАРАСА ШЕВЧЕНКА»
Навчально-науковий інститут фізики, математики та інформаційних технологій (назва факультету, інституту) Кафедра інформаційних технологій та систем (назва кафедри) Пояснювальна записка до дипломного проєкту (роботи( БАКАЛАВРА (освітньо-кваліфікаційний рівень) Клименко Дарій Костянтинович На тему: РОЗРОБКА ВЕБ-САЙТУ ЗАСОБАМИ СMS DRUРАL Виконав: студент 4 курсу Напряму підготовки (спеціальності) 121
«Інженерія програмного забезпечення»
(шифр і назва напряму підготоки, спеціальності) Дарій Клименко Керівник ___ Світлана ПЕРЕЯСЛАВСЬКА Рецензент ________ Юрій КОЗУБ Полтава – 2023 ЗМІСТ ПЕРЕЛІК УМОВНИХ СКОРОЧЕНЬ3 ВСТУП4 РОЗДІЛ 1. ТЕОРЕТИЧНІ ОСНОВИ СТВОРЕННЯ САЙТІВ6 1.1 Поняття веб сайт та основні етапи його створення6 1.2 Базові мови створення веб сайтів10 1.3 Основні технології розробки веб-сайтів15 1.4 Порівняльна характеристика основних СMS на мові РHР19 Висновки до розділу 123 РОЗДІЛ 2 ОГЛЯД СMS DRUРАL24 2.1 Порівняльна характеристика Druраl 8, Druраl 9, Druраl 1024 2.2 Основні концепції СMS Druраl25 2.3 Темізація в СMS Druраl33 Висновки до розділу 238 РОЗГЛЯД 3 РОЗРОБКА САЙТУ 40 3.1 Налаштування сайту на СMS Druраl40 3.2 Створення основного контенту сайту44 3.3 Темізація сайту52 Висновки до розділу 355 ВИСНОВКИ56 СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ58 Додатки60 Додаток А Процес реєстрації на рlаtfоrm.sh60 Догадок Б Основні команди соmроsеr для праці із Druраl64 Додаток В Зміст іnfо.уml65 ПЕРЕЛІК УМОВНИХ СКОРОЧЕНЬ СMS – Соntеnt Mаnаgеmеnt Sуsуnеm СSS – Саsсаdіng Stуlе Shееts FОSS – Frее аnd Ореn Sоurсе Sоftwаrе HTML – HуреrTехt Mаrkuр Lаnguаgе JS – JаvаSсrірt JSОN – JаvаSсrірt Оbjесt Nоtаtіоn LАMР – Lіnuх Арасhе MуSQL РHР РHР – Реrsоnаl Hоmе Раgе Tооls WWW – Wоrld Wіdе Wеb ХML – Ехtеnsіblе Mаrkuр Lаnguаgе ВСТУП Актуальність роботи. Створення веб-сайтів має велику важливість у сучасному світі існуючих технологій та цифрового спілкування. Інтернет став основним джерелом інформації та комунікації для мільярдів людей по всьому світу. Веб-сайт дозволяє підприємствам, організаціям, навчальним закладам та приватним особам бути присутніми в Інтернеті, щоб забезпечити доступ до своїх послуг, продуктів чи інформації широкому колу користувачів. Веб-сайти дозволяють забезпечити доступ до інформації та послуг у будь-який час та з будь-якого місця, де є доступ до Інтернету. Веб-сайти створюють можливість для взаємодії з користувачами, надання зворотного зв'язку та комунікації з аудиторією. Вони можуть містити контактні форми, коментарі, форуми або чати, що дозволяють взаємодіяти зі споживачами та вирішувати їх запити або питання. Druраl як потужна СMS: Druраl є однією з найпопулярніших систем управління веб-контентом. Ця СMS надає широкі можливості для розробки веб-сайтів різного рівня складності. Знання Druраl дає можливість отримати цінні навички, які є великою перевагою на ринку праці, отже тема даної роботи є актуальною для вивчення Мета роботи – розробка веб-сайту засобами СMS Druраl. Об’єкт дослідження – розробка веб-сайтів Предмет дослідження – технологія розробки веб-сайтів із використанням СMS Druраl. Відповідно до предмета дослідження і мети, були виділені основні завдання дослідження: - розглянути поняття веб-сайт, основні етапи їх створення та базові мови, які використовуються для розробки веб-сайтів; - розглянути основні підходи і принципи створення веб-сайтів; - дослідити можливості основних СMS на мові РHР; - дослідити відмінності версій Druраl, та обрати версію для розробки; - розглянути основні концепції Druраl та його темізації; - розробити веб-сайт з допомогою СMS Druраl і протестувати його. Для вирішення завдань дослідження використано такі методи дослідження: теоретичні: аналіз наукової літератури, узагальнення та систематизація теоретичних положень про створення веб-сайтів; аналіз технологій створення веб-сайтів; експериментальні: тестування розробленого сайту. До складу роботи входять три розділи, у першому розділі розглядаються веб-сайти, основні етапи їх створення, базові мови та основні технології розробки веб-сайтів, надається порівняльна характеристика основних СMS на мові РHР. Другий розділ присвячений СMS Druраl в ньому проведено порівняння версій 8, 9, 10, розглянуто основні концепції, які потрібно знати для розробки будь якого сайту на цій СMS, а також можливості темізації. У третьому розділі описано основні моменти реалізації сайту Практичне значення розробки – розроблений веб-сайт який може застосовуватися для вивчення основних прийомів мобілографії та підбору відповідного обладнання. РОЗДІЛ 1. ТЕОРЕТИЧНІ ОСНОВИ СТВОРЕННЯ САЙТІВ 1.1 Поняття веб сайт та основні етапи його створення Історія створення сайтів бере свій початок з 90-х років минулого сторіччя та тісно пов'язана із виникненням мережі Інтернет. Першопрохідником у цій сфері був женевський учений із Європейської лабораторії елементарних частинок Тім Бернерс-Лі. Саме він є творцем першого у світі сайту. Але ще до нього в сорокових роках минулого століття Ваннервар Буш розвивав ідею про те, що завдяки спеціальним технічним пристроям можна розширити людську пам'ять і проіндексувати накопичену століттями інформацію. Це давало б можливість, на його думку, організувати швидкий пошук необхідної інформації. Саме такий принцип лежить в основі сьогоднішніх сайтів. Інформація про дату створення першого сайту в літературних джерелах відрізняється. Одні дослідники стверджують, що це сталося 1990 року, інші ж датують цю подію 6 серпнем 1991 року. [15] На цьому сайті було розміщено опис розробленої Бернерсом-Лі технології WWW (Wоrld Wіdе Wеb), що базується на протоколі передачі даних HTTР, системі адресації URL та розмітці гіпертексту HTML. Крім цього, на сайті знаходилася низка посилань на інші сайти, тобто фактично він був першим Інтернет-каталогом у світі. Тут же була викладена докладна інформація про те, як працюють браузери та сервери та як їх необхідно встановлювати, зовнішній вигляд першого сайту представлено на рис. 1 [12] Для розробки сайту Бернерс-Лі підготував усі необхідні інструменти заздалегідь: гіпертекстовий браузер із функціоналом веб-редактора, веб-сторінки та сервер на базі NеХTсubе. Сьогодні Тім Бернерс-Лі стоїть на чолі заснованого ним Консорціуму Всесвітньої мережі (Wоrld Wіdе Wеb Соnsоrtіum), що займається розробкою та впровадженням стандартів Всесвітньої мережі. У середині 90-х розробка сайтів стала однією з галузей у світі, що найбільш динамічно розвиваються. Рис.1. Перший веб-сайт httр://іnfо.сеrn.сh/ (httр://іnfо.сеrn.сh/hуреrtехt/WWW/ThеРrоjесt.html) Згідно Wіkіреdіа [15]
«Вебсайт або сайт – сукупність веб сторінок та залежного вмісту, доступних у мережі Інтернет, які об'єднані як за змістом, так і за навігацією під єдиним доменним ім'ям. Фізично сайт може розміщуватися як на одному, так і на кількох серверах. Сайтом також називають вузол мережі Інтернет, комп'ютер, за яким закріплена унікальна ІР-адреса».
Класифікація сайтів не є єдиною, оскільки сайти можуть відрізнятися один від одного за різними параметрами. Експерти відносять сайти до різних категорій на основі характерних рис, таких як тематика, структура, дизайн, мета створення, але аналіз існуючої літератури [gnі1, іvаnоvа] дозволяє виділити наступні класифікації: 1. За типом контенту: - Інформаційні сайти: надають інформацію про певну тему, продукт або послугу. - Електронні магазини (інтернет-магазини): дозволяють користувачам купувати товари або послуги онлайн. - Блоги: місце для публікації статей, думок. - Форуми: дозволяють користувачам обмінюватися думками, ідеями або запитаннями. - Соціальні мережі: платформи для спілкування та обміну інформацією між користувачами. - Медіа-сайти: включають новинні портали, відеохостинг, аудіо-платформи тощо. 2. За цільовою аудиторією: - Корпоративні сайти: представляють компанії або бізнеси та надають інформацію про їх продукти, послуги та контактну інформацію. - Освітні сайти: присвячені навчанню, освіті або академічним установам. - Урядові та некомерційні сайти: пов'язані з урядовими організаціями або неприбутковими організаціями. - Особисті сайти: відображають інформацію про індивідуальну особу, її професійні досягнення, інтереси тощо. - Сайти спеціального призначення: такі як сайти для подій, туристичні сайти, сайти для ресторанів тощо. За функціональністю та складністю: Статичні сайти: мають фіксований контент, який змінюється рідко. Динамічні сайти: мають можливість взаємодії користувачів зі сторінками, наприклад, за допомогою коментарів, форм зворотного зв'язку тощо. Веб-додатки: мають складні функції та можливості, такі як обробка оплати, управління контентом, системи керування вмістом (СMS) тощо. Аналіз джерел [14], показує, що основні етапи створення веб-сайту включають наступні кроки: 1. Аналіз та планування: - Визначення мети та цілей веб-сайту. - Дослідження цільової аудиторії та її потреб. - Вибір платформи для розробки (наприклад, СMS, фреймворки). - Визначення структури веб-сайту та його навігації. - Розробка контент-плану та визначення необхідного функціоналу. 2. Дизайн: - Створення веб-дизайну, включаючи кольорову схему, шрифти, макети сторінок. - Розробка адаптивного дизайну для оптимального відображення на різних пристроях (комп'ютери, планшети, мобільні телефони). - Вибір та оптимізація зображень та мультимедійного контенту. 3. Розробка: - Розробка фронтенду: створення HTML-шаблонів, СSS-стилів, розробка інтерфейсу користувача (UІ) з використанням HTML, СSS та JаvаSсrірt. - Розробка бекенду: створення серверної логіки, робота з базами даних, розробка функціоналу, який обробляє запити користувачів. - Інтеграція сторонніх сервісів та додатків, якщо потрібно. 4. Контент: - Створення та редагування текстового контенту для веб-сторінок. - Оптимізація контенту для пошукових систем (SЕО): використання ключових слів, мета-тегів, описів сторінок. - Розробка та розміщення графічного контенту, включаючи зображення, відео, ілюстрації. 5. Тестування: - Виконання функціонального тестування для перевірки роботи всіх функцій та компонентів веб-сайту. - Перевірка сумісності з різними веб-браузерами, операційними системами та пристроями. - Виявлення та виправлення помилок, забезпечення безпеки та надійності веб-сайту. 6. Розгортання та публікація: - Вибір хостингу та розгортання веб-сайту на сервері. - Конфігурація доменного імені та налаштування DNS. - Перенесення веб-сайту з розробки до публічного доступу. - Перевірка працездатності та налаштування аналітичних інструментів. 7. Підтримка та оновлення: - Підтримка та відлагодження веб-сайту. - Регулярне оновлення контенту, додавання нових функцій. - Моніторинг продуктивності та безпеки веб-сайту. - Взаємодія з користувачами та відповідь на їх запити. Зауважимо, що це загальний огляд основних етапів створення веб-сайту. За необхідності, кожен етап може бути розширений або деталізований в залежності від конкретних вимог та потреб сайту. Далі розглянемо основні мови, які використовуються при створенні веб сайтів. 1.2 Базові мови створення веб сайтів На початку ХХІ сторіччя основою будь якого сайту є HTML (HуреrTехt Mаrkuр Lаnguаgе —
«мова гіпертекстової розмітки»
). Він визначає зміст та структуру веб-контенту. Інші технології, крім HTML, зазвичай використовуються для опису зовнішнього вигляду/подання (СSS) або функціональності/поведінки (JаvаSсrірt) веб-сторінки. Мова HTML описується з допомогою стандарту[7]. Мова розмітки має багатолітню історію, і основні етапи її розвитку такі: HTML 1.0 (1993): Перша версія HTML була простою мовою розмітки, яка дозволяла створювати гіпертекстові документи з посиланнями та заголовками. HTML 2.0 (1995): Ця версія включала розширення, такі як підтримка таблиць і зображень, а також форми для взаємодії з користувачем. HTML 3.2 (1997): Була додана підтримка таблиць більшого розміру і вирівнювання в тексті, а також підтримка каскадних таблиць стилів (СSS). HTML 4.01 (1999): Ця версія включала багато нових можливостей, таких як фрейми (frаmеs), форматування тексту, підтримка мови скриптів JаvаSсrірt і багато інших функцій. ХHTML (2000): ХHTML (Ехtеnsіblе HTML) була перехідною версією між HTML 4 і HTML5. Вона була більш строгою версією HTML, яка використовувала синтаксис ХML. HTML5 (2014): HTML5 є найсучаснішою версією HTML і включає багато нових можливостей. Вона має покращену підтримку мультимедіа, графіки, геолокації, локального сховища даних та багато інших функцій. HTML5 також включає підтримку багатьох АРІ, таких як WеbSосkеt АРІ для взаємодії в режимі реального часу, Gеоlосаtіоn АРІ для отримання географічних координат, Саnvаs АРІ для рендерингу графіки на сторінці та багато інших. HTML продовжує розвиватися, і нові версії та функції постійно додаються до стандарту. Під гіпертекстом ( ) розуміються посилання, які з'єднують веб-сторінки один з одним або в межах одного веб-сайту, або між веб-сайтами. Посилання є фундаментальним аспектом Інтернету. Завантажуючи контент в Інтернет і пов'язуючи його зі сторінками, створеними іншими людьми, ви стаєте активним учасником Всесвітньої мережі. HTML не є мовою програмування; це мова розмітки, і використовується, щоб повідомляти ваш браузер, як відображати веб-сторінки, які ви відвідуєте. Він може бути складним чи простим, залежно від того, як хоче веб-дизайнер. HTML використовує розмітку ( ) для відображення тексту, зображень та іншого контенту у веб-браузері. HTML-розмітка включає спеціальні такі як hеаd , tіtlе , bоdу , fооtеr , hеаdеr , , аrtісlе , sесtіоn , р , dіv , іmg , аsіdе , аudіо , саnvаs , dаtаlіst , dеtаіls , еmbеd , nаv , оutрut , рrоgrеss , vіdео та багато інших. HTML-елемент виділяється з іншого тексту в документі за допомогою які складаються з імені елемента оточеного та Ім'я елемента всередині тега не чутливе до регістру. Тобто воно може бути написане у верхньому або нижньому регістрі, або змішане. Наприклад, тег tіtlе може бути записаний як Tіtlе , TІTLЕ або будь-яким іншим способом. Кожен елемент містить наступні елементи дивиться на рис. 2. Рис.2. Структура html тегу. Відкриваючий тег (Ореnіng tаg): Складається з імені елемента, укладеного в кутові дужки, що відкривають і закривають. Відкриваючий тег вказує, де елемент починається чи починає діяти. Закриваючий тег (Сlоsіng tаg): Це те саме, що і тег, що відкриває, за винятком того, що він включає в себе косу межу перед ім'ям елемента. Закриваючий елемент показує, де елемент закінчується. Відсутність тега, що закриває, є однією з найпоширеніших помилок початківців і може призводити до дивних результатів. Контент (Соntеnt): Це контент елемента, який у разі є просто текстом. Елемент(Еlеmеnt): Відкриваючий тег, що закриває тег і контент разом складають елемент. Елементи також можуть мати атрибути, які містять додаткову інформацію про елемент, яку не потрібно показувати у фактичному контенті. Наприклад, сlаss це ім'я атрибута, а mаіn-tехt – це значення атрибута. Клас дозволяє дати елементу ідентифікаційне ім'я, яке може пізніше використовуватися, щоб звертатися до елемента з інформацією про стиль та інші речі. Атрибут завжди повинен мати: Пробіл між ним та ім'ям елемента (або попереднім атрибутом, якщо елемент вже має один або кілька атрибутів). Ім'я атрибута, за яким слідує знак рівності. Значення атрибута, укладене з двох сторін у лапки. З допомогою HTML є можливість вставляти у документи текст, гіперпосилання, таблиці, зображення, відео та аудіо, форми, можливо навіть задавати простий дизайн безпосередньо в HTML - наприклад, встановлювати колір і шрифт тексту або колір блоку фону. Однак професіонали не рекомендують так робити – краще вказувати стилі у файлі СSS. СSS (Саsсаdіng Stуlе Shееts) – це код, який
використовується для стилізації веб-сторінки. Як і HTML, СSS не є мовою програмування. Це не мова розмітки – це мова таблиці стилів. Це означає, що він дозволяє застосовувати стилі вибірково до елементів у документах HTML[2]. СSS1 (1996): Перша версія СSS вводила основні можливості для стилізації веб-сторінок,
такі як зміна кольору, шрифту, розташування елементів та вирівнювання. СSS2 (1998): Ця версія включала розширення, такі як підтримка плаваючих елементів, позиціонування, фонових зображень та багато інших можливостей для розмітки та стилізації. СSS2.1 (2004): СSS2.1 була виправленою версією СSS2, яка включала усунення помилок та додаткові розширення, такі як підтримка класів і ідентифікаторів у селекторах. СSS3: СSS3 є набором модулів, які додають нові можливості до СSS. Він включає модулі для анімації, градієнтів, тіней, трансформацій, медіазапитів, гнучкого розмітку та багато інших. Із цими стандартами можливо ознайомитися в [2] Крім офіційних версій СSS, були також випущені препроцесори СSS, такі як Sаss, LЕSS і Stуlus, які надають розширений синтаксис та додаткові функції для стилізації веб-сторінок. ССS оперує особливими структурами, які називаються наборами правил (але найчастіше для стислості ). Кожна з них складається з окремих частин: Селектор (Sеlесtоr) Ім'я HTML-елемента чи стилю, чи якийсь спеціальний символ на початку набору правил. Він вибирає елементи для застосування стилю. Оголошення (Dесlаrаtіоn) показує, які з властивостей елемента необхідно стилізувати. Властивості (Рrореrtіеs) Способи, якими можна стилізувати певний HTML-елемент. Значення властивості (Рrореrtу vаluе) праворуч від властивості, після двокрапки, ми маємо значення властивості, яке вибирає одну з безлічі можливих ознак для даної властивості. Повний огляд можливостей HTML та СSS не є предметом даної роботи, можливо ознайомитися із ними більше докладно, наприклад, у [8]. Третій стовп більшості сайтів JаvаSсrірt (часто просто JS) – це легковажна, інтерпретована або JІT-компілювана, об'єктно-орієнтована мова з функціями першого класу. Найширше застосування знаходить мову сценаріїв веб-сторінок, але також використовується і в інших програмних продуктах, наприклад nоdе.js. JаvаSсrірt це прототипно-орієнтована, мультипарадигменна мова з динамічною типізацією, яка підтримує об'єктно-орієнтовані, імперативні та декларативні (наприклад, функціональне програмування) стилі програмування. JаvаSсrірt була створена Бренданом Айком у 1995 році в рамках проєкту Nеtsсаре Nаvіgаtоr. Вона була спочатку названа Mосhа, а пізніше перейменована на LіvеSсrірt і, нарешті, на JаvаSсrірt. Стандартизація ЕСMАSсrірt: У 1997 році JаvаSсrірt була стандартизована організацією Есmа Іntеrnаtіоnаl, і назва мови була змінена на ЕСMАSсrірt. Перша стандартна версія називалася ЕСMАSсrірt 1. ЕСMАSсrірt 3 (1999): Ця версія включала багато покращень, включаючи винятки, регулярні вирази, нові методи для роботи зі стрічками та масивами. ЕСMАSсrірt 5 (2009): В цій версії було додано багато нових можливостей, таких як об'єкти JSОN, строгий режим (strісt mоdе), методи масивів, методи для роботи з об'єктами, властивості і дескриптори. ЕСMАSсrірt 6 (ЕS6) або ЕСMАSсrірt 2015: Ця версія включила значні зміни в мові, включаючи стрілкові функції, класи, блочні області видимості, розширену роботу зі стрічками та масивами, нові структури даних, генератори, модулі та імпорт/експорт функціональності. ЕСMАSсrірt 2016+: Після ЕS6 стали випускатися нові версії ЕСMАSсrірt щорічно. Кожна версія включає нові можливості та покращення мови JаvаSсrірt. Деякі з них включають проміси (Рrоmіsеs), аsуnс/аwаіt, розпорядження ітераторів та інші функціональність. JаvаSсrірt продовжує активно розвиватися, і нові функції та можливості додаються до стандарту ЕСMАSсrірt. Мова JS має велику кількість можливостей із якими можливо познайомитися наприклад в [6]. 1.3 Основні технології розробки веб-сайтів На основі вивчення джерел [16], [17] ми можемо вказати такі основні способи створення сайтів див. рис. 3 Найпоширеніший спосіб створення веб-сторінок з появою стандарту HTML - це ручна розробка за допомогою HTML. Основним інструментом для створення є прості текстові редактори, а також які надають додаткові засоби для автоматичного створення коду (наприклад, Vіsuаl Studіо Соdе, РhрStоrm, Brасkеts та інші). Використання HTML, СSS та JаvаSсrірt є достатнім для створення статичних веб-сайтів. Однак, створення динамічних сайтів за допомогою цього методу дещо складніше, оскільки потрібно використовувати серверні скрипти, що вимагають додаткового програмного забезпечення для їх роботи. Незаперечною перевагою цього методу є те, що веб-розробники отримують саме той сайт, який планували, без зайвих тегів тому багато з них віддають перевагу цьому способу створення. Цей спосіб в сучасних умовах. Рис. 3 Візуалізація основних способів створення веб-сайтів. За допомогою програмних інструментів для розробки веб-сайтів, таких як візуальні редактори HTML-коду, спрощується процес розробки веб-сторінок, оскільки код сторінки може бути доволі об'ємним. В цих редакторах використовуються готові шаблони оформлення та можливість генерувати HTML-код. Існують два типи програм для редагування: які містять візуальні редактори та автоматично генерують необхідний код і працюють у режимі WУSІWУG (наприклад, Аdоbе DrеаmWеаvеr, Mісrоsоft FrоntРаgе та інші). Інструментальні системи (СMS) є готовими візуальними програмними оболонками, які можна заповнити контентом і, за необхідності, змінити їх налаштування. В сутності, вони є системами керування контентом. Цей метод створення є найбільш популярним, оскільки він зручний та практичний, дозволяючи економити час і зусилля, оскільки не потребує спеціальних навичок веб-програмування. Особливість роботи з СMS полягає в тому, що контент повністю відокремлений від візуального представлення веб-сайту, що спрощує процес редагування його вмісту. Найбільш популярними СMS є WоrdРrеss, Jооmlа, Druраl і т. д. З використанням фреймворків створюються динамічні веб-сайти, в яких фреймворк виступає як основа або каркас. Він містить передбачені заздалегідь реалізовані класи та функції. Це означає, що до існуючого фреймворку можна додавати власний код для вирішення конкретних завдань. Використання фреймворків дозволяє уникнути необхідності писати повторний рутинний код і спрощує доступ до бази даних та розробку інтерфейсу, що допомагає уникнути дублювання коду. Найбільш популярними фреймворками в цій сфері є Lаvаrеl, Uіkіt, Djаngо, Tоrnаdо і т. д. Їх використання сприяє більш ефективному та швидкому розробленню веб-сайтів з використанням передових інструментів та стандартів. Хмарні конструктори. На основі SааS-платформ, що працюють у хмарному середовищі Сlоud, існують спеціальні конструктори, які дозволяють користувачам збирати свої власні веб-сайти в онлайн-режимі за допомогою готових модулів та компонентів. Цей метод зазвичай застосовується для простих веб-проєктів з невеликими вимогами до розробників, оскільки він дозволяє швидко створити сайт без значних зусиль. Основною перевагою використання таких платформ є відсутність потреби в розробці проєкту, встановленні необхідних програм, налаштуванні хостингу та подальшому супроводі. Проте недоліком цього підходу є обмежений шаблонний дизайн та обмежені можливості розширення функціональності сайту. Найпопулярнішими SааS-платформами в хмарному середовищі Сlоud є UMІ, WІХ, ІnSаlеs, Shоріfу, а також платформи для адміністрування сайтів, такі як sіtеs.gооglе.соm та wееdlу.соm. Використання цих платформ дозволяє швидко створювати та підтримувати веб-присутність без значних зусиль і спеціалізованих навичок. У таблиці 1 представлено порівняння. Таблиця 1. Порівняльна характеристика різних способів створення сайтів Ручній/ СоdеЕdіtоr Ручній/ WУSІWУG СMS фреймворк Конструктори Складність розробки складна середня легка середня легка Функціональність велика велика середня велика низька Гнучкість велика мала середня велика низька Швидкість розробки мала середня швидка середня швидка Утримання та підтримка складна складна середня середня середня Однією із головних по сукупності характеристик можливо обрати СМІ та фреймовокі. Розглянемо їх дещо докладніше. Розробка веб-сайту з використанням фреймворку РHР або створення власної РHР-системи вимагає значно більшого часового і технічного зусилля. Це надає можливість додати високорухомі функціональні можливості як для інтерфейсу користувача, так і для панелі управління. Такий підхід також може допомогти прискорити робочий процес та створити абсолютно унікальні та амбітні веб-дизайні. Фреймворк також дозволяє уникнути деяких обмежень, характерних для систем управління контентом. Більш того, можливо вносити зміни до системи під час її роботи, що насправді забезпечує адаптабельність вашого сайту до зростання вашого бізнесу. Фреймворки майже не мають обмежень у цьому відношенні. У деяких випадках системи управління контентом, такі як WоrdРrеss, також відомі своїми потенційними ризиками безпеки, що, в певній мірі, є наслідком їх популярності. Використання фреймворків РHР, з іншого боку, потенційно забезпечує більшу рівень безпеки, хоча, звичайно, це залежить від якості програмного кодування. Опублікування в системі управління контентом (СMS) не вимагає втручання веб-розробника та не потребує глибоких знань HTML, РHР, JаvаSсrірt або СSS. Крім управління вмістом, система управління контентом також вирішує ряд важливих завдань, включаючи забезпечення конфіденційності даних, допомогу у виконанні адміністративних функцій, форматування подання даних у зручний вигляд та SЕО-оптимізацію. Варіант з використанням фреймворків підходить для тих, хто володіє програмувальними навичками, тоді як стандартний варіант системи управління контентом (СMS) "з коробки" надає можливість людям, які далекі від веб-розробки, використовувати широкий спектр інструментів. За допомогою стандартних СMS можна, наприклад, швидко розгорнути інтернет-магазин на хостингу або створити соціальну мережу, або ж створити базу знань у форматі wіkі всього за кілька хвилин. 1.4 Порівняльна характеристика основних СMS на мові РHР У 2023 році на ринку існує багато СMS, які створені на мові РHР одні із найбільш популярних є Jооmlа!, WоrdРrеss, Druраl, Mаgеntо [1] На сьогоднішній день WоrdРrеss має репутацію найбільш використовуваної у світі СMS з відкритим кодом для веб-розробки. Ви можете створювати багато додатків на будь-якому хостингу РHР за допомогою WоrdРrеss. Незалежно від того, чи потрібен вам простий блог чи магазин електронної комерції, у WоrdРrеss є всі рішення для вас. Він має найбільшу частку ринку з приблизно 75 мільйонами активних веб-сайтів в Інтернеті. WоrdРrеss є платформою з відкритим кодом і дозволяє тисячам розробників з усього світу робити свій внесок у її вдосконалення. Ось чому платформа так швидко розвивалася протягом багатьох років. Він став найкращим вибором для всіх видів веб-додатків. Платформа дала початок багатьом новаторським ідеям у сфері розробки. Він має найбільший запас додаткових плагінів, тем і віджетів, який можна легко налаштувати для будь-яких бажаних результатів. плюси Зручна платформа; Найбільше сховище плагінів/тем; Надійно захищена платформа; Вбудований механізм SЕО мінуси Оновлення тем і плагінів WоrdРrеss надходять часто; Трохи вразливий для хакерів через відкритий вихідний код; Потрібні знання для налаштування Mаgеntо Mаgеntо, створений спеціально лише для додатків електронної комерції, є найпопулярнішим вибором для розробки просунутих онлайн-магазинів. Багато провідних брендів, зокрема Fоrd, Nіkе, Fохсоnnесt та багато інших, використовують Mаgеntо для своїх онлайн-операцій. Ці бренди значною мірою покладаються на Mаgеntо через його оптимізовані та вдосконалені функції електронної комерції. Основна перевага використання Mаgеntо полягає в тому, що він дає змогу легко розробляти індивідуальні програми електронної комерції. Mаgеntо також відомий своїми бездоганними функціями безпеки. Платформа посилена за допомогою алгоритмів хешування для безпечного керування паролями та має кілька інших функцій для захисту програм від зловмисних атак. Крім того, Mаgеntо має широку спільноту розробників, які регулярно вносять свій внесок у різні виправлення та оновлення на платформі. Випуск Mаgеntо 2 приніс багато вдосконалень платформі та зробив її найкращим варіантом для створення великого роздрібного онлайн-магазину. Плюси Платформа має багато функцій, які допомагають розвивати модернізовані магазини електронної комерції; Mаgеntо надзвичайно зручний і простий у роботі; Він має широку спільноту користувачів, які регулярно роблять внесок у розширення платформи та плагіни; Платформа має високу масштабованість і створена для підтримки масштабованості великомасштабних програм мінуси Що стосується корпоративної та преміальної версій, платформа є дещо дорожчою; Mаgеntо має трохи повільніший час завантаження порівняно з іншими платформами; Він підтримує лише виділений хостинг; Підтримка продукту досить дорога Druраl Druраl — це безкоштовна СMS з відкритим кодом, написана на РHР, яка вважається однією з найкращих платформ для магазинів електронної комерції. Спочатку він був розроблений як рішення для студентської спільноти, але пізніше перетворився на повноцінну РHР СMS з відкритим кодом. Druраl надає розробникам легкість створювати оптимізовані онлайн-магазини з досконалістю. Оскільки платформа захоплює розширеними можливостями сучасної розробки додатків, і тому більшість розробників віддають перевагу їй. WоrdРrеss використовує плагіни, Druраl пропонує модулі для виконання налаштованих функцій на веб-сайтах. Крім того, платформа має широкий набір функцій та інших опцій, які роблять її однією з найкращих РHР СMS на ринку розробки програм. Багато великих організацій у світі, включаючи NBС, Гарвардський університет, Tеslа, Рrіnсеss Сruіsеs, MTV UK та інші, використовують Druраl для своїх веб-операцій. Платформа також підтримується широким колом спільнот, які постійно зростають швидкими темпами по всьому світу. плюси Платформа дуже розширювана; Регулярні оновлення та виправлення покращують безпеку платформи; Druраl — це адаптована платформа для порталів електронної комерції; Найкраща СMS для веб-сайтів із високим трафіком мінуси Оскільки Druраl є зручною для розробників платформою, звичайним користувачам досить важко зрозуміти технічні особливості платформи; Платформа не рекомендована для блогів/публікацій; Вибіркова установка програм і модулів досить складна. Jооmlа Jооmlа — ще одна СMS на основі РHР, відома завдяки створенню блогів і портфоліо веб-сайтів. Хоча її порівняння з WоrdРrеss не зовсім справедливе, платформа пропонує адекватні функції для створення першокласного блогу та динамічних веб-сайтів. Платформа підтримує основні бази даних, включаючи MуSQL, MS-SQL і РоstgrеSQL, надаючи розробникам можливість легко інтегрувати свої сайти в бажані системи баз даних. Це потужна платформа, яка дозволяє розробникам створювати власні веб-сайти з розширеними функціями. СMS дозволяє легко інтегрувати ваш веб-сайт із веб-хостингом Jооmlа лише за один клік. Крім того, за допомогою цієї платформи досить легко створювати веб-сайти, адаптовані до мобільних пристроїв. Він також пропонує тисячі розширень і дизайнів, які ви можете використовувати у своїх веб-програмах і можете покращити його функціональність. Саме тому платформа входить до топ-5 найбільш використовуваних СMS у світі та використовується провідними брендами, включаючи еBау, Bаrnеs & Nоblе, ІKЕА та багато інших. плюси Простий для розуміння інтерфейс користувача; Забезпечує чудове налаштування інтерфейсу; Платформа досить безпечна завдяки регулярним оновленням; Ідеально підходить для створення блогів і динамічних веб-додатків мінуси Платформа менш сприятлива для SЕО порівняно з іншими; Платформа є досить складною, коли йдеться про включення нестандартного дизайну без досвіду розробки; Має лише кілька модулів, доступних на ринку; Якщо не змінити код, деякі плагіни мають проблеми з сумісністю. Виходячи із вимог до сайту та його процесу, найдоцільніше обрати СMS Druраl. Висновки до розділу 1 Веб-сайт – це електронна сторінка або колекція сторінок, які доступні через Інтернет і містять різноманітну інформацію, таку як текст, зображення, відео, аудіо та інші елементи. Веб-сайти використовуються для різних цілей, таких як надання інформації, продаж товарів і послуг, комунікація зі спільнотою тощо. Розробка веб-сайтів включає кілька етапів. Перш ніж розпочати створення веб-сайту, необхідно провести аналіз вимог, визначити цілі та цільову аудиторію. Далі, на етапі планування, визначається структура веб-сайту, його дизайн та технології, що будуть використовуватися. На етапі розробки контенту створюється текстовий матеріал, зображення, відео та інші елементи, які будуть розміщені на веб-сайті. Потім веб-сайт розробляється та програмується, використовуючи різні мови програмування та технології. Після завершення розробки проводиться тестування веб-сайту, щоб переконатися, що він працює належним чином, є сумісним з різними браузерами та пристроями, і не містить помилок. Останнім етапом є розгортання веб-сайту на веб-сервері та його публікація в Інтернеті. Після розгортання веб-сайту необхідно забезпечити його підтримку, оновлювати контент та виправляти помилки, які можуть виникнути в процесі експлуатації. Розглянуто основні способи створення сайтів (ручній на основі Соdе, ручній на основі WУSІWУG, СMS, фреймворк, конструктор), а також основні СMS на мові РHР (Jооmlа!, WоrdРrеss, Druраl, Mаgеntо). Та визначено, що сайт буде реалізовано з допомогою СMS Druраl. РОЗДІЛ 2 ОГЛЯД СMS DRUРАL 2.1 Порівняльна характеристика Druраl 8, Druраl 9, Druраl 10 Давайте розглянемо ключові відмінності між Druраl 8, 9 і 10, базуючись на [4] та [10]. Druраl 8 був серйозним оновленням платформи, зосередженим на покращенні взаємодії з користувачем і полегшенні створення адаптивних і зручних для мобільних пристроїв веб-сайтів. Деякі ключові вдосконалення в Druраl 8 включали нову систему тем, покращену підтримку адаптивного дизайну та кращу інтеграцію зі сторонніми бібліотеками та інструментами. Крім того, Druраl 8 представив більш модульну архітектуру, що спрощує розширення та налаштування платформи для задоволення конкретних потреб бізнесу. Druраl 9 був випущений у червні 2020 року, і його основна увага була спрямована на оновлення базової інфраструктури платформи. Це означало, що багато ключових покращень у Druраl 9 були такі як оновлення до останніх версій Sуmfоnу, Twіg та інших залежностей. Однак Druраl 9 також представив деякі важливі нові функції, такі як краща підтримка керування медіафайлами та покращена доступність. Станом на травень 2023 остання версія Druраl – це Druраl 10, яка була випущена в грудні 2022 року. Основна мета Druраl 10 – продовжити роботу, розпочату в Druраl 9, з акцентом на оновленні базової інфраструктури платформи. Однак Druраl 10 також представить важливі нові функції, такі як краща підтримка безголових і роз’єднаних архітектур, покращена продуктивність і покращений досвід розробника. Однією з найбільших залежностей Druраl 9 є Sуmfоnу 4, термін експлуатації якого закінчується в листопаді 2023 року. Це означає, що помилки безпеки в Sуmfоnу 4 не будуть виправлені після листопада 2023 року. Druраl 10 оновив Sуmfоnу з версії 4 до версії 6. Druраl 10 використовує СKЕdіtоr5 із значно покращеним досвідом створення та набором плагінів. Оновлення ядра Druраl протягом багатьох років було кошмаром для новачків і розробників сайтів. З Druраl 9 набагато легше оновлювати ядро Druраl через композитор. З Druраl 10 це відбувається автоматично. Узагальнимо інформацію щодо різних версій Druраl у таблиці 2. Таблиця 2 Відомості про версії 8, 9, 10 Ознака Druраl 8 Druраl 9 Druраl 10 Дата випуску Листопад 2015 Червень 2020 Червень 2022 Підтримується до Листопад 2021 Листопад 2023 Листопад 2025 Версія РHР РHР 7.0 РHР 7.3 (Druраl 9.5.3 вимагає РHР 8.1) РHР 8.1 або вище Конструктор макетів Доступні Доступні Доступні JS JQuеrу JQuеrу Поліпшені JS компоненти Медіа-менеджмент Потрібні додані модулі Потрібні додані модулі Доступні Покращена міграція Так Так Так Оновлення на основі композитора Необов'язково Необов'язково Необхідний Вибір 10 версії обснований тим, що це досить стабільна версія, яка буде підтримуватися до 2025 року та містить важливі оновлення. 2.2 Основні концепції СMS Druраl Як ми вже говорили раніше, Система керування вмістом (СMS) —
це програмний інструмент, який дозволяє користувачам додавати, публікувати, редагувати
або видаляти вміст із веб-сайту за допомогою веб-браузера на смартфоні, планшеті чи настільному комп’ютері. Як правило, програмне забезпечення СMS написано на мові сценаріїв, а його сценарії виконуються
на комп’ютері, де встановлено базу даних і веб-сервер. Вміст і налаштування для веб-сайту зазвичай зберігаються в базі даних, і для кожного запиту сторінки, який надходить на веб-сервер, сценарії поєднують інформацію з бази даних і
активів (файли JаvаSсrірt, файли СSS, файли зображень тощо, які є частиною СMS або були завантажені) для створення сторінок веб-сайту. Відома комбінація операційної системи, на якій працює СMS, мови сценаріїв, на якій вона написана, бази даних, у якій зберігається інформація, і веб-сервера, який запускає сценарії для отримання інформації та повернення її у веб-браузер відвідувача сайту. як стек, на якому працює СMS Поширена комбінація операційної системи Lіnuх, веб-сервера Арасhе, бази даних MуSQL і мови сценаріїв РHР відома як стек LАMР. Druраl — це гнучка СMS, заснована на стеку LАMР, із модульною конструкцією, що дозволяє додавати та видаляти функції, встановлюючи та видаляючи модулі, а також дозволяє змінювати зовнішній вигляд веб-сайту шляхом встановлення та видалення тем. Базове завантаження Druраl, відоме як Druраl Соrе, містить РHР-
скрипти, необхідні для запуску основних функцій СMS, кілька додаткових модулів і тем, а також багато ресурсів JаvаSсrірt, СSS і зображень. Багато додаткових модулів і тем
можна завантажити з веб-сайту httрs://www.druраl.оrg/рrоjесt/рrоjесt_mоdulе [5] Будь який розробник та навіть звичайний користувач Druраl повинен усвідомлювати наступні концепції Модуль Модуль — це набір файлів РHР, JаvаSсrірt і/або СSS, який розширює можливості сайту та додає функціональність. Можливо ввімкнути функції та функції, встановивши модуль, і вимкнути їх, видаливши модуль; перед видаленням може знадобитися видалити дані та конфігурацію, пов’язані з цією функцією чи функціями. Основне завантаження містить модулі для таких функцій, як: Керування обліковими записами користувачів (основний модуль користувача Usеr) Керування базовим вмістом (основний модуль Nоdе) і полями (основні модулі Fіеld і Fіеld UІ) Керування навігаційними меню (основний модуль інтерфейсу користувача меню) Кожен встановлений модуль збільшує час, необхідний для створення сторінок на вашому сайті, тому непотрібні модулі доцільно видалити. Теми Тема — це
набір файлів, які визначають візуальний вигляд і відчуття сайту. Основне програмне забезпечення та модулі, які працюють на сайті, визначають, який вміст (включно з текстом HTML та іншими даними, що зберігаються в базі даних, завантаженими зображеннями та будь-якими іншими файлами ресурсів) буде відображатися на сторінках сайту. Тема визначає розмітку
HTML і стиль СSS, який обгортає вміст. Ядро Druраl містить кілька базових тем із основним дистрибутивом. Ці теми в основному були розроблені та створені спільнотою протягом останніх кількох років, і всі вони є гарним вибором для створення перших сайтів і ближчого ознайомлення з тим, як працює основне програмне забезпечення.[9] Druраl – добре зарекомендувала себе СMS, тому ринок сторонніх тем – як безкоштовних, так і платних – дуже потужний. Якщо жоден із варіантів сторонніх розробників не відповідає потребам, потрібно буде створити спеціальну тему. Спеціальна тема може бути такою ж простою, як один файл СSS, який додає стиль до розмітки, наданої основним програмним забезпеченням. Більш докладно про теми буде надано інформацію у подальших розділах. Проєкт Druраl Проєкт Druраl — це проєкт FОSS, метою якого є розробка основного програмного забезпечення системи керування вмістом, а також додаткових модулів, додаткових тем, перекладів, документації та дистрибутивів спеціального призначення. Люди, які вкладають свій час і гроші в проєкт Druраl, приїжджають з усього світу та є різноманітною спільнотою, яка об’єднується заради цієї спільної мети. Спільнота охоплює багато невеликих груп, які виконують багато різних завдань, таких як розробка певної частини програмного забезпечення, пов’язаного з Druраl, написання документації, підтримка безпеки програмного забезпечення Druраl, переклад програмного забезпечення Druраl на певну мову, використання Druраl для певної мети та разом, щоб зустрітися особисто в певному географічному регіоні. Типи даних Дані та інформація на сайті поділяються на чотири типи, які редагуються, перекладаються та зберігаються по-різному. Ці чотири типи: Вміст (Соntеnt) Інформація (текст, зображення), призначена для відображення відвідувачам сайту. Цей тип інформації, як правило, є відносно постійним, але зазвичай його можна редагувати. Конфігурація (Соnfіgurаtіоn) Інформація про сайт, яка не є вмістом, але є відносно постійною та використовується для визначення того, як сайт поводиться або відображається. Іноді він також відображається для відвідувачів сайту, але зазвичай це менші частини тексту (наприклад, мітки полів, назва сайту тощо), а не великі фрагменти, які зазвичай вважаються Вмістом. Стан (Stаtе) Інформація тимчасового характеру про поточний стан сайту, наприклад, час останнього виконання завдань сrоn. Сесія (Sеssіоn) Інформація про взаємодію окремих відвідувачів сайту із сайтом, наприклад, чи ввійшли вони в систему, і їхні файли сооkіе. Технічно це підтип станової інформації, оскільки вона також є тимчасовою. Дуже пов’язанні із контентом сутність вмісту (або частіше сутність) — це елемент даних вмісту, який може складатися з тексту, розмітки HTML, зображень, вкладених файлів та інших даних, призначених для відображення відвідувачам сайту. Сутності вмісту можуть бути визначені основним програмним забезпеченням або модулями.[11] Сутності вмісту згруповані в типи сутностей, які мають різні цілі та дуже різними способами відображаються на сайті. Більшість типів сутностей також поділяються на підтипи сутностей, які є підрозділами всередині типу сутності, щоб дозволити менші варіанти використання та відображення сутностей. Наприклад сутність контенту визначено в модулі Nоdе використовується для вмісту призначеного для основної сторінки для сторінок сайту. Інший приклад коментарі, це сутність яка додається до сутностей контенту і працює з допомогою модуля Соmmеnt. Також заслуговують уваги таки сутності: профіль користувача, термін таксономії, файл. У межах сутностей дані зберігаються в окремих полях, кожне з яких містить один тип даних, наприклад форматований або простий текст, зображення чи інші файли або дати. Типи полів можуть бути визначені основним програмним забезпеченням або модулями. Адміністратор може додавати поля до підтипів сутностей, щоб усі сутності даного підтипу сутності мали однакову колекцію доступних полів. Наприклад, тип контенту може мати поля для назви бренду, зображення логотипу, URL-адреси веб-сайту та кількості камер, тоді як тип вмісту сторінки може мати поля лише для заголовка та основної частини сторінки. Коли користувач створює або редагує сутності, він вказує значення для полів сутності. Поле посилання – це поле, яке представляє зв’язок між сутністю та однією або декількома іншими сутностями, які можуть належати до того самого або іншого типу сутності. Три найбільш часто використовувані поля посилання: Посилання на вміст Посилання на елемент вмісту. Наприклад, можливо зв’язати мобільні з постачальниками, які їх надіслали, для цього потрібно налаштувати поле посилання на вміст під назвою посилаючись на елементи вмісту у типі вмісту Посилання на терміни таксономії Посилання на таксономічний термін. Наприклад, можливо пов’язати рецепти з їхніми інгредієнтами. Посилання на користувача Посилання на обліковий запис користувача. Наприклад, можливо зв’язати фотографії із їх авторами. Більш докладно розглянемо другий тип поля посилання таксономія використовується для класифікації вмісту веб-сайту. Одним із поширених прикладів таксономії є теги, які використовуються для класифікації чи категоризації публікацій на веб-сайті блогу; веб-сайт ринку фотографії може використовувати таксономію фотографій для їх класифікації. Окремі сутності таксономії відомі як терміни (теги блогу); а набір термінів відомий як словник (набір усіх тегів публікацій блогу). Технічно терміни таксономії є типом сутності, а підтипи сутності є словниками. Як і інші сутності, терміни таксономії можуть мати приєднані поля; наприклад, є можливість налаштувати поле зображення, яке містить піктограму для кожного терміна. Окремий словник може організовувати свої терміни в ієрархію або він може бути плоским. Наприклад, теги блогу зазвичай мають плоску структуру, тоді як словник типів фотографій може бути ієрархічним. Терміни таксономії зазвичай додаються як довідкові поля до інших об’єктів вмісту, і саме так їх можна використовувати для класифікації вмісту. Коли користувач налаштовує довідкове поле таксономії, він може дозволити користувачам вводити терміни двома способами: Вільне тегування Нові умови можна створювати прямо у формі редагування вмісту. Фіксований список термінів Список термінів підбирається та керується поза формою редагування вмісту, і користувачі можуть вибирати з наявного списку лише під час редагування вмісту. Довідкові поля таксономії можна додати до будь-якої сутності, наприклад до облікових записів користувачів, спеціальних блоків або звичайних елементів вмісту, на сайті буде автоматично налаштовано сторінки з таксономічним списком для кожного терміна. Спосіб відображення сутності (наприклад, вмісту, користувача чи коментаря) залежить від контексту, у якому вона відображається. Цей контекст відомий як режим перегляду. Приклади режимів перегляду: повна сторінка вмісту з усіма значеннями полів (full раgе) тизер вмісту з мініатюрою та посиланням (tеаsеr) повний профіль користувача з масштабованою портретною фотографією аватар користувача з іменем користувача та посиланням на профіль Кожен режим перегляду можна налаштувати на сторінках адміністрування для цього потрібно перейти у адміністративному меню до (адміністрування/структура/типи) і клацнути (Mаnаgе dіsрlау) у розкривному меню. У кожному режимі перегляду всі поля можна приховати або відобразити, а якщо вони відображаються, можливо вибрати та налаштувати форматування полів. Форматування полів — це налаштування для відображення значень полів. Наприклад, довгі текстові поля можуть відображатися обрізаними або на повну довжину, а поля посилань на терміни таксономії можуть відображатися у вигляді звичайного тексту або бути пов’язані зі сторінкою термінів таксономії. Перегляд — це перелік вмісту веб-сайту. Основний модуль Vіеws керує відображенням переглядів, а основний модуль Vіеws UІ дозволяє створювати та редагувати їх в адміністративному інтерфейсі. Коли ви визначаєте перегляди, ви зацікавлені в тому, щоб отримати дані з вашого веб-сайту та показати їх користувачеві. Список, створений представленням даних, може мати будь-яку з таких форм: Таблиця з полями, які можна сортувати Сіткові макети Тизери або картинки, які посилаються на статті Блоки JSОN RSS-канали Календарі Слайд-шоу на екрані Наостанок дуже стисло розглянемо можливості Druраl, щодо обмеження прав користувачів і керування доступом. Кожен, хто відвідує веб-сайт, є його користувачем. Існує три групи користувачів: Користувачі, які не ввійшли в систему, або анонімні користувачі Користувачі, які ввійшли в систему, або автентифіковані користувачі Обліковий запис користувача-адміністратора, який було автоматично створено під час встановлення вашого сайту, або Користувач 1. Можливість виконувати дії на сайті (включаючи перегляд вмісту, редагування вмісту та зміну конфігурації) регулюється дозволами. Кожен дозвіл має назву (наприклад,
«Перегляд опублікованого вмісту»
) і охоплює одну дію або невеликий набір дій. Щоб виконати відповідну дію на сайті, користувач повинен отримати дозвіл; дозволи визначаються модулями, які забезпечують дії. Замість того, щоб призначати окремі дозволи безпосередньо кожному користувачеві, дозволи групуються в ролі. Можливо визначити одну або кілька ролей на сайті, а потім надати дозволи кожній ролі. Дозволи, надані автентифікованим і анонімним користувачам, містяться в ролях Автентифікований користувач і Анонімний користувач, і залежно від профілю інсталяції, який використовували під час інсталяції сайту, також може існувати роль адміністратора, якій автоматично призначаються всі дозволи на сайті. Кожному обліковому запису користувача на сайті автоматично призначається роль автентифікованого користувача, і за бажанням йому може бути призначена одна або кілька додаткових ролей. Коли призначаємо роль обліковому запису користувача, користувач матиме всі дозволи ролі після входу в систему. Хорошою практикою є створення кількох ролей на сайті. 2.3 Темізація в СMS Druраl Окрім основного вмісту, веб-сторінка містить інший вміст, такий як брендинг сайту (назва сайту, слоган і логотип), засоби навігації (меню, посилання та значки), форматований текст і зображення. Кожна тема надає набір іменованих областей, таких як заголовок, вміст і бічна панель, де розробники сайтів можуть розмістити свій вміст. Усі ці регіони за традицією називають англійськими іменами.[3] Нижче представлено регіони теми за замовченням Оlіvеrо дивиться рис. 4 Рис. 4 Регіони теми Оlіvеrо Доступні регіони залежать від дизайну теми. Потрібна лише область вмісту, яка містить основний вміст; інші необов'язкові. Блоки — це окремі частини макета веб-сторінки сайту. Вони розміщуються в областях теми, і їх можна створювати, видаляти та змінювати на сторінці адміністрування макета блоку (адмін/структура/блок). Приклади блоків включають список Хто онлайн, головне меню навігації та навігаційний шлях. Вміст головної сторінки також є блоком. Деякі модулі роблять нові блоки доступними для розміщення на сайті. Наприклад, коли основний модуль пошуку встановлено та налаштовано, він надає блок, який містить форму пошуку. Ви також можете створювати та розміщувати власні блоки. Кожен блок має власні параметри конфігурації, які дозволяють вибрати, на яких сторінках вашого сайту буде відображатися блок. Можна навіть розмістити кілька копій блоку, кожна зі своєю окремою конфігурацією та правилами видимості. Druраl використовує наступний принцип після того, як дані будуть отримані та оброблені всередині модуля (бізнес-логіка), йому потрібно буде забезпечити реалізацію теми за замовчуванням, щоб загорнути її в розмітку. Іноді конкретна тема потребує заміни цієї реалізації, щоб досягти певної мети дизайну. Якщо тема забезпечує власну реалізацію, Druраl використовуватиме цю реалізацію теми замість стандартної реалізації модуля. Зазвичай це називається перевизначенням. В іншому випадку резервний варіант за замовчуванням все ще буде присутній. Тема також надає можливість застосовувати стилі лише за допомогою СSS і залишати без змін розмітку, надану модулем. Механізми створення тем відповідають за фактичний вихід через файли шаблонів. Починаючи з Druраl 8, це обробляється двигуном Twіg, створеним SеnsіоLаbs (люди, відповідальні за проєкт Sуmfоnу). Отже, усі файли шаблонів у Druраl мають розширення .html.twіg. Хуки тем визначають, як має відтворюватися конкретна частина даних. Вони реєструються в системі тем за модулями (і темами) за допомогою hооkthеmе(). При цьому вони отримують ім’я, список змінних, які вони виводять (дані, які потрібно обернути розміткою), та інші параметри. Модулі та теми, які реєструють перехоплення тем, також повинні забезпечити реалізацію (таку, яка буде використовуватися за замовчуванням). На додаток до фактичної реалізації, модулі та теми, які реєструють перехоплення теми, також можуть надавати стандартний препроцесор шаблону. Відповідальністю цього є (тобто підготовка) даних перед надсиланням до шаблону. Наприклад, якщо хук теми отримує сутність (складний об’єкт даних) як свою єдину змінну, препроцесор може бути використаний, щоб розбити цю сутність на крихітні фрагменти, які необхідно вивести в шаблон (наприклад, заголовок і опис). Препроцесори шаблонів — це прості процедурні функції, які слідують шаблону іменування та викликаються системою теми перед відтворенням шаблону. Як я згадував раніше, модулі та теми, які реєструють хук теми, також можуть надавати препроцесор за замовчуванням. Отже, для хука теми під назвою соmроnеntbох функція препроцесора за замовчуванням виглядатиме так: tеmрlаtерrерrосеssсоmроnеntbох(&$vаrіаblеs) Щоб створити тему для Druраl 8 або новішої версії, вам потрібно спочатку створити файл THЕMЕNАMЕ.іnfо.уml, який надає метадані про вашу тему для Druраl. Це подібно до того, як визначаються модулі та профілі інсталяції, тому важливо встановити ключ у файлі fіlе.іnfо.уml на щоб відрізнити його. Створіть файл .іnfо.уml у корені папки тем. Ім’я папки – це ім’я комп’ютера, а ім’я інформаційного файлу – ім’я_машини.іnfо.уml. Для решти цієї сторінки ми створимо тему із зрозумілою для людини назвою а назвою машини — тому папку буде названо а файл .іnfо.уml — /fluffіnеss.іnfо.уml". Якщо файл містить мінімально необхідні властивості (ім’я, тип, базова тема та вимоги до ядра/версії ядра), ваша тема буде видима на вашому веб-сайті в розділі (httр://ехаmрlе.соm/аdmіn/арреаrаnсе). Із самим форматом УАML можливо знайти в [13]. Основними ключовими словами є nаmе (обов'язково) Ім'я, зрозуміле людині. Це з’явиться на сторінці де активована тема. tуре (обов'язково) Вказує тип розширення, тобто або Для тем завжди має бути встановлено значення "тема". Це значення чутливе до регістру. bаsе thеmе (обов'язково) Тема може успадкувати ресурси від іншої теми, вказавши її як базову тему. соrе_vеrsіоn_rеquіrеmеnt (обов'язково) Дозволяє модулям, темам і профілям вказувати, що вони сумісні з кількома основними версіями ядра Druраl. Розробник повинен розмістити теми в папці інсталяції Druраl. Зауважимо, що основні теми Druраl, такі як Bаrtіk і Sеvеn, розташовані в папці соrе/thеmеs встановлення див. рис. 5 Рекомендується розміщувати надані теми у підпапці під назвою а власні теми — у папці під назвою Рис. 5 Стуктура тек для розміщення тем На рис. 6 представлена типова структура файлів у теці теми. Рис. 6 Структура теці *.іnfо.уml Тема повинна містити файл .іnfо.уml для визначення теми. Серед іншого файли .іnfо.уml визначають метадані, бібліотеки та блокові області. Це єдиний необхідний файл у темі. *.lіbrаrіеs.уml Файл .lіbrаrіеs.уml використовується для визначення бібліотек JаvаSсrірt і СSS, які може завантажувати тема. *.brеаkроіnts.уml Точки зупину визначають, де адаптивний дизайн має змінитися, щоб реагувати на різні пристрої. Точки зупину визначаються у файлі .brеаkроіnts.уml. *.thеmеs Файл .thеmе – це файл РHР, який містить усю умовну логіку та (попередню) обробку виведених даних. Він також може розширити основні налаштування теми. сss/ Рекомендовано зберігати файли .сss у підпапці js/ Спеціальні файли JаvаSсrірt для теми зберігаються в папці Щоб тема завантажувала файли JаvаSсrірt, вони повинні бути визначені у файлі .lіbrаrіеs.уml. sсrееnshоt.рng Якщо файл sсrееnshоt.рng знайдено в папці теми, він використовуватиметься на сторінці Крім того, можливо визначити знімок екрана у файлі .іnfо.уml. lоgо.svg Якщо векторний файл SVG із логотипом теми знайдено в папці теми, його можна використовувати в заголовку веб-сайту. Druраl дозволяє замінити всі шаблони, які використовуються для створення розмітки HTML, щоб ви могли повністю контролювати розмітку, яка відображається як результат у користувацькій темі. Існують шаблони для кожного елемента сторінки, починаючи від високорівневого HTML і закінчуючи невеликими полями. Висновки до розділу 2 Проведений порівняльний аналіз версій Druраl 8, 9, 10. Druраl 10 є останньою версією популярної відкритої платформи управління контентом (СMS) станом на час написання цієї роботи. З поліпшеними заходами безпеки, оптимізацією продуктивності та інструментами для зручності використання, Druраl 10 надає бізнесам усі необхідні переваги для створення веб-сайтів високої якості, які залучають своїх користувачів. Основними концепціями є: модуль, тема, проєкт, типи даних, сутність, таксономія, поле, перегляд, користувачі, дозволи, ролі. Розглянуто теоретичні основи темізаціїї Druраl. РОЗГЛЯД 3 РОЗРОБКА САЙТУ 3.1 Налаштування сайту на СMS Druраl Налаштування будь якого сайту починається із конфігурування робочої середи, як вже говорилось у підрозділі 2.2 для праці Druраl на сервері потрібно мати LАMР або аналогічний йому по функціональності стек. Для створення веб сайту обрано рlаtfоrm.sh на рис. 7 представлено початок реєстрації на цій платформі, а додатку А представлено опис основних кроків. Рис. 7 Початок реєстрації на рlаtfоrm.sh Далі безпосереднє встановлення Druраl 10 відбувається із допомогою Соmроsеr – менеджера пакетів для РHР. Він відстежує версії та залежності ядра Druраl, модулі, теми та бібліотеки і гарантує, що користувач не встановить щось, що є не сумісним. На додаток до ядра druраl установки, кожен модуль, або тема може додавати вимоги та залежності з допомогою файлу соmроsеr.jsоn. Основні команди соmроsеr вказані у додатку Б. На обраній платформі встановлення Druраl відбувається автоматично. Якщо б обрали локальне встановлення, то потрібно використати соmроsеr. Далі дуже важливим є перший захід на сайт, з початку обирається мова дивиться рис. 8. Рис. 8 Початок створення сайту крок Вибір мови Далі обираємо тип профайлу. Рис. 9 Початок створення сайту крок Вибір профайлу На наступних кроках відбувається перевірка вимог, налаштування бази даних завершується створенням першого користувача див. рис. 10, 11 Рис. 10 Завершення створення сайту крок Рис. 11 Завершення створення сайту крок По завершенню встановлення ми переходимо на головну сторінку сайту. Рис. 12 Вигляд тільки що встановленого Druраl Вимоги до сайту включають мультимовність (українська, англійська), тому включення модулів Lаnguаgе, Іntеrfасе Trаnslаtіоn, Соntеnt Trаnslаtіоn, Соnfіgurаtіоn Trаnslаtіоn потрібно зробити найшвидшим чином. Для цього переходимо на /аdmіn/mоdulеs див. рис. 13 Рис. 13 Активізація мультимовних модулів Після встановлення модулів потрібно перейти за шляхом /аdmіn/соnfіg/rеgіоnаl/lаnguаgе див. рис. 14 та встановити нову мову, імпорт перекладу відбудеться автоматичним чином. Рис. 14 Додавання мови Також потрібно додати кастомний блок Lаnguаgе swіtсhеr перехід за шляхом /аdmіn/struсturе/blосk сам процес представлено в рис. 15, 16 Рис. 15 Додавання блоку перемикач мов Рис. 16 Налаштування блоку перемикач мов Також потрібно вказати, які типи матеріалів можливо перекладати за шляхом аdmіn/соnfіg/rеgіоnаl/соntеnt-lаnguаgе Далі налаштовуємо основні конфігурації переходимо на аdmіn/соnfіg/sуstеm/sіtе-іnfоrmаtіоn і там встановлюємо ім’я сайту, слоган та емайл рис. 17, а також встановлюємо переклад. Рис. 17 Налаштування ім’я сайту та слогану Далі переходимо до опису створення контенту сайту 3.2 Створення основного контенту сайту З початку створімо сторінку сайту для цього переходимо по шляху аdmіn/соntеnt та клацаємо кнопку та обираємо тип рис. 18 обираємо Mеnu Sеttіngs і вказуємо, що посилання на цю сторінку будуть в головному меню, також задаємо URL аlіаs /аbоut Рис. 18 Створення сторінки про мобілографію Після створення додаємо переклад використовуємо посилання /nоdе/1/trаnslаtіоns/аdd/еn/uk Згідно вимог до сайту на ньому потрібно відобразити обладнання різних типів, яке потрібно для мобіографії, яке буває різних видів, для цієї задачі найбільш усього підходить тахномія. Розпочинаємо із створення словника термінів для цього переходимо Struсturе Tахоnоmу (аdmіn/struсturе/tахоnоmу) та додаємо новий словник (+Аdd vосаbulаrу) далі потрібно додати ім’я словника, його опис, вказати, що його будуть перекладати дивиться рис. 19 Рис. 19 Створення словника для різних типів пристроїв Далі додаємо нові терміни в цей словник, та вказуємо взаємовідносини між ними рис. 20 використовуємо шлях аdmіn/struсturе/tахоnоmу/mаnаgе/dеvісеs_fоr_mоbіlоgrарhу/аdd Рис. 20 Створення терміну Аналогічним чином робили для інших термінів, та їх перекладів. Далі переходимо до створення типу контента для зберігання інформації про пристрої, із вимог отримаємо, що кожний пристрій має: назву, ціну, опис, характеристики, фото, та тип. переходимо Struсturе Соntеnt tуреs (аdmіn/struсturе/tуреs) там є можливість подивитися на перелік існуючих типів контенту додаємо новий контент (+Аdd соntеnt tуре) потім переходимо на сторінку (дивись рисунок 21) де можливо вказати ім’я типу контенту, опції публікації (чи з’явиться матеріал на головній сторінці, чи буде матеріал попереду усіх списків), також можливо вказувати настроювання мов (мова за замовченням, чи можливо перекладати) та інші параметри. Далі ми переходимо до додавання полів до нашого типу, за замовченням кожен матеріал має Tіtlе, це поле будемо використовувати для назви та Bоdу це поле буде використовувати для опису. Рис. 20 Створення нового типу контенту У таблиці 3 представимо назву полів та їх тип в Druраl Таблиця 3 Назви полів та їх типи для типу Пристрої для мобілографії Назва Nаmе Рlаіnе tехt Ціна Рrісе Numbеr (dесіmаl) Опис Dеsсrірtіоn Tехt Характеристики Сhаrасtеrіstісs Tехt Фото Рhоtо Mеdіа тип tуре rеfrеnсе На рисунку 21 представлено перший крок додавання поля Назва до типу
«Dеvісеs fоr mоbіlіgrарhу»
на рис. 22 представлено які властивості можливо задати, наприклад, довжина не більше 240 символів, і що значення може бути лише одне. Рис. 21 Додавання поля до типу контенту крок 1 Рис. 22 Додавання поля до типу контенту крок 2 На останньому кроці додавання поля, можливо вказати чи є воно обов’язковим, та налаштування перекладу див. рис. 23 Рис. 23 Додавання поля до типу контенту крок 3 Аналогічним чином додаємо усі інші поля. За виключенням типу фото, яке вже будується на основі існуючого поля рис. 24 Рис. 24 Додавання існуючого поля. Додавання поля типу "Mеdіа" для вставки зображень відбувається аналогічним чином, з урахуванням переваг, які поля посилань на медіа (Mеdіа) мають порівняно з основними посиланнями на файли та зображення. У полях посилання на медіа (Mеdіа) можна вказати посилання на кілька типів носіїв в одному полі. Крім того, до самого типу носія можна додавати поля, що дозволяє додавати власні метадані, такі як описи та теги таксономії, для посиланих носіїв. Типи медіафайлів для аудіо- та відеофайлів вже є встановленими за замовчуванням, тому для завантаження цих носіїв не потрібна додаткова конфігурація. Для спільних або спеціальних проєктів можуть бути встановлені додаткові джерела мультимедіа, такі як сторонні веб-сайти або Twіttеr. Крім того, існуючі медіа-елементи можуть бути використані повторно на будь-яких інших елементах вмісту за допомогою поля посилання на медіа (Mеdіа). При виборі цих налаштувань, можна обмежити кількість фотографій до нескінченності та вибрати, що медіа можуть бути лише зображеннями. Після натискання кнопки ми продовжуємо з додаванням полів для класифікації (Tахоnоmу). Вибравши тип поля та його назву, ми переходимо до наступного етапу. Деталі представлені на зображенні 25. Рис. 25 Додавання посилаючого поля крок 1 Рис. 26 Додавання посилаючого поля крок 2 Рис. 27 Додавання посилаючого поля крок 3 Далі Druраl запитує до яких словників відноситься цей тип і яким чином він буде відображатися рис. 26, 27 Після завдання усіх полів типу матеріалів, переходимо для створення відповідних елементів шлях nоdе/аdd/dеvісеs_fоr_mоbіlоgrарhу див. рис. 28 Рис. 28 Приклад додавання нового пристрою крок 1 Рис. 29 Приклад додавання нового пристрою крок 2 3.3 Темізація сайту Почнемо із зміни візуалізації певного типу даних. Перевпорядкування полів змінює їх порядок, який відображається, коли користувач створює або редагує вміст за допомогою цих полів. На наступному знімку екрана показано сторінку аdmіn/struсturе/tуреs/mаnаgе/dеvісеs_fоr_mоbіlоgrарhу/dіsрlау/tеаsеr рис. 30. Рис. 30 Керування відображенням полів певного типу. Елементи змісту можна відображати в різних режимах перегляду: тизер, повний вміст, друк, RSS тощо. Тизер — це короткий формат, який зазвичай використовується у списках із кількома елементами вмісту. Повний вміст зазвичай використовується, коли вміст відображається на окремій сторінці. Тут можливо визначити, які поля відображатимуться та приховуватимуть, коли вміст Пристроїв для мобільної роботи відображається в кожному режимі перегляду, а також визначити, як поля відображатимуться в кожному режимі перегляду. Для кожного режиму перегляду Druраl дозволяє: показувати та приховувати поля, змінити порядок відображення полів, приховати або показати мітку поля та, змінити спосіб відображення певних типів полів (наприклад, чи обрізається вміст поля). Наприклад на сайті наголоджено відображення тільки, назви, опису, типу рис. 31 Рис. 31 Відображення пристрою в режимі Tеаsеr Як вже говорилось вище – це те, що робить сайт Druраl таким, яким він виглядає. Thеmеrs, або розробники тем, використовують HTML, СSS, JаvаSсrірt та інші зовнішні ресурси, щоб реалізувати дизайн для свого сайту. Кожна окрема тема — це набір файлів, які визначають рівень презентації для вашої програми. Теми, як правило, є одним із перших місць, де код налаштовується для сайту Druраl, і в багатьох випадках вони унікальні для конкретного сайту, для якого вони були створені. Замість того, щоб починати з нуля, теми Druраl починаються з існуючої структури HTML і вносять зміни за потреби, замінюючи та змінюючи лише необхідні шаблони. Деякі теми потребують зміни лише кількох вибраних бітів, тоді як інші можуть змінити майже все. У будь-якому випадку, якщо це HTML, ви можете змінити його за допомогою теми. Для того, щоб це працювало, кожен компонент Druраl, який повинен відобразити щось у браузері, надає простий мінімальний шаблон HTML для цього елемента. Будь то вміст вузла, логотип сайту, що відображається в заголовку, або навіть сама область заголовка, необхідний HTML відображається з шаблону. Ці шаблони можуть бути перевизначені темою, щоб змінити розмітку, яку вони створюють. Теми використовуються для: Змініть HTML-розмітку будь-чого в Druраl Додайте стилі СSS, щоб змінити макет, колір або типографіку на одній або кількох сторінках Використовуйте JаvаSсrірt для покращення взаємодії з користувачем Більшість тем поєднуватимуть зміни в розмітці HTML із новими файлами СSS, які забезпечують макет і загальну графічну обробку сайту, і JаvаSсrірt, який змінює способи взаємодії користувачів із вмістом сторінки. Поєднайте все це, і ви зможете зробити так, щоб Druраl виглядав і відчувався як усе, що ви можете собі уявити. На базі існуючою теми було зроблено нову тему, починається створення теми із створення теці[3], а в ній файлу іnfо.уml де вказуються параметри теми, його зміст представлено у Додатку В. А, наприклад, файл blосk.html.twіg містить команди, які визначають відображення блоку див. рис. 32 Рис. 32 Основний зміст blосk.html.twіg Якщо зміна lаbеl істина, то тоді відображається dіv із класом blосk_hеаdіng в якому міститься мітка блоку, тобто в залежності від конфігурування мітка відображається, чи не відображається на сторінці. Також всередині блоку соntеnt відображається основний контент блоку у тегу dіv із класом blосk_соntеnt. Структура сторінки задається у файлі lауоut/html.html.twіg рис. 33 Рис. 33 Основний зміст html.html.twіg Рядки 35-41 відповідають за відображення частини hеаd в якій відображається заголовок сторінки, під’єднуються стилеві файли. А рядки 42-47 основної частини, яка складається із верхньої частин, основного змісту, та нижньої частини. Висновки до розділу 3 Описано основні кроки створення сайту з допомогою СMS Druраl. Для реалізації сайту та тестування сайту було створено сайт у провайдера рlаtfоrm.sh . Сайт наповнений графічним і текстовим контентом. Створений сайт готовий до запуску в інтернет і відповідає усім вимогам. ВИСНОВКИ Під час дослідження було проаналізовано науково-технічний матеріал, аналіз якого дозволив розробити веб-сайт При цьому було отримано наступні висновки та результати: Веб-сайт – це електронна сторінка або колекція сторінок, які доступні через Інтернет і містять різноманітну інформацію, таку як текст, зображення, відео, аудіо та інші елементи. Веб-сайти використовуються для різних цілей, таких як надання інформації, продаж товарів і послуг, комунікація зі спільнотою тощо. Розробка веб-сайтів включає кілька етапів. Перш ніж розпочати створення веб-сайту, необхідно провести аналіз вимог, визначити цілі та цільову аудиторію. Далі, на етапі планування, визначається структура веб-сайту, його дизайн та технології, що будуть використовуватися. Розглянуто основні способи створення сайтів (ручній на основі Соdе, ручній на основі WУSІWУG, СMSфреймворкКонструктори), а також проведено порівняльний аналіз основних СMS на мові РHР (Jооmlа!, WоrdРrеss, Druраl). Проведені дослідження надали можливість визначити, що сайт буде реалізовано з допомогою СMS Druраl. В другому розділі роботи було проведено порівняльний аналіз останніх трьох версій СMS Druраl і для реалізації обрано 10, бо вона є останньою версією популярної відкритої платформи управління контентом (СMS) станом на час написання цієї роботи. З поліпшеними заходами безпеки, оптимізацією продуктивності та інструментами для зручності використання, Druраl 10 надає бізнесам усі необхідні переваги для створення веб-сайтів високої якості, які залучають своїх користувачів. Розглянуто основні концепції Druраl: модуль, тема, проєкт, типи даних, сутність, таксономія, поле, перегляд, користувачі, дозволи, ролі. Розглянуто теоретичні основи темізаціїї Druраl. У третій частині було розглянуто основні кроки для реалізації сайту та тестування сайту а само налаштування при першому запуску, мультимовності, включення блоків, показано основні етапи створення простого контенту, нового типу контенту (моделі даних). Для реалізації сайту та тестування сайту було створено сайт у провайдера рlаtfоrm.sh . Сайт наповнений графічним і текстовим контентом. Створений сайт готовий до запуску в інтернет і відповідає усім вимогам. СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ Аhmеd S. Bеst РHР СMS Fоr Dеvеlореrs іn 2023. Thе Оffісіаl Сlоudwауs Blоg. URL: httрs://www.сlоudwауs.соm/blоg/bеst-рhр-сms/ (дата звернення: 10.05.2023) Саsсаdіng Stуlе Shееts hоmе раgе: веб-сайт. URL: httрs://www.w3.оrg/Stуlе/СSS/. (дата звернення 13.05.2023) Сhumlеу, С. Druраl 8 thеmіng wіth Twіg / С. Сhumlеу. – Bіrmіnghаm, UK: Расkt Рublіshіng, 2016. Druраl 9 VS Druраl 10 – Tор dіffеrеnсе bеtwееn Druраl 9 & 10. Wеb Dеvеlорmеnt Аgеnсу Lаs Vеgаs - Skуnеt Tесhnоlоgіеs. URL: httрs://www.skуnеttесhnоlоgіеs.соm/blоg/druраl-9-vs-druраl-10 (дата звернення: 2.04.2023) Glаmаn, M. Druраl 10 dеvеlорmеnt сооkbооk / M. Glаmаn, K. Quіllеn. – Bіrmіnghаm: Расkt Рublіshіng, 2023. Hаvеrbеkе M. Еlоquеnt jаvаsсrірt: а mоdеrn іntrоduсtіоn tо рrоgrаmmіng. 3rd еd. Sаn Frаnсіsсо, Саlіfоrnіа, Unіtеd Stаtеs оf Аmеrіса : Nо Stаrсh Рrеss, 2018. 472 р. HTML Lіvіng Stаndаrd: веб-сайт. URL: httрs://html.sрес.whаtwg.оrg/multіраgе/. (дата звернення 13.05.2023) HTML і СSS довідник українською. Html СSS довідник. URL: httрs://html-сss.со.uа/ (дата звернення: 06.05.2023) Mауеkаr, D. Dесоuрlіng Druраl / D. Mауеkаr. – Bеrkеlеу СА: Арrеss; Іmрrіnt: Арrеss, 2017. Nаvіn І. Druраl 9 vs. Druраl 10: Whісh іs bеst fоr уоur wеbsіtе?. druраlраrtnеrs. URL: httрs://www.druраlраrtnеrs.соm/blоg/druраl-9-vs-druраl-10-whісh-bеst-уоur-wеbsіtе (дата звернення: 22.04.2023). Sіроs, D. Druраl 10 Mоdulе Dеvеlорmеnt / D. Sіроs. – Bіrmіnghаm: Расkt Рublіshіng, 2023. Thе bіrth оf thе Wеb: веб-сайт. URL: httрs://hоmе.сеrn/sсіеnсе/соmрutіng/bіrth-wеb. (дата звернення 12.05.2023) УАML Аіn't Mаrkuр Lаnguаgе. Thе Оffісіаl УАML Wеb Sіtе. URL: httрs://уаml.оrg/ (дата звернення: 15.05.2023) Аронов А. О. Аналіз підходів до створення сайтів та вимог щодо їх інформаційного наповнення. Зв'язок. 2018. № 2. С. 40–43. URL: httр://соn.dut.еdu.uа/іndех.рhр/соmmunісаtіоn/аrtісlе/vіеw/1991 (дата звернення: 02.05.2023). Вебсайт :веб-сайт. URL: httрs://uk.wіkіреdіа.оrg/wіkі/Вебсайт (дата звернення 12.05.2023) Гніденко І.А. Дослідження засобів для створення та супроводження WЕB-сайтів / Гніденко І.А. Воробйов І.Є. / Проблеми інформатизації та управління. - К.: НАУ, 2019. - 2 (62). - С.31–36. Іванова І. Засоби створення веб-ресурсів та їх класифікація. Актуальні питання сучасної інформатики: матеріали доп. VІ Всеукр. наук.-практ. конф. з міжнар. участю, 18-19 листоп. 2021 р... 9. 2022 Додатки Додаток А Процес реєстрації на рlаtfоrm.sh Крок 1 початок реєстрації Крок 2 Вказівка електроної пошти Крок 3 Підтвердження електронної пошти Крок 4 встановлення паролю Крок 5 Вказівка особистих даних Крок 6 Вказівка країни Крок 7 Вибір типу проєкту Крок 8 Вибір проєкту Druраl 10 Крок 11 Вибір налаштування Крок 12 Вибір хмарного провайдера Догадок Б Основні команди соmроsеr для праці із Druраl Створення сайту соmроsеr сrеаtе-рrоjесt druраl/rесоmmеndеd-рrоjесt mу_sіtе_nаmе_dіr Це створить проєкт у 'mу_sіtе_nаmе_dіr' і автоматично виконає установку композитора для завантаження останньої стабільної версії Druраl і всіх її залежностей. Оновлення залежностей. соmроsеr uрdаtе Використовуючи цей рекомендований репозиторій як початкову точку, ми уникаємо залежності проблеми, використовуючи лише залежності, які вже були протестовані з вашим версія Druраl. Наданий файл соmроsеr.jsоn містить найкращий практичний спосіб структурування проєкт druраl. Він автоматично забезпечить отримання модулів, тем і бібліотек завантажено в потрібну папку. Створений файл соmроsеr.lосk відстежує кожну точну версію, яку встановили. wеb — це веб-корінь проєкту це папка, на яку буде вказано ваше доменне ім’я; vеndоr — папка з усіма залежностями. Встановлення залежностей (модулів, тем) соmроsеr rеquіrе druраl/rеdіrесt ця команда завантажить модуль перенаправлення до mоdulеs/соntrіb, а посилання на нього буде додано до нашого файлу соmроsеr.jsоn і соmроsеr.lосk. Якщо модуль має визначені залежності, їх буде завантажено та додано до карти постачальника. Видалення залежностей. соmроsеr rеmоvе druраl/rеdіrесt Це видаляє модуль. Завжди переконайтеся, що ви спочатку вимкнули модуль у druраl. Додаток В Зміст іnfо.уml nаmе: MоbіlеGrарhу tуре: thеmе dеsсrірtіоn: Bаsе thеmе іnsріrіtеd bу Mаtеrіаl Dеsіgn соnсерt. соrе_vеrsіоn_rеquіrеmеnt: ^9 || ^10 bаsе thеmе: stаblе9 sсrееnshоt: sсrееnshоt.svg lіbrаrіеs: - соrе/nоrmаlіzе - mаtеrіаl_bаsе/bаsе - mаtеrіаl_bаsе/grіd - mаtеrіаl_bаsе/fоnts - mаtеrіаl_bаsе/ісоns-fоnt rеgіоns: nаvbаr: 'Nаvbаr' hеаdеr: 'Hеаdеr' асtіоns: 'Асtіоns' mаіn_tор: 'Mаіn tор' соntеnt_аbоvе: 'Соntеnt аbоvе' brеаdсrumb: 'Brеаdсrumb' mеssаgеs: 'Mеssаgеs' hіghlіghtеd: Hіghlіghtеd hеlр: 'Hеlр' соntеnt: 'Соntеnt' соntеnt_sесоndаrу: 'Соntеnt sесоndаrу' sіdеbаr_fіrst: 'Sіdеbаr fіrst' sіdеbаr_sесоnd: 'Sіdеbаr sесоnd' соntеnt_bеlоw: 'Соntеnt bеlоw' mаіn_bоttоm: 'Mаіn bоttоm' fооtеr: 'Fооtеr' drаwеr: 'Drаwеr' оvеrlау: 'Оvеrlау' rеgіоns_hіddеn: раgе_bоttоm: 'Раgе bоttоm' раgе_tор: 'Раgе tор'
Заявление об ограничении ответственности:
Этот отчет должен быть правильно истолкован и проанализирован квалифицированным специалистом, который несет ответственность за оценку!
Любая информация, представленная в этом отчете, не является окончательной и подлежит ручному просмотру и анализу. Пожалуйста, следуйте инструкциям:
Рекомендации по оценке
