Utilizza questo identificativo per citare o creare un link a questo documento: http://elartu.tntu.edu.ua/handle/lib/53341
Titolo: Розробка дизайну та навігаційної структури вебсайту для психолога Ольги Демедчук
Titoli alternativi: Development of the design and navigation structure of a website for psychologist Olha Demedchuk
Autori: Мацюк, Дмитро Віталійович
Matsiuk, Dmytro
Affiliation: ВСП "Тернопільський фаховий коледж Тернопільського національного технічного університету імені Івана Пулюя"
Bibliographic reference (2015): Мацюк Д. В. Розробка дизайну та навігаційної структури вебсайту для психолога Ольги Демедчук: кваліфікаційна робота на здобуття освітньо-професійного ступеня фаховий молодший бакалавр за спеціальністю «122 – Комп’ютерні науки». Тернопіль: ВСП «ТФК ТНТУ», 2026. 107 с.
Data: lug-2026
Date of entry: 10-lug-2026
Editore: ВСП "Тернопільський фаховий коледж Тернопільського національного технічного університету імені Івана Пулюя"
Country (code): UA
Place of the edition/event: Тернопіль
Supervisor: Марціяш, Галина Ярославівна
Martsiash, Halyna
Committee members: Млинко, Богдана
Mlynko, Bohdana
Parole chiave: вебсайт
website
психолог
psychologist
навігаційна структура
navigation structure
React
Node.js
адміністративна панель
admin panel
особистий кабінет
user account
курси
courses
вебінари
webinars
MongoDB
Page range: 107
Abstract: Тема кваліфікаційної роботи: «Розробка дизайну та навігаційної структури вебсайту для психолога Ольги Демедчук». Метою кваліфікаційної роботи є розробка сучасного адаптивного вебсайту для психолога, який забезпечує зручне представлення професійної діяльності спеціаліста, продуману навігаційну структуру, зрозумілий користувацький інтерфейс, особистий кабінет користувача та адміністративну панель для керування контентом. Пояснювальна записка містить 5 розділів. У загальній частині подано аналітичний огляд існуючих рішень, визначено призначення розробки, область застосування вебсайту, основні вимоги до функціоналу, програмної документації, техніко-економічних показників, стадії розробки та порядок тестування з урахуванням виявлених потреб. У другому розділі описано процес розробки технічного та робочого проєктів. Розглянуто структуру вебсайту і вебсторінок, створення та верстку сторінок, розробку бази даних, програмування клієнтської та серверної частин, реалізацію адміністративної панелі та тестування вебсайту для забезпечення його функціонування. У спеціальній частині розглянуто порядок розміщення сайту в мережі Інтернет, налаштування frontend- і backend-частин, підключення MongoDB Atlas, використання зовнішніх сервісів, інструкцію з обслуговування та наповнення сайту, а також способи його популяризації й підтримки для подальшої роботи. Розрахунок вартості розробки та економічної ефективності наведено в економічній частині. Основні питання охорони праці, техніки безпеки та екологічних вимог розглянуто в п’ятому розділі. Обсяг пояснювальної записки становить 107 сторінок. До складу кваліфікаційної роботи входить графічна частина, яка містить структурну схему вебсайту, ER-діаграму бази даних, UML-діаграми, схеми основних процесів роботи сайту, техніко-економічні показники, виконані на окремих аркушах формату А1
The topic of the qualification work is “Development of the design and navigation structure of a website for psychologist Olha Demedchuk”. The purpose of the qualification work is to develop a modern adaptive website for a psychologist, which provides a convenient presentation of the specialist’s professional activity, a well-designed navigation structure, a clear user interface, a personal user account, and an administrative panel for content management. The explanatory note consists of 5 sections. The general section presents an analytical review of existing solutions, defines the purpose of the development, the field of application of the website, the main requirements for functionality, software documentation, technical and economic indicators, development stages, and the testing procedure, taking into account the identified needs. The second section describes the process of developing the technical and working projects. It considers the structure of the website and web pages, the creation and layout of pages, database development, programming of the client and server parts, implementation of the administrative panel, and website testing to ensure its proper functioning. The special section considers the procedure for deploying the website on the Internet, configuring the frontend and backend parts, connecting MongoDB Atlas, using external services, instructions for maintaining and filling the website with content, as well as methods of its promotion and support for further operation. The calculation of the development cost and economic efficiency is presented in the economic section. The main issues of occupational safety, safety engineering, and environmental requirements are considered in the fifth section. The explanatory note consists of 107 pages. The qualification work includes a graphical part containing the structural scheme of the website, the ER diagram of the database, UML diagrams, schemes of the main website operation processes, and technical and economic indicators, presented on separate A1 format sheets.
Content: АНОТАЦІЯ…7 ВСТУП…9 1 ЗАГАЛЬНИЙ РОЗДІЛ…10 1.1 Аналітичний огляд існуючих рішень…10 1.2 Технічне завдання…11 1.2.1 Найменування та область застосування…12 1.2.2 Призначення розробки…13 1.2.3 Вимоги до функціоналу вебсайту…13 1.2.4 Вимоги до програмної документації…16 1.2.5 Техніко-економічні показники…17 1.2.6 Стадії та етапи розробки…19 1.2.7 Порядок тестування та прийому…20 2 РОЗРОБКА ТЕХНІЧНОГО ТА РОБОЧОГО ПРОЄКТУ…22 2.1 Розробка структури сайту і вебсторінок…22 2.2 Створення та верстка сторінок сайту…24 2.3 Розробка структури бази даних сайту…28 2.4 Програмування сайту…32 2.4.1 Написання клієнтської частини…35 2.4.2 Написання адміністративної частини…36 2.5 Тестування вебсайту…38 3 СПЕЦІАЛЬНИЙ РОЗДІЛ…43 3.1 Розміщення сайту в Інтернеті…43 3.2 Інструкція з обслуговування та наповнення сайту…47 3.3 Інструкція з популяризації та підтримки сайту…52 4 ЕКОНОМІЧНИЙ РОЗДІЛ…58 4.1 Визначення стадій технологічного процесу та загальної тривалості проведення НДР…58 4.2 Визначення витрат на оплату праці та відрахувань на соціальні заходи…60 4.3 Розрахунок витрат на електроенергію…61 4.4 Розрахунок суми амортизаційних відрахувань вебсайту для психолога Ольги Демедчук…62 4.5 Обчислення накладних витрат…63 4.6 Складання кошторису витрат та визначення собівартості вебсайту для психолога Ольги Демедчук…63 4.7 Розрахунок ціни для вебсайту для психолога Ольги Демедчук…64 4.8 Визначення економічної ефективності і терміну окупності капітальних вкладень…64 5 ОХОРОНА ПРАЦІ, ТЕХНІКА БЕЗПЕКИ ТА ЕКОЛОГІЧНІ ВИМОГИ…66 5.1 Інструкції з охорони праці, їх поділ…66 5.2 Електробезпека. Види ураження людини електричним струмом…68 ВИСНОВКИ…71 ПЕРЕЛІК ПОСИЛАНЬ…72 ДОДАТКИ…73
URI: http://elartu.tntu.edu.ua/handle/lib/53341
Copyright owner: ©Мацюк Дмитро Віталійович
References (Ukraine): 1. Марціяш Г.Я., Слободян Р.О. Методичні вказівки до виконання кваліфікаційної роботи для здобувачів фахової передвищої освіти спеціальності 122 «Комп’ютерні науки». Тернопіль : ВСП «ТФК ТНТУ ім. І. Пулюя», 2026, 48 с.
2. React Documentation. React. URL: https://react.dev/ (дата звернення: 10.06.2026).
3. Vite Guide. Vite. URL: https://vite.dev/guide/ (дата звернення: 10.06.2026).
4. React Router Documentation. React Router. URL: https://reactrouter.com/ (дата звернення: 10.06.2026).
5. Node.js Documentation. Node.js. URL: https://nodejs.org/docs/latest/api/ (дата звернення: 10.06.2026).
6. Express.js Documentation. Express. URL: https://expressjs.com/ (дата звернення: 10.06.2026).
7. MongoDB Documentation. MongoDB. URL: https://www.mongodb.com/docs/ (дата звернення: 10.06.2026).
8. Mongoose Documentation. Mongoose. URL: https://mongoosejs.com/docs/ (дата звернення: 10.06.2026).
9. Cloudinary Documentation. Cloudinary. https://cloudinary.com/documentation (дата звернення: 10.06.2026).
10. URL: Vercel Documentation. Vercel. URL: https://vercel.com/docs (дата звернення: 10.06.2026).
11. Render Documentation. Render. URL: https://render.com/docs (дата звернення: 10.06.2026).
12. Postman API Platform. Postman. URL: https://www.postman.com/ (дата звернення: 10.06.2026).
13. OpenAI. URL: https://chatgpt.com/ (дата звернення: 10.06.2026).
Content type: Professional Junior Bachelor Thesis
È visualizzato nelle collezioni:122 — Компютерні науки (фаховий молодший бакалаври ТФК)

File in questo documento:
File Descrizione DimensioniFormato 
Matsiuk_D.pdfКваліфікаційна робота фахового молодшого бакалавра3,81 MBAdobe PDFVisualizza/apri


Tutti i documenti archiviati in DSpace sono protetti da copyright. Tutti i diritti riservati.