Презентация Microsoft Expression 3 & Silverlight 3 Часть II: возможности Expression 3

Мы продолжаем наш рассказ о презентации новых версий прилоложений для веб-разработчиков. В первой части материала речь шла о Silverlight 3, доступном еще с лета этого года, а сегодня мы поговорим об Expression 3, который появился лишь в октябре.

Для начала — повторим уже озвученные сведения общего характера. Expression Studio — это профессиональный набор инструментов для веб-дизайна. В пакет Expression Studio входят приложения Expression Web, Expression Encoder, Expression Blend плюс SketchFlow и Expression Design. Ориентировочная розничная цена на Expression Studio — 600 долларов, стоимость перехода с предыдущей версии — 350 долларов. Тот же комплект, но без Expression Blend (включающего SketchFlow), можно купить за 150 долларов, а обновление будет стоить 80 долларов.

Главная идея создателей Expression — создать единый набор инструментов для дизайнеров и разработчиков.

Как известно, процесс построения сайта включает в себя несколько этапов. Первый — разработка общей концепции и создание эскизов. Второй — создание графического дизайна. Третий — «прикрепление» программного механизма к дизайну. Соответственно, на первом этапе работы идут «по-старинке», с помощью карандаша и ластика, второй этап — работа дизайнеров в графическом пакете; после этого уже подключаются программисты и превращают красивые картинки, нарисованные дизайнерами, в полноценный сайт.

Как меняется этот процесс с использованием Expression 3? Во-первых, эскизы теперь можно создавать не на листочках бумаги, а в компьютере, причем, без особых усилий нарисованный эскиз можно наделить интерактивностью и функциональностью. Безусловно, такой эскиз произведет гораздо большее впечатление на заказчика!

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

Следующий шаг — создание графических макетов, на базе которых потом и будет построен сайт. И здесь Expression предлагает использовать язык XAML, а не традиционные графические форматы, поскольку потом разработчикам не надо будет ничего переводить на другой язык, а достаточно будет лишь добавить в файл XAML программный код (с помощью Visual Studio). Проще говоря, Expression позволяет дизайнерам и программистам работать в одной среде и использовать единый формат (что, впрочем, не отменяет возможности использования разработчиками C# или Visual Basic.NET, а дизайнерами — файлов .psd, которые можно импортировать в Expression напрямую из Photoshop).

Таким образом, во-первых, уменьшается количество работы, а во-вторых, снижается риск того, что в процессе работы программистов над сайтом от первоначального дизайна мало чего останется :-)

Нововведения Expression 3

Теперь давайте рассмотрим основные отличия третьей версии Expression Studio. Надо сказать, изменения затронули практически все составляющие пакета Expression Studio, но самые серьезные нововведения пришлись на Expression Blend, где появился набор инструментов SketchFlow. Отчасти мы этот вопрос затронули уже во вступлении к статье: SketchFlow позволяет создавать эскизы и прототипы, экспериментировать с интерфейсом и навигацией будущего сайта, а в конечном счете — получить убедительный прототип, дающий четкое представление о конечном продукте. При этом, SketchFlow может использовать всю функциональность Expression Blend.

Еще из особенностей Expression Blend 3: возможность импорта и экспорта файлов Adobe Photoshop и Adobe Illustrator с сохранением всей структуры (слоев, текста, векторов...), функция Behaviors (добавляем в приложения интерактивность без написания кода), редактор кода с поддержкой Visual C#, Visual Basic и XAML, поддержка Team Foundation Server, благодаря чему пользователь Expression Blend может работать с Visual Studio Team System.

Это, в общем-то, неудивительно: Microsoft явно стимулирует профессионалов (и дизайнеров, и программистов) связывать всю свою деятельность с продуктами Microsoft. И, надо полагать, широкая поддержка Adobe Photoshop в Expression Blend 3 и Web 3 — она есть только потому, что у Microsoft нет своего пакета аналогичной функциональности. В этом отношении показательна ситуация с Silverlight: до тех пор, пока повсеместно использовалась технология Adobe Flash, Microsoft ее поддерживала. Теперь же Microsoft активно стимулирует всех переходить на Silverlight. В частности, в Expression Web теперь есть возможность вставлять в веб-сайты Silverlight-видео высокого качества в форматах WMV, VC-1 и H.264.

Здесь, правда, встает вопрос совместимости — не на всех браузерах Silverlight работает одинаково хорошо (скажем, известна проблема с Opera). И именно для того, чтобы разработчик видел, что у него получается и не будет ли проблем в браузере, в Expression Web 3 есть инструмент SuperPreview. По информации Microsoft, SuperPreview обеспечивает предварительный просмотр того, как будет выглядеть страница в разных браузерах, при этом, любые изменения кода у вас тут же отобразятся, и вручную страницу перезагружать не придется.

Еще более «silverlight-ориентированным» выглядит Expression Encoder 3. Собственно, это приложение и нужно для того, чтобы кодировать и конвертировать видео для размещения его на сайте с использованием Silverlight. Третья версия Encoder поддерживает новые кодеки VC-1, оптимизированные под многоядерные и многопроцессорные платформы. Таким образом, можно рассчитывать на увеличение производительности кодирования. Имеется и поддержка H.264. Важно, что Encoder 3 может использовать все новации Silverlight 3 — например, технологию Smooth Streaming. Плюс ко всему, в Encoder 3 имеется SDK для разработчиков.

* * *

В качестве завершения нашего обзора хотелось бы остановиться на позиционировании Expression Studio. Компания Microsoft делает упор на простоту и легкость использования Expression Studio: на московской презентации даже было сказано, что с Expression 3 может разобратся и любитель, которому стало мало блогов и социальных сетей, и он захотел создать свой сайт. Тем не менее, надо понимать, что Expression — это все же пакет для профессионалов. И использовать его для простейших операций (создания своей странички на основе шаблона) — то же самое, что использование Photoshop исключительно для кадрирования фотографий и ликвидации эффекта «красных глаз» — можно найти гораздо более простое, красивое и доступное средство. Однако, если вы профессионал, и хотите работать с Rich Internet Applications, создавать красивые сайты, используя Silverlight и Visual Studio, то новая версия Expression 3 — ваш выбор.




3 ноября 2009 Г.

Microsoft Expression 3 & Silverlight 3 — II

Microsoft Expression 3 & Silverlight 3
II: Expression 3

-. Silverlight 3, , Expression 3, .

— . Expression Studio — -. Expression Studio Expression Web, Expression Encoder, Expression Blend SketchFlow Expression Design. Expression Studio — 600 , — 350 . , Expression Blend ( SketchFlow), 150 , 80 .

Expression — .

, . — . — . — «» . , «-», , — ; , , .

Expression 3? -, , , , . , !

, , , . , touchscreen , — , .

— , . Expression XAML, , , XAML ( Visual Studio). , Expression (, , C# Visual Basic.NET, — .psd, Expression Photoshop).

, -, , -, , :-)

Expression 3

Expression Studio. , Expression Studio, Expression Blend, SketchFlow. : SketchFlow , , — , . , SketchFlow Expression Blend.

Expression Blend 3: Adobe Photoshop Adobe Illustrator (, , ...), Behaviors ( ), Visual C#, Visual Basic XAML, Team Foundation Server, Expression Blend Visual Studio Team System.

, -, : Microsoft ( , ) Microsoft. , , Adobe Photoshop Expression Blend 3 Web 3 — , Microsoft . Silverlight: , Adobe Flash, Microsoft . Microsoft Silverlight. , Expression Web - Silverlight- WMV, VC-1 H.264.

, , — Silverlight (, Opera). , , , Expression Web 3 SuperPreview. Microsoft, SuperPreview , , , , .

«silverlight-» Expression Encoder 3. , , Silverlight. Encoder VC-1, . , . H.264. , Encoder 3 Silverlight 3 — , Smooth Streaming. , Encoder 3 SDK .

* * *

Expression Studio. Microsoft Expression Studio: , Expression 3 , , . , , Expression — . ( ) — , Photoshop « » — , . , , Rich Internet Applications, , Silverlight Visual Studio, Expression 3 — .