Microsoft Expression Studio

Ioan LazarciucMicrosoft Student Partner

Ioan.Lazarciuc@student-partners.comIoan.lazarciuc@gmail.com

http://www.lazarciuc.ro/ioan

Microsoft Expression Studio

Microsoft Expression este o suita de unelte destinata designerilor pentru crearea de:– Aplicatii Web– Aplicatii Windows– Continut media bogat

Microsoft Expression Studio

Microsoft Expression Web

• Expression Web este o unealta profesionala de design pentru site-uri web de calitate superioara bazate pe standarde

• Inlocuieste Microsoft Front Page

Microsoft Expression Web – Facilitati (1)

• WYSIWYG• Lucrul cu controale “Drag & Drop”• Standarde (XML, XSLT, XHTML, CSS, RSS)• Tehnologii: HTML, JavaScript, ASP.NET,

ASP.NET AJAX, PHP, Silverlight• Integrare “seamless” cu Visual Studio

Microsoft Expression Web – Facilitati (2)

• Expression Development Server• IntelliSense• Template-uri• Rapoarte• Vizualizare in browsere multiple

ASP.NET

• Functionalitatea implementata pe server, cu cod .NET

• Intre request-uri, starea obiectelor se salveaza in ViewState (hidden input)

ASP.NET AJAX

• Asynchronous JavaScript and XML• Reduce numarul si/sau volumul de procesari

executate pe server

Importanta Standardelor pe Web

Template-uri

• Metoda rapida de a incepe lucrul la un site• Metoda de a mentine un aspect unitar• Dynamic web templates– la modificarea template-ului, se modifica si site-

urile dependente de el– continutul este bine delimitat in cadrul template-

ului sub forma de “zone editabile”

DEMO – Expresison Web

Expression Web - Aplicabilitate

Microsoft Expression Blend

• Expression Blend este o unealta profesionala pentru designul aplicatiilor Windows si Web cu "experienta utilizator" (UX) antrenanta si bogata

Microsoft Expression Blend – Facilitati

• Crearea de interfete pentru aplicatii WPF, Silverlight

• Permite combinarea de text, video, audio, vectori, imagini, grafica 3D si animatii

• Integrare “seamless” cu Visual Studio

Windows Presentation Foundation

• Windows Presentation Foundation ofera un model de programare unificat pentru construirea aplicatiilor Windows de tip “smart client”

• Grafica 2D si 3D

Windows Presentation Foundation - Deployment

• Tipuri de aplicatii:– De sine statatoare– Gazduita in browser

• Tehnologii de distribuire– ClickOnce– Microsoft Windows Installer– XCopy

Windows Presentation Foundation - XBAP

• Aplicatia se incarca pe bucati, pe masura ce sunt necesare

• Poate folosi ClickOnce sau Windows Installer• Daca se instaleaza pe masina locala, poate

deveni o aplicatie de sine statatoare, cu toate drepturile acesteia

XAML

• Limbaj declarativ, subset de XML, pentru instantiat obiecte

• A fost dezvoltat in paralel cu WPF

Sintaxa XAML

Windows Presentation Foundation - Unitati de masura

• Toate dimensiunile pot fi specificate intr-o unitate de masura care nu depinde de dispozitivul de afisare (rezolutia acestuia)

• 1 unitate = 1/96 inch• In XAML, dimensiunile pot fi specificate si ca

cm, inch, em, etc.

Windows Presentation Foundation - Presentation Tiers

• Set de capabilitati hardware ale unei masini ce ruleaza o aplicatie WPF

• Tier 0 - Tier 2 (mai performant)• Valoarea sa si schimbarea valorii pot fi

determinate in timpul executiei

Windows Presentation Foundation - Layout

Windows Presentation Foundation - Layout - StackPanel

Windows Presentation Foundation - Layout - WrapPanel

Windows Presentation Foundation - Layout - DockPanel

Windows Presentation Foundation - Data Binding

• Sincronizarea valorilor a 2 sau mai multor proprietati ale unor obiecte

• Sursa de date• Tinta data binding-ului• Mod de sincronizare (unidirectional,

bidirectional, etc.)

Windows Presentation Foundation - Stiluri (Styles)

• Stil = Colectie de valori pentru proprietati• Pentru fiecare aplicare a stilului, aceeasi

valoare (instanta) a proprietatii este folosita

Windows Presentation Foundation - Sabloane (Templates)

• Un sablon defineste arborele vizual care va fi instantiat pentru fiecare obiect asupra caruia are efect sablonul

• Pentru fiecare aplicare a stilului, aceeasi valoare (instanta) a proprietatii este folosita

• Controalele WPF sunt caracterizate prin faptul ca nu au un aspect rigid implementat. Ele definesc mai degraba doar comportamente

Windows Presentation Foundation - Animatii

• Valorile anumitor proprietati pot fi animate• Animatiile sunt specificate in milisecunde,

secunde, minute, ore, etc.• Animatiile pot fi compuse si sincronizate

Silverlight (1)

• Silverlight este un plug-in “cross-browser”, “cross-platform” pentru livrarea de experiente media si aplicatii interactive pentru Web bazate pe .NET

• Foloseste XAML pentru partea declarativa si JavaScript/IronPython/IronRuby/C#/VB.NET pentru partea de cod

• Doar grafica 2D

Silverlight (2)

• Controalele sunt un subset din cele disponibile in WPF

• Pentru distributia aplicatiilor este necesar doar un server de fisiere (http://silverlight.live.com - 10 GB gratis)

Integrarea cu Visual Studio (1)

• Formatele de fisiere pentru proiecte, solutii, fisiere de cod sunt aceleasi

• Modificarile din exterior sunt detectate

Integrarea cu Visual Studio (2)

• Datorita compatibilitatii cu Visual Studio, este posibil ca designeri si programatori sa lucreze pe aceeasi aplicatie in acelasi timp

• Controalele se creeaza in Visual Studio, odata cu orice event handler este necesar pentru functionare

• Aspectul, plasarea si modul de interactionare cu controalele se pot dezvolta folosind Blend in paralel cu dezvoltarea functionalitatii aplicatiei

DEMO – Expression Blend

Expression Blend - Aplicabilitate

Microsoft Expression Design

• Expression Design este o unealta profesionala de design grafic pentru Web si aplicatii desktop

Microsoft Expression Design – Facilitati (1)

• Formate suportate la import: .psd, ai, .jpg, .bmp, .png, .gif, .tif, .ico si .wdp (Windows Media Photo)

• Formate suportate la export: .psd, .jpg, .bmp, .png, .gif, .tif, wdp, .pdf, si .xaml

• Se poate folosi pentru a genera cod XAML pentru a redefini aspectul controalelor in Expression Blend

Microsoft Expression Design – Facilitati (2)

• Layers• Transformari geometrice (translatie, rotatie,

scalare, etc.)• Trasare automata a imaginilor pentru

extragere de contur• Aplicarea de efecte (artistice, fotografice, etc.)• Slicing

DEMO – Expression Design

Expression Design - Aplicabilitate

Microsoft Expression Encoder

• Expression Encoder este o unealta profesionala pentru encodare video folosind standardul VC-1

Microsoft Expression Encoder - Facilitati (1)

• Formate suportate la intrare: AVI, WMV, WMA, MPEG2, MOV, M4V (QuickTime) si orice alt format pentru care exista instalat codec DirectShow

• Iesirea: WMV, encodat VC-1• Redimensionare• Taiere de secvente• Leader, trailer

Microsoft Expression Encoder - Facilitati (2)

• Stantarea clipului cu imagini, video, XAML (WPF)

• Adaugare de marcaje in cadrul clipului, pentru navigare rapida

• Posibilitatea exportarii impreuna cu un player video Silverlight din cele 15 sabloane

• Operare din linie de comanda, sau prin set de obiecte de management (.NET)

DEMO - Expression Encoder

Expression Encoder - Aplicabilitate

Microsoft Expression Media

• Expression Media este o unealta profesionala de management al resurselor media prin catalogare si organizare vizuala pentru selectare si prezentare

Microsoft Expression Media - Facilitati

• Manevrarea rapida a multe fisiere pentru:– Redenumire– Conversie– Rotire (Auto Orientation), reflexie– Lucrul cu meta data (tag, rating, an etc.)

• Prezentarea resurselor in slide shows, filme, galerii, pe suport optic

• Expression Media Reader

Microsoft Expression Media – Interfata

Expression Media - Aplicabilitate

Resurse

• www.microsoft.com/expression• www.visitmix.com

Intrebari?

Ioan LazarciucMicrosoft Student Partner

Ioan.Lazarciuc@student-partners.comIoan.lazarciuc@gmail.com

http://www.lazarciuc.ro/ioan