- •2014 Содержание
- •Введение
- •Постановка задачи
- •Изучение предметной области
- •Аналоги
- •Система
- •Онлайн - карты
- •Актуальность
- •Функциональные требования к программному продукту
- •Функциональные требования к онлайн – карте
- •Характеристика выбранных программных сред и средств
- •Диаграмма взаимодействия проектов
- •Возможные способы реализации:
- •Описание входных/выходных данных
- •Входные данные
- •Выходные данные
- •Описание структуры базы данных
- •Файл «paint.Php»
- •Файл«Ajax_start_exe.Php»
- •Приложение 1.
Схема функционирования программного средства
Файл «paint.Php»
Глобальные переменные:
map - Объект JS, представляющий собой карту.
markers - Массив маркеров, отчеченных на карте.
ThisGrad - Переменная типа boolean, отмечающая переключение режима радиан и градусов.
textXML - Переменная, содержащая XML - код карты.
textINIFile - Переменная, содержащая текст буферного файла «init.txt».
Функции:
conv(alpha) - Преобразование из формата радиан в формат градусов.
unBlockInput - Разблокировка элемента формы dialog_window_1.
blockInput - Блокировка элемента формы dialog_window_1 .
convertGrad - Преобразование из формата градусов в формат радиан.
Initialize - Функция создания карты и назначения обработок событий (маркеров, перемещения карты), а так же добавления маркеров на карту.
addMarker(location, ICO_SET) - Функция добавления маркера в указанное место и с указанной иконкой.
$(document).ready -jQuery - функция инициализации.
generateTextFile -Создание текста дляфайл буфера «ini.txt» и XML - версии карты.
save_map - Отправление данных через интерфейс Ajax, сгенерированных generateTextFile и показ анимации загрузки.
print_result - Вывод ссылки на созданное изображение и показ кода XML и текста «ini.txt» . Прекращение анимации.
На рисунке 10.1.1 показан общий вид онлайн – редактора и красным, светло и темно-фиолетовым и синими цветами отмечены функциональные элементы.
Красным цветом отмечен лог, в котором выводит текущее место карты и её масштаб, а так же местоположение выбранного маркера. Этот лог меняется в функциях initialize, addMarker с помощью вызова анонимных функций при клике на маркере и изменений карты.
Светло-фиолетовым отмечен блок выбора типа изделия (тип маркера). При его выборе вызывается анонимная функция, прикрепленная к «#selectinput».
Темно-фиолетовым отмечен блок выбора сохраненного изображения. После его выбора происходит перезагрузка страницы, изменяется PHP– переменная «$NameFile» и в подключенном файле «loadPointFromXML.php» происходит загрузка из выбранногоXMLфайла настроек карты и маркеров.
Синим цветом отмечена кнопка, по нажатию которой запускается функция Save().
Рисунок 10.1.1 – Вид онлайн-карты. Файл paint.php.
Файл«Ajax_start_exe.Php»
Порядок выполняемых действий:
Производит запись буферного файла «ini.txt» .
Производит запуск EXE приложения SavePage.EXE на сервере.
Считывает последнюю запись в файле «names.txt» и запоминает ее в переменной «$NameImage» .
Сохраняет конфигурационный файл карты под именем «<$NameImage>.xml».
Отпечатывает $NameImage .
Файл «maps_test.php»
Порядок выполняемых действий:
Открывает карту с настройками, указанными в файле «ini.txt».
Пребразует указанный текстовый файл в команды JS при подключении файла «loadPointFromINI.php» .
Используется EXE приложением для Windows«SavePage.EXE».
Файл «loadPointFromINI.php»
Порядок выполняемых действий:
Открывает файл $NameFile,
С помощью функции echo распечатывает JavaScript – коды (настройки карты и точки, отмеченные на карте).
Первые 2 строчки содержат k, A и масштаб карты,в остальных через запятую указаны Title, k, A и ICO_URL
Файл «loadPointFromXML.php»
Порядок выполняемых действий:
открывает файл $NameFile, и преобразует файл XML в PHP – объект.
С помощью функции echo распечатывает JavaScript - коды, (а именно настройки карты иточки, отмеченные на карте).
Файл «gMap.php»
Порядок выполняемых действий:
Выполняется запрос к БД на поиск объектов с типом «24».
Выполняется запрос к БД на поиск «ID» объектов являющихся поддеревьями для текущих.
Выполняется запрос к БД на поиск значений всех объектов.
Распечатка полученной таблицы.
Распечатка JSкодов полученных маркеров.
Создание карты с полученными маркерами.
На рисунке 10.6.1 показан общий вид онлайн – карты.
Рисунок 10.6.1
ЗАКЛЮЧЕНИЕ
На данном этапе разработки реализовано:
Создан макет сайта в графическом редакторе.
Разработан общий стиль.
ИзученноCSS, HTML, Javascript.
Проведена работа в графическом редакторе.
В дальнейших планах:
Доработка таблицы стилей.
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ
АИС Археограф [Электронный ресурс]–URL:http://ardb.spb.ru/ru/about.htm, свободный. – Яз.рус. – (Дата обращ.25.02.14).
GIMP – GNUImageManipulatorProgram[Электронный ресурс]– URL:http//www.gimp.org, свободный. – Яз.рус. –(Дата обращ.30.04.14).
PHPСправочник(PHPinaNutshell) / Хадсон Пол // 2006
PHP.net[Электронный ресурс]– URL:http://www.php.net, свободный. – Яз.рус. –(Дата обращ.18.02.14).
PHP CookBook / David Sklar, Adam Trachtenberg //2002
Документация к СУБД MySQL[Электронный ресурс] –URL:http://dev.mysql.com/doc/ свободный – Яз англ.,рус . – (Дата обращ. 18.02.14).
Документация APIбиблиотекиjQuery[Электронный ресурс] –URL: http://api.jquery.com/, свободный. – Яз.англ.– (Дата обращ. 18.02.14).
Справочник языка программирования JavaScript[Электронный ресурс] – URL:http://javascript.ru/manual, свободный. – Яз.рус.– (Дата обращ. 18.02.14).
Подбор материалов по XMLот издательства технической литературыO'Reilly[Электронный ресурс] – URL: http://oreilly.com/xml/, свободный. – Яз.рус.–(Дата обращ.18.02.14).
Справочные материалы по HTML,CSS[Электронный ресурс] –URL:http://htmlbook.ru, свободный – Яз. Рус.–(Дата обращ.18.02.14).