Veuillez utiliser cette adresse pour citer ce document : http://elartu.tntu.edu.ua/handle/lib/45801
Titre: Розробка веб-сайту компанії ”Focus Frame Photography”
Autre(s) titre(s): Development of the Website of the Company "Focus Frame Photography"
Auteur(s): Магула, Євген Васильович
Mahula, Yevhen Vasylovych
Affiliation: ТНТУ ім. І. Пулюя, Факультет комп’ютерно-інформаційних систем і програмної інженерії, Кафедра комп’ютерних наук, м. Тернопіль, Україна
Bibliographic description (Ukraine): Магула Є.В. Розробка веб-сайту компанії ”Focus Frame Photography” : робота на здобуття кваліфікаційного ступеня бакалавра : спец. 122 - комп'ютерні науки / наук. кер. В. П. Марценюк. Тернопіль : Тернопільський національний технічний університет імені Івана Пулюя, 2024. 55 с.
Date de publication: 29-jui-2024
Submitted date: 14-jui-2024
Date of entry: 4-jui-2024
Country (code): UA
Place of the edition/event: ТНТУ ім. І.Пулюя, ФІС, м. Тернопіль, Україна
Supervisor: Марценюк, Василь Петрович
Committee members: Лечаченко, Тарас Анатолійович
UDC: 004.04
Mots-clés: фотографія
photography
веб-сайт
website
дизайн
design
розробка
development
функціональність
functionality
тестування
testing
технології
technologies
Résumé: Ця кваліфікаційна робота бакалавра присвячена дослідженню розробки веб-сайтів для фотографічних компаній та їх практичному застосуванню. У першому розділі кваліфікаційної роботи описано особливості веб-сайтів для фотографічних компаній та проаналізовано існуючі рішення на ринку. Також розглянуто вимоги до таких сайтів, включаючи функціональні та естетичні аспекти, та визначено основні завдання для розробки У другому розділі кваліфікаційної роботи розглянуто технічне завдання, вимоги до функціональності веб-сайту, вибір технологій для розробки та обґрунтування використання HTML, CSS, JS та PHP. Також описано процес створення дизайну веб-сайту з урахуванням специфічних вимог фотографічної компанії. У третьому розділі кваліфікаційної роботи описано процес розробки структури сайту, реалізації основних функціональних модулів, а також тестування та налагодження сайту. Детально описані проведені тести, виявлені помилки та їх усунення, що дозволило забезпечити стабільну роботу сайту. Об'єктом дослідження є процеси розробки та впровадження веб-сайтів для фотографічних компаній. Предмет дослідження: засоби і методи розробки веб-сайту для Focus Frame Photography з урахуванням специфічних вимог до дизайну, функціональності та юзабіліті. This thesis is dedicated to the study of website development for photography companies and their practical application. The first chapter of the thesis describes the features of websites for photography companies and analyzes existing solutions on the market. The requirements for such websites, including functional and aesthetic aspects, are also considered, and the main tasks for development are identified. The second section of the qualification work considers the terms of reference, requirements for website functionality, the choice of technologies for development, and the rationale for using HTML, CSS, JS, and PHP. It also describes the process of creating a website design taking into account the specific requirements of a photography company. The third section of the qualification work describes the process of developing the site structure, implementing the main functional modules, as well as testing and debugging the site. The tests conducted, errors detected and their elimination are described in detail, which allowed to ensure the stable operation of the website. The object of the study is the processes of developing and implementing websites for photography companies. Subject of research: tools and methods for developing a website for Focus Frame Photography, taking into account specific requirements for design, functionality, and usability.
Content: ВСТУП 8 РОЗДІЛ 1. АНАЛІЗ ПРЕДМЕТНОЇ ОБЛАСТІ ТА ПОСТАНОВКА ЗАВДАННЯ 10 1.1 Огляд ринку фотографічних послуг 10 1.2 Вимоги до веб-сайтів фотографічних компаній 13 1.2.1 Дизайн та юзабіліті 13 1.2.2 Портфоліо та приклади робіт 14 1.2.3 Мобільна оптимізація 14 1.2.4 SEO-оптимізація 15 1.2.5 Контактна інформація та інтерактивність 15 1.2.6 Безпека та захист даних 15 1.2.7 Функціональність та інтеграції 16 1.2.8 Оновлення та підтримка 16 1.2.9 Доступність та відповідність стандартам 17 1.3 Аналіз існуючих рішень 17 1.3.1 Провідні веб-сайти фотографічних компаній 18 1.3.2 Сильні сторони існуючих рішень 19 1.3.3 Недоліки та проблеми існуючих рішень 19 1.3.4 Висновки та рекомендації 20 1.4 Постановка завдання 21 РОЗДІЛ 2. ПРОЕКТНА ЧАСТИНА 24 2.1 Технічне завдання 24 2.2 Вимоги до функціональності 26 2.3 Розробка дизайну 28 2.4 Вибір технологій 31 РОЗДІЛ 3. ПРАКТИЧНА ЧАСТИНА 35 3.1 Розробка структури сайту 35 3.2 Реалізація основних функціональних модулів 37 3.3 Тестування та налагодження 41 РОЗДІЛ 4. БЕЗПЕКА ЖИТТЄДІЯЛЬНОСТІ, ОСНОВИ ОХОРОНИ ПРАЦІ 44 4.1 Ергономічні проблеми безпеки життєдіяльності 44 4.2 Захисне заземлення при роботах на комп`ютерній техніці. 46 4.3 Висновок до четвертого розділу 47 ВИСНОВКИ 48 ПЕРЕЛІК ДЖЕРЕЛ 50 ДОДАТКИ
URI/URL: http://elartu.tntu.edu.ua/handle/lib/45801
Copyright owner: © Магула Євген Васильович, 2024
References (Ukraine): 1. ДСТУ 7951:2015 Дизайн і ергономіка. Крісло оператора. Загальні ергономічні вимоги.
2. ДСТУ 8604:2015 Дизайн і ергономіка. Робоче місце для виконання робіт у положенні сидячи. Загальні ергономічні вимоги.
3. Маркетингові стратегії стимулювання попиту на ринку фотопослуг. URL: file:///C:/Users/Eugene/Desktop/Ponomarenko_bak_pob.pdf (дата звернення: 02.02.2024)
4. Найкращі безкоштовні стокові фото та відео від талановитих авторів. URL: https://www.pexels.com/uk-ua/ (дата звернення: 02.02.2024)
5. Небезпечні та шкідливі фактори, які впливають на програміста і засоби їх усунення. URL: https://openarchive.nure.ua/server/api/core/bitstreams/94079df3-086d-4f0d-b501-af17ada9c1ec/content (дата звернення: 01.02.2024)
6. Ношкалюк А. Розробка інтерактивних 3D моделей для використання у віртуальному навчальному середовищі / Ношкалюк А., Скоренький Ю. Л. // Матеріали Ⅴ Міжнародної студентської науково-технічної конференції "Природничі та гуманітарні науки. Актуальні питання", 28-29 квітня 2022 р. – Т. : ТНТУ, 2022. – С. 49. – (Інформаційні технології).
7. Професійна відеозйомка. URL: https://edpit.org/uk/blog-uk/profesiyna-videozyomka/ (дата звернення: 02.02.2024)
8. Розробка веб-сайту для фотографа. URL: file:///C:/Users/Eugene/Desktop/MR_Moshynets.pdf (дата звернення: 01.02.2024)
9. Achieving Visual Impact: Photography Website Design Trends. Design Shack. URL: https://designshack.net/articles/trends/photography-website-design-trends/ (дата звернення: 02.02.2024)
10. Best Photography Website Designs for Inspiration. Awwwards. URL: https://www.awwwards.com/websites/photography/ (дата звернення: 02.02.2024)
11. Best Practices for Web Development: HTML, CSS, JavaScript, and PHP. Tuts+. URL: https://webdesign.tutsplus.com/articles/best-practices-for-web-development-html-css-javascript-and-php--cms-32478 (дата звернення: 04.02.2024)
12. Building a Portfolio Website with HTML, CSS, and JavaScript. freeCodeCamp. URL: https://www.freecodecamp.org/news/build-a-portfolio-website-using-html-css-javascript-and-bootstrap/ (дата звернення: 02.02.2024)
13. Creating a Modern Photography Website. Smashing Magazine. URL: https://www.smashingmagazine.com/2022/01/creating-modern-photography-website/ (дата звернення: 02.02.2024)
14. CSS Grid Layout – The Future of Web Design. CSS-Tricks. URL: https://css-tricks.com/snippets/css/complete-guide-grid/ (дата звернення: 04.02.2024)
15. Designing Photography Websites for the User Experience. UX Collective. URL: https://uxdesign.cc/designing-photography-websites-for-the-user-experience-7e9f3a4e5798 (дата звернення: 03.02.2024)
16. Effective Techniques for Enhancing Image Galleries on Photography Websites. Speckyboy Design Magazine. URL: https://speckyboy.com/enhancing-image-galleries-photography-websites/ (дата звернення: 03.02.2024)
17. How to Build a Photography Portfolio Website. WordPress. URL: https://wordpress.com/go/web-design/how-to-build-a-photography-portfolio-website/ (дата звернення: 03.02.2024)
18. HTML, CSS, and JavaScript for Web Developers. Coursera. URL: https://www.coursera.org/learn/html-css-javascript-for-web-developers (дата звернення: 03.02.2024)
19. Importance of Responsive Design for Photography Websites. Adobe Blog. URL: https://blog.adobe.com/en/publish/2021/11/15/importance-of-responsive-design-for-photography-websites (дата звернення: 03.02.2024)
20. Introduction to Web Development with HTML, CSS, and JavaScript. Udacity. URL: https://www.udacity.com/course/intro-to-html-and-css--ud001 (дата звернення: 03.02.2024)
21. Key Features of Successful Photography Websites. Format Magazine. URL: https://www.format.com/magazine/resources/websites/successful-photography-websites (дата звернення: 03.02.2024)
22. Kramar O., Drohobytskiy Y., Skorenkyy Y., Rokitskyi O., Kunanets N., Pasichnyk V., Matsiuk O. Augmented Reality-assisted Cyber-Physical Systems of Smart University Campus (2020) International Scientific and Technical Conference on Computer Sciences and Information Technologies, 2, art. no. 9321951, pp. 309 - 313, Cited 6 times. DOI: 10.1109/CSIT49958.2020.9321951
23. Kramar O., Skorenkyy Y., Rokitskyi O., Kramar T. Application of virtual and augmented reality technologies for creation of a digital museum of scientific and cultural heritage of ivan puluj (2021) CEUR Workshop Proceedings, 3039, pp. 285 - 293, Cited 1 times.
24. Modern Web Design Trends in 2023. Webflow. URL: https://webflow.com/blog/web-design-trends-2023 (дата звернення: 03.02.2024)
25. Optimizing Images for the Web: Best Practices for Photographers. Envira Gallery Blog. URL: https://enviragallery.com/optimizing-images-for-the-web-best-practices-for-photographers/ (дата звернення: 03.02.2024)
26. Photography Website Design Tips. The Ultimate Guide. Wix Blog. URL: https://www.wix.com/blog/photography-website-design-tips (дата звернення: 04.02.2024)
27. PHP: The Right Way. A Web Developer's Guide. URL: https://phptherightway.com/ (дата звернення: 04.02.2024)
28. Responsive Web Design: Why It Matters for Photographers. PhotoShelter Blog. URL: https://blog.photoshelter.com/2021/12/responsive-web-design-why-it-matters-for-photographers/ (дата звернення: 04.02.2024)
29. Secure Web Development with PHP and MySQL. W3Schools. URL: https://www.w3schools.com/php/php_mysql_intro.asp (дата звернення: 04.02.2024)
30. Stunning royalty-free images & royalty-free stock. URL: https://pixabay.com/ (дата звернення: 02.02.2024)
31. The Best JavaScript Frameworks for Web Development. Stack Overflow Blog. URL: https://stackoverflow.blog/2022/01/20/the-best-javascript-frameworks-for-web-development/ (дата звернення: 04.02.2024)
32. The Complete Guide to Modern Web Development. SitePoint. URL: https://www.sitepoint.com/complete-guide-modern-web-development/ (дата звернення: 04.02.2024)
33. The Importance of User Experience in Photography Websites. UX Planet. URL: https://uxplanet.org/the-importance-of-user-experience-in-photography-websites-8d7612e7f7cd (дата звернення: 04.02.2024)
34. The Role of Typography in Web Design. TypoGraphHer. URL: https://typographher.com/articles/the-role-of-typography-in-web-design (дата звернення: 04.02.2024)
35. Tips for Creating a Stunning Photography Website. Weebly Blog. URL: https://www.weebly.com/inspiration/tips-for-creating-a-stunning-photography-website (дата звернення: 04.02.2024)
36. Understanding HTML, CSS, and JavaScript: A Beginner's Guide. Mozilla Developer Network. URL: https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics (дата звернення: 04.02.2024)
37. Using JavaScript to Enhance User Experience on Photography Websites. JavaScript Info. URL: https://javascript.info/user-experience-enhancements (дата звернення: 04.02.2024)
38. Web Design Best Practices for Photographers. Creative Bloq. URL: https://www.creativebloq.com/inspiration/web-design-best-practices-for-photographers (дата звернення: 04.02.2024)
39. Web Development for Beginners: HTML, CSS, and JavaScript. Codecademy. URL: https://www.codecademy.com/learn/paths/web-development (дата звернення: 04.02.2024)
40. Why Choose VS Code for Web Development? Microsoft Dev Blog. URL: https://devblogs.microsoft.com/visualstudio/why-choose-vs-code-for-web-development/ (дата звернення: 04.02.2024)
41. Що таке захисне заземлення? Огляд пристроїв заземлення URL: https://nanomarket.ua/shcho-take-zakhisne-zazemlennya-oglyad-pristroiv-zazemlennya/ (дата звернення: 04.02.2024)
Content type: Bachelor Thesis
Collection(s) :122 — Компʼютерні науки (бакалаври)

Fichier(s) constituant ce document :
Fichier Description TailleFormat 
2024_KRB_SNs-42_Mahula.Y.V.pdf1,73 MBAdobe PDFVoir/Ouvrir


Tous les documents dans DSpace sont protégés par copyright, avec tous droits réservés.

Outils d'administration