240 likes | 422 Views
Izrada obrazovnih web sadržaja korištenjem alata Expression Studio. Agenda. Pregled Microsoft Expression alata Expression Design Expression Blend Silverlight Expression Encoder Web streaming. Expression Studio. Expression Studio. Expression Web – website dizajner i HTML editor
E N D
Izrada obrazovnih web sadržaja korištenjem alata Expression Studio
Agenda • Pregled Microsoft Expression alata • Expression Design • Expression Blend • Silverlight • Expression Encoder • Web streaming
Expression Studio • Expression Web –website dizajner i HTML editor • Expression Blend – dizajn korisničkog sučelja • Expression Design – Grafički editor • Expression Media – Organiziranje multimedijske kolekcije • Expression Encoder – profesionalni video enkoder
Expression Design • Fleksibilno vektorsko crtanje • Vizualni efekti • Bevel, Emboss, Gaussian Blur... • Široka uporabljivost • Mnogo formata – uključujući XAML (Silverlight) • Slices – izrada HTML stranica • Inovativana i intuitivana razvojna okolina
Expression Blend • Izrada korisničkog sučelja • Windows aplikacije • Windows Presentation Fundation • Web • Silverlight
Expression Blend • XAML • Kompatibilnost s Visual Studiom • Odvaja posao dizajnera i progamera • Preko 30 različitih kontrola • Moguće raditi stilove
Expression Blend • Moderna radna površina • 3D grafika • Samo WPF • Jednosavan pristup izvorima podataka • Animacije, triggeri
Što je Silverlight? • Dodatak za Web preglednik • Neovisan o platformi i pregledniku • Internet Explorer, Firefox, Opera, Safari • Fleksibilan progamski model • Integracija s ostalim Web tehnologijama • Baziran na .Net frameworku • Odvojeni alati za dizajnere/programere
Zašto Silverlight? • Razvoj hardvera • Mogućnost poboljšanja korisničkog sučelja bogatom multimedijom • Snaga .Net frameworka u pozadini • Poznato okruženje za postojeće .Net programere
Dizajn i animacija • XAML • 2D grafika • Osnovni geometrijski oblici • Transformacije • Osnovne animacije • Animacije mijenjaju svojstva objekta kroz vrijeme • Boja, pozicija, veličina...
Silverlight i JavaScript • JavaScript • Izvršavanje u web pregledniku • Silverlight objektima se može pristupiti funkcijom findName • Ekvivalent document.getByElementId funkciji
Silverlight i .Net • Dizajn i animacija • Isto kao u Silverlightu 1.0 • Identičan XAML • Umjesto JavaScripta - .Net • Podržan C#, uskoro i VB.Net • Izvrsni i snažni alati • Visual Studio • Expression Blend
Pristup podacima • XML • WebRequest • RSS i slično • Web servisi
Expression Encoder • Dolazi zajedno s Expression Media • Značajke • WM / VC-1 enkoding • Web, mobile i HD video • Osnovno editiranje videa • Izrezivanje • Odvajanje • Prekrivanje • Dodavanje naslova • Uvod, Kraj, “Watermark” • Generiranje Silverlight web streaminga
Resursi • Glavna Expression stranica: http://www.microsoft.com/expression • Silverlight zajednica: http://silverlight.net • Glavna stranica Silverlight proizvoda: http://www.microsoft.com/silverlight • Vodeći Silverlight blogovi • Tim Sneath: http://blogs.msdn.com/tims • Mike Harsh: http://blogs.msdn.com/mharsh • Joe Stegman: http://blogs.msdn.com/jstegman • Laurence Moroney: http://blogs.msdn.com/webnext • Ernie Booth: http://blogs.msdn.com/ebooth