1. ELARTU — Інституційний репозитарій ТНТУ імені Івана Пулюя
  2. Роботи студентів
  3. Бакалавр
  4. 122 — Компʼютерні науки (бакалаври)
Mesedez, erabili identifikatzaile hau item hau aipatzeko edo estekatzeko: http://elartu.tntu.edu.ua/handle/lib/49557
Metadatuen erregistro osatua
DC eremuaBalioaHizkuntza
dc.contributor.advisorДуда, Олексій Михайлович-
dc.contributor.advisorDuda, Oleksii-
dc.contributor.authorКарпінський, Олександр Русланович-
dc.contributor.authorKarpinskiy, Oleksandr Ruslanovich-
dc.date.accessioned2025-07-04T17:04:38Z-
dc.date.available2025-07-04T17:04:38Z-
dc.date.issued2025-06-25-
dc.date.submitted2025-06-11-
dc.identifier.citationКарпінський О. Р. Розробка інформаційного сайту для вивчення технологій веб-дизайну та веб-програмування : робота на здобуття кваліфікаційного ступеня бакалавра : спец. 122 - комп’ютерні науки / наук. кер. О. М. Дуда. Тернопіль : Тернопільський національний технічний університет імені Івана Пулюя, 2025. 63 с.uk_UA
dc.identifier.urihttp://elartu.tntu.edu.ua/handle/lib/49557-
dc.descriptionРоботу виконано на кафедрі комп'ютерних наук Тернопільського національного технічного університету імені Івана Пулюя. Захист відбудеться 25.06.2025р. на засіданні екзаменаційної комісії №30 у Тернопільському національному технічному університеті імені Івана Пулюяuk_UA
dc.description.abstractКваліфікаційна робота присвячена розробці інформаційного сайту для вивчення технологій веб-дизайну та веб-програмування. В першому розділі кваліфікаційної роботи освітнього рівня «Бакалавр»: Розглянуто ключові мови та технології, зокрема HTML, CSS і PHP; Висвітлено сучасні підходи до структурування контенту та побудови інтерфейсів; В другому розділі кваліфікаційної роботи: Досліджено архітектурні рішення та принципи побудови інформаційних сайтів; Обґрунтовано вибір структури та функціонального наповнення ресурсу; Сформовано логічну модель сайту для навчання веб-технологіям. В третьому розділі кваліфікаційної роботи: Розроблено прототип інформаційного сайту з основними сторінками та функціоналом; Спроєктовано зручну навігацію, адаптивне відображення та структуру уроків; Протестовано базову функціональність сайту, включно з формою зворотного зв’язку. В четвертому розділі кваліфікаційної роботи: висвітлено питання з Безпеки життєдіяльності та Основ охорони праці. Об’єкт дослідження: процес створення інформаційного веб-сайту як засобу навчання веб-технологіям. Предмет дослідження: методи та інструменти розробки освітніх веб-ресурсів із використанням HTML, CSS та PHPuk_UA
dc.description.abstractThe qualification work is devoted to the development of an information website for studying web design and web programming technologies. In the first section of the qualification work of the educational level ‘Bachelor’: Key languages and technologies, in particular HTML, CSS and PHP, are considered; Modern approaches to content structuring and interface design are highlighted; The second section of the qualification work: Architectural solutions and principles of building information websites are investigated; The choice of structure and functional content of the resource is justified; A logical model of the website for learning web technologies is formed. In the third section of the qualification work: A prototype of an information website with main pages and functionality is developed; Convenient navigation, adaptive display and lesson structure are designed; The basic functionality of the website is tested, including the feedback form. In the fourth section of the qualification work: issues of life safety and occupational safety basics are highlighted. Object of research: the process of creating an informational website as a means of teaching web technologies. Subject of research: methods and tools for developing educational web resources using HTML, CSS and PHP.uk_UA
dc.description.tableofcontentsВСТУП 8 РОЗДІЛ 1. АНАЛІЗ ПРЕДМЕТНОЇ ОБЛАСТІ ВЕБ-ДИЗАЙНУ ТА ВЕБ-ПРОГРАМУВАННЯ 11 1.1 Веб-дизайн: поняття, принципи та стандарти 11 1.2 Веб-програмування: технології фронтенд та бекенд 14 1.3 Висновок до першого розділу 19 РОЗДІЛ 2. ПРОЕКТНА ЧАСТИНА. АРХІТЕКТУРА ТА ФУНКЦІОНАЛЬНІСТЬ ІНФОРМАЦІЙНИХ САЙТІВ 20 2.1 Клієнт-серверна архітектура веб-застосунків 20 2.2 Функціональні особливості та вимоги до інформаційних навчальних сайтів 24 2.3 Висновок до другого розділу 28 РОЗДІЛ 3. ПРАКТИЧНА ЧАСТИНА. РЕАЛІЗАЦІЯ ІНФОРМАЦІЙНОГО САЙТУ ДЛЯ ВИВЧЕННЯ ВЕБ-ТЕХНОЛОГІЙ 30 3.1 Загальна структура сайту та засоби реалізації 30 3.2 Приклад реалізації фронтенду (HTML та CSS) 39 3.3 Приклад реалізації бекенду (PHP) 41 3.4 Висновки до третього розділу 45 РОЗДІЛ 4. БЕЗПЕКА ЖИТТЄДІЯЛЬНОСТІ, ОСНОВИ ОХОРОНИ ПРАЦІ 48 4.1 Питання щодо безпеки життєдіяльності 48 4.2 Питання з основ охорони праці 53 4.3 Висновок до четвертого розділу 57 ВИСНОВКИ 59 ПЕРЕЛІК ДЖЕРЕЛ 63 ДОДАТКИuk_UA
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.subjectwebsiteuk_UA
dc.subjectwebdesignuk_UA
dc.subjecthtmluk_UA
dc.subjectcssuk_UA
dc.subjectphpuk_UA
dc.subjectinformation siteuk_UA
dc.subjectlearning web programminguk_UA
dc.subjectinterfaceuk_UA
dc.titleРозробка інформаційного сайту для вивчення технологій веб-дизайну та веб-програмуванняuk_UA
dc.title.alternativeDevelopment of an information site for studying web design and web programming technologiesuk_UA
dc.typeBachelor Thesisuk_UA
dc.rights.holder© Карпінський Олександр Русланович, 2025uk_UA
dc.coverage.placenameТернопільuk_UA
dc.subject.udc004.42uk_UA
thesis.degree.discipline63-
dc.relation.references1. Raj Vardhman (2024). 50+ Essential Website Statistics You Need to Know in 2025. TechJury. Режим доступу: https://techjury.net/blog/php-usage-statistics/uk_UA
dc.relation.references2. U.S. Bureau of Labor Statistics (2025). Web Developers and Digital Designers – Job Outlook. In Occupational Outlook Handbook. Режим доступу: https://www.bls.gov/ooh/computer-and-information-technology/web-developers.htmuk_UA
dc.relation.references3. TheTreetop (2024). E-Learning/Online Learning Statistics: Shaping the Future of Education. TheTreetop (Blog). Режим доступу: https://www.thetreetop.com/statistics/online-learning-statisticsuk_UA
dc.relation.references4. Stack Overflow (2023). Developer Survey 2023 – Learning to Code. Stack Overflow. Режим доступу: https://survey.stackoverflow.co/2023uk_UA
dc.relation.references5. freeCodeCamp (2023). freeCodeCamp.org Press Kit – usage statistics. freeCodeCamp News. Режим доступу: https://www.freecodecamp.org/news/freecodecamp-press-kit/uk_UA
dc.relation.references6. Nielsen, J. (1994). 10 Usability Heuristics for User Interface Design. Nielsen Norman Group. Режим доступу: https://www.nngroup.com/articles/ten-usability-heuristics/uk_UA
dc.relation.references7. Krug, S. (2014). Don’t Make Me Think, Revisited: A Common Sense Approach to Web Usability. New Riders.uk_UA
dc.relation.references8. UserGuiding (2025). 150+ UX (User Experience) Statistics and Trends (Updated for 2025). UserGuiding Blog. Режим доступу: https://userguiding.com/blog/ux-statistics-trendsuk_UA
dc.relation.references9. WebFX (2025). Web Development Statistics and Trends. WebFX Blog. Режим доступу: https://www.webfx.com/web-development/statistics/uk_UA
dc.relation.references10. Smashing Magazine (2011). Essential Principles Of Web Design. (example reference on design principles).uk_UA
dc.relation.references11. Brainhub (2025). Information Architecture for Web Design: the Big Picture. Brainhub Blog. Режим доступу: https://brainhub.eu/library/information-architecture-for-web-designuk_UA
dc.relation.references12. Garrett, J. J. (2011). The Elements of User Experience: User-Centered Design for the Web and Beyond (2nd ed.). New Riders.uk_UA
dc.relation.references13. W3Schools (2025). HTML Introduction.uk_UA
dc.relation.references14. Mozilla Developer Network (2023). HTML: HyperText Markup Language – MDN Docs. Режим доступу: https://developer.mozilla.org/docs/Web/HTMLuk_UA
dc.relation.references15. Mozilla Developer Network (2024). CSS – MDN Glossary Definition. Режим доступу: https://developer.mozilla.org/docs/Glossary/CSSuk_UA
dc.relation.references16. Wikipedia (2025). Cascading Style Sheets – History. Режим доступу: https://en.wikipedia.org/wiki/CSSuk_UA
dc.relation.references17. PHP Group (2025). PHP: Hypertext Preprocessor – Official website. Режим доступу: https://www.php.netuk_UA
dc.relation.references18. GeeksforGeeks (2020). New Features of PHP 7.4 – Introduction. Режим доступу: https://www.geeksforgeeks.org/new-features-of-php-7-4/uk_UA
dc.relation.references19. W3Techs (2025). Usage Statistics and Market Share of PHP for Websites, May 2025. Режим доступу: https://w3techs.com/technologies/details/pl-phpuk_UA
dc.relation.references20. Kinsta (2025). PHP Market Share in 2025. Kinsta Blog. Режим доступу: https://kinsta.com/php-market-share/uk_UA
dc.relation.references21. Duckett, J. (2011). HTML & CSS: Design and Build Websites. John Wiley & Sons.uk_UA
dc.relation.references22. Duckett, J. (2014). JavaScript & jQuery: Interactive Front-End Web Development. John Wiley & Sons.uk_UA
dc.relation.references23. Nixon, R. (2018). Learning PHP, MySQL & JavaScript (5th Edition). O’Reilly Media.uk_UA
dc.relation.references24. Morville, P., Rosenfeld, L., & Arango, J. (2015). Information Architecture: For the Web and Beyond (4th Edition). O’Reilly Media.uk_UA
dc.relation.references25. ISO/IEC 40500:2012. W3C Web Content Accessibility Guidelines (WCAG) 2.0.uk_UA
dc.relation.references26. Clarity Ventures (2024). Top 10 Website Functionality Features to Improve Your Site. Режим доступу: https://www.clarity-ventures.com/blog/ten-key-elements-every-business-website-should-have-functionality-and-design-eduk_UA
dc.relation.references27. MobiLoud (2025). What Percentage of Internet Traffic is Mobile? [Updated 2025]. Режим доступу: https://www.mobiloud.com/blog/what-percentage-of-internet-traffic-is-mobileuk_UA
dc.relation.references28. Interaction Design Foundation (2016). What are the Five Elements of UX Design? Режим доступу: https://www.interaction-design.org/literature/article/5-elements-of-the-online-user-experienceuk_UA
dc.relation.references29. W3C (2017). HTML 5.2 – W3C Recommendation. World Wide Web Consortium.uk_UA
dc.relation.references30. W3C (2018). CSS Snapshot 2018 – W3C Working Group Note. World Wide Web Consortium.uk_UA
dc.relation.references31. Микитишин А.Г., Митник М.М., Стухляк П.Д. Телекомунікаційні системи та мережі: навчальний посібник для студентів спеціальності 151 «Автоматизація та комп’ютерно-інтегровані технології» – Тернопіль: ТНТУ ім.Івана Пулюя, 2017 – 384 сuk_UA
dc.relation.references32. Stanko, A., Palka, O., Matiichuk, L., Martsenko, N., & Matsiuk, O. (2021, September). Smart City: A Review of Model Architecture and Technology. In 2021 IEEE 16th International Conference on Computer Sciences and Information Technologies (CSIT) (Vol. 2, pp. 273–277). IEEE.uk_UA
dc.relation.references33. Duda, O., Mykytyshyn, A., Mytnyk, M., & Stanko, A. Information technology sets formation and" TNTU Smart Campus" services network support. Proceedings of the 3rd International Workshop on ITTAP 2023,Ternopil, Ukraine, Opole, Poland, November 22–24, 2023.uk_UA
dc.relation.references34. Никитюк, В. В., Тененський, М. В., & Орловська, А. В. (2023). Аналіз використання EDA для вирішення проблем сучасних застоснків та систем. ⅩⅠ конф. „Інформаційні моделі, системи та технології “, 89-90.uk_UA
dc.relation.references35. Гузеляк, О., Шевчук, Ю., Береженко, Б. М., & Боднарчук, І. О. (2022). Програмна архітектура в розподілених командах гнучких проєктів. Матеріали Ⅹ науково-технічної конференції „Інформаційні моделі, системи та технології “ТНТУ імені Івана Пулюя, 110-112.uk_UA
dc.relation.references36. Готович, В. А., & Ралік, І. Р. (2022). Програмне забезпечення на основі клієнт-серверної архітектури для обліку реалізації товарів в торгівлі. Матеріали ⅩⅠ Міжнародної науково-практичної конференції молодих учених та студентів „Актуальні задачі сучасних технологій “, 126-126.uk_UA
dc.relation.references37. Бідюк, О., & Марценко, С. (2025). Методи та засоби інформаційної безпеки іт інфраструктур. Herald of khmelnytskyi national university. Technical sciences, 347(1), 47-58.uk_UA
dc.relation.references38. Волович, В., Береженко, Б. М., & Боднарчук, І. О. (2022). Задача проєктування програмної архітектури в процесах забезпечення якості. Матеріали Ⅹ науково-технічної конференції „Інформаційні моделі, системи та технології “ТНТУ імені Івана Пулюя, 104-106.uk_UA
dc.relation.references39. Семенюк, В. О., & Литвиненко, Я. В. (2023). Огляд методів захисту текстової інформації. Матеріали ⅩⅠ науково-технічної конференції „Інформаційні моделі, системи та технології “, 112-112.uk_UA
dc.relation.references40. Козак, С., Микитишин, А., & Станько, А. (2025). Оптимізація зберігання та обробки даних для iot-систем екологічного моніторингу. Measuring and computing devices in technological processes, (1), 323-330.uk_UA
dc.relation.references41. Sverstiuk, A., Matiichuk, L., Polyvana, U., Stanko, A., & Nykytyuk, V. (2024). Analytical analysis of approaches to assessing the quality of life in smart cities.uk_UA
dc.relation.references42. Безпека в надзвичайних ситуаціях. Методичний посібник для здобувачів освітнього ступеня «магістр» всіх спеціальностей денної та заочної (дистанційної) форм навчання / укл.: Стручок В. С. Тернопіль: ФОП Паляниця В. А., 2022. 156 с.uk_UA
dc.contributor.affiliationТНТУ ім. І. Пулюя, Факультет комп’ютерно-інформаційних систем і програмної інженерії, Кафедра комп’ютерних наук, м. Тернопіль, Українаuk_UA
dc.coverage.countryUAuk_UA
Bildumetan azaltzen da:122 — Компʼютерні науки (бакалаври)

Item honetako fitxategiak:
Fitxategia Deskribapena TamainaFormatua 
2025_KRB_SN-41_Karpinskyi_OR.pdfДипломна робота1,97 MBAdobe PDFBistaratu/Ireki
Itemaren erregistro erraza erakusten du


DSpaceko itemak copyright bidez babestuta daude, eskubide guztiak gordeta, baldin eta kontrakoa adierazten ez bada.

Administratzailearen tresnak