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

Как по мне, каждый проект должен выглядеть уникально и не обязательно повторять и без того приевшийся интерфейс, но для большинства случаев, когда нет рядом дизайнера и верстальщика, можно использовать iui, CiUI, UiUIKit, WebApp.net и iWebKit - именно они попали сегодня под прицел.

iui - одна из самых первых библиотек, которая позволяет быстро составить приложения, ориентированные на отображение какой-то информации в списках, между которыми требуется навигация.

Последний раз фреймворк обновился аж 24 июня, что и объясняет его минусы, приведенные ниже.

Итак, что мне понравилось:

  • быстрая анимация переходов между страницами, глюки и зависания не замечены, хотя, теоретически, при использовании больших массивов данных и большого количества страниц Сафари может и не выдержать

Жаль, но это пока всё... Что не понравилось:

  • при навигации между страницами в строке адреса остаётся один и тот же текст, т.е. обновив страницу, вы попадете в самое начальное состояние приложения, что очень неудобно(впрочем, это недостаток большинства библиотек)
  • полоска заголовка вместе с кнопками навигации меняется только после перехода на другую страницу, что вызывает неприятный эффект мигания
  • в ходе тестирования были обнаружены глюки, изображенные на скринах(хотя, помнится, на 114 я их не видел)

CiUI (CNET iPhone UI) - доработанный iui, имеющий на борту AJAX, оптимизированную навигацию(хоть сотню страниц создайте, глюков, опять же теоретически, быть не должно), пофикшеный баг со сменой заголовка и способностью различать внутренние и внешние ссылки.

Как утверждает автор, делалось специально для мобильной версии CNET.com, хотя нафига там фреймворк, я так и не понял - переход между страницами как в обычных сайтах на десктопах, никакого аякса или элементов управления, похожих на айфоновские. Бред, вообщем.

Что понравилось:

  • все то же, что и в iui + доработки

Что не понравилось:

  • плохая анимация перехода между страницами. Разработанное приложение хочется сразу закрыть
  • при загрузке начальной страницы проявляются какие-то мигания (видимо, подстраницы грузятся и скрываются)
  • для кнопок навигации не используются в полную силу возможности WebKit

Вывод: советую воздержаться от использования iui и CiUI в своих приложениях, т.к. проекты сырые и не совсем точно имитируют интерфейс телефона.

На сегодня, думаю, хватит. В следующей части статьи рассмотрим оставшиеся фреймворки. Хочется отметить, что они будут намного интереснее и функциональнее. А напоследок - скрины.

img_0098 img_0099 img_0100 img_0101 img_0102

Первые 4 - iui, последний - CiUI

P.S. Возможно, у вас есть какие-либо пожелания, замечания либо желание увидеть на сайте статью на интересующую тематику - отписывайте в комментариях.

Теги:

Денис Стась

Сооснователь UiP

Материалы

Нашел ошибку в тексте? Выдели ее и нажми Ctrl + Enter
  • TAURUS

    Не забывайте про http://cappuccino.org. То, что он может хорошо представленно тут http://cappuccino.org/learn/demos/

  • ZeFiR

    я ошибаюсь, или там написано про desktop-caliber applications? (:

  • TAURUS

    По второй ссылки три вэб-аппликухи для айфона. А 280 slides для десктопа, никогда не скажешь, что веб приложение =)