1 / 51

Microsoft Expression Studio

Microsoft Expression Studio. Ioan Lazarciuc Microsoft Student Partner Ioan.Lazarciuc@student-partners.com Ioan.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

cynara
Download Presentation

Microsoft Expression Studio

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Microsoft Expression Studio Ioan Lazarciuc Microsoft Student Partner Ioan.Lazarciuc@student-partners.com Ioan.lazarciuc@gmail.com http://www.lazarciuc.ro/ioan

  2. Microsoft Expression Studio Microsoft Expression este o suita de unelte destinata designerilor pentru crearea de: • Aplicatii Web • Aplicatii Windows • Continut media bogat

  3. Microsoft Expression Studio

  4. 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

  5. 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

  6. Microsoft Expression Web – Facilitati (2) • Expression Development Server • IntelliSense • Template-uri • Rapoarte • Vizualizare in browsere multiple

  7. ASP.NET • Functionalitatea implementata pe server, cu cod .NET • Intre request-uri, starea obiectelor se salveaza in ViewState (hidden input)

  8. ASP.NET AJAX • Asynchronous JavaScript and XML • Reduce numarul si/sau volumul de procesari executate pe server

  9. Importanta Standardelor pe Web

  10. 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”

  11. DEMO – Expresison Web

  12. Expression Web - Aplicabilitate

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

  14. 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

  15. Windows Presentation Foundation • Windows Presentation Foundation ofera un model de programare unificat pentru construirea aplicatiilor Windows de tip “smart client” • Grafica 2D si 3D

  16. Windows Presentation Foundation - Deployment • Tipuri de aplicatii: • De sine statatoare • Gazduita in browser • Tehnologii de distribuire • ClickOnce • Microsoft Windows Installer • XCopy

  17. 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

  18. XAML • Limbaj declarativ, subset de XML, pentru instantiat obiecte • A fost dezvoltat in paralel cu WPF

  19. Sintaxa XAML

  20. 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.

  21. 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

  22. Windows Presentation Foundation - Layout

  23. Windows Presentation Foundation - Layout - StackPanel

  24. Windows Presentation Foundation - Layout - WrapPanel

  25. Windows Presentation Foundation - Layout - DockPanel

  26. 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.)

  27. Windows Presentation Foundation - Stiluri (Styles) • Stil = Colectie de valori pentru proprietati • Pentru fiecare aplicare a stilului, aceeasi valoare (instanta) a proprietatii este folosita

  28. 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

  29. 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

  30. 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

  31. 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)

  32. Integrarea cu Visual Studio (1) • Formatele de fisiere pentru proiecte, solutii, fisiere de cod sunt aceleasi • Modificarile din exterior sunt detectate

  33. 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 estenecesarpentrufunctionare • Aspectul, plasareasimodul de interactionare cu controalele se pot dezvoltafolosind Blend in paralel cu dezvoltareafunctionalitatiiaplicatiei

  34. DEMO – Expression Blend

  35. Expression Blend - Aplicabilitate

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

  37. 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

  38. 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

  39. DEMO – Expression Design

  40. Expression Design - Aplicabilitate

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

  42. 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

  43. 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)

  44. DEMO - Expression Encoder

  45. Expression Encoder - Aplicabilitate

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

  47. 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

  48. Microsoft Expression Media – Interfata

  49. Expression Media - Aplicabilitate

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

More Related