62
Также плагин позволяет загружать видеофайлы, что также актуально для
системы.
Для защиты изображений в системе предусмотрена функция добавления
полупрозрачной надписи с адресом сайта (водяного знака) на все загружаемые
изображения. Данная функция основана на бесплатной подключаемой
библиотеке PHP Image Workshop, которая позволяет не просто добавить
водяной знак, но и настроить его цвет, прозрачность, размер и
местоположение на изображении. [30]
Использование водяного знака позволяет защитить изображение от
нежелательного копирования конкурентами.
После загрузки изображения пользователь сможет отредактировать его,
а именно отрезать лишние части картинки. Для реализации данной функции
была задействована библиотека Toolkit. Она позволяет обрезать изображение
с любой стороны, а также изменить его размер, что также немало важно для
веб-ориентированной системы, поскольку существует вероятность, что
изображения большого размера могут долго загружаться на устройствах с
плохим каналом связи. Изменение размера происходит автоматически при
необходимости, для каждого загруженного изображения.
Для внутренней, корпоративной система безусловно важна фиксация
всех произведенных действий со стороны пользователей (менеджеров). В
связи с этим, была разработана система логирования (журналирования),
которая заносит в отдельную таблицу под названием log (Журнал)
информацию о пользователе, типе действия, времени и дате. Данная функция
работает для всех пользователей без исключения, и даже администратор
системы не сможет отредактировать эти данные или удалить их.
3.3.2. Программная реализация процедур
Процедуры, реализующие программную систему, можно разделить на
три уровня соответственно архитектуре ПС:
- клиентская часть;
63
- серверная часть (на стороне Web-сервер);
- процедуры СУБД (Web-сервер — сервер БД).
Разрабатываемая информационная система имеет модульную
структуру, где в каждом модуле соединены и согласованы процедуры всех
трех уровней, которые, в свою очередь выполняют определенную функцию.
Клиентскую часть реализуют скрипты на языке JavaScript, их основные
функции — контроль вводимых пользователем данных перед отправкой на
сервер и отправка данных. Также на JavaScript реализован HTML-редактор.
Серверная часть, реализованная на языке PHP, выполняет операции по
обработке полученных от клиента данных и совершение операций генерации
динамических HTML-страниц, согласно запросам пользователя, а также
формирование нужных SQL-запросов и передача их на сервер БД. Также
немаловажную роль играют серверные скрипты в обеспечении безопасности.
С помощью PHP реализован контроль доступа к административным частям
ИС.
Процедуры СУБД на языке SQL обеспечивают доступ к данным,
хранящимся в базе данных. В целях безопасности эти операции формируются
только на предыдущем уровне, т.е. средствами PHP, тем самым лишая
потенциальных злоумышленников возможности получить доступ к данным
или повредить их со стороны клиентских терминалов. [25]
Все функции системы управления контентом сайта выполняют модули,
которые расположены в корневом каталоге. Разберем их предназначения.
«sign_in.php» — страница авторизации в систему. В коде данного
скрипта происходит проверка корректности логина и пароля. Если данные
верные — скрипт создает сессию и перенаправляет пользователя на
домашнюю страницу. Входные данные — логин и пароль. Выходные данные
— идентификатор сессии (sessionid).
64
Сессия будет проверяться каждым скриптом и программным модулем
для того чтобы убедиться в подлинности пользователя, и проверить права
доступа. Это вызвано тем, что система является закрытой.
«sign_out.php» — скрипт, который срабатывает при выходе из системы.
В коде данного скрипта удаляется сессия и сбрасываются cookie — то есть
деавторизация пользователя.
«index.php» — индексный файл, который отвечает за формирование
домашней страницы системы. Входные данные — sessionid. Выходные данные
— HMTL-код страницы.
«client.php» — скрипт, который отвечает за построение страницы с
выборкой клиентов, генерацию формы поиска клиентов, добавление и
редактирование существующих клиентов. Входные данные — sessionid, тип
действия (форма поиска или выборка), id редактируемого клиента. Выходные
данные — HMTL-код страницы.
«functions.php» — библиотека, в которой хранятся все функции, которые
используются в системе. Например, транслитерация русских слов,
постраничная разбивка, сортировки, определение часто просматриваемых
объектов и клиентов. Также в нем содержится основная логика загрузки
данных из базы данных.
«news.php» — скрипт, который генерирует страницу Новости, а также
отвечает за добавление и редактирование существующих новостей. Входные
данные — sessionid, тип действия, id редактируемой новости. Выходные
данные — HMTL-код страницы.
«object.php» — данный скрипт отвечает за построение страницы с
выборкой объектов, генерацию формы поиска объектов, добавление и
редактирование существующих объектов. Входные данные — sessionid, тип
действия (форма поиска или выборка), id редактируемого объекта. Выходные
данные — HTML-код страницы.
65
«settings.php» — скрипт формирует страницу настроек. Входные данные
— sessionid. Выходные данные — HMTL-код страницы.
«user.php» — этот скрипт отвечает за управление пользователями
системы, их добавление, редактирование и предоставление доступа к системе.
Входные данные — sessionid, id пользователя. Выходные данные — HMTL-
код страницы.
Все изображения системы хранятся в каталоге «/files», он выступает в
роли корневого каталога, внутри которого расположены подпапки client,
object, image. В которых соответственно располагаются изображения.
Неизменные части шаблона, такие как шапка (header), подвал (footer),
меню и константы хранятся в директории «/parts».
Подключаемые внешние библиотеки хранятся в директории «/libs».
3.3.3. Реализация сторонних модулей
Дополнительные модули, которые используются на сайте
располагаются в каталоге «/libs». Разберем их назначение:
Lightbox — плагин, который добавляет на сайт галерею, а также плавное
увеличение изображений при нажатии на них. [1426]
Для корректной работы его необходимо сначала подключить в шапке
сайта такой конструкцией «<link href=”path/to/lightbox.css” rel=”stylesheet” >
<script src=”path/to/lightbox.js”></script>».
Для того чтобы добавить данный эффект на одно изображение
необходимо описать это изображение таким образом: «<a href=”images/image-
1.jpg” data-lightbox=”image-1” data-title=”My caption”>Image #1</a>».
Если же требуется сделать галерею изображений, то необходимо
описать все изображения таким же образом, но установить параметр data-
lightbox одинаковым, тогда будет работать эффект перелистывания и
слайдшоу.
Metro-Map — самописный модуль, который генерирует интерактивную
карту метро. Логическая часть разработана на языке JavaScript. Вызывать
66
модуль с любой страницы, используя конструкцию, приведенную в
приложении Ж.
TinyMCE — сторонний, бесплатный плагин, который позволяет
добавить на сайт продвинутый HTML редактор. Это позволит добавлять
форматированный текст в описания и комментарии. Внешний вид редактора
продемонстрирован на рисунке 26.
Рисунок 26 — Редактор TinyMCE
Модуль курса валют — самописный модуль, который отправляет запрос
на сайт cbrates.rbc.ru, а в ответ получает актуальный информацию о курсах
валют на текущий момент времени.
Внешний вид модуля представлен на рисунке 27.
Рисунок 27 — Модуль курса валют
Таким образом, в третьей главе разработана Проектирование и
реализация Web-ориентированной системы управления объектами
недвижимости
67
ЗАКЛЮЧЕНИЕ
В результате выполнения выпускной квалификационной работы
спроектирована и разработана Web-ориентированная система управления
предложениями объектов недвижимости.
Данная система позволяет оптимизировать бизнес-процессы,
обеспечить круглосуточный доступ к информации об объектах недвижимости
с возможностью фильтрации в соответствии с заданными критериями, что
повысило скорость работы сотрудников организации «Макрони Трейд» и ее
рентабельность.
В ходе выполнения работы были достигнуты все поставленные в начале
работы задачи, а именно:
1) Проведена классификация, изучены структура, жизненный цикл и
основные модели жизненного цикла АИС;
2) Изучены основные этапы проектирования и технологии разработки
АИС;
3) Проведен анализ предметной области и выработаны основные
требования к системе;
4) Разработано техническое задание на проектирование АИС управления
объектами недвижимости;
5) Реализована АИС.
В ходе реализации были разработаны следующие модули:
1) поиск объектов;
2) фильтрация клиентов;
3) настройка критериев поиска;
4) управление пользователями;
5) модули карты метро и курсов валют;
6) отображение изображений;
7) HTML редактор.
68
В процессе выполнения работы была спроектирована база данных с
использованием СУБД MySQL, в которой хранятся все необходимые данные
системы. А также проведен анализ бизнес-процессов предприятия и
разработаны основные бизнес-процессы Web-ориентированной системы.
Помимо этого, изучены принципы построения SQL-запросов, логика
взаимодействия языка программирования PHP с СУБД MySQL. В процессе
разработки разработан пользовательский интерфейс системы на языке
гипертекстовой разметки HTML, с использованием каскадных таблиц стилей
CSS и языка программирования JavaScript.
Данная система была протестирована и успешно внедрена в компании
«Макрони Трейд», что подтверждается актом внедрения. В дальнейшем
возможна доработка созданной системы новыми модулями и функциями,
повышение производительности и интеграция с другими системами.
Учитывая, что все поставленные задачи полностью решены, можно
обоснованно утверждать, что поставленная цель исследования достигнута.
69
СПИСОК ЛИТЕРАТУРЫ
1. Басыров, Р. Постройте профессиональный сайт сами. — СПб.:
Питер, 2013. — 304 с.
2. Браун Э. Изучаем JavaScript. Руководство по созданию
современных веб-сайтов – Мск.: Альфа-книга, 2017. – 368 с.
3. Веллинг Л. Разработка веб-приложений с помощью PHP и
MySQL.// PHP and MySQL Web Development. Мск.:Альфа-книга, 2017. – 128 с.
4. Вильямсон, Х. Универсальный Dynamic HTML. — СПб.: Питер,
2014. — 304 с.
5. Воройский, Ф. С. Информатика. Энциклопедический
систематизированный словарь-справочник: введение в современные
информационные и телекоммуникационные технологии в терминах и фактах.
— 4-е изд. — М.: Физматлит, 2014. — 965 с.
6. Гендина, Н. И. Лингвистические средства проектирования
контента веб-сайтов — М.: Научные и технические библиотеки, 2015. — №3
— с. 5-14
7. Дакетт Дж. HTML и CSS. Разработка и дизайн веб-сайтов. – Мск.:
Эксмо, 2013. – 480 с.
8. Жильцов Д.А. Конкурентный анализ рынка рунета. // Российское
предпринимательство. – М.:Креативная экономика, 2014. – Том 15. – № 22. –
122-128 с. ISSN: 1994-6937
9. Коннолли Т., Бегг К., Конолли Т. Базы данных. Проектирование,
реализация и сопровождение. Теория и практика. – Мск.:Вильямс, 2017. – 1436
с.
10. Котеров Д., Симдянов И. PHP7. – СПб: БХВ-Петербург, 2017. –
1088 с.
11. Кроудер, Д. Создание web-сайта для чайников. — М.: Вильямс,
2017. — 336 с.
70
12. Купер А., Рейман Р., Кронин Д., Носсел К. Интерфейс. Основы
проектирования взаимодействия. — СПб.: Питер, 2016. — 720 с.
13. Кушнарев Л.И., Хицков Е.А., Гальчич М.А. Методические
рекомендации по дипломному проектированию. — М.: ФГОУ ВПО МГАУ,
2015. — 114 с.
14. Макдональд М. Веб-разработка. Исчерпывающее руководство. –
СПб.: Питер, 2017. – 233 с.
15. Макфарланд Новая большая книга CSS. – СПб.: Питер, 2017. – 174
с.
16. Макнейл П. Веб-дизайн. Книга идей веб-разработчика. — Спб.:
Питер, 2014. – 288 с.
17. Метьюс М., Полсен Э. FrontPage 2016: полное руководство. — К.:
Издательская группа BHV, 2016. — 752 c.
18. Панкова Е.В., Косинова С.А. Интернет-сайт среднего
профессионального учебного заведения: эффективность поиска в Интернете.
— М.: Научные и технические библиотеки, 2015. — с. 41-44.
19. Панфилов, К. По ту сторону веб-страницы. — СПб.: ДМК Пресс,
2014. — 440 с.
20. Петюшкин, А. В. HTML. Экспресс-курс. — СПб.: БХВ-Петербург,
2013. — 256 с.
21. Печников, В. Н. Самоучитель Web-страниц и Web-сайтов — М.:
Триумф, 2012. — 464 с.
22. Печников, В. Н. Создание Web-сайтов без посторонней помощи.
— М.: Триумф, 2013. — 435 с.
23. Полякова А.В. Разработка эффективного web-контента. //
Стратегии бизнеса – М.:Реальная экономика, 2015. – 150 с.
24. Пьюривал С. Основы разработки веб-приложений. – СПб.: Питер,
2015. – 156 с.