Будь ласка, використовуйте цей ідентифікатор, щоб цитувати або посилатися на цей матеріал: http://elartu.tntu.edu.ua/handle/lib/49631
Повний запис метаданих
Поле DCЗначенняМова
dc.contributor.advisorЛитвиненко, Ярослав Володимирович-
dc.contributor.advisorLytvynenko, Iaroslav-
dc.contributor.authorШинкаренко, Леся Максимівна-
dc.contributor.authorShynkarenko, Lesia Maksymivna-
dc.date.accessioned2025-07-08T12:27:40Z-
dc.date.available2025-07-08T12:27:40Z-
dc.date.issued2025-06-29-
dc.date.submitted2025-06-15-
dc.identifier.citationШинкаренко Л. М. Розробка вебсайту "Piggyback" з використанням технологій HTML, CSS та JS : робота на здобуття кваліфікаційного ступеня бакалавра : спец. 122 - комп’ютерні науки / наук. кер. Я. В. Литвиненко. Тернопіль : Тернопільський національний технічний університет імені Івана Пулюя, 2025. 50 с.uk_UA
dc.identifier.urihttp://elartu.tntu.edu.ua/handle/lib/49631-
dc.descriptionРоботу виконано на кафедрі комп'ютерних наук Тернопільського національного технічного університету імені Івана Пулюя. Захист відбудеться 29.06.2025р. на засіданні екзаменаційної комісії №30 у Тернопільському національному технічному університеті імені Івана Пулюяuk_UA
dc.description.abstractКваліфікаційна робота присвячена розробці веб-сайту "Piggyback", платформи, що інтегрує соціальні функції, музичний і відео стрімінг. Метою дослідження є створення зручного й безпечного веб-сайту для аудиторії з використанням HTML, CSS і JavaScript. В першому розділі було проведено аналіз потреб користувачів, сформовано вимоги до функціональності та інтерфейсу, визначено акторів і сценарії використання, а також виконано порівняння з аналогами. В другому розділі було розроблено архітектуру багатосторінкового застосунку, обрано технології та інструменти, спроєктовано структуру сторінок із інтерактивними елементами, такими як каруселі й плеєри, забезпечивши адаптивний дизайн. В третьому розділі було реалізовано інтерфейс та інтерактивні компоненти, проведено тестування авторизації, відео та адаптаціїuk_UA
dc.description.abstractThe 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 outuk_UA
dc.description.tableofcontentsРОЗДІЛ 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 ДОДАТКИuk_UA
dc.format.extent50-
dc.language.isoukuk_UA
dc.publisherТНТУ ім. І.Пулюя, ФІС, м. Тернопіль, Українаuk_UA
dc.subject122uk_UA
dc.subjectадаптивний дизайнuk_UA
dc.subjectвеб-розробкаuk_UA
dc.subjectсоціальна мережаuk_UA
dc.subjectстрімінговий сервісuk_UA
dc.subjectтестуванняuk_UA
dc.subjectінтерфейс користувачаuk_UA
dc.subjectfrontenduk_UA
dc.subjectjavascriptuk_UA
dc.subjectresponsive designuk_UA
dc.subjectsocial networkuk_UA
dc.subjectstreaming serviceuk_UA
dc.subjecttestinguk_UA
dc.subjectuser interfaceuk_UA
dc.subjectweb developmentuk_UA
dc.titleРозробка веб-сайту ”Piggyback” з використанням технологій HTML, CSS та JSuk_UA
dc.title.alternativeDevelopment of the "Piggyback" Website Using HTML, CSS, and JSuk_UA
dc.typeBachelor Thesisuk_UA
dc.rights.holder© Шинкаренко Леся Максимівна, 2025uk_UA
dc.coverage.placenameТернопільuk_UA
dc.subject.udc004.42uk_UA
dc.relation.references1. Популярність соцмереж і можливості для брендів. Як людство взаємодіє з цифровими технологіями — звіт Digital 2024. [Електронний ресурс]. URL: https://mediamaker.me/yak-lyudstvo-vzayemodiye-z-czyfrovymy-tehnologiyamy-zvit-digital-2024-8566/ (дата звернення: 26.05.2025).uk_UA
dc.relation.references2. Євген Паталяк. Найновіші технології веб-розробки 2025: як створюються сучасні сайти. [Електронний ресурс]. URL: https://wezom.com.ua/ua/blog/naynovishi-tehnologiyi-veb-rozrobki-2025-yak-stvoryuyutsya-suchasni-sayti (дата звернення: 26.05.2025).uk_UA
dc.relation.references3. Людмила Зінченко. Огляд та ключові тези вебінару 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).uk_UA
dc.relation.references4. Object Management Group. UML 2.5.1 Specification. С. 639-643. [Електронний ресурс]. URL: https://www.omg.org/spec/UML/2.5.1/PDF (дата звернення: 27.05.2025).uk_UA
dc.relation.references5. 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.uk_UA
dc.relation.references6. Олександр Прус. Що таке фронтенд розробка: складові, етапи та технології. [Електронний ресурс]. URL: https://wezom.com.ua/ua/blog/chto-takoe-front-end-razrabotka (дата звернення: 27.05.2025).uk_UA
dc.relation.references7. Володимир Шайтан. Що таке бібліотека в програмуванні. [Електронний ресурс]. URL: https://wezom.com.ua/ua/blog/chto-takoe-front-end-razrabotka (дата звернення: 27.05.2025).uk_UA
dc.relation.references8. Sanity.io. What is Multi-Page Application? Multi-Page Application definition. [Електронний ресурс]. URL: https://www.sanity.io/glossary/multipage-application (дата звернення: 28.05.2025).uk_UA
dc.relation.references9. 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.uk_UA
dc.relation.references10. Official Gulp Documentation. Quick Start. [Електронний ресурс]. URL: https://gulpjs.com/docs/en/getting-started/quick-start (дата звернення: 28.05.2025).uk_UA
dc.relation.references11. 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).uk_UA
dc.relation.references12. 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).uk_UA
dc.relation.references14. Bootstrap Get started with Bootstrap. [Електронний ресурс]. URL: https://getbootstrap.com/docs/5.3/getting-started/introduction/ (дата звернення: 29.05.2025).uk_UA
dc.relation.references15. 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.uk_UA
dc.relation.references16. Official jQuery Documentation. jQuery API. [Електронний ресурс]. URL: https://api.jquery.com (дата звернення: 29.05.2025).uk_UA
dc.relation.references17. Video.js Guides. [Електронний ресурс]. URL: https://videojs.com/guides/embeds/ (дата звернення: 01.05.2025).uk_UA
dc.relation.references18. Chart.js. [Електронний ресурс]. URL: https://www.chartjs.org/docs/latest/ (дата звернення: 01.05.2025).uk_UA
dc.relation.references19. 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.uk_UA
dc.relation.references20. ДСТУ 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).uk_UA
dc.relation.references21. 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.uk_UA
dc.relation.references22. ДСТУ 7299:2013 Дизайн і ергономіка. Робоче місце оператора. Взаємне розташування елементів робочого місця. Загальні вимоги ергономіки. [Електронний ресурс]. URL: https://online.budstandart.com/ua/catalog/doc-page?id_doc=57364 (дата звернення: 02.06.2025).uk_UA
dc.relation.references23. 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.uk_UA
dc.relation.references24. 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.uk_UA
dc.relation.references25. Шимчук, Г. В., Маєвський, О. В., & Назаревич, О. Б. (2016). Конспект лекцій з дисципліни Комп’ютерна графіка для студентів освітнього рівня «бакалавр» спеціальності 125 «Кібербезпека».uk_UA
dc.relation.references26. 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).uk_UA
dc.relation.references27. 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.uk_UA
dc.relation.references28. ШИМЧУК, Г., ШЕВЧЕНКО, Н., ШВИРЛО, К., & ГАРМАТЮК, Н. (2025). СИСТЕМА ВІДНОВЛЕННЯ ДАНИХ У БЕЗДРОТОВИХ СЕНСОРНИХ МЕРЕЖАХ НА ОСНОВІ МАШИННОГО НАВЧАННЯ. Herald of Khmelnytskyi National University. Technical sciences, 353(3.2), 246-250.uk_UA
dc.relation.references29. 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.uk_UA
dc.relation.references30. 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.uk_UA
dc.contributor.affiliationТНТУ ім. І. Пулюя, Факультет комп’ютерно-інформаційних систем і програмної інженерії, Кафедра комп’ютерних наук, м. Тернопіль, Українаuk_UA
dc.coverage.countryUAuk_UA
Розташовується у зібраннях:122 — Компʼютерні науки (бакалаври)

Файли цього матеріалу:
Файл Опис РозмірФормат 
2025_KRB_SN-43_Shynkarenko_LM.pdfДипломна робота2,18 MBAdobe PDFПереглянути/відкрити


Усі матеріали в архіві електронних ресурсів захищені авторським правом, всі права збережені.

Інструменти адміністратора