Клиентская часть интернет-ресурса «Домашние растения»

1.

Федеральное государственное образовательное учреждение высшего образования
«МИРЭА – Российский технологический университет»
РТУ МИРЭА
Институт информационных технологий
Кафедра инструментального и прикладного программного обеспечения
Дисциплина «Разработка клиентских частей Интернет-ресурсов»
КУРСОВАЯ РАБОТА
Клиентская часть интернет-ресурса «Домашние растения»
Студент: Яковлева Софья Дмитриевна
Группа: ИКБО-33-21
Руководитель: старший преподаватель, Рачков Андрей Владимирович
Москва 2022

2.

Цель
Разработка клиентской части интернет-ресурса «Домашние растения»
Задачи
1. Провести анализ предметной области разрабатываемого интернет-ресурса
2. Обосновать выбор технологий разработки интернет-ресурса
3. Создать пять и более веб-страниц интернет-ресурса с использованием технологий
HTML5, CSS3 и JavaScript
4. Организовать межстраничную навигацию
5. Реализовать слой клиентской логики веб-страниц с применением технологии JavaScript
6. Провести оптимизацию веб-страниц и размещаемого контента для браузеров и
различных видов устройств
7. Выполнить презентацию по курсовой работе

3.

Анализ предметной области
Целевой аудиторией сайта будут пользователи, которые хотят узнать подробнее
о домашних растениях и о правилах ухода за ними, а также получить помощь
специалистов по любым зеленым вопросам.
Сравнительный анализ существующих решений представлен в таблице.
Название
сайта
Комнатные
растения
Gardenia
Home
Flowers
Дизайн (внешний вид)
0.5
0.4
0.6
Диапазон применения (адаптация)
0.7
0.7
0.7
Удобство для пользователя
0.8
0.5
0.9
Контент (содержание)
1
0.8
1
Структура и навигация
0.8
0.6
1
Средний результат
0.76
0.6
0.84
Критерии

4.

Технологии разработки
Для разработки сайта используется HTML5, CSS, JavaScript. Обоснуем выбор стека
технологий.
HTML – язык графической разметки, который на данный момент является
стандартом
де-факто.
Подавляющая
часть
интернет-ресурсов
написано
с
его
использованием. С его помощью можно построить структуру сайта.
CSS – каскадная таблица стилей, позволяет изменять внешний вид сайта, делая
его содержимое более красивым. Как и HTML, является стандартом де-факто в веб
разработке.
JavaScript – динамически типизируемый язык программирования, используется
ввиду того, что указан в критериях КР.

5.

Страницы сайта

6.

Страницы сайта

7.

Страницы сайта

8.

Результаты
В процессе выполнения КР был реализован информационный интернет-ресурс
«Домашние растения».
В соответствии с поставленными задачами, был проведен анализ предметной
области, был обоснован выбор технологий разработки. Были реализованы 17 страниц с
контентом, соответствующим тематике КР.
Была организована межстраничная навигация с помощью меню, которые
позволяют
пользователю
перемещаться
между
страницами,
были
применены
технологии для реализации адаптивности под различные браузеры и устройства. Был
реализован расширяющий возможности сайта слой клиентской логики с применением
JavaScript и плагина slick.min.js.
Сайт был загружен на бесплатный хостинг Netlify, он доступен по ссылке –
https://greeni-web.netlify.app/

9.

СПАСИБО ЗА ВНИМАНИЕ!