Будь ласка, використовуйте цей ідентифікатор, щоб цитувати або посилатися на цей матеріал:
http://elartu.tntu.edu.ua/handle/lib/49631
Назва: | Розробка веб-сайту ”Piggyback” з використанням технологій HTML, CSS та JS |
Інші назви: | Development of the "Piggyback" Website Using HTML, CSS, and JS |
Автори: | Шинкаренко, Леся Максимівна Shynkarenko, Lesia Maksymivna |
Приналежність: | ТНТУ ім. І. Пулюя, Факультет комп’ютерно-інформаційних систем і програмної інженерії, Кафедра комп’ютерних наук, м. Тернопіль, Україна |
Бібліографічний опис: | Шинкаренко Л. М. Розробка вебсайту "Piggyback" з використанням технологій HTML, CSS та JS : робота на здобуття кваліфікаційного ступеня бакалавра : спец. 122 - комп’ютерні науки / наук. кер. Я. В. Литвиненко. Тернопіль : Тернопільський національний технічний університет імені Івана Пулюя, 2025. 50 с. |
Дата публікації: | 29-чер-2025 |
Дата подання: | 15-чер-2025 |
Дата внесення: | 8-лип-2025 |
Видавництво: | ТНТУ ім. І.Пулюя, ФІС, м. Тернопіль, Україна |
Країна (код): | UA |
Місце видання, проведення: | Тернопіль |
Науковий керівник: | Литвиненко, Ярослав Володимирович Lytvynenko, Iaroslav |
УДК: | 004.42 |
Теми: | 122 адаптивний дизайн веб-розробка соціальна мережа стрімінговий сервіс тестування інтерфейс користувача frontend javascript responsive design social network streaming service testing user interface web development |
Діапазон сторінок: | 50 |
Короткий огляд (реферат): | Кваліфікаційна робота присвячена розробці веб-сайту "Piggyback", платформи, що інтегрує соціальні функції, музичний і відео стрімінг. Метою дослідження є створення зручного й безпечного веб-сайту для аудиторії з використанням HTML, CSS і JavaScript.
В першому розділі було проведено аналіз потреб користувачів, сформовано вимоги до функціональності та інтерфейсу, визначено акторів і сценарії використання, а також виконано порівняння з аналогами.
В другому розділі було розроблено архітектуру багатосторінкового застосунку, обрано технології та інструменти, спроєктовано структуру сторінок із інтерактивними елементами, такими як каруселі й плеєри, забезпечивши адаптивний дизайн.
В третьому розділі було реалізовано інтерфейс та інтерактивні компоненти, проведено тестування авторизації, відео та адаптації The qualification work is dedicated to the development of the "Piggyback" website, a platform that integrates social features, music, and video streaming. The aim of the study is to create a convenient and safe website for the audience using HTML, CSS, and JavaScript. In the first section, an analysis of user needs was conducted, requirements for functionality and interface were formulated, actors and usage scenarios were defined, and a comparison with analogs was performed. In the second section, the architecture of a multi-page application was developed, technologies and tools were selected, the structure of pages with interactive elements such as carousels and players was designed, ensuring an adaptive design. In the third section, the interface and interactive components were implemented, and testing of authorization, video, and adaptation was carried out |
Опис: | Роботу виконано на кафедрі комп'ютерних наук Тернопільського національного технічного університету імені Івана Пулюя. Захист відбудеться 29.06.2025р. на засіданні екзаменаційної комісії №30 у Тернопільському національному технічному університеті імені Івана Пулюя |
Зміст: | РОЗДІЛ 1. ПОСТАНОВА ЗАДАЧІ ВИКОНАННЯ КВАЛІФІКАЦІЙНОЇ РОБОТИ 12 1.1 Аналіз предметної області 12 1.2 Формування вимог розробки веб-сайту "Piggyback" 13 1.3 Пошук акторів та варіантів використання веб-сайту 14 1.4 Опис ключових варіантів використання веб-сайту 16 1.5 Вибір технологій розробки 18 1.6 Висновок до першого розділу 20 РОЗДІЛ 2. ПРОЄКТУВАННЯ ТА РЕАЛІЗАЦІЯ ВЕБ-САЙТУ "PIGGYBACK" 21 2.1 Аналіз архітектури веб-сайту 21 2.2 Вибір інструментів та бібліотек для розробки 24 2.3 Проєктування структури веб-сайту 26 2.4 Висновок до другого розділу 28 РОЗДІЛ 3. ТЕСТУВАННЯ ВЕБ-САЙТУ "PIGGYBACK" 30 3.1 Реалізація інтерфейсу 30 3.2 Реалізація інтерактивних елементів 30 3.3 Тестування та оптимізація 31 3.4 Висновок до третього розділу 42 РОЗДІЛ 4. БЕЗПЕКА ЖИТТЄДІЯЛЬНОСТІ, ОХОРОНИ ПРАЦІ 43 4.1 Ергономіка інтерфейсу веб-сайту та її вплив на безпеку користувачів 43 4.2 Організація робочого місця розробника під час створення веб-сайту 45 4.3 Висновок до четвертого розділу 46 ВИСНОВКИ 47 ПЕРЕЛІК ДЖЕРЕЛ 49 ДОДАТКИ |
URI (Уніфікований ідентифікатор ресурсу): | http://elartu.tntu.edu.ua/handle/lib/49631 |
Власник авторського права: | © Шинкаренко Леся Максимівна, 2025 |
Перелік літератури: | 1. Популярність соцмереж і можливості для брендів. Як людство взаємодіє з цифровими технологіями — звіт Digital 2024. [Електронний ресурс]. URL: https://mediamaker.me/yak-lyudstvo-vzayemodiye-z-czyfrovymy-tehnologiyamy-zvit-digital-2024-8566/ (дата звернення: 26.05.2025). 2. Євген Паталяк. Найновіші технології веб-розробки 2025: як створюються сучасні сайти. [Електронний ресурс]. URL: https://wezom.com.ua/ua/blog/naynovishi-tehnologiyi-veb-rozrobki-2025-yak-stvoryuyutsya-suchasni-sayti (дата звернення: 26.05.2025). 3. Людмила Зінченко. Огляд та ключові тези вебінару Non-Functional Requirements: посібник для архітекторів-початківців. [Електронний ресурс]. URL: https://careers.epam.ua/blog/non-functional-requirements-a-guide-for-beginner-architects-part-one-webinar-key-take-aways (дата звернення: 26.05.2025). 4. Object Management Group. UML 2.5.1 Specification. С. 639-643. [Електронний ресурс]. URL: https://www.omg.org/spec/UML/2.5.1/PDF (дата звернення: 27.05.2025). 5. Development of an algorithm for identification of damage types on the surface of sheet metal Palianytsia, Y., Lytvynenko, I., Menou, A., Shymchuk, G., Dubchak, A. CEUR Workshop Proceedings, 2024, 3742, pp. 84–96. 6. Олександр Прус. Що таке фронтенд розробка: складові, етапи та технології. [Електронний ресурс]. URL: https://wezom.com.ua/ua/blog/chto-takoe-front-end-razrabotka (дата звернення: 27.05.2025). 7. Володимир Шайтан. Що таке бібліотека в програмуванні. [Електронний ресурс]. URL: https://wezom.com.ua/ua/blog/chto-takoe-front-end-razrabotka (дата звернення: 27.05.2025). 8. Sanity.io. What is Multi-Page Application? Multi-Page Application definition. [Електронний ресурс]. URL: https://www.sanity.io/glossary/multipage-application (дата звернення: 28.05.2025). 9. Automated algorithm for determining surface’s oil capacity based on the analysis of the Abbot-Firestone diagram’s parameters. Iaroslav Lytvynenko, Volodymyr Dzyura, Pavlo Maruschak, CEUR Workshop Proceedings, 2024, 3896, pp. 74–79. 10. Official Gulp Documentation. Quick Start. [Електронний ресурс]. URL: https://gulpjs.com/docs/en/getting-started/quick-start (дата звернення: 28.05.2025). 11. Boryslava Omelchenko. Single-Page Applications (SPA) vs Multi-Page Web Applications (MPA) — Which is Better? [Електронний ресурс]. URL: https://developer.mozilla.org/en-US/docs/Glossary/SPA (дата звернення: 29.05.2025). 12. Microsoft. Visual Studio Code Documentation. [Електронний ресурс]. URL: https://code.visualstudio.com/docs (дата звернення: 29.05.2025). 13. Gulp-clean-css Official Documentation. [Електронний ресурс]. URL: https://www.npmjs.com/package/gulp-clean-css (дата звернення: 29.05.2025). 14. Bootstrap Get started with Bootstrap. [Електронний ресурс]. URL: https://getbootstrap.com/docs/5.3/getting-started/introduction/ (дата звернення: 29.05.2025). 15. Methodology of the Formation of Sports Matches Statistical Information Using Neural Networks Sorokivska, O., Lytvynenko, I., Sorokivskyi, O., Kozbur, H., Strutynska, I. CEUR Workshop Proceedings, 2023, 3628, pp. 389–403. 16. Official jQuery Documentation. jQuery API. [Електронний ресурс]. URL: https://api.jquery.com (дата звернення: 29.05.2025). 17. Video.js Guides. [Електронний ресурс]. URL: https://videojs.com/guides/embeds/ (дата звернення: 01.05.2025). 18. Chart.js. [Електронний ресурс]. URL: https://www.chartjs.org/docs/latest/ (дата звернення: 01.05.2025). 19. The Method of Computer Modeling of Heart Rhythm based on the Vector of Stationary and Stationary-related Random Sequences Onyskiv, P., Lytvynenko, I., Oleksandr, V., Shymchuk, G., Hotovych, V. CEUR Workshop, 2023, 3468, pp. 223–232. 20. ДСТУ EN ISO 9241-151:2022 Ергономіка взаємодії людина-система. Частина 151. Настанови щодо інтерфейсів користувача World Wide Web (EN ISO 9241-151:2008, IDT; ISO 9241-151:2008, IDT). [Електронний ресурс]. URL: https://online.budstandart.com/ua/catalog/doc-page.html?id_doc=112548 (дата звернення: 02.06.2025). 21. Computer modeling of cardiac rhythm based on vector of stationary random sequences. Serhii Lupenko, Iaroslav Lytvynenko, Petro Onyskiv, Anatolii Lupenko, Oleksandr Volianyk, Olena Tsitsiura // Scientific Journal of TNTU. Tern.: TNTU, 2023. Vol 108. No 4. P. 131–143. 22. ДСТУ 7299:2013 Дизайн і ергономіка. Робоче місце оператора. Взаємне розташування елементів робочого місця. Загальні вимоги ергономіки. [Електронний ресурс]. URL: https://online.budstandart.com/ua/catalog/doc-page?id_doc=57364 (дата звернення: 02.06.2025). 23. Lytvynenko, I., Lupenko, S., Nazarevych, O., Shymchuk, G., & Hotovych, V. (2021, September). Mathematical model of gas consumption process in the form of cyclic random process. In 2021 IEEE 16th International Conference on Computer Sciences and Information Technologies (CSIT) (Vol. 1, pp. 232-235). IEEE. 24. Lupenko, S., Lytvynenko, I., Nazarevych, O., Shymchuk, G., & Hotovych, V. (2021, December). Approach to gas consumption process forecasting on the basis of a mathematical model in the form of a random cyclic process. In Proceedings of the International Conference „Advanced applied energy and information technologies 2021”, 2021 (pp. 213-219). TNTU, Zhytomyr «Publishing house „Book-Druk “» LLC. 25. Шимчук, Г. В., Маєвський, О. В., & Назаревич, О. Б. (2016). Конспект лекцій з дисципліни Комп’ютерна графіка для студентів освітнього рівня «бакалавр» спеціальності 125 «Кібербезпека». 26. Shymchuk, G., Lytvynenko, I., Hromyak, R., Lytvynenko, S., & Hotovych, V. (2023). Gas Consumption Forecasting Using Machine Learning Methods and Taking Into Account Climatic Indicators. In CITI (pp. 156-163). 27. Leshchyshyn, Y., Scherbak, L., Nazarevych, O., Gotovych, V., Tymkiv, P., & Shymchuk, G. (2019, May). Multicomponent Model of the Heart Rate Variability Change-point. In 2019 IEEE XVth International Conference on the Perspective Technologies and Methods in MEMS Design (MEMSTECH) (pp. 110-113). IEEE. 28. ШИМЧУК, Г., ШЕВЧЕНКО, Н., ШВИРЛО, К., & ГАРМАТЮК, Н. (2025). СИСТЕМА ВІДНОВЛЕННЯ ДАНИХ У БЕЗДРОТОВИХ СЕНСОРНИХ МЕРЕЖАХ НА ОСНОВІ МАШИННОГО НАВЧАННЯ. Herald of Khmelnytskyi National University. Technical sciences, 353(3.2), 246-250. 29. Nazarevych, O., Leshchyshyn, Y., Lupenko, S., Hotovych, V., Shymchuk, G., & Shabliy, N. (2020, September). Method of Gas Consumption Change-point Detection Based on Seasonally Multicomponent Model. In 2020 10th International Conference on Advanced Computer Information Technologies (ACIT) (pp. 152-155). IEEE. 30. Palianytsia, Y., Lytvynenko, I., Menoub, A., Shymchuk, H., & Dubchak, A. (2024). Development of an algorithm for identification of damage types on the surface of sheet metal. |
Тип вмісту: | Bachelor Thesis |
Розташовується у зібраннях: | 122 — Компʼютерні науки (бакалаври) |
Файли цього матеріалу:
Файл | Опис | Розмір | Формат | |
---|---|---|---|---|
2025_KRB_SN-43_Shynkarenko_LM.pdf | Дипломна робота | 2,18 MB | Adobe PDF | Переглянути/відкрити |
Усі матеріали в архіві електронних ресурсів захищені авторським правом, всі права збережені.
Інструменти адміністратора