Будь ласка, використовуйте цей ідентифікатор, щоб цитувати або посилатися на цей матеріал:
http://elartu.tntu.edu.ua/handle/lib/49557| Назва: | Розробка інформаційного сайту для вивчення технологій веб-дизайну та веб-програмування |
| Інші назви: | Development of an information site for studying web design and web programming technologies |
| Автори: | Карпінський, Олександр Русланович Karpinskiy, Oleksandr Ruslanovich |
| Приналежність: | ТНТУ ім. І. Пулюя, Факультет комп’ютерно-інформаційних систем і програмної інженерії, Кафедра комп’ютерних наук, м. Тернопіль, Україна |
| Бібліографічний опис: | Карпінський О. Р. Розробка інформаційного сайту для вивчення технологій веб-дизайну та веб-програмування : робота на здобуття кваліфікаційного ступеня бакалавра : спец. 122 - комп’ютерні науки / наук. кер. О. М. Дуда. Тернопіль : Тернопільський національний технічний університет імені Івана Пулюя, 2025. 63 с. |
| Дата публікації: | 25-чер-2025 |
| Дата подання: | 11-чер-2025 |
| Дата внесення: | 4-лип-2025 |
| Видавництво: | ТНТУ ім. І.Пулюя, ФІС, м. Тернопіль, Україна |
| Країна (код): | UA |
| Місце видання, проведення: | Тернопіль |
| Шифр та назва спеціальності: | 63 |
| Науковий керівник: | Дуда, Олексій Михайлович Duda, Oleksii |
| УДК: | 004.42 |
| Теми: | 122 вебсайт вебдизайн інформаційний сайт навчання веб програмування інтерфейс website webdesign html css php information site learning web programming interface |
| Короткий огляд (реферат): | Кваліфікаційна робота присвячена розробці інформаційного сайту для вивчення технологій веб-дизайну та веб-програмування.
В першому розділі кваліфікаційної роботи освітнього рівня «Бакалавр»: Розглянуто ключові мови та технології, зокрема HTML, CSS і PHP; Висвітлено сучасні підходи до структурування контенту та побудови інтерфейсів;
В другому розділі кваліфікаційної роботи: Досліджено архітектурні рішення та принципи побудови інформаційних сайтів; Обґрунтовано вибір структури та функціонального наповнення ресурсу; Сформовано логічну модель сайту для навчання веб-технологіям.
В третьому розділі кваліфікаційної роботи: Розроблено прототип інформаційного сайту з основними сторінками та функціоналом; Спроєктовано зручну навігацію, адаптивне відображення та структуру уроків; Протестовано базову функціональність сайту, включно з формою зворотного зв’язку.
В четвертому розділі кваліфікаційної роботи: висвітлено питання з Безпеки життєдіяльності та Основ охорони праці.
Об’єкт дослідження: процес створення інформаційного веб-сайту як засобу навчання веб-технологіям.
Предмет дослідження: методи та інструменти розробки освітніх веб-ресурсів із використанням HTML, CSS та PHP The 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. |
| Опис: | Роботу виконано на кафедрі комп'ютерних наук Тернопільського національного технічного університету імені Івана Пулюя. Захист відбудеться 25.06.2025р. на засіданні екзаменаційної комісії №30 у Тернопільському національному технічному університеті імені Івана Пулюя |
| Зміст: | ВСТУП 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 ДОДАТКИ |
| URI (Уніфікований ідентифікатор ресурсу): | http://elartu.tntu.edu.ua/handle/lib/49557 |
| Власник авторського права: | © Карпінський Олександр Русланович, 2025 |
| Перелік літератури: | 1. Raj Vardhman (2024). 50+ Essential Website Statistics You Need to Know in 2025. TechJury. Режим доступу: https://techjury.net/blog/php-usage-statistics/ 2. 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.htm 3. TheTreetop (2024). E-Learning/Online Learning Statistics: Shaping the Future of Education. TheTreetop (Blog). Режим доступу: https://www.thetreetop.com/statistics/online-learning-statistics 4. Stack Overflow (2023). Developer Survey 2023 – Learning to Code. Stack Overflow. Режим доступу: https://survey.stackoverflow.co/2023 5. freeCodeCamp (2023). freeCodeCamp.org Press Kit – usage statistics. freeCodeCamp News. Режим доступу: https://www.freecodecamp.org/news/freecodecamp-press-kit/ 6. Nielsen, J. (1994). 10 Usability Heuristics for User Interface Design. Nielsen Norman Group. Режим доступу: https://www.nngroup.com/articles/ten-usability-heuristics/ 7. Krug, S. (2014). Don’t Make Me Think, Revisited: A Common Sense Approach to Web Usability. New Riders. 8. UserGuiding (2025). 150+ UX (User Experience) Statistics and Trends (Updated for 2025). UserGuiding Blog. Режим доступу: https://userguiding.com/blog/ux-statistics-trends 9. WebFX (2025). Web Development Statistics and Trends. WebFX Blog. Режим доступу: https://www.webfx.com/web-development/statistics/ 10. Smashing Magazine (2011). Essential Principles Of Web Design. (example reference on design principles). 11. Brainhub (2025). Information Architecture for Web Design: the Big Picture. Brainhub Blog. Режим доступу: https://brainhub.eu/library/information-architecture-for-web-design 12. Garrett, J. J. (2011). The Elements of User Experience: User-Centered Design for the Web and Beyond (2nd ed.). New Riders. 13. W3Schools (2025). HTML Introduction. 14. Mozilla Developer Network (2023). HTML: HyperText Markup Language – MDN Docs. Режим доступу: https://developer.mozilla.org/docs/Web/HTML 15. Mozilla Developer Network (2024). CSS – MDN Glossary Definition. Режим доступу: https://developer.mozilla.org/docs/Glossary/CSS 16. Wikipedia (2025). Cascading Style Sheets – History. Режим доступу: https://en.wikipedia.org/wiki/CSS 17. PHP Group (2025). PHP: Hypertext Preprocessor – Official website. Режим доступу: https://www.php.net 18. GeeksforGeeks (2020). New Features of PHP 7.4 – Introduction. Режим доступу: https://www.geeksforgeeks.org/new-features-of-php-7-4/ 19. W3Techs (2025). Usage Statistics and Market Share of PHP for Websites, May 2025. Режим доступу: https://w3techs.com/technologies/details/pl-php 20. Kinsta (2025). PHP Market Share in 2025. Kinsta Blog. Режим доступу: https://kinsta.com/php-market-share/ 21. Duckett, J. (2011). HTML & CSS: Design and Build Websites. John Wiley & Sons. 22. Duckett, J. (2014). JavaScript & jQuery: Interactive Front-End Web Development. John Wiley & Sons. 23. Nixon, R. (2018). Learning PHP, MySQL & JavaScript (5th Edition). O’Reilly Media. 24. Morville, P., Rosenfeld, L., & Arango, J. (2015). Information Architecture: For the Web and Beyond (4th Edition). O’Reilly Media. 25. ISO/IEC 40500:2012. W3C Web Content Accessibility Guidelines (WCAG) 2.0. 26. 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-ed 27. MobiLoud (2025). What Percentage of Internet Traffic is Mobile? [Updated 2025]. Режим доступу: https://www.mobiloud.com/blog/what-percentage-of-internet-traffic-is-mobile 28. 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-experience 29. W3C (2017). HTML 5.2 – W3C Recommendation. World Wide Web Consortium. 30. W3C (2018). CSS Snapshot 2018 – W3C Working Group Note. World Wide Web Consortium. 31. Микитишин А.Г., Митник М.М., Стухляк П.Д. Телекомунікаційні системи та мережі: навчальний посібник для студентів спеціальності 151 «Автоматизація та комп’ютерно-інтегровані технології» – Тернопіль: ТНТУ ім.Івана Пулюя, 2017 – 384 с 32. 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. 33. 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. 34. Никитюк, В. В., Тененський, М. В., & Орловська, А. В. (2023). Аналіз використання EDA для вирішення проблем сучасних застоснків та систем. ⅩⅠ конф. „Інформаційні моделі, системи та технології “, 89-90. 35. Гузеляк, О., Шевчук, Ю., Береженко, Б. М., & Боднарчук, І. О. (2022). Програмна архітектура в розподілених командах гнучких проєктів. Матеріали Ⅹ науково-технічної конференції „Інформаційні моделі, системи та технології “ТНТУ імені Івана Пулюя, 110-112. 36. Готович, В. А., & Ралік, І. Р. (2022). Програмне забезпечення на основі клієнт-серверної архітектури для обліку реалізації товарів в торгівлі. Матеріали ⅩⅠ Міжнародної науково-практичної конференції молодих учених та студентів „Актуальні задачі сучасних технологій “, 126-126. 37. Бідюк, О., & Марценко, С. (2025). Методи та засоби інформаційної безпеки іт інфраструктур. Herald of khmelnytskyi national university. Technical sciences, 347(1), 47-58. 38. Волович, В., Береженко, Б. М., & Боднарчук, І. О. (2022). Задача проєктування програмної архітектури в процесах забезпечення якості. Матеріали Ⅹ науково-технічної конференції „Інформаційні моделі, системи та технології “ТНТУ імені Івана Пулюя, 104-106. 39. Семенюк, В. О., & Литвиненко, Я. В. (2023). Огляд методів захисту текстової інформації. Матеріали ⅩⅠ науково-технічної конференції „Інформаційні моделі, системи та технології “, 112-112. 40. Козак, С., Микитишин, А., & Станько, А. (2025). Оптимізація зберігання та обробки даних для iot-систем екологічного моніторингу. Measuring and computing devices in technological processes, (1), 323-330. 41. Sverstiuk, A., Matiichuk, L., Polyvana, U., Stanko, A., & Nykytyuk, V. (2024). Analytical analysis of approaches to assessing the quality of life in smart cities. 42. Безпека в надзвичайних ситуаціях. Методичний посібник для здобувачів освітнього ступеня «магістр» всіх спеціальностей денної та заочної (дистанційної) форм навчання / укл.: Стручок В. С. Тернопіль: ФОП Паляниця В. А., 2022. 156 с. |
| Тип вмісту: | Bachelor Thesis |
| Розташовується у зібраннях: | 122 — Компʼютерні науки (бакалаври) |
Файли цього матеріалу:
| Файл | Опис | Розмір | Формат | |
|---|---|---|---|---|
| 2025_KRB_SN-41_Karpinskyi_OR.pdf | Дипломна робота | 1,97 MB | Adobe PDF | Переглянути/відкрити |
Усі матеріали в архіві електронних ресурсів захищені авторським правом, всі права збережені.
Інструменти адміністратора