Фрагмент для ознакомления
1
Содержание
Введение……………………………………………………………..3
1. Глава 1. Теоретические основы разработки веб-приложений.5
o 1.1 Назначение сайтов-портфолио…………………………..8
o 1.2 Архитектура клиент-серверного приложения……..….12
o 1.3 Язык PHP и СУБД MySQL………………………….….12
o 1.4 Безопасность веб-приложений…………………………14
o 1.5 Адаптивный дизайн и юзабилити……………………...15
2. 1.6 Выводы по главе……………………………………...…16
3. Глава 2. Разработка сайта-портфолио…………………20
o 2.1 Постановка задачи………………………………………20
o 2.2 Use-case диаграмма…………………………………..…23
o 2.3 Проектирование базы данных…………………………25.
o 2.4 Реализация сайта (код, структура)………………….…26
o 2.5 Тестирование……………………………………………27
o 2.6 Перспективы развития…………………………………28
o 2.7 Выводы по главе……………………………………..…29
4. Заключение……………………………………………………….36
5. Список литературы………………………………………………37
6. Приложения (код, SQL, скриншоты)………………………….38
Фрагмент для ознакомления
2
ВВЕДЕНИЕ
Актуальность темы. В условиях развития цифровых технологий и роста значимости визуального контента в интернет-пространстве, наличие персонального сайта-портфолио становится важнейшим инструментом для профессионального продвижения художников и фотографов. Такой сайт позволяет демонстрировать свои работы, получать обратную связь, принимать заказы и формировать персональный бренд. Кроме того, сайт упрощает коммуникацию с потенциальными клиентами и работодателями, делая творческую деятельность более доступной и коммерчески успешной.
Объект исследования:
веб-приложения для персональных портфолио.
Предмет исследования:
сайт-портфолио с динамической базой данных, содержащей данные о пользователях и заказах.
Цель работы:
разработать сайт-портфолио для художника/фотографа с использованием базы данных и реализованной клиент-серверной архитектурой.
Задачи курсовой работы:
1. Изучить особенности сайтов-портфолио и принципы их построения.
2. Проанализировать современные веб-технологии для реализации пользовательского интерфейса и серверной логики.
3. Спроектировать архитектуру сайта и его основные компоненты.
4. Разработать базу данных для хранения информации о работах, клиентах и заказах.
5. Реализовать веб-интерфейс и серверную часть сайта.
6. Провести тестирование функциональности сайта.
7. Подготовить презентационные материалы к защите проекта.
Практическая значимость.
Разработанный сайт может быть использован художниками, дизайнерами и фотографами для представления своих работ в сети Интернет, получения заказов и ведения клиентской базы.
Решение основано на открытых и кроссплатформенных технологиях, что делает его удобным для последующей адаптации и масштабирования.
ГЛАВА 1. ТЕОРЕТИЧЕСКИЕ ОСНОВЫ РАЗРАБОТКИ ВЕБ-ПРИЛОЖЕНИЙ
1.1 Назначение и особенности сайтов-портфолио
Сайт-портфолио — это персональный веб-ресурс, предназначенный для демонстрации профессиональных работ пользователя. Для художников и фотографов такой сайт выполняет несколько функций:
- презентационная (отображение работ в высоком качестве),
- коммуникационная (контактная форма, соцсети),
- коммерческая (приём заказов, размещение цен, форма оплаты).
Современные сайты-портфолио должны быть адаптивными, интуитивно понятными и визуально привлекательными. Также важна возможность быстрой загрузки, управления контентом и безопасности передаваемых данных.
Кроме визуальной привлекательности, важную роль играет структура сайта и его логика. Удачно спроектированное портфолио обеспечивает простоту восприятия информации, акцентирует внимание на работах, а не на интерфейсе. Использование минималистичных шаблонов и нейтральной цветовой палитры позволяет сосредоточить внимание посетителя на художественном контенте.
Функции сайта-портфолио можно сгруппировать по следующим направлениям:
1. Визуализация (галерея работ, слайдеры, адаптивная сетка);
2. Коммуникация (обратная связь, кнопки соцсетей, контактная форма);
3. Администрирование (добавление, удаление, редактирование контента);
4. Хранение информации (использование баз данных для текстов, изображений и заявок).
Таблица 1.1 – Основные характеристики сайтов-портфолио
Характеристика Требование Пример реализации
Адаптивность Поддержка всех устройств Bootstrap, медиазапросы
Навигация Удобная структура Меню, хлебные крошки
Галерея Быстрая загрузка Lazy loading, миниатюры
Обратная связь Форма + CAPTCHA Контактная форма
Безопасность Защита данных Хеширование, HTTPS
Рисунок 1 – Зависимость количества посещений от наличия функций
Таким образом, сайт-портфолио является многофункциональным инструментом, способствующим не только демонстрации работ, но и формированию деловых связей, а также коммерческому продвижению творческой личности. Применение современных технологий и продуманного дизайна обеспечивает удобство пользования как для владельца ресурса, так и для его посетителей.
1.2 Структура веб-приложения
Структура веб-приложения играет ключевую роль в обеспечении его функциональности, стабильности и масштабируемости.
Сайт-портфолио представляет собой типичное клиент-серверное приложение, состоящее из нескольких логических уровней.
На практике веб-приложение делится на три основные составляющие:
- Клиентская часть (Frontend):
реализуется с помощью HTML, CSS и JavaScript.
Она отвечает за отображение интерфейса, взаимодействие с пользователем и визуализацию данных.
- Серверная часть (Backend):
реализована с использованием языка PHP.
Отвечает за обработку логики, маршрутизацию, подключение к базе данных, генерацию динамического содержимого и безопасность.
- База данных:
используется MySQL, где хранятся все данные сайта: профили пользователей, изображения, описания работ и заявки от посетителей.
Фрагмент для ознакомления
3
Список литературы
1. Бобровский С.Е. PHP и MySQL. Разработка Web-приложений. СПб.: Питер, 2022.
2. Глушаков И.В. HTML5 и CSS3: современная разработка сайтов. М.: ДМК Пресс, 2021.
3. Мелтон Б. MySQL. Подробное руководство. 6-е изд. М.: Вильямс, 2022.
4. Никольский В. JavaScript: учебный курс. М.: Эксмо, 2021.
5. ГОСТ 19.701-90. Схемы алгоритмов, программ, данных и систем. Условные обозначения и правила выполнения.
6. ГОСТ 7.32-2017. Отчёт о научно-исследовательской работе. Структура и правила оформления.
7. Mozilla Developer Network (MDN). HTML, CSS, JS docs. https://developer.mozilla.org/
8. W3Schools Online Web Tutorials. https://www.w3schools.com/
9. Stack Overflow. https://stackoverflow.com/
10. PHP Manual. https://www.php.net/manual/en/
11. MySQL Reference Manual. https://dev.mysql.com/doc/
12. Bootstrap Official Docs. https://getbootstrap.com/
13. OWASP Foundation. Безопасность веб-приложений. https://owasp.org/
14. Google Developers. Инструменты разработчика. https://developers.google.com/
15. Chart.js Docs. https://www.chartjs.org/