Please use this identifier to cite or link to this item:
http://elartu.tntu.edu.ua/handle/lib/49628| Title: | Розробка вебсайту для планування подорожей та пошуку супутників для подорожі засобами HTML5, CSS3, JS, PHP та MySQL |
| Other Titles: | Website development for travel planning and finding travel companions using HTML5, CSS3, JS, PHP and MySQL |
| Authors: | Чайковська, Катерина Ігорівна Chaikovska, Kateryna Ihorivna |
| Affiliation: | ТНТУ ім. І. Пулюя, Факультет комп’ютерно-інформаційних систем і програмної інженерії, Кафедра комп’ютерних наук, м. Тернопіль, Україна |
| Bibliographic description (Ukraine): | Чайковська К. І. Розробка вебсайту для планування подорожей та пошуку супутників для подорожі засобами HTML5, CSS3, JS, PHP та MySQl : робота на здобуття кваліфікаційного ступеня бакалавра : спец. 122 - комп’ютерні науки / наук. кер. Р. М. Небесний. Тернопіль : Тернопільський національний технічний університет імені Івана Пулюя, 2025. 70 с. |
| Issue Date: | 29-Jun-2025 |
| Submitted date: | 15-Jun-2025 |
| Date of entry: | 8-Jul-2025 |
| Publisher: | ТНТУ ім. І.Пулюя, ФІС, м. Тернопіль, Україна |
| Country (code): | UA |
| Place of the edition/event: | Тернопіль |
| Supervisor: | Небесний, Руслан Михайлович Nebesnyi, Ruslan |
| UDC: | 004.04 |
| Keywords: | 122 вебсайт планування подорожей website css3 html5 js mysql php travel planning |
| Page range: | 70 |
| Abstract: | Кваліфікаційна робота присвячена створенню інтерактивного вебсайту для зручного планування подорожей та пошуку попутників.
У першому розділі кваліфікаційної роботи описано предметну область, проаналізовано конкурентне середовище, визначено цільову аудиторію та ключові вимоги до системи. Висвітлено підходи до вибору технологій, платформ та хостингу.
У другому розділі досліджено архітектуру майбутньої системи, змодельовано базу даних, спроєктовано користувацький інтерфейс. Подано реалізацію функціональної логіки з використанням JavaScript та PHP, а також описано функціональні модулі вебсайту.
У третьому розділі описано процес тестування вебсайту, перевірку його функціональності, а також ефективність обраних рішень. Об’єкт дослідження: процес створення вебсайту для організації подорожей. Предмет дослідження: методи, засоби та технології розробки сучасного вебсайту для планування подорожей та пошуку попутників The qualification work is dedicated to the creation of an interactive website for convenient travel planning and finding travel companions. The first section of the qualification work describes the subject area, analyzes the competitive environment, identifies the target audience and key requirements for the system. The approaches to choosing technologies, platforms and hosting are highlighted. The second section examines the architecture of the future system, models the database, designs the user interface. The implementation of functional logic using JavaScript and PHP is presented, and the functional modules of the website are described. The third section describes the process of testing the website, checking its functionality, and the effectiveness of the selected solutions. Object of research: the process of creating a website for organizing travel. Subject of research: methods, tools and technologies for developing a modern website for planning travel and finding travel companions |
| Description: | Роботу виконано на кафедрі комп'ютерних наук Тернопільського національного технічного університету імені Івана Пулюя. Захист відбудеться 29.06.2025р. на засіданні екзаменаційної комісії №30 у Тернопільському національному технічному університеті імені Івана Пулюя |
| Content: | ВСТУП 8 РОЗДІЛ 1. АНАЛІЗ ПРЕДМЕТНОЇ ОБЛАСТІ. ПОСТАНОВКА ЗАВДАННЯ ТА ВИБІР СЕРЕДОВИЩА РОЗРОБКИ 10 1.1 Аналіз предметної області 10 1.2 Дослідження конкурентного середовища у сфері онлайн-планування подорожей 11 1.3 Визначення цільової аудиторії 14 1.4 Визначення ключових вимог для розробки інтерактивного вебсайту планування подорожей 15 1.5 Учасники системи та варіанти використання функціональності вебсайту 16 1.6 Обгрунтування вибору платформи та інструментів розробки 18 1.7 Вибір хостингової платформи для розміщення вебсайту планування подорожей та пошуку супутників 19 1.8 Висновки до розділу 1 20 РОЗДІЛ 2. ПРОЕКТУВАННЯ ТА РОЗРОБКА ВЕБСАЙТУ ДЛЯ ПЛАНУВАННЯ ПОДОРОЖЕЙ ТА ПОШУКУ ПОПУТНИКІВ 22 2.1 Проектування архітектури вебсайту 22 2.2 Моделювання бази даних для вебсайту 24 2.3 Створення користувацького інтерфейсу для вебсайту 28 2.4 Реалізація логіки на JavaScript 31 2.5 Застосування PHP для реалізації серверної логіки вебсайту 33 2.6 Перелік функціональних елементів сайту 34 2.7 Інтеграція Google reCAPTCHA для захисту від ботів 36 2.8 Висновки до розділу 2 37 РОЗДІЛ 3. ТЕСТУВАННЯ ТА ПЕРЕВІРКА ФУНКЦІОНАЛЬНОСТІ ВЕБСАЙТУ 39 3.1 Перевірка валідності коду та виявлення помилок у структурі вебсторінок 39 3.2 Тестування процесу реєстрації, авторизації та збереження даних у базі MySQl 41 3.3 Функціонал сторінки"Головна" та "Мої подорожі" 45 3.4 Функціонал "Знайти друга", "Список друзів", "Повідомлення" 50 3.5 Функціонал сторінок "Мій профіль", "Налаштування" та "Вийти" 53 3.6 Висновки до розділу 3 55 РОЗДІЛ 4. БЕЗПЕКА ЖИТТЄДІЯЛЬНОСТІ, ОСНОВИ ОХОРОНИ ПРАЦІ 56 4.1 Вплив комп’ютерних технологій на умови життя та здоров’я 56 4.2 Організація безпечного робочого місця для IT – спеціаліста 58 4.3 Висновки до розділу 4 61 ВИСНОВКИ 63 ПЕРЕЛІК ДЖЕРЕЛ 65 ДОДАТКИ |
| URI: | http://elartu.tntu.edu.ua/handle/lib/49628 |
| Copyright owner: | © Чайковська Катерина Ігорівна, 2025 |
| References (Ukraine): | 1. Коричневий колір: cимволіка, відтінки та найкращі поєднання [Електронний ресурс] // Depositphotos. – Режим доступу до ресурсу: https://blog.depositphotos.com/ua/korichnevij-kolir.html (дата звернення 10.05.2025) 2. Кольорові моделі RGB та CMYK [Електронний ресурс] // Фастпринт. – Режим доступу до ресурсу: https://www.fastprint.ua/uk/rgb-cmyk (дата звернення 13.05.2025) 3. SWOT-аналіз: що це таке та приклади використання [Електронний ресурс] // Wedex. – Режим доступу до ресурсу: https://wedex.com.ua/blog/swot-analiz-shho-tse-take-ta-prikladi-vikoristannya/ (дата звернення 16.05.2025) 4. Tripit [Електронний ресурс] // Tripit. – Режим доступу до ресурсу: https://www.tripit.com/web (дата звернення 17.05.2025) 5. Rome2Rio [Електронний ресурс] // Rome2Rio. – Режим доступу до ресурсу: https://www.rome2rio.com/ (дата звернення 17.05.2025) 6. BlaBlaCar [Електронний ресурс] // BlaBlaCar. – Режим доступу до ресурсу: https://www.blablacar.com.ua/ (дата звернення 18.05.2025) 7. Strutynska, I., Kozbur, H., Dmytrotsa, L., Bodnarchuk, I., & Hlado, O. (2019). Small and medium business structures clustering method based on their digital maturity. 2019 IEEE International Scientific-Practical Conference Problems of Infocommunications, Science and Technology (PIC S&T), 278–282. 8. Що таке цільова аудиторія, способи та методи її визначення [Електронний ресурс] // Brainlab. – Режим доступу до ресурсу: https://brainlab.com.ua/uk/blog-uk/shho-take-czilova-audytoriya-sposoby-ta-metody-yiyi-vyznachennya (дата звернення 19.05.2025) 9. Харченко, О. Г., Галай, І. О., Бондарчук, І. О., & Яцишин, В. В. (2010). Проектування архітектури WEB-застосування на основі моделі якості проектування. Інженерія Програмного Забезпечення, 4(4), 26. 10. Шаблонний чи унікальний дизайн сайту? [Електронний ресурс] // Artjoker. – Режим доступу до ресурсу: https://artjoker.ua/blog/shablonnyy-ili-unikalnyy-dizayn-sayta/ (дата звернення 20.05.2025) 11. Створюємо платформу для e – коммерс: Shopify vs кастомний дизайн [Електронний ресурс] // Turumburum. – Режим доступу до ресурсу: https://turumburum.ua/blog/stvoryuiemo-platformu-dlya-e-kommers-shopify-vs-kastomniy-dizayn (дата звернення 21.05.2025) 12. Для чого потрібні UML діаграми? [Електронний ресурс] // FoxmindEd. – Режим доступу до ресурсу: https://foxminded.ua/uml-diagramy/ (дата звернення 22.05.2025) 13. Як будувати UML – діаграми. Розбираємо три найпопулярніші варіанти [Електронний ресурс] // Dou. – Режим доступу до ресурсу: https://dou.ua/forums/topic/40575/ (дата звернення 24.05.2025) 14. Що таке діаграма варіантів використання UML: символи, шаблони, інструмент і посібник [Електронний ресурс] // MindOnMap. – Режим доступу до ресурсу: https://www.mindonmap.com/uk/blog/what-is-a-uml-use-case-diagram/ (дата звернення 25.05.2025) 15. Як вибрати правильну платформу для створення веб-сайту [Електронний ресурс] // Ranktracker. – Режим доступу до ресурсу: https://www.ranktracker.com/uk/blog/how-to-choose-the-right-platform-to-build-your-website/ (дата звернення 26.05.2025) 16. HTML5 та CSS3: Основи веб-розробки [Електронний ресурс] // IT Рейтинг України. – Режим доступу до ресурсу: https://it-rating.ua/html5-ta-css3-osnovi-veb-rozrobki (дата звернення 28.05.2025) 17. Що таке JavaScript і для чого він потрібен [Електронний ресурс] // GoIt. – Режим доступу до ресурсу: https://goit.global/ua/articles/shcho-take-javascript-i-dlia-choho-vin-potriben/ (дата звернення 29.05.2025) 18. JavaScript: матеріали для самопідготовки [Електронний ресурс] // Epam Campus. – Режим доступу до ресурсу: https://campus.epam.ua/ua/blog/255 (дата звернення 30.05.2025) 19. ЩО ТАКЕ PHP? [Електронний ресурс] // Freehost. – Режим доступу до ресурсу: https://freehost.com.ua/ukr/faq/wiki/chto-takoe-php/ (дата звернення 03.06.2025) 20. Що таке PHP? [Електронний ресурс] // HyperHost. – Режим доступу до ресурсу: https://hyperhost.ua/uk/wiki/chto-takoe-php (дата звернення 04.06.2025) 21. ЩО ТАКЕ MYSQL [Електронний ресурс] // Freehost. – Режим доступу до ресурсу: https://freehost.com.ua/ukr/faq/wiki/chto-takoe-mysql/ (дата звернення 05.06.2025) 22. База даних MySQL [Електронний ресурс] // Mirror Studio. – Режим доступу до ресурсу: https://promoter.net.ua/articles/baza-danix-mysql.html (дата звернення 07.06.2025) 23. Як вибрати якісний хостинг для сайту та чому це так важливо [Електронний ресурс] // Speka. – Режим доступу до ресурсу: https://speka.media/yak-vibrati-yakisnii-vebxosting-dlya-saitu-ta-comu-ce-tak-vazlivo-934n6v (дата звернення 08.06.2025) 24. InfinityFree – один з найкращих безкоштовних хостингів у 2025 [Електронний ресурс] // FreeWebsiteHosting. – Режим доступу до ресурсу: https://freewebhosting.com.ua/infinityfree/ (дата звернення 09.06.2025) 25. Встановлення та налаштування локального вебсервера XAMPP на Windows [Електронний ресурс] // HostPro. – Режим доступу до ресурсу: https://hostpro.ua/wiki/ua/instructions/installing-and-configuring-the-local-xampp-web-server-on-windows/ (дата звернення 09.06.2025) 26. Клієнт-серверна архітектура [Електронний ресурс] // QaTestLab. – Режим доступу до ресурсу: https://training.qatestlab.com/blog/technical-articles/client-server-architecture/ (дата звернення 10.06.2025) 27. Трирівнева архітектура [Електронний ресурс] // JavaRush. – Режим доступу до ресурсу : https://javarush.com/ua/quests/lectures/ua.questservlets.level14.lecture01 (дата звернення 11.06.2025) 28. Все, що потрібно знати про бази даних для початківців: MySQL, PostgreSQL, MongoDB [Електронний ресурс] // Dan.it. – Режим доступу до ресурсу: https://dan-it.com.ua/uk/blog/vse-shho-potribno-znati-pro-bazi-danih-dlja-pochatkivciv-mysql-postgresql-mongodb/ (дата звернення 13.06.2025) 29. СКБД MySQL і доступ до БД в PHP [Електронний ресурс] // Портал знань. – Режим доступу до ресурсу: http://www.znannya.org/?view=mysqli-intro (дата звернення 13.06.2025) 30. Небесний, Р. М., Кунанець, Н. Е., & Мацюк, О. В. (2016). Особливості формування цілей соціальних та соціокомунікаційних складових у проектах "Розумних міст". Вісник Національного університету “Львівська політехніка”, (848), 122–127. 31. ОСНОВИ ПОБУДОВИ SQL ЗАПИТІВ [Електронний ресурс] // FoxmindEd. – Режим доступу до ресурсу: https://foxminded.ua/sql-zapyty/ (дата звернення 14.06.2025) 32. ПРО СХЕМИ БАЗ ДАНИХ [Електронний ресурс] // FoxmindEd. – Режим доступу до ресурсу: https://foxminded.ua/skhemy-bazy-danyh/ (дата звернення 14.06.2025) 33. Завальнюк Є. К., Уманець О. О. Інтроверти та екстраверти серед видатних діячів IT // Матеріали Міжнародної наукової конференції студентів та молодих вчених «Молодь: наука і духовність». – Вінниця : ВНТУ, 2019. – 3 с. 34. Що таке JavaScript [Електронний ресурс] // Cases Media. – Режим доступу до ресурсу: https://cases.media/en/article/sho-take-javascript (дата звернення 15.06.2025) 35. Дуда, О., Захарія, О., Крамар, Т., Мельник, А., & П.Скалецький, (2025). Архітектура системи організації даних «розумних міст» на основі концепту Data Mesh. Information Systems and Networks, 411–427с. https://doi.org/10.23939/sisn2025.17.411 36. Боднарчук, І., Харченко, О., Хоміцький, Б., & Шимчук, Г. (2019). Проектування архітектури програмних систем в проектах з гнучкими методами управління. Матеріали ⅩⅪ Наукової Конференції Тернопільського Національного Технічного Університету Імені Івана Пулюя, 46–48. 37. Історія розвитку мови програмування РHP [Електронний ресурс] // IT клуб. – Режим доступу до ресурсу: https://it-club.com.ua/history-of-php/ (дата звернення 16.06.2025) 38. Попрощайтесь із Спамом! Повний путівник по reCAPTCHA [Електронний ресурс] // Dreamhost. – Режим доступу до ресурсу: https://www.dreamhost.com/blog/uk/poproshchaites-iz-spamom-povnii-putivnik-po-recaptcha-uk/ (дата звернення 17.06.2025) 39. Валідація. Тестування валідації [Електронний ресурс] // QaTestLab. – Режим доступу до ресурсу: https://training.qatestlab.com/blog/technical-articles/validation-testing/ (дата звернення 17.06.2025) 40. PHP Code Checker [Електронний ресурс] // BairesDev. – Режим доступу до ресурсу: https://www.bairesdev.com/tools/phpcodechecker/ (дата звернення 18.06.2025) 41. W3C HTML Validator [Електронний ресурс] // W3C. – Режим доступу до ресурсу: https://validator.w3.org/ (дата звернення 18.06.2025) 42. CSS Validator [Електронний ресурс] // CSS Portal. – Режим доступу до ресурсу: https://www.cssportal.com/css-validator/ (дата звернення 19.06.2025) 43. Гігієна зору: основні правила, яких повинен дотримуватися кожен [Електронний ресурс] // Закарпатський центр зору. – Режим доступу до ресурсу: https://centerzoru.com.ua/gigiyena-zoru-osnovni-pravyla-yakyh-povynen-dotrymuvatysya-kozhen/ (дата звернення 20.06.2025) 44. Вовк Ю.Я. Охорона праці в галузі. Навчальний посібник / Ю. Я. Вовк, І. П. Вовк – Тернопіль: ФОП Паляниця В.А. – 2015. – 172 с. 45. Європа оголосила війну e-відходам [Електронний ресурс] // Міністерство захисту довкілля та природних ресурсів України. – Режим доступу до ресурсу: https://mepr.gov.ua/yevropa-ogolosyla-vijnu-e-vidhodam/ (дата звернення 21.06.2025) 46. ДСТУ 7299:2013. Дизайн і ергономіка. Робоче місце оператора. Взаємне розташування елементів робочого місця. Загальні вимоги ергономіки. – Київ: Мінекономрозвитку України, 2014. 47. Як захистити очі при роботі за комп’ютером? [Електронний ресурс] // Київлінза. – Режим доступу до ресурсу: https://kyivlinza.ua/news/articles/kak-zashchitit-glaza-pri-rabote-za-kompyuterom-/ (дата звернення 21.06.2025) |
| Content type: | Bachelor Thesis |
| Appears in Collections: | 122 — Компʼютерні науки (бакалаври) |
Files in This Item:
| File | Description | Size | Format | |
|---|---|---|---|---|
| 2025_KRB_SN-43_Chaikovska_KI.pdf | Дипломна робота | 5,61 MB | Adobe PDF | View/Open |
Items in DSpace are protected by copyright, with all rights reserved, unless otherwise indicated.
Admin Tools