В настоящее время многие организации используют корпоративные информационные системы. Они разрабатываются на основе клиент-серверных технологий. Для функционирования системы на рабочей станции необходимо запускать приложение, требующее предварительной настройки, дополнительных ресурсов. Упрощение обслуживания возможно через применение веб-ориентированных клиентов, то есть использование браузеров, с интерфейсом которых пользователь встречается довольно часто. Поэтому организация взаимодействия пользователей корпоративных информационных систем с базами данных через браузер представляет собой актуальную задачу. 
В данной статье рассмотрим организацию в клиентском браузерном приложении взаимодействия с базой данных посредством интуитивного web-интерфейса.
Проблемами разработки информационных систем занимались российские и зарубежные ученые. Г.В. Акиншина, Ю.В. Быков представили разработку методики проектирования защищенной веб-ориентированной информационной системы на примере системы дистанционного образования [1]. Основы создания web-ориентированных интерференционных измерительных систем на основе S+S технологий исследовали В.И. Гужов, С.П. Ильиных, А.И. Вагизов [2]. Г.В. Рыбина, К.В. Сикан, Л.С. Степанов показали методы и инструментальные средства разработки веб-ориентированных интегрированных экспертных систем [3]. Р.И. Баженов, Д.К. Лопатин применяли интеллектуальные технологии в разработке информационных систем [4, 5]. Показали технологии организация web-интерфейса к базе данных Л.А. Плахотная, А.С. Винокуров [6]. Интеграцию технологий интеллектуального анализа в корпоративные информационные системы исследовали А.А. Дергачев, В.А. Векслер, В.М. Гриняк, С.М. Семенов [7, 8, 9, 10]. В.А. Борхонов, Т.Г. Дармаев, Б.Д. Ширапов, Ф.В. Хандаров представили информационную систему для поддержки принятия решений по формированию набора инвестиционных проектов [11]. А.А. Рыбанов, А.В. Рыльков, Р.И. Баженов, Л.С. Гринкруг, А.П. Корнилков, Д.К. Лопатин показали возможность разработки веб-ориентированных интерфейсов к базам данных [12, 13, 14]. Исследованиями в области геоинформационных систем занимались О.В. Морозова, М.М. Борисов, В.А. Глаголев [15, 16]. Организацию интерфейса на основе веб-технологий рассматривали зарубежные ученые [17, 18, 19].
Для примера, решение поставленной задачи осуществляется с помощью различных web-технологий, таких как: HTML, CSS, JavaScript (jQuery, Ajax), PHP и MySQL [20].
Код приложения можно записывать с помощью программы-блокнота с возможностью подсветки кода. Графический интерфейс в клиенте реализуется на основе HTML и CSS. В файле index.php прописывается шаблон. CSS-стиль выносится в отдельный файл style.css, расположенный в папке сss. 
В MySQL с помощью «phpMyAdmin» создается база данных, включающая три таблицы: clients, items и order. Таблица сlients хранит данные о клиентах, items – об услугах/товарах, а order – заказы клиентов той или иной услуги. 
Рассмотрим написание PHP-скриптов. Присоединение к базе данных осуществляется с помощью PHP-функции mysql_connect, для этого разрабатывается файл db.php, хранящий настройки соединения с базой данных (см. рис. 1).

Рисунок 1 – Содержимое файла db.php

Файл db.php необходимо включать в другие PHP-скрипты, где потребуется связь с базой данных для редактирования, удаления или добавления информации.
Рассмотрим разработку скрипта search.php, отвечающего за поиск введенного запроса к базе данных (см. рис. 2).

Рисунок 2 – Часть содержимого файла search.php

Представим файлы items.php и clients.php, предназначеные для вывода данных соответствующих таблиц в разделах «Клиенты» и «Услуги». Для отображения данных на странице, необходимо подключить скрипты в файле index.php с помощью include (см. рис. 3).

Рисунок 3 – Пример подключения скриптов в файле index.php

Основная часть организации системы интерфейса выполнена. В дальнейшем потребуется возможность удаления, редактирования и добавления записей. Для удаления записей создается файл delete_clients.php (для удаления записей в таблице «Клиенты») и delete_items (для удаления в таблице «Услуги») (см. рис. 4).

Для редактирования записей создается несколько файлов, в которых будет возможность редактирования не только в разделах «Клиенты», «Услуги», но и на главной странице «Поиск». В приложении потребуются файлы: edit_start_main_clients.php и edit_start_main_items.php (для вывода всплывающего окна выбранной записи, в котором вносятся изменения), edit_end_main_clients.php и edit_end_main_items.php (обновление записи в базе данных, в которой внесли изменения во время редактирования). Для добавления записей аналогично разрабатываются add_clients.php и add_items.php. В них происходит добавление новой записи в базу данных, и обновление таблицы записей на странице.
Для полноценной разработки приложения необходима реализация PHP-скрипта по выводу услуг, заказанных клиентами. Код файла view_items.php содержит в себе вывод данных из таблицы order. В нем проверяется условие, заказывал той или иной клиент какие-либо услуги, или нет. При положительных результатах выводятся услуги на странице браузера.
Для эффективной динамической подгрузки скриптов можно использовать возможности Javascript (jQuery и Ajax). В папке js создается script.js и прописываются функции технологии Ajax и jQuery (см. рис. 5).

Рисунок 5 – Часть кода файла script.js

На данном этапе заканчивается реализация информационной системы посредством web-интерфейса. Далее опишем результат полученной работы.

На главной странице представлено поле, предназначенное для запроса поиска в базе данных (см. рис. 6).

Рисунок 6 – Результат работы запроса на поиск в базе данных

По запросу выводятся те или иные таблицы в зависимости от введенного запроса. После поиска записи по запросам, их можно отредактировать, и данные будут изменены после сохранения (см. рис 7). 

Рисунок 7 – Редактирование записи

Для таблицы «Клиенты» существует возможность вызвать всплывающее окно «Просмотр заказов клиента», где указаны все услуги, который заказывал той или иной клиент из предложенного списка (см. рис. 8).

Рисунок 8 – Окно просмотра заказов клиентов

Кроме раздела поиска, существуют еще два, такие как «Клиенты» и «Услуги», в которых отображены все записи данных таблиц. В данных разделах организована возможность удалять, редактировать и добавлять новые записи.
Таким образом, в статье рассмотрена возможность взаимодействия с базой данных, посредством интуитивного web-интерфейса через браузер. Рассмотренная задача реализуется в рамках внеаудиторной самостоятельной работы студентов по курсу «Архитектура информационных систем». Внеаудиторные задания по данному курсу состоят из серии домашних индивидуальных заданий, которые доводятся до студентов сразу на весь семестр [21]. Знания, полученные в процессе выполнения данной самостоятельной работы, студенты могут применять в учебном процессе, на практике, в дальнейшей профессиональной деятельности и в научно-исследовательской работе.

1. Акиншина Г.В., Быков Ю.В. Разработка методики проектирования защищенной веб-ориентированной информационной системы на примере системы дистанционного образования // Инфокоммуникационные технологии. 2008. Т. 6. № 2. С. 119-121.
2. Гужов В.И., Ильиных С.П., Вагизов А.И. Основы создания web-ориентированных интерференционных измерительных систем на основе S+S технологий // Инновации на основе информационных и коммуникационных технологий. 2010. № 1. С. 374-377.
3. Рыбина Г.В., Сикан К.В., Степанов Л.С. Методы и инструментальные средства разработки веб-ориентированных интегрированных экспертных систем // Программные продукты и системы. 2008. № 2. С. 31-35.
4. Баженов Р. И. Интеллектуальные информационные технологии. Биробиджан: ПГУ им. Шолом-Алейхема, 2011. 176 с.
5. Баженов Р.И., Лопатин Д.К. О применении современных технологий в разработке интеллектуальных систем // Журнал научных публикаций аспирантов и докторантов. 2014. № 3 (93). С. 263-264.
6. Плахотная Л. А., Винокуров А. С. О технологии организация web-интерфейса к базе данных // Молодой ученый. 2014. №7.
7. Дергачев А.А. Анализ данных на основе платформы SQL-Mapreduce // Научно-технический вестник информационных технологий, механики и оптики. 2014. № 1 (89). С. 66-71.
8. Баженов Р. И., Векслер В. А. Анализ потребительских корзин в 1С: Предприятие на примере АВС-анализа // Информатизация и связь. 2013. №5. С. 117-123.
9. Баженов Р. И., Векслер В. А. Реализация XYZ-анализа в программном коде внутреннего языка программирования 1С: Предприятие 8.3 // Информатизация и связь. 2014. №1. С. 35-40.
10. Гриняк В. М., Семенов С. М. Модель планирования продаж в современных корпоративных информационных системах // Естественные и технические науки. 2009. № 1. С. 305-312.
11. Борхонов В.А., Дармаев Т.Г., Ширапов Б.Д., Хандаров Ф.В. Информационная система для поддержки принятия решений по формированию набора инвестиционных проектов // Вестник Бурятского государственного университета. 2008. № 9. С. 176-179.
12. Рыбанов А.А., Рыльков А.В. Разработка web-ориентированной информационной системы мониторинга и управления процессом прохождения производственной практики // Молодой ученый. 2013. № 7. С. 34-36.
13. Баженов Р. И., Гринкруг Л. С. Информационная система Абитуриент-Деканат ФГБОУ ВПО «Приамурский государственный университет им. Шолом-Алейхема» // Информатизация и связь. 2013. № 2. С. 97-99.
14. Баженов Р.И., Корнилков А.П., Лопатин Д.К. Проектирование web-ориентированной информационной системы университета на основе клиент-серверных технологий // Актуальные проблемы гуманитарных и естественных наук.  2014. №4.
15. Морозова О.В., Борисов М.М. Веб-ориентированная геоинформационная система по чужеродным видам растений европейской России // Российский журнал биологических инвазий. 2010. Т. 3. № 2 (16). С. 47-55.
16. Глаголев В. А. Разработка информационной системы оценки и прогнозирования пожарной опасности растительной территории по метеорологическим условиям // Современные научные исследования и инновации. 2014. № 4. URL: http://web.snauka.ru/issues/2014/04/33624 (дата обращения: 18.05.2014).
17. Li X., Zhu H. Development of a web-based information system for shield tunnel construction projects // Tunnelling and Underground Space Technology. 2013. №37. P. 146-156.
18. Oztekin A. A decision support system for usability evaluation of web-based information systems // Expert Systems with Applications. 2011. №38 (3). P. 2110-2118.
19. Athanasiadis A., Andreopoulou Z. A web information system application on forest legislation: the case of greek forest principles // Procedia Technology. 2013. №8. P. 292-299.
20. Веллинг Л., Томсон Л. Разработка веб-приложений с помощью PHP и MySQL. М.: Вильямс, 2013. 848 с.
21. Плахотная Л. А. Организация самостоятельной работы студентов специальности «Информатика» в рамках курса по выбору «Основы технологии параллельного программирования» // Актуальные вопросы методики преподавания математики и информатики: сборник научных трудов третьей Международной научно-практической конференции, 16 апреля 2008 г.  Биробиджан: Изд-во ДВГСГА, 2008.  С. 113-116.

Все статьи автора «Плахотная Людмила Александровна»