London, Designertopia 2007
28 Mar, 2007Так уж сложились обстоятельства, что я стал участником этой конференции в Лондоне. Проходила она Marriot Hotel, симпатичной гостинице недалеко от Гайд парка . Впечатлений осталась масса, гуси, красные автобусы, ноутбуки на полу. (лучше поздний отчет чем никакого =))
Конференция
Некоторой изюминкой конфы был зал, во время первого выступления было два одинаковых экрана. После чего зал перегородили по центру, и получилось два полноценных зала, где и велись параллельно сессии.
Microsoft наступает
Конференция началась со вступительной речи Эрика Зокера(человек отетственный за всю линейку expression). Разговор как водится зашел издалека. Начали с извечного конфликта дизайнера и программиста. Имеется ввиду, что делая GUI, программист часто перевирает дизайн(и никакой управы на него нет! ). Как логичное решение предлагается XAML(читается «кзамл») – формат на базе XML предназначенный для описания дизайна интерфейсов, который должен стать тем самым языком общения дизайнера и разработчика. Но не руками же писать дизайнеру XAML! Для этого и предназначается линейка Expression.
Каждый из продуктов предназначен для четко очерченной задачи, так: Expression Design – для дизайнера, здесь он рисует дизайн и(может) экспортирует его в XAML, Expression Web – программист-верстальщик, Expression Blend – продукт для программиста, сюда экспортируется XAML дизайнера, и в визуальном редакторе легко применяется точный дизайнерский стиль. Если пытаться строить аналогии то: Expression Web – Dreamweaver, Expression Design – Photoshop, Expression Blend – Macromedia Flash MX.
Далее Эрик плавно перешел к козырям Microsoft – технологии WPF/E. По сути мобильная версия уже известной WPF. Грубо говоря, некий аналог Flash. Это как раз тот продукт который получается в Blend. На данный момент свойства флэша эмулируются джаваскриптом. Для просмотра «WPF/E-роликов» необходимо устанавливать плагин – пока что есть версии для IE и Firefox под Win, и для Firefox и Safari под Mac.(1.1Mb)
Хотя сейчас принято сравнивать фичи WPF/E с уровнем всего 5й версии Flash, но достигнуты то эти результаты были всего за полтора месяца. (первая CTP WPF/E появилась в декабре 2006) Потому следует ждать на рынке еще одного серьезного «конкурента» Flash.
Подробнее о XAML и WPF/E можно почитать тут:
- Пример WPF/E приложения
- Здесь можно установить плагин для броузера(1.1Mb)
- Отзыв О ранней бете WPF/E
- Официальный сайт XAML
- Сайт с примерами WPF/E
- Официальная страничка линейки продуктов Expression
- Статья на Xakep о WPF/E
Примеры WPF
Самым интересным было пощупать новую технологию. Вообще говоря WPF изначально была доступна лишь для Windows XP SP2, Vista, 2003. Но WPF/E (WPF/Everywhere) мобильная версия WPF, слегка урезана в возможностях (нет поддержки 3d) и использует Javascript+XAML. Зато мы получили работу в основных броузерах под Mac и Win платформами. На вопрос о версии для Linux, Эрик ответил, что если они ощутят востребованность технологии этими пользователями, то такая версия обязательно появится. И никаких преград на данный момент они не видят.Больше всего мне понравился «New York Times Reader», пример применения WPF,удачный дизайн сочетается с классной интерактивностью и множеством удобных фич. Им попросту приятно пользоваться. Советую попробовать – по сути это RSS-ридер для New York Times, но какой! Вот пара скриншотов, жалкое подобие реальной красоты:
Это главная страница темы «Technology »:
А это просмотр статьи:
По статистике пользователи проводят в 10 (!) раз больше времени читая новости через это приложение – чем на обычном HTML сайте.
Так же было приведено несколько других примеров применения WPF, в основном это была красивая визуализация разных сложных данных, по сути первые решения призванные помочь второй волне разработчиков. Например рассказали о приложении «Лондонское метро», онлайновой визуализации движения поездов, а так же некоторой информации о каждой станции метро. Поезда действительно в онлайне двигались. (хотя нам показали только видеоролик работы с приложением)
Схема позволяла переключиться из схематического вида к реалистичной схеме метро в 3D:
На фотке как раз взгляд на реальную трехмерную карту метро «из под земли» с ползущими по ней поездами – зал в этот момент замер.
Так же были представлены скорее игрушечные применения, как например интерфейс в котором удобно следить за любимыми гольфистами, онлайновая информация у вас на компе, возможность просматривать видеоотрывки ударов, сравнивать красивыми наложениями и т п. Все о чем может мечтать гольфист-болельщик. Позиционировалось как бесплатный софт для какого то известного гольф сайта.
На некоторых сессиях просто не хватало мест:
Грубо говоря оставляет впечатление флэша с активным использованием внешних источников информации(онлайновых или оффлайновых)
Expression Web
Так же весьма непривычно было слушать доклад об Expression Web(Jeff King) – в каком то смысле наследник Frontpage. Но наследник только по задачам. На этот раз вебстандарты играют очень важную роль, редактор обладает всеми стандартными фичами которе могут понадобиться для редактирования HTML, CSS и т. п. Среди прочих приятных неочевидных мелочей можно упомянуть:- Встроенные доктайпы
- Встроенные шаблоны с готовыми CSS лейаутами
- Удобное(хотя и генерирующее порой кучу мусорного кода) визуальное редактирование
- Удобная работа с CSS – редактор распарсивает все селекторы из CSS файла и представляет их в удобном виде. Вдобавок радуют поразительные drag&drop – например если перетащить из файлового окошка .css файл внутрь .html файла – то редактор сгенерирует элемент и в итоге корректно вставит .css файл. Мелочь, а приятно.(или я отстал от жизни?)
- Валидация документов на лету
- Умное сжатие CSS – автоматически сжимает правила согласно сокращениям в CSS(padding:2px 3px 4px 5px;) и прочие приятные мелочи
- У меня грузится быстрее чем Dreamweaver
Для меня конечно основным недостатком таких программ служит тяжеловесность(старт несколько секунд) и трудность обнаружения многих полезных фич. Но для долгого использования в промышленных масштабах лучше не придумаешь.
Будущее

По его словам уже через лет 30 у каждого из нас будет маленький “друг”, он же мобильный телефон, интернет броузер, GPS устройство, кредитная карточка и все все все. Друга он посоветовал называть именем жены, дабы избежать возможных конфузов.
Примерно в то же время компьютеры наконец станут умнее людей. На опасения публики, Рэй ответил, что считает их полным отражением деятельности человека, и потому неспособных навредить а приори.
В конце доклада он прикинулся что пришел к нам из 2056 года со своим “другом” Марией. Как я понял это уже был отрывок из одной из его книг - а он писатель фантаст кстати.
Одна из его идей о будущем может быть полезна всем. Рэй считает что в ближайшее время разрастется рынок продажи бизнес информации. В пример он привел решение некоторых проблем с лондонским метро(бюджет более 100млн $). Если бы команда решавшая эти проблемы задокументировала все свои шаги, ошибки, удачные решения, итог проекта. То в результате такая информация могла бы стоить десятки миллионов долларов для похожих проектов в Нью Йорке например. И все равно все компании остались бы в выигрыше. Загововорил он об этом, потому что с развитием технологий цена на ведение такой документации стремительно падает.
Впечатления вообще
Немного непривычно было понимать, что практически все считают веб стандарты уже само собой разумеющейся вещью. И я сейчас говорю скорее не о посетителях конференции, а о докладчиках от MS.Постарался ничего важного не потерять, потому считайте что сэкономили пару тасяч баксов прочитав это ;)
Другие отчеты
- Все фотографии (и в том числе мои)
- Отчет Бена Холла
- Еще один отчет
- В деталях первый день и второй день
ЗЫЫ: пускай отчет получился слегка запоздалым, но это на самом деле важная победа над собой, я его сделал )
11 комментариев к “London, Designertopia 2007”