Введение 5
1 Обзор экологической ситуации в мире 6
1.1 Экологическая ситуация в России 7
1.2 Экологическая ситуация в Красноярске 8
1.3 Постановка задач 9
2 Описание используемого программного обеспечения 10
2.1 Программное обеспечение QGIS 10
2.2 Программное обеспечение Open Server 11
2.3 Программное обеспечение Excel 12
2.4 Программное обеспечение Word 12
2.5 Язык гипертекстовой разметки HTML 13
2.6 Язык описания стилей CSS 13
2.7 Язык программирования JavaScript 14
2.8 Серверный язык программирования PHP 14
2.9 Система управления базами данных MySQL 15
2.10 Фреймворк Vue.js 15
3 Подготовка исходных данных 16
3.1 Получение исходных данных 16
3.1.1 Создание базы данных 18
3.1.2 Создание скрипта для загрузки данных в базу данных 21
3.1.3 Подключение к базе данных 22
3.1.4 Разработка класса для работы с базой данных 23
3.2 Разработка HTML структуры страницы 24
3.2.1 HTML структура компонента построения таблиц 25
3.2.2 HTML структура компонента для построения таблиц без SQL 26
запроса 26
3.3 Создание основной логики для веб-приложения 27
3.3.1 Создание логики для компонента вывода таблиц 30
3.3.2 Результаты работы созданной системы 33
4 Направление дальнейших разработок 36
Заключение 37
Список использованных источников 38
Приложение А HTML структура приложения 39
Приложение Б Программный код класса для обработки запросов «Query» 42
Приложение В Программный код основной логики веб-приложения 44
Приложение Г Вспомогательные функции для веб-приложения 48
Приложение Д Описание CSS стилей приложения 49
На текущий момент, экологическая ситуация в России является одним из самых острых вопросов во внутренней государственной политике. Данный тезис подтверждается цитатой президента Российской Федерации В.В. Путина: «Снижение негативного влияния человека на природу является одной из приоритетных общенациональных задач и от её решения прямо зависит устойчивое, гармоничное развитие страны, здоровье людей, сохранность редких видов флоры и фауны».
В связи с этим, указом президента Российской Федерации от 05.01.2016 г. № 7 «О проведении в Российской Федерации Года экологии», 2017 год был объявлен годом экологии в котором был подготовлен ряд постановлений, направленных на привлечение внимания общества к вопросам экологического развития Российской Федерации, сохранения биологического разнообразия и обеспечения экологической безопасности.
В целом, обсуждение проблем экологии вызывает широкий резонанс в обществе, что также привело к различным инициативам со стороны активистов.
Целью работы является создание информационно-аналитического интерактивного веб-сервиса для анализа и оценки текущей экологической ситуации в городе Красноярск.
Задачи:
- подготовка исходных данных о концентрации загрязняющего вещества PM2.5 в атмосфере города Красноярск;
- создание программной инфраструктуры в виде базы данных, обеспечивающей возможность долговременного хранения данных;
- подготовка и создание собственного программного обеспечения, необходимого для проведения наглядного сравнительного анализа данных, полученных из различных источников.
В ходе выполнения данной дипломной работы было создано веб-приложение, основанное на наборе современных технологий веб-программирования, среди которых такие как: PHP, JavaScript, Vue.js и другие.
Возможности данного веб-приложение заключаются в динамическом выводе оформленных таблиц, на основе введённых пользователем параметров, с целью оценки и анализа данных о концентрации загрязняющего вещества PM2.5 в атмосфере города Красноярск.
В данной работе создан полноценный каркас, разработанный с учётом современных тенденций в веб-программировании, обеспечивающий возможность дальнейшего насыщения проекта новыми возможностями и модулями. Все элементы веб-приложения работают как части полноценного десктопного приложения, без необходимости перезагружать страницу, или наблюдать зависание браузера в момент ожидания ответа от сервера.
Также, в ходе работы был получен значительный опыт в разработке веб-приложений и усовершенствованы навыки владения целым набором веб-технологий.
1 Информационное агентство России «ТАСС» [Электронный ресурс]:
- Режим доступа:http://tass.ru/obschestvo/4804434
2 Сайт, посвящённый году экологии в России [Электронный ресурс]:
- Режим доступа:http: //ecoyear.ru/documentation/ukaz7/
3 Портал «Наука и жизнь» [Электронный ресурс]: - Режим доступа: http s: //www.nkj .ru/archive/articles/10376/
4 Портал министерства экологии и рационального природопользования Красноярского края [Электронный ресурс]: - Режим доступа:http://krasecology.ru
5 Геопортал ИВМ СО РАН [Электронный ресурс]: - Режим доступа: http://gis.krasn.ru/blog
6 Справочник для языка программирования JavaScript [Электронный ресурс]: - Режим доступа:http://javascript.ru/manual
7 Документация языка программирования JavaScript [Электронный ресурс]: - Режим доступа:http://developer.mozilla.org/ru/docs/Web/JavaScript
8 Документация серверного языка программирования PHP [Электронный ресурс]: - Режим доступа:http://php.net/manual/ru
9 Руководство пользователя для фреймворка Vue.js [Электронный ресурс]: - Режим доступа:https://ru.vuejs.org/v2/guide/