Опубликовано пользователем в категории На завтрак.

Размещение карт в контексте статей, блогах и пресс-релизах — хороший способ дополнить текстовую информацию графической. Еще одним контекстом для размещения веб-карт могут стать электронные книги, которые поддерживают добавление интерактивных веб-компонентов.

ibook1

Интерактивная веб-карта в электронной книге iBooks. (©Esri)

Инженер Esri Оуэн Эванс (Owen Evans) опубликовал в блоге компании статью о размещении веб-карт, созданных с помощью ArcGIS Online в интерактивных книгах iBooks.

Приложение Apple iBooks предлагает новый формат электронных книг, которые оптимизированы для использования на устройствах с сенсорным экраном, например, iPad, а после недавнего обновления Mac OS X стали доступны и на настольных компьютерах и ноутбуках Apple.

Книги iBooks помимо стандартных текста и картинок поддерживают различные типы интерактивных вложений. Одним из таких вложений может быть веб-содержимое. Пример книги, в которую была добавлена веб-карта.

Необходимые инструменты

Для создания электронной книги iBook необходим компьютер Mac и бесплатное приложение Apple iBooks Author. Эта программа похожа на другие приложения для редактирования документов, такие как Miscrosoft Word, Apple Pages и т.д. и доступно для загрузки из Mac App Store.

Для создания виджетов, которые будут содержать интерактивные карты ArcGIS Online потребуется еще одно приложение iAd Producer — последняя разработка Apple для создания виджетов с помощью HTML. Скачивание этого приложения доступно только после регистрации в качестве разработчика Apple, однако не требует оплаты подписки Apple Developer Program.

Создание виджета

С помощью HTML виджетов в iBooks можно добавлять веб-карты, приложения, а также галереи карт из групп ArcGIS Online. Обратите внимание на то, что код приложений должен быть создан средствами HTML и Javascript. Вложения, созданные с помощью Flash или Silverlight не поддерживаются.

После скачивания и установки необходимых приложений, необходимо выполнить несколько простых шагов для создания виджета для iBooks.

  1. На сайте ArcGIS.com необходимо получить HTML код для вставки приложения, карты или группы.
  2. Необходимо создать новый проект HTML iBooks Widget в приложении iAd Producer и вставить код, полученный на первом шаге в HTML view нового виджета.
  3. Экспортировать проект как новый iBooks Widget и добавить его в электронную книгу в приложении iBooks Author.

При выполнении первого шага необходимо убедиться, что элемент, который вы хотите добавить в iBooks является общедоступным. Таким образом, можно добавить любую общедоступную карту, группу или приложение, даже если вы не являетесь их владельцем. Однако следует учитывать, что данные элементы могут перестать быть доступными в любой момент, поэтому рекомендуется использовать собственные элементы.

При выполнении второго шага, после создания нового виджета, нужно дважды щелкнуть <HTML> страницу, созданную для виджета, чтобы открыть редактор текста. Между двумя тегами <div> находится замещающий текст, который следует заменить на код, полученный на первом шаге (проверьте, что исходные теги

остались на месте).

ibook2-1024x370

 

Стандартный код виджета в приложении iAd Producer. (©Esri)

ibook3-1024x264

В код виджета добавлен код интерактивной карты. (©Esri)

 

Настройка виджета

После вставки кода виджета можно настроить его внешний вид и поведение. Ниже описаны несколько вариантов реализации таких настроек. Примечание: Для редактирования HTML-кода после вставки и сохранения щелкните кнопку “ Code” в нижней части окна iAd Producer, затем раскройте папку HTML, и выберите пункт htmlView.html – в этом элементе хранится вставленный код виджета.

Первой настройкой будет изменение размера элемента iframe для того, чтобы карта, приложение или галерея элементов заполнили экран iPad. Например, можно указать размер 1000x730px. Для этого следует ввести необходимые значения для тегов “width” и “height” в коде элемента iframe.

Также можно изменить размеры виджета с помощью WYSIWYG инструментов в интерфейсе iAd Producer. Для этого следует потянуть маркеры рамки HTML-элемента, чтобы изменить его расположение на странице или размеры.

Скорее всего вам потребуется указать еще несколько важных свойств виджета таких как Название (Widget Title) и идентификатор пакета (Bundle Identifier). Эти настройки можно изменить с помощью Project Inspector. Значения этих настроек будут использоваться в iBooks Author для обозначения виджета.

Можно назначить Эскиз, который поможет читателю понять назначение виджета до его запуска. Эскиз можно позднее изменить с помощью iBooks Author, но лучше добавить его с помощью iAd Producer, чтобы затем можно было повторно использовать виджет в других проектах.

Подумайте о смене цвета фона виджета, чтобы он соответствовал содержимому. Например, можно указать темно-серый градиент. Чтобы изменить цвет фона, щелкните элемент Background layer в Shared Layers, откройте Inspector, и выберите значения свойств в разделе Background.

Если вы веб-разработчик, вы не ограничены вставкой кода, созданного с помощью ArcGIS.com и использованием WYSIWYG инструментов iAd Producer. Вы можете написать собственный код HTML, JavaScript, и CSS для вставки карт, приложений и галерей с произвольным оформлением и функциями. Можно создать виджет в цветах организации, добавить логотип, а также настроить поведение поиска местоположений или переключателя карт. Написанный код может быть добавлен к виджету в iBooks или сохранен в качестве пользовательского шаблона приложения на JavaScript.

Для сборки виджета выберите File…Export to Disk (optimized). Теперь можно перетащить файл .wdgt в приложение iBooks Author и разместить его на странице книги. После подготовки проекта в iBook экспортируйте книгу в формат iBooks (с помощью меню Share… в iBooks Author) и откройте ее на iPad.

Заключение

Убедитесь, что ссылки на содержимое, которое вы добавили в виджет будет доступно после публикации книги; после публикации все ссылки на ресурсы будут «вписаны» в код книги. Если сервисы, карты, приложения или группы станут недоступны, пользователи книги могут быть разочарованы. Некоторые настройки могут быть изменены позднее, например, можно изменять содержимое или настройки веб-карты, приложения или группы; изменять текст описания элементов, но если вы отмените публикацию карты, которую добавили в книгу, она исчезнет из виджета в iBooks. Также следует внимательно изменять содержимое таких карт, чтобы оно по-прежнему соответствовало тексту книги, в которую был добавлен виджет.

После создания книги ее можно распространять бесплатно по почте, разместив на собственном сайте или загрузив в Apple iBookstore. Преимуществом последнего варианта является возможность распространения обновлений книги для всех скачавших ее пользователей. Если содержимое карт или приложений виджета будет обновляться, необходимость обновления книги будет очень важна. Для работы с iBookstore потребуется как минимум учетная запись iBooks и iTunes Producer.


Комментирование завершено.