ChSTU repository
ChSTU repository preserves and enables easy and open access to all types of digital content including text, images, moving images, mpegs and data sets
Learn More
Please use this identifier to cite or link to this item:
https://er.chdtu.edu.ua/handle/ChSTU/8671Full metadata record
| DC Field | Value | Language |
|---|---|---|
| dc.contributor.advisor | ТАЗЕТДІНОВ, Валерій | - |
| dc.contributor.author | СВЕРДЛІЧЕНКО, Віталій | - |
| dc.date.accessioned | 2026-03-15T18:31:34Z | - |
| dc.date.available | 2026-03-15T18:31:34Z | - |
| dc.date.issued | 2023 | - |
| dc.identifier.uri | https://er.chdtu.edu.ua/handle/ChSTU/8671 | - |
| dc.description.abstract | Враховуючи розвиток сучасного суспільства та інтерес до східної філософії, яка базується на принципах даосизму та саморозвитку, можна зробити висновок, що створення електронного каталогу україномовних новел є надзвичайно актуальною і перспективною ідеєю. В умовах, коли іншомовні ресурси займають домінуюче положення у світі літературних новин, важливо підтримати та розвивати українську мову та культуру через новаторські засоби. Такий електронний каталог може стати важливим кроком у забезпеченні доступу до вишуканих творів, сприяючи їх популяризації та сприяючи гармонійному самовдосконаленню читачів у контексті східних цінностей. Отже, важливість і актуальність розробки електронного каталогу новел на українській мові стає необхідною у сучасному культурному та інформаційному просторі. Розглядом даного питання в різний час займалися вітчизняні та зарубіжні вчені В. Джоунс, Д. Кінг, Дж. Коул, Д. Куртіс, Н. Кушнаренко, І. Павлуша, М. Сорока, Ю. Столяров та інші. Мета магістерської роботи – розробка рекомендацій для створення і ефективного впровадження електронного каталогу. А також вибір оптимального шляху для вирішення поставленого завдання. Об'єкт дослідження – електронні каталоги, методи та технології їх створення і наповнення. Предмет дослідження – процеси, що відбуваються в електронних каталогах і впливають на ефективність електроного каталогу. Наукова новизна - автором обґрунтовуються теоретичні положення і визначаються практичні рекомендації для створення електронного каталогу української літератури. Загальні висновки, отримані в результаті цієї кваліфікаційної роботи, підкреслюють важливість створення електронного каталогу новел 5 українською мовою для розвитку та популяризації східної літератури. Мета роботи була досягнута завдяки виконанню конкретних завдань, таких як огляд сучасної української літератури, аналіз існуючих ресурсів та визначення потреб користувачів Проведений аналіз вказує на великий дефіцит електронних ресурсів для новел українською мовою в порівнянні з іншими мовами. Створення електронного каталогу є важливим кроком для забезпечення доступу до цінної літературної спадщини східних країн, сприяючи її вивченню та розумінню. Практичний аспект роботи включав в себе розробку функціоналу електронного каталогу, з урахуванням вимог та потреб потенційних користувачів. Застосування технічних аспектів, таких як моделювання та оптимізація, дозволило досягти ефективного результату. Основним внеском у розвиток електронного каталогу новел стала концепція безпосереднього доступу до літературних творів без посередника, що забезпечує зручність та ефективність взаємодії користувача з ресурсом. Враховуючи все це, можна стверджувати, що створення електронного каталогу новел українською мовою є актуальною та перспективною ініціативою, яка відповідає потребам читацької аудиторії та сприяє розширенню знань про культурні та літературні досягнення східних країн. | uk_UA |
| dc.title | Дослідження та синтез електронного каталогу книг із навігаційними функціями та онлайн редактором | uk_UA |
| dc.type | Master Thesis | uk_UA |
| Appears in Collections: | 123 Комп’ютерна інженерія (Системне програмування) | |
Files in This Item:
| File | Description | Size | Format | |
|---|---|---|---|---|
| 1_ТИТУЛКА_Свердліченко_ДРУК-merged.pdf Restricted Access | 2.03 MB | Adobe PDF | View/Open Request a copy |
Items in DSpace are protected by copyright, with all rights reserved, unless otherwise indicated.
Extracted text
МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ ЧЕРКАСЬКИЙ ДЕРЖАВНИЙ ТЕХНОЛОГІЧНИЙ УНІВЕРСИТЕТ ФАКУЛЬТЕТ ІНФОРМАЦІЙНИХ ТЕХНОЛОГІЙ І СИСТЕМ КАФЕДРА ІНФОРМАЦІЙНОЇ БЕЗПЕКИ ТА КОМП’ЮТЕРНОЇ ІНЖЕНЕРІЇ Пояснювальна записка до кваліфікаційної роботи магістра на тему: «Дослідження та синтез електронного каталогу книг із навігаційними функціями та онлайн редактором» ЧДТУ. 232277.005 ПЗ Виконав: студент 2 курсу, групи МСП-2206 спеціальності 123 – Комп’ютерна інженерія за освітньою програмою – Системне програмування Віталій СВЕРДЛІЧЕНКО Керівник к.т.н., доцент, Валерій ТАЗЕТДІНОВ Н. контроль Світлана ГРЕСЬКО Рецензент к.т.н., доцент Марія ЗАХАРОВА «ЗАХИСТ ДОЗВОЛЯЮ» Завідувач кафедри ІБ та КІ д.т.н., професор ___________ Віра БАБЕНКО Черкаси 2023 року Форма № Н-9.01 Черкаський державний технологічний університет Факультет інформаційних технологій і систем Кафедра інформаційної безпеки та комп‘ютерної інженерії Освітньо-кваліфікаційний рівень Магістр Спеціальність 123 – Комп’ютерна інженерія Освітня програма Системне програмування «ЗАТВЕРДЖУЮ» Завідувач кафедри _____ Володимир РУДНИЦЬКИЙ «10» жовтня 2023 року ЗАВДАННЯ на кваліфікаційну роботу магістра студенту Свердліченку Віталію Андрійовичу (прізвище, ім‘я, по батькові) 1. Тема роботи Дослідження та синтез електронного каталогу книг із навігаційними функціями та онлайн редактором Керівник роботи к.т.н., доцент, Тазетдінов Валерій Абударович (прізвище, ім’я, по батькові, науковий ступінь, вчене звання) затверджені наказом університету від «06» жовтня 2023 р. № 267/04 2. Строк подання студентом роботи 3. Вихідні дані до роботи: 1. Середовище розробки – Visual Studio. 2. Об'єкт дослідження: Електронні каталоги, методи та технології їх створення і наповнення. 3. Методологія: Аналіз, дослідження, зібрання та аналіз даних 4. Результати: порівняльний аналіз, ознайомлення з літературою, виявлення тенденцій 5. Використані інструменти: React, MUI, VS code, Google Chrome. 4. Зміст розрахунково-пояснювальної записки (перелік питань, що їх належить розробити): Вступ Розділ 1 Ретроспектива предметної області та аналіз актуальності проведених досліджень Розділ 2 Дослідження електронного каталогу книг Розділ 3 Синтез електронного каталогу книг з навігаційними функціями та онлайн редактором Висновки Список використаних джерел 5. Перелік графічного матеріалу (з точним зазначенням обов’язкових креслень, плакатів): 6. Консультанти розділів роботи Підпис, дата Розділ Прізвище, ініціали та посада завдання видав завдання прийняв консультанта 7. Дата видачі завдання 10 жовтня 2023 року КАЛЕНДАРНИЙ ПЛАН № з/п Назва етапів кваліфікаційної роботи магістра Строк виконання етапів роботи Примітка 1 Збір матеріалу 03.09 – 30.09 виконано 2 Обробка матеріалу 01.10 – 11.10 виконано 3 Обґрунтування актуальності виконання виконано досліджень 12.10 .- 15.10 4 Оцінка стану проблеми, виокремлення виконано дослідницьких задач, постановка задачі 16.10 - 18.10 дослідження 5 Викладання сутності і результатів дослідження 19.10 - 06.11 виконано 6 Практичне застосування результатів 06.11 - 16.11 виконано дослідження 7 Оформлення результатів в пояснювальну записку 17.11 -27.11 виконано 8 Подання роботи на відгук та рецензування 28.11 виконано Студент-магістрант ____________________________ Віталій СВЕРДЛІЧЕНКО (підпис) Керівник роботи _____________________________ Валерій ТАЗЕТДІНОВ (підпис) 2 ЗМІСТ ВСТУП.....................................................................................................................4 РОЗДІЛ 1 РЕТРОСПЕКТИВА ПРЕДМЕТНОЇ ОБЛАСТІ ТА АНАЛІЗ АКТУАЛЬНОСТІ ПРОВЕДЕНИХ ДОСЛІДЖЕНЬ.......................................6 1.1 ОГЛЯД КАТАЛОГІВ ТА ЇХНІ ВИДИ ...............................................................6 1.2 РОЗВИТОК ЕЛЕКТРОННИХ КАТАЛОГІВ......................................................11 1.3 СПЕЦИФІКА САЙТІВ ТА ПОШУКОВИХ СИСТЕМ.........................................13 1.4 РЕЗУЛЬТАТИ ПРОВЕДЕНОГО ДОСЛІДЖЕННЯ ТА АНАЛІЗУ ......................... 19 1.5 ВИСНОВКИ ДО РОЗДІЛУ 1.........................................................................21 РОЗДІЛ 2 ДОСЛІДЖЕННЯ ЕЛЕКТРОННОГО КАТАЛОГУ КНИГ ......23 2.1 ЗАГАЛЬНИЙ АНАЛІЗ КАТАЛОГУ КНИГ.......................................................23 2.2 ДОСЛІДЖЕННЯ ТА АНАЛІЗ АНАЛОГІВ.......................................................28 2.3 ВИЗНАЧЕННЯ ОПТИМАЛЬНОГО ПІДХОДУ ДО СТВОРЕННЯ ЕЛЕКТРОННОГО КАТАЛОГУ......................................................................................................36 2.4МАТЕМАТИЧНА МОДЕЛЬ ЕЛЕКТРОННОГО КАТАЛОГУ КНИГ.....................38 2.5 ВИСНОВКИ ДО РОЗДІЛУ 2.........................................................................39 РОЗДІЛ 3 СИНТЕЗ ЕЛЕКТРОННОГО КАТАЛОГУ КНИГ З НАВІГАЦІЙНИМИ ФУНКЦІЯМИ ТА ОНЛАЙН РЕДАКТОРОМ.........41 3.1. ВИБІР МОВИ ПРОГРАМУВАННЯ ТА ФРЕЙМВОРКІВ...................................41 3.2 ВИБІР БІБЛІОТЕК ДЛЯ СТВОРЕННЯ КАТАЛОГУ ..........................................43 3.3 ВИБІР СЕРЕДОВИЩА РОЗРОБКИ ................................................................45 3.4 СИСТЕМА КОНТРОЛЮ ВЕРСІЙGITHUB.....................................................46 3.5 ОПИС СТВОРЕНОГО ЕЛЕКТРОННОГО КАТАЛОГУ КНИГ "READ NATIVE NOVELS"........................................................................................................47 3.6 АВТОРИЗАЦІЯ І ЧОМУ ЦЕ ВАЖЛИВО.........................................................52 3.7 СТВОРЕННЯ ЛОГОТИПУ ДЛЯ САЙТУ .........................................................53 3 3.8 ОПИС ДОПОМІЖНОЇ ПЛАТФОРМИWATTPAD............................................55 3.9 ДОСТУПНІСТЬ САЙТУ НА РІЗНИХ ПОШУКОВИХ ПЛАТФОРМАХ.................58 3.10 АДАПТИВНІСТЬ .....................................................................................63 3.11 ПІДСУМКИ ОТРИМАНОГО РЕЗУЛЬТАТУ ..................................................66 3.12 ВИСНОВКИ ДО РОЗДІЛУ 3.......................................................................67 ВИСНОВКИ ......................................................................................................... 71 СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ.........................................................75 4 ВСТУП Враховуючи розвиток сучасного суспільства та інтерес до східної філософії, яка базується на принципах даосизму та саморозвитку, можна зробити висновок, що створення електронного каталогу україномовних новел є надзвичайно актуальною і перспективною ідеєю. В умовах, коли іншомовні ресурси займають домінуюче положення у світі літературних новин, важливо підтримати та розвивати українську мову та культуру через новаторські засоби. Такий електронний каталог може стати важливим кроком у забезпеченні доступу до вишуканих творів, сприяючи їх популяризації та сприяючи гармонійному самовдосконаленню читачів у контексті східних цінностей. Отже, важливість і актуальність розробки електронного каталогу новел на українській мові стає необхідною у сучасному культурному та інформаційному просторі. Розглядом даного питання в різний час займалися вітчизняні та зарубіжні вчені В. Джоунс, Д. Кінг, Дж. Коул, Д. Куртіс, Н. Кушнаренко, І. Павлуша, М. Сорока, Ю. Столяров та інші. Мета магістерської роботи – розробка рекомендацій для створення і ефективного впровадження електронного каталогу. А також вибір оптимального шляху для вирішення поставленого завдання. Об'єкт дослідження – електронні каталоги, методи та технології їх створення і наповнення. Предмет дослідження – процеси, що відбуваються в електронних каталогах і впливають на ефективність електроного каталогу. Наукова новизна - автором обґрунтовуються теоретичні положення і визначаються практичні рекомендації для створення електронного каталогу української літератури. Загальні висновки, отримані в результаті цієї кваліфікаційної роботи, підкреслюють важливість створення електронного каталогу новел 5 українською мовою для розвитку та популяризації східної літератури. Мета роботи була досягнута завдяки виконанню конкретних завдань, таких як огляд сучасної української літератури, аналіз існуючих ресурсів та визначення потреб користувачів Проведений аналіз вказує на великий дефіцит електронних ресурсів для новел українською мовою в порівнянні з іншими мовами. Створення електронного каталогу є важливим кроком для забезпечення доступу до цінної літературної спадщини східних країн, сприяючи її вивченню та розумінню. Практичний аспект роботи включав в себе розробку функціоналу електронного каталогу, з урахуванням вимог та потреб потенційних користувачів. Застосування технічних аспектів, таких як моделювання та оптимізація, дозволило досягти ефективного результату. Основним внеском у розвиток електронного каталогу новел стала концепція безпосереднього доступу до літературних творів без посередника, що забезпечує зручність та ефективність взаємодії користувача з ресурсом. Враховуючи все це, можна стверджувати, що створення електронного каталогу новел українською мовою є актуальною та перспективною ініціативою, яка відповідає потребам читацької аудиторії та сприяє розширенню знань про культурні та літературні досягнення східних країн. 6 РОЗДІЛ 1 РЕТРОСПЕКТИВА ПРЕДМЕТНОЇ ОБЛАСТІ ТА АНАЛІЗ АКТУАЛЬНОСТІ ПРОВЕДЕНИХ ДОСЛІДЖЕНЬ 1.1 Огляд каталогів та їхні види Електронні каталоги представляють собою важливий інструмент у сучасному цифровому світі, сприяючи організації та доступу до різноманітних інформаційних ресурсів. Задача електронних каталогів полягає в тому, щоб полегшити пошук та забезпечити зручний доступ до різних об'єктів, і вони можуть приймати різні форми та функції.[1-2] На початку розмови важливо розглянути відомий книжковий каталог як аналогію. Він дозволяє вам швидко знайти потрібну книгу, прогортаючи сторінки за автором, жанром чи іншими параметрами. Електронний каталог діє аналогічно, але в онлайн-середовищі, де кожен об'єкт індексується та доступний для пошуку за допомогою цифрового інтерфейсу. Подальше розглядання включає електронні каталоги бібліотек. Тут, крім книг, можна знайти інші матеріали, такі як аудіокниги, журнали, статті, фільми та багато іншого. Електронні каталоги бібліотек дозволяють вам відслідковувати наявність конкретних видань, перевіряти їх доступність та навіть взаємодіяти з цифровими копіями, якщо вони доступні. Переходимо до електронних магазинів, де каталоги стають засобом пошуку товарів та послуг. Порівняно з традиційними магазинами, електронні каталоги надають великий вибір, фільтри для точного визначення ваших потреб та зручність онлайн-купівлі. Вони стають вікном до світу, де можна оглядати товари, порівнювати їх та здійснювати покупки, не залишаючи дому. 7 Навіть у сфері послуг інтернет-платформи використовують електронні каталоги. Наприклад, платформи для знаходження роботи або послуг фахівців. Вони дозволяють користувачам переглядати різні можливості, знаходити відповідних фахівців або вакансії, використовуючи різні критерії та фільтри. Усі ці приклади підкреслюють, що електронні каталоги виступають в ролі віртуальних організаторів інформації. Вони забезпечують швидкий доступ, дозволяють ефективно вибирати і взаємодіяти з різноманітними об'єктами та ресурсами. Важливо враховувати, що такі каталоги можуть виникати в різних контекстах, від бібліотек і магазинів до інтернет-платформ та багатьох інших сфер. Каталог – це впорядкований перелік об'єктів або інформації, створений з метою полегшення пошуку конкретних елементів за визначеними категоріями чи ознаками. Різноманітність каталогів вражає своєю широкою використаністю, знаходженням застосування у різних сферах, наприклад, у сучасних онлайн-магазинах. При вході на сайт каталогу онлайн-магазину відбувається формування переліку товарів, які відзначаються високою популярністю серед користувачів. Застосування клієнтоорієнтованого підходу дозволяє каталозі враховувати індивідуальні потреби клієнтів, пропонуючи товари, які найбільше відповідають їхнім уподобанням. Цей процес включає персоналізацію інформаційних запитів відповідно до пристрою користувача та використання алгоритмів, які аналізують категорії попередніх запитів. Механізми управління різними списками дозволяють ефективно виключати непотрібні товари чи ресурси, пропонуючи користувачам саме те, що є для них цікавим. Важливо зауважити, що цей процес не тільки сприяє комфортному вибору для користувачів, але й впроваджується в 8 маркетинговий процес, оптимізуючи його без значних витрат людських ресурсів. Служба каталогів – це стратегія управління ресурсами, яка базується на використанні ієрархічної системи. У цьому випадку ресурсами можуть бути різноманітні об'єкти, включаючи як особисті, так і матеріальні ресурси, а також мережеві ресурси. Здійснюється чітка класифікація для всіх ресурсів, кожен із яких призначається певному класу. Кількість класів може бути необмеженою, особливо при розгляді різноманітних видів ресурсів. Наприклад, телефон відноситься до категорії електроприладів, рюкзак – до товарів легкої промисловості, а ручка – до канцелярських товарів. Однак, при виборі категорії для навчання, всі ці різні предмети можуть виявитися поруч, що є результатом правильної фільтрації за відповідною категорією. Кожен клас відображає певну сутність об'єкта, визначаючи його характеристики. Комбінування різних класів утворює схеми, які описують типи ресурсів та можуть бути виділені з різних об'єктних областей. Такий підхід допомагає ефективно впоратися з обробкою великої кількості різнорідних ресурсів, систематизуючи їх відповідно до встановлених критеріїв та категорій. Служба каталогів, в контексті комп'ютерних мереж, представляє собою комплекс програм, спрямований на управління інформацією про мережеві об'єкти. Ці об'єкти можуть включати сервери друку, загальні папки, пристрої та користувачі. Усі дані зберігаються в єдиному сховищі, що забезпечує організований доступ до об'єктів, ресурсів та пов'язаної інформації. Цей програмний комплекс дає можливість адміністраторам проводити роботу із систематизацією різноманітних аспектів мережевих об'єктів за різними характеристиками. Від серверів друку до пристроїв та користувачів, 9 служба каталогів надає інструменти для ефективного управління цими ресурсами. Одним із ключових аспектів є централізоване зберігання інформації, що дозволяє не лише впорядковано управляти об'єктами та ресурсами, а й легко взаємодіяти з ними. Крім того, служба каталогів може надавати можливості контролювати використання даних користувачами, що є важливим аспектом забезпечення безпеки та ефективного функціонування мережі. Робочий каталог, також відомий як поточний каталог або поточна директорія в інформатиці, представляє собою список файлової системи, використовуваний для локалізації та доступу до файлів за їхніми назвами чи шляхами. Коли створюється новий процес, йому успадковується каталог батьківського процесу. У випадку необхідності зміни робочого каталогу, використовується функція process.chdir(), яка дозволяє змінювати поточну директорію інтерактивно в межах виконання програми. Рисунок 1.1 – веб-середовище Node.js Зміна робочого каталогу Поточний шлях в файлових системах, в контексті термінології каталогів, визначає ім'я каталогу, до якого застосовуються зміни чи правки відносно певних іменних файлів. Цей шлях зазвичай пов'язаний з конкретним процесом, оскільки різні процеси можуть мати власні, незалежні шляхи. 10 У сімействі багатозадачних та переносних операційних систем, таких як "Unix"-подібні, існує лише один поточний шлях. Зазначимо, що в операційних системах з літерами дисків може існувати більше поточних шляхів, в залежності від кількості дисків. Проте лише активний шлях, пов'язаний із використовуваним диском, буде діючим, в той час як інші будуть неактивними. Цей підхід може бути реалізований в операційних системах, таких як: OS/2 – операційна система, спільний продукт фірми IBM та підтримувана Microsoft протягом певного часу. Windows – найпоширеніша операційна система у світі, основний продукт компанії Microsoft. DOS – операційна система, випущена до появи Windows 95, відзначається простотою, відсутністю графічного інтерфейсу та обмеженою підтримкою пристроїв. Каталог ресурсів Інтернету, часто відомий як інтернет-каталог, представляє собою структурований набір вкладень, які включають посилання на різні веб-сайти, супроводжені короткими описами. У каталозі сайти групуються за темами, при цьому в темах може бути враховане ранжування за датою додавання, І.Ц. (індексом цитування) або іншими параметрами та характеристиками. Більшість інтернет-каталогів, що становлять понад 80% рейтингу відвідувань, використовують класифікацію сайтів, проте розподіл завжди залежить від відвідувачів. Залежно від тематики, інтернет-каталоги можуть бути загальними або спеціалізованими (тематичними). При розподіленні на групи можна виділити шість видів каталогів: 1. Чорні каталоги: Потребують зворотного посилання і при цьому не надають прямого посилання. 11 2. Білі каталоги: Мають властивість не вимагати зворотного посилання і надають пряме посилання. 3. Закриті каталоги: Зміни та оновлення можуть проводитися тільки одним відповідальним адміністратором. 4. Сірі каталоги: Потребують зворотного посилання і тільки тоді надають пряме посилання. 5. Каталоги сайтів із прямими посиланнями: Реєстрація в цьому каталозі дозволяє отримати пряме посилання (без переходу за іншим напрямком) на власний сайт. 6. Каталоги сайтів із посиланнями: Реєстрація в даному каталозі не надає прямого посилання, але його можна отримати через так званий "редірект", тобто перенаправлення за іншим напрямком. 1.2 Розвиток електронних каталогів Розвиток електронних каталогів книг відбувався в зв'язку з швидким ростом інформаційних технологій і Інтернету. Початково бібліотеки та книготоргові організації використовували традиційні каталоги, але з появою електронних систем стало можливим зберігати, оновлювати та зручно навігувати по великій кількості інформації.[3-5] Перший крок у розвитку електронних каталогів був пов'язаний із створенням комп'ютерних баз даних для обліку книг. Це дозволило автоматизувати процеси управління колекціями та полегшити пошук необхідної інформації. З введенням Інтернету в широке використання виникла можливість створення онлайн-каталогів, доступних для користувачів з будь-якого місця світу. Бібліотеки, книготоргові мережі та інші організації стали розміщувати свої каталоги в Інтернеті, що забезпечило швидкий та зручний доступ до інформації про наявні книги. 12 З часом електронні каталоги еволюціонували, додавши нові функції, такі як можливість відгуків та рецензій, перегляду вмісту, обговорення книг між користувачами тощо. Деякі платформи розвинулись у великі онлайн- книготоргові майданчики, де користувачі можуть не лише знаходити книги, але й купувати чи взяти в оренду електронні версії. Сучасні електронні каталоги використовують різноманітні технології, включаючи штучний інтелект для покращення рекомендацій та персоналізованого підходу до кожного користувача. Вони стають все більш інтерактивними та адаптуються до змін у споживчих потребах та технологічних можливостях. У розвитку електронних каталогів, які стали ключовим інструментом для організації та представлення великого обсягу інформації, вирішальну роль відіграли сучасні технології, такі як React та Material-UI (MUI). React, як бібліотека для створення інтерфейсів, дозволяє структурувати код, роблячи його більш масштабованим та легким для розуміння. Використання React дозволяє динамічно оновлювати вміст каталогу без перезавантаження сторінки, забезпечуючи більш зручний та ефективний пошук. Material-UI (MUI), надаючи готові до використання компоненти та стилі відповідно до дизайну Material Design, спрощує процес створення естетичних та сучасних інтерфейсів електронного каталогу. Його компоненти дозволяють створювати консистентний та привабливий дизайн для всього каталогу. Об'єднуючи React та MUI, ви можете поєднати гнучкість розробки з ефективністю та естетикою готових компонентів. Це особливо важливо для створення відмінного користувацького досвіду та забезпечення ефективної навігації та візуалізації інформації у великих обсягах даних в електронних каталогах. 13 1.3 Специфіка сайтів та пошукових систем Розглянемо застосування різних тегів для організації системи пошуку в електронному каталозі на прикладі азійської літератури. Лайт-новели ранобэ - унікальна форма японської літератури, що охоплює різноманітні жанри: від емоційних любовних романів до захоплюючої наукової фантастики і жахів. Вона визначається не лише різноманіттям тем і жанрів, але й неперевершеним фантастичним сюжетом, переплетеним багатомовними діалогами та ілюстраціями, які нагадують про стиль аніме і манги. Головна аудиторія - підлітки і молодь. Термін "ранобэ" є яскравим прикладом "васэй-эйго" японських неологізмів, що складаються з переосмислених англійських слів. Його витвірність проявляється у поєднанні слів light (легкий) і novel (роман). Якщо перейти до російської мови, можна також зустріти транслітераційні варіанти, які неправильно відтворюють англійське походження терміну, такі як "лайт- новел", "лайт-новела" чи "легка новела". Справжній бум ранобэ в Японії наступив у 1980-х роках. Видавці активно шукають талановитих авторів і щороку проводять конкурси, на яких переможці отримують не лише грошові винагороди, але й можливість опублікувати свої твори. Один із найбільших конкурсів "Дэнгэки сёсэцу тайсё" залучає понад дві тисячі учасників щороку. Однак кількість офіційних перекладів райнобэ на іноземні мови обмежена через низький попит і значний обсяг тексту. Книги ранобэ видаються в зручному кишеньковому форматі зі сторінками розміром "відкриткового" 10,5×15 см. Також вони можуть виходити частинами в літературних журналах, таких як Dragon Magazine, The Sneaker, Dengeki HP, або в журналах змішаного змісту, наприклад, Comptiq і Dengeki G’s Magazine. 14 Варто зазначити, що багато райнобэ піддаються адаптації в мангу чи аніме-серіали. Це відкриває шлях для подальшого розкриття та популяризації цих творів, що відбувається, наприклад, у випадку відомого райнобэ "Рубаки" Хадзіме Кандзакі. Ця творчість спочатку здобула популярність як лайт-новел, а пізніше була адаптована в мангу і випущена у вигляді аніме. Оскільки лайт-новелі в першу чергу спрямовані на молодіжну аудиторію, це визначає деякі особливості їх оформлення. Книги випускаються у невеликому форматі, містять ілюстрації, виконані в тому ж стилі, що й малюнки в манзі та аніме. Текст зазвичай написаний більшим шрифтом (порівняно з текстом газет чи «дорослих» книг). Багато ієрогліфів супроводжуються фуріганою, яка, крім своєї основної мети, іноді використовується для надання словам інших, нетрадиційних читань (наприклад, у ранобе "To Aru Majutsu no Index" багато слів, включаючи назву твору, було «переозвучено» саме таким чином). Стиль написання часто характеризується короткими (одно-два речення) абзацами та великою кількістю діалогів. Ці особливості сприяють швидкому читанню лайт-новелі. Типова структура лайт-новелі включає кілька кольорових ілюстрацій на початку, після чого йде 200-700 сторінок тексту, серед яких лише винятково можна зустріти чорно-білі малюнки. В літературному перекладі на російську мову обсяг сторінки складе приблизно 1500 символів. Обсяг творів взагалі також досить значний. Наприклад, перший том лайт-новелі «Волчиця і пряності» в російському перекладі містить 48 873 слів. Перший том "Zero no Tsukaima" в неофіційному перекладі на англійську мову має 39 705 слів. Для порівняння: відомий роман Клайва Льюїса «Лев, чарівниця і платяний шафран» має в оригіналі 37 467 слів. Отже, за своєю структурою та обсягом «лайт-новелі» схожі на роман, хоча з певними стилістичними особливостями." Лайт-новелі, орієнтовані на молодь, вражають не лише захоплюючими сюжетами, а й унікальним стилем. Невеликі за розміром, вони відрізняються 15 яскравими ілюстраціями, що переносять атмосферу аніме та манги. Фурігана, що супроводжує багато ієрогліфів, надає словам додатковий вимір, роблячи читання цих творів ще захопливішим. Окрім того, структура та обсяг лайт- новелі роблять їх вражаюче насиченими подорожжю у світ фантазії та літературних відкриттів. У нашому дослідженні ми пропонуємо вам поглибити своє розуміння світу азійської літератури шляхом ознайомлення з новелою "НСВД - Найсильніша Система Вбивства Дракона". Це додаткове джерело інформації для вивчення і перетинання аспектів літератур Японії, Китаю та Кореї. Із власного досвіду вивчення цієї новели, ми детально проаналізуємо, як автор вдало поєднує елементи цих трьох культур у захопливій літературній роботі. Однією з основних особливостей "НСВД" є вміло вплетений фольклор та міфологія кожної з цих країн. Автор Yi Mei Dao Zhang вдало використовує мотиви й традиції, створюючи унікальний світ, що глибоко коріниться у культурних особливостях Японії, Китаю та Кореї. "НСВД" відзначається інтеграцією сюжетних ліній, що базуються на класичних літературних традиціях кожної з розглянутих країн. Ми розглянемо, як автор вдається плітити в одне полотно різноманітні елементи, надаючи читачеві можливість пізнати глибину культурного багатства Японії, Китаю та Кореї. До того ж, враховуючи особливості культурного контексту, новела акцентує увагу на важливих аспектах життя та цінностях, що є спільними для цих трьох культур. Ми проаналізуємо, як відбувається це взаємодія, створюючи унікальний простір, де читач може відчути гармонію різноманіття. У новелі "НСВД", міфологічні наративи Кореї, Японії та Китаю оживають через захоплюючі події, які формують основу сюжету та додають глибину культурному контексту. 16 В корейському міфі про Тангуна, читач має можливість відкрити для себе світ, де дівчина вирушає на неймовірну подорож, щоб знайти справжнє походження свого народу. Зустріч з диявольським лідером та виклик подолання численних труднощів розкривають важливі аспекти корейської ідентичності. В японському міфі про Аматерасу, виникає загрозлива ситуація, коли богиня сонця вирішує сховати світло від світу через образ свого брата. Це призводить до застою та темряви, і тільки завдяки хитрості інших богів світ знову оживає. Ця історія підкреслює важливість природних явищ у японській культурі та потребу взаємодії між різними силами. У китайських міфах про Нюйву та Пань Гу, відбуваються події, які впливають на створення світу та взаємодію божеств із людьми. Нюйва, яка рятує світ від знищення, та Пань Гу, яка створює людину з глини, дарують читачеві унікальний погляд на китайські космогонічні концепції та взаємодію людини з божествами. Отже, в "НСВД" події міфів не лише вражають своєю епічністю, але і глибоко вписуються в сюжет та розвиток персонажів, розкриваючи культурну специфіку кожної країни через призму їхніх власних міфологічних традицій.[6] Таким чином, подібна система тегів ефективна для використання при створення електронних каталгів і буде застасована в подальших дослідженнях. 17 Рисунок 1.2 – Обкладинка книги «НСВД» Ми розглянули тільки один класичний напрям новел, також можна познайомитися із різноманіттям напрямів, для цього використаємо теги. Теги в ранобе є елементами класифікації та ідентифікації літературних творів. Введені для полегшення пошуку та навігації серед широкого спектру жанрів та аспектів, вони дозволяють читачам швидко знаходити та обирати твори за їхнім змістом та особливостями. Теги виникли в контексті інтернет-культури та літературного співтовариства, де спільнота самостійно створює та визначає ключові слова 18 для класифікації робіт. Основна мета тегів -надати короткий та точний опис того, що читач може очікувати від певного твору. Використовуються теги в ранобе на літературних платформах, де автори та читачі об'єднуються для обговорення, обміну враженнями та знаходження нових цікавих творів. Популярність тегів зростає завдяки їхній ефективності в організації великих обсягів контенту та полегшенні пошуку цікавих тематик. Така система класифікації сприяє зручності для користувачів та взаємодії між читачами та авторами. Теги стали важливим інструментом у формуванні та розвитку літературних спільнот в онлайн-середовищі. В світі ранобе, що об'єднує різноманітні твори, виділяються декілька ключових тегів, які визначають основні теми та аспекти. Один із таких тегів - "Авантюристи", який охоплює твори, де головний герой чи герої вирушають у різні пригоди, досліджують невідоме та здійснюють подорожі. Це створює напруження та невизначеність в сюжеті, роблячи його цікавим для читача. Деякі ранобе відрізняються за наявністю "Антигероя". Герої, які мають негероїчні риси, стають центром уваги. Це дозволяє порушити стандартні уявлення про героїв та надає сюжету унікальний характер. В темі "Бессмертні" зосереджено увагу на героях, які мають надзвичайні здатності чи не можуть померти. Це елемент фентезі та магії, що додає епічності та дивовижності подіям у ранобе. "Боги" - інший ключовий тег, який підкреслює важливу роль надприродних сутностей у сюжеті. Герої можуть взаємодіяти з богами, а саме божества можуть визначати хід подій. У творах із тегом "Боротьба за владу" відбувається конфлікт та боротьба між персонажами за політичну або соціальну владу. Це створює інтригу та напруження в історії. 19 "ГГ імба" вказує на героя, який володіє надзвичайно сильними або унікальними властивостями, що робить його практично непереможним. "ГГ чоловік" стосується творів, де головний герой -чоловік. Це може дозволити дослідити традиційні маскулінні ролі та виклики, які стоять перед чоловіками. Тег "ГГ не ояш" вказує на те, що головний герой не є стандартно привабливою або ідеалізованою особою. Це дозволяє створити реалістичніші та більш унікальні образи. "ГГ не людина" стосується творів, де головний герой не є представником людської раси. Це може включати представників інших істот чи створінь. Тема "Гояш" асоціюється з японським терміном "гоя", що означає "робити смішні обличчя". Такі твори часто відзначаються гумором, комічними ситуаціями та курйозними образами. Головний герой, який має "Головну роль бог", може мати важливе божественне призначення або вплив на світ надприродним чином. "Нехитрий ГГ" вказує на твір, де головний герой має нахабність чи невдачі, що надає гумористичний аспект сюжету. Це лише декілька прикладів тегів у світі ранобе, які допомагають читачам знаходити твори за конкретними тематиками та аспектами. 1.4 Результати проведеного дослідження та аналізу На основі вищевказаних пунктів визначено, що електронні каталоги і лайт-новел ранобэ є важливими елементами в цифровому просторі. Електронні каталоги служать віртуальними організаторами для зручного доступу та пошуку інформації у різних контекстах, починаючи від бібліотек і 20 магазинів до онлайн-платформ. Їх розвиток відзначається переходом від традиційних форматів до інтерактивних онлайн-систем. У свою чергу, лайт-новел ранобэ визначаються своєрідним підходом до літературного творення, спрямованим на молоду аудиторію. З їх компактним форматом, яскравими ілюстраціями та фуріганою, вони пропонують унікальний читацький досвід, переносячи читачів у світ фантазії та аніме. Такий підхід дозволяє лайт-новел ранобэ залишатися популярними та актуальними, здобуваючи популярність як в Японії, так і в інших країнах. Обидва явища свідчать про те, що розвиток технологій та творчий підхід сприяють формуванню нових форм інтеракції з інформацією та культурної споживання контенту. Розвиток електронних каталогів суттєво покращив спосіб організації та представлення інформації, надаючи користувачам зручний доступ та можливість швидкого пошуку. Сучасні технології, зокрема React та Material- UI (MUI), відіграли важливу роль у цьому розвитку. React надає ефективний інструмент для створення динамічних та інтерактивних інтерфейсів, що сприяє покращенню взаємодії користувача з електронним каталогом. Його можливості забезпечують гнучкість та легкість розробки, а також дозволяють оновлювати вміст сторінки без перезавантаження, що робить пошук більш зручним. Material-UI (MUI) допомагає полегшити створення естетичних та сучасних інтерфейсів за допомогою готових до використання компонентів та стилів. Використання дизайну Material Design гарантує створення консистентного та привабливого дизайну. Об'єднання React та MUI створює потужний інструментарій для розробки електронних каталогів. Це дозволяє поєднати гнучкість та легкість розробки React з естетикою та консистентністю готових компонентів MUI. 21 Результативне використання цих інструментів дозволяє не лише поліпшити користувацький досвід, але й оптимізувати представлення та навігацію великих обсягів даних у електронних каталогах.[7] 1.5 Висновки до розділу 1 Зазначені вище пункти свідчать про важливість електронних каталогів та лайт-новел ранобэ у цифровому просторі. Електронні каталоги виступають як віртуальні організатори, полегшуючи доступ та пошук інформації у різних сферах, включаючи бібліотеки, магазини та онлайн-платформи. Їх розвиток відзначається переходом до інтерактивних онлайн-систем, що полегшує користувачам отримання необхідної інформації. Лайт-новел ранобэ представляють собою унікальний формат літературного творення, спрямований на молоду аудиторію. З їх компактним форматом, яскравими ілюстраціями та фуріганою, вони створюють унікальний читацький досвід, переносячи читачів у світ фантазії та аніме. Цей підхід дозволяє лайт-новел ранобэ залишатися популярними та актуальними як в Японії, так і в інших країнах. Обидва явища свідчать про те, що розвиток технологій та творчий підхід сприяють формуванню нових форм інтеракції з інформацією та культурного споживання контенту. Розробка електронних каталогів, зокрема за використання технологій React та Material-UI (MUI), значно покращила спосіб організації та представлення інформації. React дозволяє створювати динамічні та інтерактивні інтерфейси, забезпечуючи зручність взаємодії користувача. Material-UI (MUI) сприяє створенню естетичних та сучасних інтерфейсів за допомогою готових компонентів та стилів. Об'єднання React та MUI створює потужний інструментарій для розробки електронних каталогів, дозволяючи поєднати гнучкість React з 22 естетикою та консистентністю MUI. Це сприяє покращенню користувацького досвіду та оптимізації представлення та навігації великих обсягів даних у електронних каталогах. 23 РОЗДІЛ 2 ДОСЛІДЖЕННЯ ЕЛЕКТРОННОГО КАТАЛОГУ КНИГ 2.1 Загальний аналіз каталогу книг Електронний каталог книг – це віртуальна база даних, яка містить інформацію про різноманітні книги та інші видання. Він призначений для зручного пошуку, організації та доступу до літературних творів. Основна мета електронного каталогу полягає в тому, щоб надати користувачам зручний інструмент для орієнтування в обширному світі літератури та допомогти їм знаходити книги за різними параметрами.[8-10] Такий каталог може включати в себе наступні елементи: 1. База даних: Інформація про книги зберігається у вигляді бази даних. Кожен запис може включати заголовок книги, автора, рік видання, ISBN (Міжнародний стандартний номер книги), жанр, відгуки читачів та інші атрибути. 2. Пошуковий механізм: Ефективний пошуковий інтерфейс дозволяє користувачам швидко знаходити книги за різними критеріями, такими як автор, заголовок, жанр чи ключові слова. 3. Категоризація та Класифікація: Книги можуть бути класифіковані за різними категоріями та жанрами, що спрощує їхню організацію та розміщення в конкретних розділах. 4. Деталі книги: Кожен запис про книгу може містити докладні відомості, такі як анотації, опис змісту, обкладинку, інформацію про автора та інші додаткові дані. 5. Онлайн-функції: 24 Багато електронних каталогів надають можливість онлайн-замовлення книг, рецензії від читачів, рекомендації та інші функції для зручності користувачів. 6. Автоматизація бібліотечних процесів: Електронні каталоги дозволяють автоматизувати бібліотечні процеси, такі як ведення обліку та видача книг, спрощуючи роботу бібліотекарів. Завдяки електронним каталогам, користувачі можуть ефективно орієнтуватися у світі літератури, швидко знаходити та отримувати доступ до книг, а бібліотеки можуть ефективно керувати своєю колекцією та обслуговувати читачів. Створення сайтів українською мовою для розповсюдження та популяризації новел має важливий культурний та мовний аспект. Враховуючи сучасний контекст та зростання інтересу до вітчизняних та східноєвропейських творів, існує кілька ключових моментів, які роблять це завдання надзвичайно важливим. Збереження та Розвиток Мовної Спільноти: Створення сайтів українською мовою сприяє розвитку мови та підтримці української літературної спільноти. Це важливо для збереження мовної ідентичності та сприяє розквіту культурних цінностей. Просування Української Літератури: Сайти, присвячені українським новелам, створюють платформу для просування та визнання українських авторів. Це дозволяє їм ділитися своєю творчістю та висвітлювати культурні та соціальні аспекти життя в Україні. Забезпечення Доступу до Рідномовної Літератури: Створення сайтів, де новели доступні українською мовою, сприяє більшому доступу до вітчизняної літератури. Це особливо важливо для тих, 25 хто шукає літературні роботи рідною мовою та прагне глибше зрозуміти культурні аспекти. Боротьба з Дефіцитом Актуальних Ресурсів: Визначення відсутності якісних та оновлюваних ресурсів для новел українською мовою підкреслює необхідність створення нових сайтів. Актуальна та регулярно оновлювана інформація стимулює інтерес до літературних творів та розвиває літературну культуру. Підтримка Літературних Амбіцій: Створення сайтів для новел українською мовою може стати підтримкою для молодих авторів, які бажають висловити свої творчі ідеї та отримати відгуки. Це може відкрити нові можливості для розвитку літературного таланту. Оновлення в Реальному Часі: Оновлення сайтів в реальному часі важливо для забезпечення постійного доступу до свіжих творів та для створення зацікавленої та залученої аудиторії. Узагальнюючи, створення сайтів українською мовою для новел - це крок до підтримки української культури, розвитку літературної спільноти та стимулювання творчого потенціалу.[11-12] Наприклад якщо розглянути вже наявні сайти та порівняти їх і для порівняння ми візьмемо сайти новел, такі як https://ranobelib.me/ та https://author.org.ua/category/novel/korean/ аналіз статистики проведемо за наступними пунктами 1.Кількість та різноманітність контенту: •Яка кількість новел доступна на сайті? •Чи різноманітний жанровий спектр? Чи є новели різних стилів та тем? 26 2.Якість перекладів: •Якість перекладів на українську мову, якщо це не оригінальна мова твору? •Чи є інформація про перекладачів? 3.Спільнота та відгуки читачів: • Чи є можливість залишати відгуки читачів на сайті? •Чи є активна спільнота читачів? 4.Інтерфейс та зручність використання: •Як зручно користуватися сайтом? •Чи є можливості налаштування для користувачів? 5.Легальність та авторські права: •Чи сайт дотримується законів щодо авторських прав? •Чи надає відомості про авторів та їхні права? 6.Актуальність: •Як часто оновлюється контент на сайті? Сайт A (російський): 1.Кількість та різноманітність контенту: Сайт пропонує безмежний вибір новел різних жанрів, включаючи романтику, фентезі, наукову фантастику та інші. Є велика кількість авторів та перекладачів. 2.Якість перекладів: Більшість новел, близько 98% мають високоякісні переклади на російську мову, з дотриманням стилістики та мовного виразу оригіналу. 3.спільнота та відгуки читачів: Сайт має активну спільноту читачів, які залишають відгуки та рецензії. 27 4.Інтерфейс та зручність використання: Інтуїтивно зрозумілий і зручний інтерфейс дозволяє легко навігувати та знаходити бажані твори. 5.Легальність та авторські права: Сайт дотримується законів про авторські права, інформація про авторів представлена належним чином. Сайт B (український): 1.Кількість та різноманітність контенту: Сайт пропонує обмежений вибір новел (у кількості 10 творів) основна частина яких є перекладами з інших мов, що обмежує різноманіття жанрів. 2.Якість перекладів: Деякі переклади можуть бути менш якісними, з неповністю переданим стилістичним виразом оригіналу. 3.Комунітет та відгуки читачів: За відсутності значущої кількості новел та активної спільноти, відгуки можуть бути обмеженими. 4.Інтерфейс та зручність використання: Інтерфейс може бути менш інтуїтивно зрозумілим, з меншими можливостями налаштувань. 5.Легальність та авторські права: Сайт повинен дотримуватися законів про авторські права, інформація про авторів повинна бути вказана належним чином. На основі вивчення статистики сайтів, присвячених новелам, виявлено, що українською мовою практично відсутні ресурси цього типу. Здебільшого ці сайти пропонують контент російською мовою. Це викликає обурення та невдоволення, оскільки хотів би мати можливість читати новели, які б відображали культурний та мовний контекст України. Сам особисто цікавлюся новелами східних країн, такими, як Корея, Китай, та Японія, адже вони мають своєрідне походження та виразно відмінну культуру. Важливо для мене, щоб переклади цих творів були виконані на рідній українській мові, а не російською, яка є мовою агресора. 28 Моя ініціатива створити сайт з новелами українською мовою спрямована на заповнення цієї прогалини та надання читачам можливості насолоджуватися літературою, яка відображається рідною мовою. Це не тільки сприятиме розвитку української літературної сцени, а й дозволить читачам відчувати себе більш зв'язаними з контентом, що відповідає їхній культурі та мові. 2.2 Дослідження та аналіз аналогів Сайт «Ranobelib» пропонує широкий вибір за кількома параметрами, виявляється неабияк важливим для літературної спільноти. Даний сайт, будучи не лише інформаційним ресурсом, але й соціально-інтерактивною платформою, відзначається кількома ключовими аспектами, які заслуговують на увагу дослідження та аналізу. Рисунок 2.1 - Головна сторінка сайт «Ranobelib» 1. Система Фільтрації та Класифікації: Система фільтрації, дозволяючи користувачам обирати книги за жанрам, країнами, авторами та роками 29 видання, стає ефективним інструментом для вибору та категоризації літературних творів. 2. Авторизація та Спільнота Користувачів: Авторизація користувачів сприяє створенню особистого простору для кожного читача, а також взаємодії з іншими учасниками спільноти. Це важливий фактор для формування літературних дискусій та обміну інсайтами. 3. Оновлення в Реальному Часі: Взаємодія з сайтом у режимі реального часу, що включає оновлення творів, свідчить про активність та відзначає платформу як реагуючу на поточні тенденції та літературні події. 4. Рейтингова Система: Наявність актуального рейтингу творів, що може змінюватися відповідно до взаємодії користувачів із контентом, відображає вплив творів на читацьку аудиторію та дозволяє виділити найвизначніші твори. 5. Дизайн та Налаштування Тексту: Естетичний дизайн сайту сприяє користувацькому комфорту, а можливість налаштування формату тексту та кольорової гами надає читачам можливість персоналізувати свій досвід читання. В цілому, аналіз вищезазначених аспектів свідчить про те, що веб-сайт каталогу книг є не лише інструментом для пошуку літератури, але й важливим соціальним центром, який сприяє обміну інформацією та літературній взаємодії.[13-15] Проведемо огляд українського представника за нашою темою. 30 Рисунок 2.2 - Каталог новел на сайті «AUthor» "Author": За зразком літературної вибірковості чи невдалий експеримент? Порівняно з іншими веб-сайтами, які пропонують великий обсяг літературного контенту, "Author" може викликати певне розчарування в середовищі любителів читання. З відсутністю прямого доступу до книг на головній сторінці, користувачі можуть відчувати невдоволення та непотрібні труднощі у пошуку необхідних творів. Порівняно із сучасними літературними платформами, де великий обсяг книжкового асортименту доступний в один клік, "Author" може здаватися 31 деякою відсталістю у своєму підході. Відсутність інтерактивності на головній сторінці та недоліки в швидкому доступі можуть здаватися користувачам неефективними та важкими у використанні. Також, оголошення про ексклюзивність вибору може визначати "Author" як простіше середовище для меншого кількості користувачів, порівняно з іншими, що регулярно оновлюють свої асортименти. Невелика кількість обраних творів може викликати відчуття обмеженості та браку різноманітності для широкої аудиторії читачів. Однак, можливо, самий суттєвий аспект, що вирізняє "Author" негативно, це велика кількість інформації про розробників. Порівняно із сучасними тенденціями, де користувачі шукають спрощення та безпосередність у взаємодії з платформою, надмірна фокусація на розробниках може виглядати зайвою та витратною. Отже, при порівнянні "Author" із сучасними конкурентами, виявляється певна розриваність та несумісність із загальноприйнятими стандартами доступу до літературного контенту. Також давайте розглянемо основу, візьмемо до уваги сайт корейський https://ridibooks.com/category/bestsellers/3000. 32 Рисунок 2.3 - Каталог новел на корейському сайті «RIDI» Сайт "RIDI" – надзвичайно вражаючий ресурс, що представляє собою справжню скарбницю для любителів літератури. Його вибір ранобе неймовірно широкий та різноманітний, створюючи унікальний простір для занурення у світ книг з корейським акцентом. Сайт вирізняється своєю універсальністю та здатністю задовольняти різноманітні смаки читачів. Зручна навігація за категоріями дозволяє легко 33 знаходити та вибирати твори за зацікавленням, будь то романтика, фентезі, філософія чи історія. Додаткові пропозиції, що розташовані на головній сторінці, роблять "RIDI" ще привабливішим. Вони охоплюють широкий спектр тематик – від наукових досліджень та самовдосконалення до релігії та подорожей. Зокрема, виокремлені категорії для легких романів, BL-творів чи веб-мультфільмів додають сайту особливого шарму, охоплюючи найактуальніші та найцікавіші тенденції в світі ранобе.[16] "RIDI" вирізняється своєю унікальністю, надаючи читачам можливість насолоджуватися величезною кількістю творів із корейської культури, що робить його ідеальним вибором для тих, хто прагне розширити свій читацький досвід. Світ корейської літератури на сайті вражає своєю многогранністю та доступністю завдяки ретельно підібраному вибору робіт та вдосконаленій системі навігації. Функціонал сайту включає в себе кілька важливих параметрів, які роблять вибір та перегляд ранобе максимально комфортним та цікавим для кожного читача. Перемикач "найкращий" створює чудову можливість для новачків, дозволяючи їм відкрити світ корейської літератури з найкращих творів, обраних з різноманітного пулу. Категорії "Найкраще за тиждень", "Найкраще за місяць" та "Стабільний продавець" додають елемент конкуренції та сприяють відкриттю нових, актуальних та високоякісних творів. Окремо варто відзначити можливість вибору творів за критеріями "повний", "прокат", "дорослий", які дозволяють читачам відшукати ранобе, що відповідає їхнім конкретним вподобанням та настрою. Параметри "за винятком дорослих" створюють комфортну атмосферу для будь-якого користувача, надаючи вибір та контроль за власним читацьким досвідом. 34 Всі ці функціональні можливості взаємодії з сайтом роблять "RIDI" ідеальним обранцем для тих, хто цінує якість, різноманіття та інновації у світі літератури. На сайті обкладинки книг вражають своєю високою якістю та художнім виразом, що надає кожній роботі індивідуальності та привабливості. Кожен твір представлений з чарівною обкладинкою, яка не тільки відображає суть сюжету, а й стає чудовим естетичним елементом для читачів.[17] Зацікавленість та тяга до кожної книги починається ще до її відкриття завдяки вдалому вибору графічних елементів та колірних рішень на обкладинці. Висока якість зображення, деталізація та артистичний підхід до дизайну створюють неперевершений перший враження від творів, що пропонуються на сайті. Такий підхід до оформлення книг визначається не лише бажанням виділитися серед інших ресурсів, а й намаганням подарувати читачам повноцінний художній досвід від читання. Також "RIDI" вражає своєю структурованістю та дбайливим підходом до оформлення. Кожна книга, як науковий об'єкт, пропонує читачеві докладну карту об'єкта, де представлено безліч пов'язаної інформації. Наявність порядку читання для серій, зокрема трилогій, надає читачам легкість у сприйнятті сюжетів та глибше занурення в книжковий світ. Система підбору схожих творів за сюжетом, тегами чи автором створює враження великого літературного університету, де кожен може знайти щось цікаве та нове. Спільнота користувачів, яка активно обговорює та рецензує кожен твір, свідчить про високий рівень залученості читачів. Такий взаємодійний підхід дозволяє користувачам допомагати сайту та письменникам, створюючи атмосферу співпраці та взаємодопомоги. 35 Оглядаючи сайт можна відчути не лише зручність використання та легкість навігації, але й активну і віддану спільноту, яка робить читання книг та обговорення їх ще цікавішими та насиченими. Вражає сайт не лише своїм естетичним дизайном, але і високим рівнем технічної реалізації. Відсутність помилок чи коливань у роботі елементів сайту підкреслює його професійну розробку та відданість найвищим стандартам якості. Відмінна оптимізація сайту забезпечує плавну та ефективну роботу без збоїв чи втрати продуктивності. Всі елементи інтерфейсу взаємодіють бездоганно, створюючи надійне та комфортне середовище для користувачів. Цей високотехнологічний підхід дозволяє читачам максимально концентруватися на отриманні задоволення від читання, маючи впевненість у стабільності та ефективності функціоналу сайту. Тож проведемо підсумок аналізу. Аналізуючи 3 огяда, слід відзначити, що кожен з них представляє окремий підхід до веб-сайтів із літературним контентом. У першому тексті, що аналізує сайт "Ranobelib", наголошено на його сильних сторонах. Система фільтрації та класифікації забезпечує ефективний вибір та категоризацію літературних творів. Авторизація та спільнота користувачів створюють особистий простір для кожного читача та сприяють літературним дискусіям. Другий сайт "Author", ми фокусуємося на його недоліках. Відсутність прямого доступу до книг на головній сторінці може бути невдалим рішенням, зокрема в порівнянні з іншими сучасними літературними платформами. Оголошення про ексклюзивність вибору може обмежити аудиторію та викликати відчуття неефективності. Коли ми розглядаємо сайт "RIDI", робиться акцент на його вражаючих аспектах. Великий вибір ранобе, зручна навігація та додаткові пропозиції на головній сторінці роблять "RIDI" привабливим для широкого кола читачів. 36 Важливою є його унікальність, яка полягає в здатності задовольняти різноманітні смаки та прагнення читачів. Підводячи підсумок, можна сказати, що кожен сайт має свої плюси та мінуси. Сайт "Ranobelib" вигідний своєю ефективною системою та активною спільнотою, "Author" може виявитися менш привабливим через недоліки у навігації та доступі, тоді як "RIDI" вражає своєю різноманітністю та високотехнологічним підходом до оформлення та взаємодії з читачами. 2.3 Визначення оптимального підходу до створення електронного каталогу Сучасне створення електронного каталогу вимагає глибокого та комплексного підходу, об'єднуючи різні інструменти та технології для досягнення максимальної ефективності та зручності використання. Оптимальний підхід має включати в себе кілька ключових аспектів. Спочатку, слід звернутися до адаптивності та доступності. Застосування React та MUI дозволить створити адаптивний дизайн, який оптимізований для різних типів пристроїв. Такий підхід забезпечить користувачам зручний та однаковий досвід використання незалежно від пристрою. Дизайн інтерфейсу, що є ключовим елементом, може бути створений з використанням MUI та SCSS. MUI забезпечить готові компоненти, а SCSS надасть можливість створити унікальний та естетичний дизайн, що відповідає потребам цільової аудиторії. Окрім того, для ефективного управління станом додатку та аналізу даних можна використовувати Redux. Це не лише полегшить управління даними, але й відкриє можливості для інтеграції штучного інтелекту для покращення рекомендацій та аналізу поведінки користувачів. JavaScript може бути застосований для мультимовності та локалізації, що важливо для представлення інформації на різних мовах. Інтеграція Figma 37 допоможе врахувати культурні особливості різних локалей під час розробки дизайну. Інструменти для інтеграції соціальних мереж, такі як JavaScript, можна використовувати для взаємодії з API соціальних платформ, а Figma буде важливим інструментом для візуалізації соціальних функцій в дизайні. Оптимізація завантаження сторінок, використовуючи React та Redux, гарантує швидкий доступ користувачів до необхідної інформації. Використання LogoMaker та Figma забезпечить візуально привабливий бренд та дизайн, що підкреслить унікальність електронного каталогу на ринку. Цей комплексний підхід гарантує успішний розвиток та популярність електронного каталогу серед різних категорій користувачів. У поглибленні розгляду теми створення електронного каталогу обговоримо ключові аспекти, які сприяють оптимізації та покращенню його функціоналу.[18-20] Забезпечення безпеки та конфіденційності є важливим аспектом, тому включення системи автентифікації на основі JavaScript, у поєднанні з Redux для зберігання стану авторизації, дозволить гарантувати захист даних користувачів. Пошукова оптимізація включає в себе використання React для ефективного рендерінгу та Redux для управління метаданими, що поліпшить індексацію у пошукових системах та відобразить каталог у результатах пошуку. Аналітика та відстеження користувацької активності за допомогою JavaScript та Redux надасть цінних даних для вдосконалення функціоналу та адаптації під потреби користувачів. Оптимізація естетики та бренду каталогу здійсниться за допомогою інструментів розробки, таких як Figma для дизайну інтерфейсу та LogoMaker для створення власного логотипу, що підкреслить унікальність та професіоналізм. 38 Цей глибокий підхід, побудований на передових технологіях та інструментах розробки, дозволяє створити ефективний, зручний та безпечний електронний каталог, який задовольняє різноманітні потреби та очікування різних груп користувачів. 2.4 Математична модель електронного каталогу книг Для створення математичної моделі електронного каталогу давайте використаємо базові елементи теорії множин та атрибутів творів. Рисунок 2.5 - Базові елементи теорії множин Така математична модель дозволяє системі ефективно рекомендувати твори для користувачів на основі їхніх уподобань та пріоритетів, 39 забезпечуючи персоналізований та оптимальний досвід використання електронного каталогу. Оскільки математична модель включає багато аспектів та взаємозв'язків, які можна представити у вигляді таблиці, давайте розглянемо декілька важливих характеристик та їхній вплив на систему. Рисунок 2.6 - Табличний вигляд математичної моделі Ця таблиця показує, як кожен користувач та твір взаємодіють з уподобаннями, тегами та пріоритетами. Модель може бути розширена для включення більше користувачів та творів, а також для врахування більш деталізованих взаємозв'язків. 2.5 Висновки до розділу 2 Електронний каталог книг – важливий інструмент для організації, пошуку та доступу до літературних творів. Він містить базу даних з атрибутами, такими як заголовок, автор, рік видання, ISBN, жанр та відгуки читачів. Ефективний пошуковий інтерфейс та категоризація полегшують знаходження книг. 40 Створення сайтів українською для новел підтримує розвиток мови, українську літературну спільноту та просуває українську літературу. Це забезпечує доступ до рідномовної літератури та сприяє творчому потенціалу молодих авторів. Порівняння сайтів - ключовий етап для визначення їхньої ефективності та користувацького досвіду. Це допомагає визначити оптимальні рішення, обираючи найкращі інструменти чи платформи для конкретних завдань. Порівняння дозволяє виділити переваги та недоліки, визначити конкурентоспроможність та об'єктивно обрати найкращий варіант для досягнення цілей. У висновку, сучасне створення електронного каталогу вимагає комплексного підходу, об'єднуючи різні інструменти та технології для досягнення максимальної ефективності та зручності використання. Важливі аспекти включають адаптивний дизайн з використанням React та MUI, детально пророблений інтерфейс, управління станом за допомогою Redux, мультимовність за допомогою JavaScript, інтеграцію соціальних мереж та оптимізацію завантаження сторінок. Враховуючи безпеку, конфіденційність, та пошукову оптимізацію, створення ефективного електронного каталогу базується на використанні передових інструментів розробки, таких як JavaScript, Redux, Figma та LogoMaker. Цей глибокий підхід гарантує успішний розвиток та популярність каталогу, задовольняючи потреби різних користувачів та забезпечуючи безпеку та зручність використання. Математична модель в створенні веб-сайтів є ключовою для прогнозування та оптимізації функціоналу. Вона числово оцінює взаємодію компонентів, прогнозує продуктивність та користувацький досвід, охоплюючи аспекти швидкодії, оптимізації завантаження, аналітики та безпеки. Використання математичних моделей забезпечує точність та ефективність у вирішенні завдань розробки веб-сайтів. 41 РОЗДІЛ 3 СИНТЕЗ ЕЛЕКТРОННОГО КАТАЛОГУ КНИГ З НАВІГАЦІЙНИМИ ФУНКЦІЯМИ ТА ОНЛАЙН РЕДАКТОРОМ 3.1. Вибір мови програмування та фреймворків Вибір React.js для розробки електронного каталогу обумовлено його багатьма перевагами, які забезпечують високий рівень ефективності та гнучкість у реалізації функціоналу. React.js володіє неймовірно потужною системою компонентів, що дозволяє розбити інтерфейс на невеликі, незалежні блоки, що значно полегшує управління та розвиток коду. Це особливо важливо для реалізації електронного каталогу, оскільки такий підхід дозволяє створювати модульні елементи, які легко підтримувати та розширювати. Використання в React.js віртуального DOM (Document Object Model) забезпечує оптимізовану роботу з інтерфейсом. Ця техніка дозволяє мінімізувати затрати ресурсів, оскільки React оновлює лише ті частини сторінки, які зазнали змін, що призводить до великої швидкодії роботи додатку. Крім того, відмінною рисою React є його односторонній потік даних. Це робить управління станом додатку більш прозорим і передбачуваним. З використанням Redux, який є потужним інструментом управління станом в React-додатках, можна забезпечити ще більшу структурованість та впорядкованість у роботі зі станом додатку, особливо коли йдеться про великі проекти.[22] Крім того, React забезпечує можливість використання JSX - розширення JavaScript, яке дозволяє описувати структуру користувацького 42 інтерфейсу за допомогою синтаксису, подібного HTML. Це робить код більш читабельним та зрозумілим, спрощуючи розробку та підтримку. Враховуючи всі ці аспекти, використання React.js є стратегічним вибором для розробки електронного каталогу, де швидкість, простота розширення та ефективне управління станом відіграють ключову роль в успішному впровадженні проекту. Вибір Redux для управління станом в електронному каталозі базується на його потужних можливостях у контролі за даними та прозорості у взаємодії компонентів. Однією з ключових переваг Redux є використання одного зберігання (store) для всього стану додатку. Це робить стан прогнозованим і легко відстежуваним, спрощуючи розуміння, налаштування та відлагодження. Такий підхід особливо корисний у великих додатках, де важлива консистентність та однаковість даних. Redux також пропонує нормалізацію даних, що дозволяє зберігати дані в зручному та оптимізованому форматі. Це дозволяє уникнути дублювання та забезпечити єдність інформації в додатку. Використання action creators та reducers в Redux робить зміни в стані передбачуваними та легко розширюваними. Action creators генерують actions, які передають інформацію про те, яка саме зміна відбулася, і reducers визначають, як саме стан має змінитися відповідно до цього action. Це забезпечує чіткий та контрольований потік даних у додатку. Middleware в Redux дає можливість розширювати його базовий функціонал, додаючи, наприклад, асинхронність. Це особливо актуально для реалізації операцій, які вимагають взаємодії з сервером, як це може бути в електронному каталозі при оновленні списку книг чи користувацьких відгуків. 43 Загалом, Redux володіє всім необхідним інструментарієм для контролю над станом додатку, використовуючи чіткі та принципові концепції, що є ключовими для успішного розгортання та підтримки складних інтерфейсів, таких як електронний каталог книг. 3.2 Вибір бібліотек для створення каталогу Вибір Material-UI (MUI) для розробки електронного каталогу обумовлений багатьма перевагами, які створюють сприятливий та ефективний інтерфейс для користувачів. Material-UI є реалізацією дизайну Material Design, розробленого Google. Це означає, що інтерфейс додатку буде не лише функціональним, але й візуально привабливим та логічно структурованим. Компоненти MUI пропонують чистий та сучасний дизайн, що створює позитивне враження від користування додатком. Компоненти Material-UI легко інтегруються в React-додаток, забезпечуючи високий рівень гнучкості та адаптивності. Це особливо важливо для створення відзивчивого та адаптивного інтерфейсу електронного каталогу, який може зручно працювати на різних пристроях та екранах. 44 Рисунок 3.1 - Приклад компонентів MUI Material-UI надає широкий набір готових компонентів, таких як кнопки, таблиці, форми та інші, що значно спрощує розробку та прискорює час впровадження. Крім того, ці компоненти легко кастомізуються, що дає можливість дотримуватися власного стилю та бренду. Однією з ключових переваг MUI є підтримка тем та стилів, що дозволяє швидко змінювати оформлення додатку відповідно до потреб та вимог. Це стає критичним для створення індивідуалізованого та унікального дизайну електронного каталогу. Загалом, Material-UI є не тільки потужним інструментарієм для розробки, але й створює гармонійний та стильний інтерфейс, що відповідає сучасним стандартам та забезпечує комфорт користування електронним каталогом. 45 3.3 Вибір середовища розробки Вибір WebStorm для розробки електронного каталогу є обґрунтованим через кілька важливих аспектів, які забезпечують ефективність та зручність у процесі розробки. По-перше, WebStorm відзначається своїм дружнім та легко освоюваним інтерфейсом. Його інтуїтивна структура полегшує розробникам швидко орієнтуватися та використовувати основні функціональності Інтегрованого Середовища Розробки (ІСР). Це особливо важливо, оскільки зручне робоче середовище сприяє продуктивності та швидкому вивченню нових можливостей. По-друге, WebStorm володіє потужною вбудованою підтримкою JavaScript та фреймворку React. Оскільки розробка електронного каталогу передбачає використання цих технологій, вибір WebStorm дозволяє максимально використовувати їхні можливості та надає точні рекомендації під час програмування. По-третє, висока продуктивність та швидкість роботи WebStorm є ключовими факторами у великих проектах. Швидкий та надійний редактор коду, а також вбудована підтримка Git, сприяють зручності ведення робочого процесу та спільної роботі з командою. Окрім цього, можливість інтеграції з іншими інструментами та плагінами дозволяє налаштовувати робочий потік відповідно до особистих потреб та вимог проекту. Враховуючи всі ці переваги, вибір WebStorm є обґрунтованим та спрямованим на створення комфортного та продуктивного середовища для розробки електронного каталогу книг. 46 Рисунок 3.2 – Вигляд WebStorm 3.4 Система контролю версій GitHub Git є сучасною та важливою технологією для керування версіями у розробці програмного забезпечення. Однією з його ключових переваг є можливість створення і робота з гілками. Розробники можуть створювати окремі гілки для вирішення певних завдань чи додавання нового функціоналу, а потім легко об'єднувати їх для інтеграції з основною гілкою. Це забезпечує структурованість та безпеку у веденні розробки. Ще однією важливою рисою є здатність Git докладно відстежувати історію змін у коді. Кожна зміна фіксується, включаючи інформацію про автора, дату та призначення зміни. Це полегшує виявлення помилок, відміну неправильних змін та сприяє спільній роботі кількох розробників. Git також високо оцінюється за можливість працювати з віддаленими репозиторіями. Кожен учасник команди може працювати зі своєю копією проекту, а потім об'єднувати свої зміни з основною версією. Це особливо важливо для глобальних чи розподілених команд розробників. Зручність спільної роботи підсилюється через pull requests, які дозволяють розробникам обговорювати та рецензувати зміни перед їх об'єднанням з основною гілкою. Це сприяє підтримці високого стандарту коду та співпраці в команді. 47 Швидкість та ефективність Git дозволяють розробникам працювати з великими проектами, не втрачаючи продуктивність. Ця система керування версіями стала необхідним інструментом у світі розробки програмного забезпечення завдяки своїм потужним можливостям та зручному інтерфейсу. 3.5 Опис створеного електронного каталогу книг "Read Native Novels" Головна сторінка електронного каталогу "Read Native Novels" (рисунок 3.2) спеціально розроблена для максимальної зручності користувачів. На ній знаходяться дві ключові таби: "Перекладені" та "Не Перекладені" (рисунок 3.3) новели, які вказують на наявність або відсутність перекладу для кожної з них. Рисунок 3.3 – Головна сторінка Картки мають кнопку "Читати на Wattpad", яка забезпечує безпосередній доступ до перекладеної версії на Wattpad. 48 Картки з новелами у табі "Не Перекладені " має додаткову кнопку "Запропонувати Переклад" та містить безпосередньо в інформації про новелу не перекладену інформацію. Кнопка "Запропонувати переклад" перенаправляє користувача на форму де він може заповнити поля і прикріпити файл із перекладеною новелою. Форма "Запропонувати переклад": Завантаження Файлу: Ця функція доступна тільки для не перекладених новелей. Користувач може завантажити файл із власним перекладом новели. Інформаційні Поля: Користувач також має можливість введення додаткової інформації про новелу, такої як назва, автор, жанр тощо. Ця диференціація табів "Перекладені" та "Не Перекладені" не лише надає користувачам зручний інтерфейс для перегляду доступних творів, але й стає ключовим аспектом управління процесом перекладу. Кнопка "Запропонувати переклад" та форма для завантаження файлу перекладу створюють механізм, який активно залучає користувачів до активного участі у розширенні каталогу перекладених творів. Цей підхід взаємодії з користувачами сприяє таким перевагам: - Контроль за Якістю Перекладів: Кнопка "Запропонувати переклад" дозволяє адміністраторам або модераторам системи зберігати контроль за якістю перекладу, перш ніж він буде опублікований в каталозі. Це дозволяє забезпечити високий рівень перекладів у каталозі. - Стимулювання Активності Користувачів: Запропонування свого перекладу може бути стимулом для користувачів брати участь у розвитку та поповненні каталогу. Це сприяє залученню нових перекладачів та підвищенню активності на платформі. - Розширення Різноманітності Контенту: Завдяки можливості користувачів самостійно пропонувати переклади, каталог отримує 49 різноманітність творів різних жанрів та авторів, що сприяє більш повному представленню літературного контенту. - Спільнотна Взаємодія: Механізм "Запропонувати переклад" стає інструментом для активної спільнотної взаємодії, де користувачі можуть спілкуватися, ділитися своїми перекладами та обговорювати літературні твори. Цей підхід створює відкрите середовище для креативної спільноти, що дозволяє кожному користувачеві брати участь у процесі формування та розвитку електронного каталогу "Read Native Novels". Рисунок 3.4 – Таби електронного каталогу "Read Native Novels" Сторінка профілю на каталозі "Read Native Novels" (рисунок 3.4) – це особистий кабінет кожного користувача, де відображена мінімальна, але значуща інформація, яка надає користувачеві унікальний та персоналізований досвід використання платформи. На цій сторінці користувач може швидко зорієнтуватися в основних аспектах свого взаємодії з каталогом. Тут відображається логін користувача, 50 який є його візитною карткою та основним ідентифікатором на платформі. Це не просто ім'я, але ключ, який відкриває доступ до особистого простору та взаємодії зі спільнотою. Статистика користувача також представлена на сторінці профілю. Кількість перекладених новел та власних творів – це інформація, яка відображає активність та внесок користувача в життя каталогу. Ця статистика може служити джерелом гордості для користувача та стимулом для активної участі в житті спільноти. Сторінка профілю також надає можливість редагування особистої інформації. Зручність редагування дозволяє користувачам актуалізувати свої дані, такі як зміна ім'я, пароля чи додавання додаткової інформації, яка може бути важливою для спілкування з іншими членами спільноти. Ця мінімальна, але інформативна сторінка профілю – це не тільки інструмент для керування особистою інформацією, але і відображення активності та участі у великій спільноті любителів літературних творів. Тут кожен користувач може відчути свою унікальність та значущість у контексті електронного каталогу "Read Native Novels". Рисунок 3.5 – Сторінка профілю 51 Таб "Стати Автором" на каталозі "Read Native Novels" – це віртуальний портал для тих, хто відчуває в собі творчий потенціал і хоче поділитися своєю авторською творчістю з аудиторією. Цей функціонал не лише дозволяє користувачам бути читачами, а й надає можливість стати частиною творчої спільноти. Кнопка "Стати Автором" є віртуальним порталом, який веде до захоплюючого світу можливостей. Натискання на цю кнопку відкриває віртуальні двері для користувача, де він може поділитися своєю історією з рештою світу. Це запрошення до самовираження та виявлення творчого потенціалу. Форма для заповнення інформації стає листом автора до своєї аудиторії. Тут автор може внести усю необхідну інформацію: назву твору, своє ім'я, жанр, а також короткий опис, що залишить невимовно цікавих читачів. Це не лише інформація – це створення атмосфери та відчуття того, що читач занурюється у світ авторської творчості. Однією з ключових можливостей табу "Стати Автором" є можливість додавання контенту. Це може бути великою перевагою для творців, які можуть завантажити власний текст новели або надати посилання на інші ресурси, де їх твори вже доступні. Це робить процес подання та взаємодії легким та зручним. Таб "Стати Автором" стає не просто кнопкою на веб-сайті, але входом у світ літературного творчості та можливістью для кожного автора висловити себе та подарувати свою історію світові. 52 Рисунок 3.6 – вигляд таби "Стати автором" 3.6 Авторизація і чому це важливо Авторизація та логін – це не просто технічний момент, але і важливий елемент, який забезпечує особистий підхід до користувача та відкриває перед ним унікальні можливості. На перший погляд, введення логіну – це всього лише створення облікового запису на веб-сайті. Проте це гораздо більше, адже логін стає ключем до особистого простору. Це ім'я стає візитною карткою користувача, визначаючи його унікальність в середовищі каталогу "Read Native Novels". Логін – це не лише рядок символів; це вхідна віртуальна брама, яка відкриває доступ до усіх функцій та можливостей платформи. Користувачі, авторизуючись, отримують персоналізований досвід використання, а це означає, що сервіс може адаптуватися до їхніх уподобань та потреб. Логін – це також механізм для взаємодії та обміну думками в спільноті. Кожен користувач стає частиною великої сім'ї любителів новел, і логін служить не лише для ідентифікації, але й для об'єднання спільної страсті. Важливо також відзначити, що логін забезпечує безпеку. Використання особистого ідентифікатора відкриває доступ тільки тим, кому він належить. Це гарантує конфіденційність та захищає особисті дані користувача. 53 Логін на каталозі "Read Native Novels" (рисунок 3.4) – це не просто спосіб увійти до системи, це віддзеркалення особистості та можливість брати участь у спільному літературному відкритті. Рисунок 3.7 – Сторінка логіну в каталог 3.7 Створення логотипу для сайту Найбільш вдалим рішенням для створення логотипу сайту було звернутись до лого-мейкера app.logo.com. Лого-мейкери - це онлайн-інструменти, спеціально розроблені для створення власних логотипів без необхідності великих витрат на дизайнерські послуги або навички в графічному дизайні. Вони стали популярними серед бізнесів, стартапів, особистих брендів та навіть приватних осіб, які шукають швидкий і доступний спосіб створити професійний логотип. 54 Основні особливості таких лого-мейкерів включають: - Інтуїтивний Інтерфейс: більшість лого-мейкерів пропонують простий та інтуїтивний інтерфейс, що дозволяє користувачам легко вибирати, змінювати розмір і адаптувати різні елементи логотипу. - Готові Шаблони: Інструменти надають багато готових шаблонів, які можна модифікувати для власних потреб. Це дозволяє вам швидко створити логотип, що відповідає вашому стилю. - Графічні Елементи та Шрифти: лого-мейкери надають величезний вибір графічних елементів, ікон, шрифтів і кольорів для створення унікальних логотипів. - Персоналізація: Вони дозволяють користувачам змінювати кольори, розміри, текст та інші аспекти логотипу, щоб відповідати конкретним брендовим вимогам. - Експорт та Збереження: Багато лого-мейкерів дозволяють завантажити готовий логотип у різних форматах, щоб ви могли легко використовувати його в різних медіа. Лого-мейкери стали важливим інструментом для тих, хто шукає швидкий та ефективний спосіб створити власний логотип, надаючи можливість дизайнувати брендовий ідентифікатор без значних витрат. Рисунок 3.8 – Логотип сайту 55 3.8 Опис допоміжної платформи Wattpad Wattpad виник як інноваційний відгук на змінюючийся ландшафт літературної індустрії. Заснований у 2006 році Алленом Лау та Іваном Яджерем, Wattpad почав свій шлях як мобільний додаток, де будь-хто міг опублікувати свої твори та отримати зворотний зв'язок від читачів. Платформа визначилася своєю відкритістю та доступністю, роблячи літературу доступною для всіх, хто має творчий потенціал. Рисунок 3.9 – Логотип ватпада У 2011 році Wattpad запустив Wattpad Studios, яке виробляє контент для телебачення та кіно на основі популярних творів, розміщених на платформі. Це відкрило нові можливості для авторів, дозволяючи їм перетворювати свої твори у візуальний контент та виходити на глобальний ринок. Wattpad Studios уклав партнерські угоди з різними студіями та телекомпаніями, сприяючи створенню таких проектів, як "The Kissing Booth" на Netflix та "Light as a Feather" на Hulu. Це дало можливість творцям Wattpad реалізовувати свої ідеї в інших медійних форматах. 56 Літературний агент, у контексті Wattpad, виступає як посередник між авторами та видавництвами. Wattpad діє як літературний агент через Wattpad Books, яке видає книги на папері та в електронному вигляді. Вони надають авторам можливість виходу в традиційний книжковий світ, допомагаючи їм у редагуванні, маркетингу та інших аспектах видавництва. Wattpad також став важливою ареною для пошуку талантів. Багато творів, які здобули популярність на Wattpad, отримали контракти з видавництвами та знайшли свій шлях до полиць книжкових магазинів. Такі книги, як "After" Анни Тодд та "The Kissing Booth" Бет Ріглз, розпочали свій шлях на Wattpad, а потім стали бестселерами. Wattpad не лише створив віртуальне літературне співтовариство, але і перетворився на ключового гравця в індустрії розваг. Його вплив на літературний світ та можливість авторів виявилися значущими, розширюючи горизонти та змінюючи підходи до створення та споживання контенту. Wattpad був заснований Алленом Лау та Іваном Яджерем. Їхня історія починається ще до створення цієї платформи. Аллен Лау має досвід у галузі технологій та бізнесу. До Wattpad він заснував дві інші успішні компанії: бізнес-новинний сайт Sympatico/MSN та онлайн-спільноту для музикантів Tira Wireless. Іван Яджер, з іншого боку, був досвідченим програмістом та підприємцем. Він був співзасновником декількох стартапів, включаючи додаток для обміну фотографіями i2i. Історія їхньої зустрічі належить до типового сценарію успіху у технологічній індустрії. Під час роботи Лау у Tira Wireless вони зустрілися з Яджерем, який був зацікавлений таємницею успіху Лау. Обидва мали спільний інтерес до технологій та стартапів, що сприяло їхній співпраці. Вони зрозуміли, що сфера літератури має величезний потенціал у світі мобільних технологій. Зібравши свої знання та навички, Лау та Яджер вирішили створити Wattpad, мобільний додаток, що дозволяє користувачам 57 читати та публікувати літературні твори з будь-якого місця та привернути увагу широкої аудиторії. Що стосується подальших пріоритетів Wattpad, засновники завжди прагнули до розвитку та розширення. Вони активно впроваджують інновації, такі як Wattpad Studios, щоб зробити літературний вміст ще доступнішим та більш впливовим. За останні роки Wattpad уклав ряд партнерств із студіями та платформами, щоб адаптувати популярні твори для телебачення та кіно. Засновники віддані не лише технологічному розвитку платформи, але й створенню нових можливостей для творчих людей. їхня місія полягає у тому, щоб надати кожному авторові можливість зробити свій твір видимим та досягнути успіху. Wattpad продовжує бути гравцем, який формує та перетворює ландшафт сучасної літератури, розширюючи свої горизонти та допомагаючи творчим індивідуумам знаходити свій шлях до аудиторії. Wattpad, як платформа для читання та публікації літературних творів, пропонує ряд функцій, які визначають його популярність та відрізняють від інших аналогів. Читання та Публікація Творів: Основна функція Wattpad - це можливість читати та публікувати власні твори. Це робить платформу відкритим простором для як новачків, так і вже відомих авторів. Спільнота Користувачів: Wattpad створює сприятливе середовище для взаємодії та обговорення творів серед читачів і авторів. Коментарі, рецензії та обговорення роблять читання більш інтерактивним та захопливим. Авторські Права і Захист: Платформа надає авторам можливість захисту їхніх прав на твір. Вони можуть обирати різні рівні доступу до свого контенту та керувати тим, як і коли їхні твори доступні для читання. Адаптації для Телебачення та Кіно: Wattpad Studios співпрацює з телевізійними студіями та кінокомпаніями для адаптації популярних творів на екрани. Це дозволяє авторам отримати більший охоплення та розширити свою аудиторію. 58 Алгоритмічне Рекомендування: Система рекомендацій Wattpad допомагає читачам знаходити твори, які відповідають їхнім інтересам. Це стимулює різноманітність читання та привертає користувачів. Мобільність: Можливість читати та публікувати твори з будь-якого пристрою з доступом до Інтернету робить Wattpad дуже зручним для використання. Wattpad став популярним завдяки комбінації цих функцій, а також тому, що платформа надає унікальну можливість для молодих та невідомих авторів отримати визнання та спілкуватися з читачами з усього світу. Алгоритмічні рекомендації, активна спільнота та можливість адаптації для мас-медійних форматів роблять Wattpad привабливим для широкого кола літературних учасників. 3.9 Доступність сайту на різних пошукових платформах 1. Google: Допомога у пошуковій оптимізації (SEO): Google надає інструменти та рекомендації для оптимізації сайтів, щоб поліпшити їхню видимість у пошукових результатах. Google Search Console: Інструмент, який дозволяє вам відстежувати та керувати індексацією вашого сайту Google. Google PageSpeed Insights: Допомагає зрозуміти та виправити фактори, що впливають на швидкість завантаження сторінок. 2. Bing: Bing Webmaster Tools: Аналог Google Search Console для оптимізації в іншому популярному пошуковому двигуні. Bing Places for Business: Для підвищення видимості вашого бізнесу на карті Bing. 3. Yahoo: 59 Yahoo Search: Служба пошуку, яка використовується в деяких регіонах; також важливо враховувати при оптимізації. 4. Yandex: Yandex.Webmaster: Інструмент для аналізу індексації та оптимізації в Yandex, особливо важливий для ринків в Східній Європі та Росії. 5. DuckDuckGo: Privacy Essentials: Хоча DuckDuckGo акцентується на конфіденційності, користачам, які обирають цей пошуковик, також важливо надати оптимізований досвід. 6. Ask.com:Submit Your Site: Спростить процес індексації вашого сайту на Ask.com. 7. Safari: Враховуючи значну кількість користувачів пристроїв Apple, Safari є ключовою платформою для забезпечення доступності веб-сайтів на пристроях iOS та macOS. Наголошення на ролі Google в розробці та доступності: Рисунок 3.10 – Зовнішній вигляд Google Chrome 60 Google Chrome є відомим та популярним веб-переглядачем, що розроблений компанією Google для користувачів по всьому світу. Він виділяється завдяки своєму широкому функціоналу та надійності. Зокрема, однією з його ключових переваг є швидкість завантаження сторінок. Використовуючи потужний двигун рендерингу, Chrome забезпечує ефективну обробку складних веб-сайтів з великою кількістю контенту. Інтеграція вбудованого кешу та технології "передвантаження" сприяє прискоренню завантаження сторінок та забезпечує швидкий доступ до веб- контенту. Помітною рисою Chrome є його високий рівень безпеки. Браузер включає вбудований механізм фільтрації шкідливих веб-сайтів та застосунків, що допомагає уникнути вірусів, шпигунського програмного забезпечення та інших шкідливих програм. Регулярні оновлення сприяють усуненню вразливостей та поліпшенню захисту користувача. Інтерфейс Chrome відзначається своєю простотою та інтуїтивною зрозумілістю. Зручне розташування вкладок і можливість створення різних робочих областей сприяють ефективній організації робочого процесу. Крім того, браузер підтримує синхронізацію закладок, паролів та історії між різними пристроями, що дозволяє користувачам зручно працювати на різних пристроях з однаковим набором даних. Google Chrome налічує багату екосистему розширень, яка дозволяє користувачам налаштовувати браузер згідно зі своїми потребами. Ця розширена система розширень робить Chrome надзвичайно гнучким і придатним для різних завдань. Розширення відкривають додаткові можливості для користувачів, дозволяючи їм налаштовувати свій браузер настільки, наскільки це потрібно. Наприклад, користувачі можуть встановлювати розширення для блокування реклами, що покращує їхній загальний досвід від використання Інтернету. 61 Також доступні розширення, які служать менеджерами завантажень, допомагаючи контролювати та організовувати завантажені файли. Для розробників в Google Chrome існують спеціальні розширення, що надають інструменти для зручного програмування та тестування веб-сайтів. Це забезпечує зручність роботи для тих, хто активно займається веб- розробкою. Узагальнюючи, розширення для Google Chrome додають додатковий функціонал та розширюють можливості браузера, роблячи його більш персоналізованим та відповідним індивідуальним потребам користувачів. У ході розробки нашого проекту було використано розширення React DevTools, яке виявилося дуже ефективним у відстеженні стану компонентів та значно полегшило процес створення веб-додатків. Рисунок 3.11 – Застосування React dev Tools на практиці 62 Google Chrome визнаний одним з найкращих браузерів для розробки веб-додатків, і це обумовлено кількома ключовими перевагами. По-перше, це швидкість і продуктивність. Завдяки потужному двигуну рендерингу, Chrome забезпечує швидке завантаження сторінок і ефективну роботу з великим обсягом веб-контенту, дозволяючи розробникам швидко тестувати та перевіряти зміни в реальному часі. Друга важлива перевага - розширюваність. Google Chrome має великий екосистему розширень, яка дозволяє розробникам налаштовувати своє робоче середовище. Ці розширення, такі як інструменти для розробки, блокувальники реклами, перевірки помилок та інші, полегшують роботу розробників і сприяють підвищенню їхньої продуктивності. Третя перевага - інструменти для розробників. Google Chrome має потужний комплект інструментів для розробників, які включають інспектор елементів, консоль розробника, профіліровка продуктивності, мережеві інструменти та інші. Ці інструменти надають розробникам зручність в аналізі, налагодженні та вдосконаленні їхніх веб-додатків. Синхронізація та переносимість - четверта перевага Google Chrome. Він дозволяє синхронізувати закладки, історію, паролі та інші дані між різними пристроями, що дозволяє розробникам зручно працювати на різних пристроях і продовжувати роботу з того місця, де вони закінчили. І, нарешті, безпека. Google Chrome використовує механізми безпеки, такі як автоматичне оновлення, фільтрація шкідливого контенту, ізоляція вкладок та інші, для захисту користувачів від шкідливих загроз в Інтернеті. Усі ці функції та переваги роблять Google Chrome популярним інструментом серед розробників веб-додатків. Він надає широкі можливості для швидкого, зручного та продуктивного розвитку веб-додатків. Загалом, Google Chrome - це потужний та надійний веб-переглядач, який надає швидкість, безпеку та багатий набір функцій, роблячи його ідеальним 63 вибором для користувачів, що шукають ефективний інструмент для перегляду веб-сторінок та взаємодії з веб-застосунками, в тому числі у їхній розробці. 3.10 Адаптивність Адаптивність каталогу є ключовою особливістю, яка дозволяє користувачам зручно та ефективно взаємодіяти з контентом незалежно від пристрою, який вони використовують. Адаптивний дизайн гарантує, що ваш каталог виглядає і працює однаково ефективно на різних пристроях, включаючи комп'ютери, ноутбуки, планшети та смартфони. Це забезпечує універсальний доступ до вашого контенту. 64 Рисунок 3.12 – вигляд меню навігації на мобільних пристроях Адаптивний дизайн покращує користувацький досвід, роблячи його більш зручним та привабливим для відвідувачів. Це особливо важливо в епоху, коли користувачі мають різні вимоги до інтерфейсів на різних пристроях. Коли користувачі отримують зручний доступ до вашого каталогу на будь-якому пристрої, ймовірність того, що вони будуть витрачати більше 65 часу на перегляд контенту, зростає. Це може призвести до підвищення відвідуваності та залучення аудиторії. З огляду на те, що використання мобільних пристроїв постійно зростає, адаптивний дизайн є важливою стратегією відповіді на зміни у поведінці користувачів, які віддають перевагу перегляду контенту на смартфонах. Пошукові системи, такі як Google, віддають перевагу адаптивному дизайну, оскільки він дозволяє забезпечити єдність контенту на різних пристроях. Це може позитивно вплинути на рейтинг вашого каталогу в пошукових результатах. Взагалі, адаптивність є необхідною властивістю для забезпечення успішного та високоякісної інтернет-присутності вашого каталогу у сучасному цифровому світі. Так як переважно люди читають зі своїх смартфонів, адаптив для даного проєкту є дуже важливим. Тому основна увага приділена адаптивності головної сторінки (рисунок 3.13) 66 Рисунок 3.13 – Картка книги 3.11 Підсумки отриманого результату "Read Native Novels" - це вражаючий світ літературних можливостей, який відкриває перед користувачем багатий електронний каталог творів різних жанрів. Зручний інтерфейс та ефективні навігаційні функції дозволяють користувачам легко знаходити нові та захоплюючі історії, роблячи процес читання захопливим та приємним. Це не просто додаток для читання, але й активна спільнота читачів та авторів. Унікальні профілі користувачів відображають їхні читацькі та творчі 67 досягнення, створюючи віртуальний простір для взаємодії та обміну враженнями. Власний шлях кожного читача або автора відображений в їхньому профілі, що робить додаток особистим та унікальним для кожного. Онлайн редактор надає можливість виявити творчий потенціал та представити власні твори. Це інструмент для тих, хто мріє не лише читати, але й долучитися до креативного процесу. Завантаження власних творів стає легким та захопливим, завдяки чому кожен може знайти своє місце у великій літературній родині. Можливість стати автором робить додаток відкритим для талановитих письменників, надаючи їм майданчик для виявлення та розвитку свого літературного мистецтва. "Read Native Novels" не просто допомагає відкривати нові світи, але й стає місцем, де кожен може створити свою власну історію та поділитися нею із іншими. 3.12 Висновки до розділу 3 Вибір React.js для розробки електронного каталогу обгрунтований його потужною системою компонентів, а також використанням віртуального DOM для оптимізованої роботи інтерфейсу. Односторонній потік даних і можливість використання JSX роблять код ефективнішим та зрозумілішим. Обрання Redux для управління станом базується на його можливостях для контролю та прогнозованості даних, що важливо для великих проектів. Нормалізація даних, використання action creators та reducers, і middleware надають Redux всі необхідні інструменти для ефективного управління станом електронного каталогу. Вибір Material-UI (MUI) для розробки електронного каталогу обумовлений його численними перевагами. Material-UI впроваджує дизайн Material Design від Google, надаючи не лише функціональність, але й візуальну привабливість і логічну структуру додатку. Компоненти MUI легко інтегруються в React-додаток, забезпечуючи гнучкість і адаптивність 68 інтерфейсу, особливо важливу для реалізації ефективного електронного каталогу. Material-UI також володіє широким спектром готових компонентів, які полегшують розробку та прискорюють впровадження. Крім того, підтримка тем та стилів надає можливість швидко налаштовувати оформлення додатку відповідно до його потреб та вимог, що робить Material- UI ідеальним вибором для створення ефективного та стильного електронного каталогу. Вибір WebStorm для розробки електронного каталогу обґрунтований кількома важливими аспектами, що забезпечують ефективність та зручність у процесі розробки. По-перше, його дружній та легко освоюваний інтерфейс сприяє швидкому освоєнню функціональностей Інтегрованого Середовища Розробки (ІСР). По-друге, вбудована підтримка JavaScript та React дозволяє ефективно використовувати ці технології. По-третє, висока продуктивність та швидкість роботи важливі для великих проектів, а інтеграція з іншими інструментами дає можливість налаштовувати робочий потік. Усе це робить WebStorm оптимальним вибором для комфортної та продуктивної розробки електронного каталогу книг. Git є важливою технологією для керування версіями у розробці програмного забезпечення. Однією з його ключових переваг є можливість створення та робота з гілками, що забезпечує структурованість та безпеку в розробці. Його здатність докладно відстежувати історію змін полегшує виявлення помилок та сприяє спільній роботі розробників. Git також високо оцінюється за роботу з віддаленими репозиторіями, що особливо важливо для глобальних чи розподілених команд. Зручність спільної роботи підсилюється через pull requests, що дозволяють обговорювати та рецензувати зміни перед об'єднанням. Швидкість та ефективність Git роблять його необхідним інструментом у світі розробки програмного забезпечення. Електронний каталог "Read Native Novels" надає користувачам зручний інтерфейс для перегляду перекладених та неперекладених новел. Розділення 69 на таби дозволяє ефективно керувати процесом перекладу, залучаючи користувачів до активної участі. Механізм "Запропонувати переклад" забезпечує контроль якості перекладів та стимулює активність користувачів, що призводить до розширення різноманітності контенту та сприяє спільнотній взаємодії. Сторінка профілю та можливість стати автором додають персоналізований характер та роблять каталог відкритим середовищем для креативної спільноти. Логін на каталозі "Read Native Novels" визначає унікальність користувача та відкриває вхідну віртуальну браму до персоналізованого досвіду використання. Це не лише технічний елемент, але й ключовий момент взаємодії, який об'єднує спільноту любителів новел. Логін забезпечує безпеку, конфіденційність та визначає особистість кожного користувача на платформі. Використання лого-мейкера app.logo.com виявилося найбільш вдалим рішенням для створення логотипу сайту. Ці онлайн-інструменти забезпечують простий та інтуїтивний інтерфейс, готові шаблони, широкий вибір графічних елементів і шрифтів, а також можливість персоналізації. Лого-мейкери стали популярними серед різних груп, надаючи швидкий і доступний спосіб створення професійних логотипів без значних витрат на дизайн або графічні навички. В ролі основної підтримки використовується Wattpad, який був заснований у 2006 році Алленом Лау та Іваном Яджерем, виник як інноваційна відповідь на зміни в літературній індустрії. Платформа дозволяє будь-кому опублікувати свої твори та взаємодіяти з читачами. Запуск Wattpad Studios у 2011 році відкрив нові можливості для авторів, перетворюючи їхні твори у візуальний контент. Wattpad також функціонує як літературний агент через Wattpad Books, допомагаючи авторам виходити в традиційний книжковий світ. Платформа стала ключовим гравцем в індустрії розваг, розширюючи горизонти для талановитих авторів та змінюючи 70 способи створення та споживання контенту. Засновники, Аллен Лау та Іван Яджер, присвячені розвитку технологій та нових можливостей для творчих особистостей, і Wattpad продовжує відігравати ключову роль у формуванні ландшафту літературного світу. Адаптивний дизайн каталогу є ключовим елементом, забезпечуючи зручний доступ і взаємодію користувачів з контентом на різних пристроях. Це покращує користувацький досвід, зростає ймовірність залучення аудиторії та підвищення відвідуваності. В епоху популярності мобільних пристроїв, адаптивний дизайн стає стратегічно важливим для відповіді на зміни у поведінці користувачів, підвищуючи єдність контенту та позитивно впливаючи на пошуковий рейтинг. Усього враховуючи, адаптивність є необхідною для успішної інтернет-присутності каталогу в сучасному цифровому середовищі, особливо оскільки читання зі смартфонів стає пріоритетом. 71 ВИСНОВКИ У процесі виконання науково-дослідної роботи було здійснено аналіз різноманітних платформ аналогічного формату з метою визначення оптимального підходу до створення електронного каталогу. Проведено детальне вивчення різних фреймворків та бібліотек для розробки електронного каталогу, а також проведено об'єктивний порівняльний аналіз їх переваг та обмежень. Під час аналізу враховувалися ключові критерії, такі як продуктивність, спеціалізація, розширюваність та підтримка користувачів. В результаті проведеного дослідження прийнято рішення вибрати React як основний фреймворк для розробки електронного каталогу. Відомий своєю ефективністю, гнучкістю та активною спільнотою розробників, React виявився ідеальним вибором для створення електронного каталогу. Додатково, була проаналізована ієрархія створення каталогу, що сприяло кращому розумінню потреб авторів та користувачів (читачів, у нашому випадку). Під час розгляду досліджувалися різні аспекти розвитку літературної сфери, а також етапи розробки сайту, включаючи концептуалізацію, дизайн, програмування та інші. Цей аналіз допоміг визначити необхідні етапи та ресурси для успішного розвитку електронного каталогу. Крім того, під час подальших етапів дослідження було звернуто увагу на важливість врахування унікальності та специфіки платформи, що розроблялася. Особливу увагу приділено відмінностям у концепції та функціональності в порівнянні з відомими гравцями, зокрема Wattpad. На відміну від загальнопоширених платформ, які охоплюють різні напрямки літературного творення, наша платформа спрямована виключно на мангу та новели. Це надає нам можливість зосередитися на вдосконаленні 72 конкретних аспектів користувальницького досвіду, що створює вигідне середовище для тих, хто цінує ці жанри. Важливим відзначенням є також відсутність зайвої інформації та завантажень, що може відволікати користувача. Наша платформа спроектована з урахуванням мінімалізму та інтуїтивності, надаючи комфортне відчуття при використанні. Крім того, ми активно впроваджуємо концепцію літературного агента для підтримки авторів у процесі їхнього розвитку та популяризації серед читачів. Таким чином, наша платформа не лише забезпечує найсучасніший дизайн та технічні рішення, але й акцентує на унікальних аспектах світу манги та новел, роблячи її неперевершеним простором для творчості та спілкування. Застосування бібліотеки MUI в додатку стало визначальним кроком для створення сучасного та привабливого дизайну. Завдяки широкому спектру готових компонентів, які можна легко налаштовувати, ми зосередились на функціональності, уникаючи витрат часу на деталі стилізації. Інтеграція з Wattpad виявилася ключовим аспектом для нашого додатку. Вона не лише надала доступ до різноманітних можливостей, але й дозволила отримувати актуальні дані щодо літературних творів, забезпечуючи користувачам повну інформацію для свідомих виборів. Узагальнюючи, кваліфікаційна робота детально описує процес розробки електронного каталогу за допомогою сучасних технологій, таких як React та MUI. Такий підхід відображає важливі принципи розробки додатків та відкриває можливості для подальшого розвитку електронних каталогів. Крім того, практичні дослідження дозволили не лише отримати точні дані про каталоги творів, але й провести оцінку ефективності додатку через різні пошукові системи. Виявлені недоліки підкреслили необхідність 73 створення комфортного простору для ознайомлення та спілкування без зайвої інформації. Загалом, цей досвід сприятиме подальшому вдосконаленню та розвитку електронних каталогів, надаючи користувачам і розробникам зручне та ефективне середовище. Ідею для створення каталогу українських новел народилося з бажання підтримати національну літературну спадщину та забезпечити комфортне читання для шанувальників новел. Українська культура має багатий літературний потенціал, і ми віримо, що новели, створені нашими авторами, заслуговують на увагу та визнання. Сучасний світ переживає період зростання інтересу до української мови та культури, а отже, створення каталогу українських новел є актуальним та важливим кроком. У нас є унікальна можливість сприяти українізації літературного простору та створювати простір для творчого вираження наших авторів. Основною метою цього проекту є забезпечення доступу до високоякісних українських новел для всіх охочих. Ми прагнемо створити зручний та інтуїтивно зрозумілий каталог, де читачі зможуть знаходити та насолоджуватися різноманітністю української літератури в жанрі новел. Каталог не лише сприятиме популяризації українських авторів, але й стане платформою для спільноти, де читачі та письменники матимуть змогу обмінюватися враженнями, думками та рекомендаціями. Це сприятиме створенню єдиної літературної атмосфери, в якій кожен зможе знайти щось цікаве для себе. Крім того, мій каталог буде активно взаємодіяти з українськими письменниками, надаючи їм можливість донести свої твори до широкого кола читачів. Я вірю, що це стане кроком до розвитку української 74 літературної сцени та покращення культурного обміну серед читачів усього світу. Ця ідея – є внесок у підтримку рідної мови, української культури та творчого потенціалу наших авторів. Ми впевнені, що створення каталогу українських новел принесе користь не лише читачам, але й українській літературі в цілому. 75 СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ 1. Кавалларо Д. "Аніме та візуальна новела: структура, дизайн та гра на перехресті анімації та комп'ютерних ігор." Нью-Йорк: Bloomsbury Academic, 2010. 256 с. 2. Адзума Х. "База даних тварин Японії: праісторія японської анімації та світів комп'ютерних ігор." Міннеаполіс: Університет Міннесоти, 2009. 272 с. 3. Кельтс Р. "Японіясвіт: Як японська поп-культура вторглася в світ." Нью-Йорк: Palgrave Macmillan, 2006. 256 с. 4. Кім Сук-Янг. "K-Pop Live: Фани, ідоли та мультимедійне виконання." Стенфорд: Стенфордський університетський прес, 2018. 272 с. 5. Кім Кьонг-Гюн та Чхо Янгмін (редактори). "Корейські екрани: дослідження кіно, ТБ, музики та онлайн-ігор." Оксфорд: Peter Lang, 2016. 336 с. 6. Шонасі, Е. Л. "Китайська література: від класичної спадщини до сучасних досягнень." Київ: Видавництво Київського університету, 2012. 312 с. 7. Чхун Шін-Йонг. "Корейська література: класична спадщина та сучасні досягнення." Сеул: Літературне агентство Кореї, 2008. 240 с. 8. Кавалларо Д. "Поп-культура лайт-новел." Нью-Йорк: Palgrave Macmillan, 2019. 311 с. 9. Мухопадхая Аміт Кришна. "Кулінарія Material-UI: побудова відгукливих, сучасних та стильних веб-додатків із React і Material-UI." Бірмінгем: Packt Publishing, 2018. 474 с. 76 10.Хокс, М., Бакнер, А. (редактори). "Оксфордський довідник з сучасної китайської літератури." Оксфорд: Оксфордський університетський прес, 2016. 632 с. 11.О Южонг. "Поп-місто: Корейська популярна культура та продаж місця." Ітака: Корнеллський університетський прес, 2018. 296 с. 12.Фрімен Адам, Бенкс Андрю. "Pro React 16." Берклі: Apress, 2019. 751 с. 13.Санчес Карлос. "Книга рецептів React." Бірмінгем: Packt Publishing, 2019. 560 с. 14.Шварцмюллер Максимілян. "Шаблони та найкращі практики React." Бірмінгем: Packt Publishing, 2017. 457 с. 15.Лінтвуд Марк Том. "React в дії." Shelter Island: Manning Publications, 2017. 440 с. 16.Стефанов Стойан, Чиэн Хэнкс. "React Up and Running: створення веб- додатків." Себастополь: O'Reilly Media, 2016. 250 с. 17.Іноуе Міяко. "Мистецтво вокального перекладу." Стенфорд: Стенфордський університетський прес, 2012. 344 с. 18.Хонг Іні. "Народження корейського стайлу: Як одна нація завойовує світ через поп-культуру." Нью-Йорк: Picador, 2014. 272 с. 19.Російськомовний сайт (ранобе). https://ranobelib.me/. Дата доступу: 10.01.2023. 20.Корейський сайт (ridibooks). https://ridibooks.com/books/. Дата доступу: 10.01.2023. 21.Офіційна документація React. https://reactjs.org/docs. Дата доступу: 10.01.2023. 22.Документація Material-UI. https://mui.com. Дата доступу: 10.01.2023.