Неочаквано симпатичен пакет за уебразработка

Сбогом, Word, FrontPage…

Ако трябва да бъда искрен, първата уебстраница в моя живот (както и за милиони други хора по този свят) беше направена на FrontPage. Въпреки че тази програма винаги е предизвиквала презрението и присмеха на сериозните уебспециалисти, тя се справяше нелошо, беше достъпна, интуитивна и сравнително лесна. И не чак толкова страшна, колкото Dreamweaver на Macromedia. Времето на FrontPage обаче отмина. Microsoft реши, че й трябва по-убедителна програма за уебразработка, и пренасочи FrontPage в по-друг коловоз. На негово място корпорацията постави не приложение, а цял пакет за целта - Expression Studio.

Оттук-оттам

Expression Studio не е разработван от нулата, както може би ще си помислите. Не, никой в Microsoft не е имал намерение да почне на чисто – просто защото няма да може да смогне на темпото на Macromedia (навремето) и съответно това на Adobe (в момента). Microsoft просто закупи външни разработчици, сложи ръка върху техните програми за уеб, векторен и растерен дизайн (помните ли Acrylic Designer?) и съответно, подсигурила си надеждна база, започна да изгражда пакета, който днес наричаме Microsoft Expression Studio.

Съдържание

Еxpression Studio включва в стандартния си вариант 6+1 програми. Това са Еxpression Web 2, Expression Design 2, Expression Blend 2, Expression Media 2, Expression Encoder и (обърнете внимание) Visual Studio Standard 2008. Доста солидно и стабилно, не мислите ли?

Expression Web 2

Това е вашият уеб редактор, който, колкото и учудващо да ви стори, е доста симпатичен и ведър. И неочаквано (поне що се касае до продукти на Microsoft) отворен към околния свят. Интерфейсът му е достъпен, малко „разпокъсан“ заради различните панели (или task panes по терминологията на Microsoft), но въпреки това позволява да се концентриратеизцяло върху работата си.

Характерните белези на Expession Web 2 са гъвкавост и стандарти. Гъвкавост, защото може да подготвяте сайтове, като използвате онези инструменти, които ви вдъхват най-силно доверие и с които може да работите най-добре – XHTML, CSS, XML и XSLT. Expression Web 2.0 поема нелекия ангажимент да гарантира, че вашето съдържание е съвместимо със стандартите. Това не е за подценяване – стриктното съобразяване със стандартите е практика, която е белег на професионализъм от ваша страна. Expression Web 2.0 е в състояние да извършва проверка на кода, автоматично допълване, структуриране, каскадно подреждане. Много интелигентно е застъпено „влачене и пускане“, като имате възможност да прехвърляте по този начин всякакъв тип данни – код, изображения, дизайн и т.н.

Един от бонусите при Web 2.0 е свързан с поддръжката на PHP – може да отваряте и обработвате PHP съдържание напълно свободно, като отново Expression поема част от товара, спестявайки ви грижите относно изрядността на синтаксиса и съвместимостта със стандартите. EстественоMicrosoft няма как да пропуснат съпорта за собствените си технологии и съвсем логично идва поддръжката на ASP .NET версия 3.5. Тук може да се възползвате от средства за управление, навигация, свръзване и интегриране с бази данни.

Най-голям акцент при Expression Web 2 обаче е поставен върху CSS. Логично и съвсем очаквано. Програмата осигурява средства за управление на CSS стилове, нагледна представа за тяхното създаване, ред на прилагане и т.н. Може да избирате между автоматично и ръчно генерирани стилове, а отделно Microsoft са предвидили доста практични шаблони, които да ви улеснят (особено по-неопитните) при подготовката на CSS.

Expression Blend 2

Ето че се появи и втората версия на Blend. Това е ядрото на целия пакет (а не е Expression Web, както мнозина си мислят) и приложението, което мнозина наричат „убиеца на Flash“. Вече разбрахте за какво иде реч – приложение, което да осигури на разработчиците необходимите средства за създаване на ново поколение от уеб и десктоп приложения. С акцент върху мултимедиата и интерактивното съдържание. Blend не е нагло копие на Flash, предлага собствен подход, чието присъствие е подчертано чрез ясно изразения съпорт на XAML. Този маркиращ език позволява много по-елегантно управление на всички онези елементи, които изграждат съвременните мултимедийни приложения (текст, изображения, звук, видео и т.н.), съчетава се с (любимата на всички ни) Windows Presentation Foundation (която пък е свързана с още по-любимата на всички ни Vista) и добавя опции за работа с 3D и подготовка на адаптивен дизайн.

Естествено голяма част от дизайнерите изпитват алергична зависимост към писането на код, затова Blend предлага необходимите (и доста познати) инструменти за подготовка на мултимедийно съдржание – векторно и растерно чертане/рисуване и обработка и импортиране на външна графика в разнообразни формати – JPEG, BMP, PNG. Освен графика може да вмъквате естествено звук, видео и (което е особено интересно) – тримерна графика.

Тримерната графика може да се създаде от външен моделер (Maya, 3ds max, Lightwave или по-евтини заглавия като Carrara и trueSpace), като единственото условие е крайният резултат да бъде записан в подходящ формат. Blend разпознава без проблем универсалния OBJ, който е разработен от Wavefront и след това се превърна в основен формат за Maya и повечето приложения в този клас.

Тримерният модел може да бъде анимиран и в 3D среда, като Blend предлага опции за въртене на камерата и самия обект. Естествено, ако искате да го редактирате, това (поне засега) няма как да стане под Blend 2 – тук може само да присвоявате цвят и текстури в определени случаи.

Иначе приложението осигурява не малка част от добре познаните конвенционални средства за анимиране. Използва добре познатата линия на времето, ключови кадри и интерполация на параметри и положение. Нищо сложно и объркващо. Хубавото в случая е, че времевата линия, за разлика от Flash, не е базирана върху объркващият брой на кадри, а разчита изцяло на времето (секунди, минути) като ориентир за стъпките и последователността в анимацията.

Основната сила на Expression Blend обаче си остават контролите и контейнерите. Така например, имате интерфейсни контроли - с тяхна помощ изграждате интерфейса на вашето приложение – това са бутони, полета за отметка, комбо кутии, плъзгачи и т.н. Общият им брой е над 30! Отделно имате контроли за управление дизайна на приложението и разположението на елементите в него, които могат да регулират размерите на работната му площ в зависимост от резюлюцията и режима на изобразяване. Адаптивен дизайн, нали за това говорехме.

В крайна сметка готовото приложение може да бъде експортирано за уеб, като съответно ключова роля тук играе новата технология на Microsoft, добре познатата ви Silverlight 2, основното оръжие на Microsoft срещу хегемонията на Flash. Трябва да помните, че голяма част от 3D екстрите плюс адаптивния дизайн са предназначени единствено за десктоп среда (за която е необходима предварителна инсталация на .NET 3.0 Framawork). Другото, което трябва дасвършите, е да обновите Blend 2.0 до Blend 2.5, за да може да си осигурите пълноценна поддръжка на Silverlight 2.0. Явно срокове и разминавания са довели до неблагоразумния факт, че Blend 2.0 поддържа единствено Silverlight 1.

Expression Design 2

Дизайн като дизайн. Това е програмата в пакета, която ще ви помогне да подготвите голяма част от визуалните елементи на вашия бъдещ сайт или уеб/настолно приложение. Преди да се превърне в Еxpression Design, настоящата програма се наричаше Acrylic Designer и мнозина я сочеха като „убиеца на Photoshop“, тъй като съчетаваше векторно чертане и растерно рисуване/обработка в едно. Много лека и пъргава, при това доста евтина, тя се намърда сред лидерите в областта на графичния дизайн, преди Microsoft да я прикотка. Сега Expression Design има за цел да се вмести в работния процес на уебразработчиците. И има пълните шансове да го стори.

Приложението осигурява пълноценна среда за векторно илюстриране, съпоставима в най-общи линии като функционалност с Illustrator. Е, естествено Expression Design има още доста хляб да изяде докато достигне Illustrator, но в крайна сметка, ако нямате ултрасериозни изисквания към него, той няма да ви разочарова – предлага достатъчно на брой инструменти за изчертаване на фигури, запълване, възможности за модифициране на обектите. Присъстват полезните помощни средства като позициониращи линии, режими на прилепване, подравяване, сливане и т.н. Expression Design предизвиква внимание и с т.нар. Live Effects - като цяло те са забавен и не-разрушителен начин за прилагане на различни филтри и ефекти като релефи замъгляване към произволен векторен или растерен обект, като впоследствие може да промените параметрите им по всяко време.

Това ме подсеща да наблегна върху най-голямото предимство на Expression Design, а именно факта, че може да работи едновременно с вектор и растер. Не е нещо невиждано (имаше една програма Canvas 7, която правеше същия трик), но е много полезно, понеже позволява не само да комбинирате различни типове изображения, но и да ги редактирате със съответните инструменти. Най-общо и донякъде доста смело казано, Expression Designer не само може да замени Illustrator, но може да поеме и задълженията на Photoshop поне в повечето случаи. Ощеповече че разполага със средства за оптимизация за уеб, което пък му позволява да конкурира дори Fireworks или ImageReady на Adobe.

Всичко това като цяло е добре дошло. От една страна, за джоба на потребителя, тъй като Illustrator/Photoshop си е скъпо решение, без значение дали е закупено в общ пакет или поотделно. От друга, е полезно за Microsoft, тъй като така тихомълком се опитва да изтика Illustrator/Photoshop от общоприетия работен процес в професионалния уебдизайн. Още повече, ако сте решили да боравите с Еxpression Web 2 и Expression Blend 2. Интеграцията им с Design 2 e много добра – осигурени са възможности за експортиране на графика като WPF canvas и WPF ресурс (което ги прави универсални в средата на разработка на Microsoft), отделно може да ги запишете като PSD или PDF формат.

Expression Media 2

Това е програма за управление на медийни файлове. Което включва изображения, векторни илюстрации, снимки, звуци, клипчета и анимации. Всичко, което се сетите. Може да ги организирате в каталози, като един каталог може да съдържа до 128 000 (ни повече, ни по малко!) елемента. Съответно тези елементи могат да бъдат записани където вие решите – споделени папки, твърд диск, оптични носители, флаш устройства – това няма никакво значение. Expression Media си ги „следи“ всички в своя база данни и ви позволява да търсите и намирате моментално.

Идеята? Бърза подготовка и изпълнение на визуалната част на различни проекти. Е, не е точно колекция от клипарт, но като цяло замисълът е аналогичен – класифицирате отделните елементи по определени признаци и когато ви потрябват – ги намирате за секунди. Пример? Искате да направите сайт за фирма, която произвежда винарски продукти. Съответно ви трябват всевъзможни снимки на лозя и бъчви, илюстрации на грозде, разни бутилки и т.н. За целта няма да е зле да си изградите навиците да добавяте етикети с коментари към колкото може повече снимки. Така с една ключова дума може да изведете за нула време това, което ви е необходимо.

Хубавото е, че Expression Media поддържа над 100 медийни формата, а разглеждането на индексираните файлове е бързо и интелигентно. Дори може да пипнете тук и там – вграденият редактор на изображения позволява да коригирате дребни дефекти като „червени очи“, да извършите изрязване, завъртане, да промените цветовия баланс и т.н.

В крайна сметка Еxpression Media 2 се явява аналог на ACDSee или аналогичен софтуер. Което отново е добре дошло за вас, понеже ви спестява допълнителни 50-60 долара. От друга страна пък, ако вече ползвате такъв софтуер и вече сте си дали парите за него, Expression Media 2 ще е излишна. Може би няма да е зле Microsoft да я популяризират като самостоятелен продукт.

Expression Encoder 2

Това е програмата, с която конвертирате медийно съдържание в Silverlight формат. Вярно, Blend 2 може директно да eкспортира готови проекти (анимации, интерактивни приложения) в Silverlight, но ако искате да публикувате други медийни файлове в Silverlight, ще ви е необходим Encoder 2. Той играе ролята и на опростен видеоредактор, като ви позволява да изрязвате клипове или да прилагате воден знак (за запазване на авторството), а също така осигурява поддръжка на почти всички популярни видео- и аудиоформати в момента, начело със „братския“ Windows Media Video (WMV), разбира се.

Еncoder 2 ще ви бъде необходим, ако искате да осъществявате предавания на живо (поточно видео в реално време), както и за обработката на HD съдържание, предназначено за уеб.

Конкуренцията

Всеки трябва да има средства за противодействие. В случая Microsoft е готова за схватка с Adobe. Вярно, Adobe не правят операционни системи или офиспакети, но пък имат наглостта дакупуват Macromedia и да покриват целия производствен цикъл в уебразработката. И да пускат тлъсти пакети като Adobe Creative Suite Web Premium (чиято четвърта версия предстои да излезе всеки момент). Засега отговорът на Microsoft е скромен на фона на размаха на Adobe, но времето винаги е било съюзник на корпорацията. В момента Expresion Studio 2 отстъпва, но пък е завършен като идея и реализация, по-евтин е, по-лек и симпатичен, като осигурява поддръжка на актуалните уебтехнологии. Едва ли закоравелите фенове ще забравят за Dreamweaver и Photoshop, но по-предвидливите, агресивни и находчиви (най-често самостоятелни) разработчици мога да намерят изгода от преминаване към Expression Studio 2.

В крайна сметка пък нищо не ви пречи да опитате – пакетът, съответно и програмите от него се предлагат в пробен вариант, така че ако имате време и желание, може да ги свалите от www.microsoft.com/expression/ -  Светлин Светлинов