Демонстрационные особенности iUi: iPhone-приложение для просмотра спектаклей и фильмов
В созданном с помощью Aptana демонстрационном приложении содержатся файлы HTML и CSS, предназначенные для имитации интерфейса iPhone. Их недостаток заключается в их функциональной ограниченности. Однако использование инфраструктуры iUi позволяет значительно расширить комплекс интерфейсных элементов (виджетов) и количество спецэффектов на JavaScript, с помощью которых можно создавать интерфейсы практически полностью аналогичные iPhone.
После скачивания дистрибутива iUi (файл iui-0.13.tar) нужно распаковать архив, в виде которого он сохраниться, и скопировать в проект iDoc в Eclipse все файлы.
Входящие в iUi демонстрационные Web-приложения, в числе которых есть и музыкальный браузер, и программа для поиска фильмов и спектаклей, и сайт, подобный Digg, будут находиться в папке samples. В режиме предварительного просмотра Eclipse данные приложения доступны.
Вы сразу заметите, что виджеты iUi очень точно имитируют исконный интерфейс iPhone. Это позволяет ускорить разработку Web-приложений для данного устройства.
Проектируем пользовательский интерфейс
После установки всех необходимых программ и настройки работы инструментов следует этап создания проекта пользовательского интерфейса. Создаваемая программа для просмотра документации Javadoc на iPhone будет называться iDoc. Для стационарного компьютера чаще всего используется яркий и содержательный дизайн HTML-файлов Javadoc, который генерируется с помощью стандартной утилиты от Sun Microsystems, и прекрасно смотрится на большом экране монитора. Но работа с ним на маленьком экране iPhone сопряжена с некоторыми трудностями, которых можно избежать, используя iDoc. Он генерирует специально рассчитанные на iPhone файлы Javadoc. Благодаря им можно просматривать программные интерфейсы, например, в метро, или обсуждая с коллегой какой-то возникший вопрос.
Как разработать удобные для восприятия интерфейсы iPhone
Проектирование интерфейса для iDoc, рассчитанного на платформу iPhone имеет ряд отличий в сравнении с процессом разработки обычных Web-приложений. Во-первых, при работе на мобильном устройстве у Вас не будет возможности использовать мышь, поэтому предельно четко навести курсор невозможно. Но при этом пользователю предоставлены другие возможности, например, такие действия, как постукивание, легкое нажатие и т.д. К тому же iPhone предназначен для того, чтобы его использовать в любое время, где бы пользователь ни находился, а значит и в условиях офиса, и дома, и в путешествии, приложение должно быть быстрым, удобным и понятным для использования.
В программе Apple, предназначенной для разработчиков интерфейсов для iPhone (https://developer.apple.com/programs/ios/), выделены три типа Web-документов:
Совместимые с веб-браузером Safari на iPhone, к которым относятся любые Web-страницы, корректно отображающиеся, но в некоторых случаях требующие наличия неподдерживаемых модулей, к примеру, Adobe Flash или апплетов Java™
Оптимизированные для веб-браузера Safari на iPhone. На данных web-страницах есть возможность корректно управлять масштабированием содержимого без использования неподдерживаемых модулей
Приложения, разработанные для iPhone. Такие web-страницы эмулируют собственный интерфейс iPhone, при этом возможна их интеграция с сервисами iPhone, к которым относится телефон, электронная почта, Google Maps.
Стандартные страницы Javadoc относятся к первой категории, т.е. являются совместимыми «с Safari на iPhone». Они корректно воспроизводятся, хотя и требуют при поиске нужной информации множества нажатий и постукиваний. Но при создании iDoc главной целью является разработка документов из третьей категории. Интерфейс iDoc будет соответствовать всем требованиям, которые предъявляются приложениям iPhone, за счет того, что он с другими сервисами iPhone интегрироваться не будет.