View
223
Download
0
Category
Preview:
Citation preview
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
Recommended