Izrada obrazovnih web sadržaja korištenjem alata Expression Studio
description
Transcript of Izrada obrazovnih web sadržaja korištenjem alata Expression Studio
![Page 1: Izrada obrazovnih web sadržaja korištenjem alata Expression Studio](https://reader036.fdocuments.net/reader036/viewer/2022062408/56814206550346895dadec87/html5/thumbnails/1.jpg)
![Page 2: Izrada obrazovnih web sadržaja korištenjem alata Expression Studio](https://reader036.fdocuments.net/reader036/viewer/2022062408/56814206550346895dadec87/html5/thumbnails/2.jpg)
Agenda
Pregled Microsoft Expression alata Expression Design Expression Blend Silverlight Expression Encoder
Web streaming
![Page 3: Izrada obrazovnih web sadržaja korištenjem alata Expression Studio](https://reader036.fdocuments.net/reader036/viewer/2022062408/56814206550346895dadec87/html5/thumbnails/3.jpg)
Expression Studio
![Page 4: Izrada obrazovnih web sadržaja korištenjem alata Expression Studio](https://reader036.fdocuments.net/reader036/viewer/2022062408/56814206550346895dadec87/html5/thumbnails/4.jpg)
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
![Page 5: Izrada obrazovnih web sadržaja korištenjem alata Expression Studio](https://reader036.fdocuments.net/reader036/viewer/2022062408/56814206550346895dadec87/html5/thumbnails/5.jpg)
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
![Page 6: Izrada obrazovnih web sadržaja korištenjem alata Expression Studio](https://reader036.fdocuments.net/reader036/viewer/2022062408/56814206550346895dadec87/html5/thumbnails/6.jpg)
Expression Blend
Izrada korisničkog sučeljaWindows aplikacije
○ Windows Presentation Fundation
Web○ Silverlight
![Page 7: Izrada obrazovnih web sadržaja korištenjem alata Expression Studio](https://reader036.fdocuments.net/reader036/viewer/2022062408/56814206550346895dadec87/html5/thumbnails/7.jpg)
Expression Blend
XAML
Kompatibilnost s Visual StudiomOdvaja posao dizajnera i progamera
Preko 30 različitih kontrolaMoguće raditi stilove
![Page 8: Izrada obrazovnih web sadržaja korištenjem alata Expression Studio](https://reader036.fdocuments.net/reader036/viewer/2022062408/56814206550346895dadec87/html5/thumbnails/8.jpg)
Expression Blend
Moderna radna površina
3D grafikaSamo WPF
Jednosavan pristup izvorima podataka
Animacije, triggeri
![Page 9: Izrada obrazovnih web sadržaja korištenjem alata Expression Studio](https://reader036.fdocuments.net/reader036/viewer/2022062408/56814206550346895dadec87/html5/thumbnails/9.jpg)
![Page 10: Izrada obrazovnih web sadržaja korištenjem alata Expression Studio](https://reader036.fdocuments.net/reader036/viewer/2022062408/56814206550346895dadec87/html5/thumbnails/10.jpg)
Š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
![Page 11: Izrada obrazovnih web sadržaja korištenjem alata Expression Studio](https://reader036.fdocuments.net/reader036/viewer/2022062408/56814206550346895dadec87/html5/thumbnails/11.jpg)
Zašto Silverlight?
Razvoj hardveraMogućnost poboljšanja korisničkog sučelja
bogatom multimedijom
Snaga .Net frameworka u pozadini
Poznato okruženje za postojeće .Net programere
![Page 12: Izrada obrazovnih web sadržaja korištenjem alata Expression Studio](https://reader036.fdocuments.net/reader036/viewer/2022062408/56814206550346895dadec87/html5/thumbnails/12.jpg)
Silverlight i web
![Page 13: Izrada obrazovnih web sadržaja korištenjem alata Expression Studio](https://reader036.fdocuments.net/reader036/viewer/2022062408/56814206550346895dadec87/html5/thumbnails/13.jpg)
Razvojni alati
![Page 14: Izrada obrazovnih web sadržaja korištenjem alata Expression Studio](https://reader036.fdocuments.net/reader036/viewer/2022062408/56814206550346895dadec87/html5/thumbnails/14.jpg)
![Page 15: Izrada obrazovnih web sadržaja korištenjem alata Expression Studio](https://reader036.fdocuments.net/reader036/viewer/2022062408/56814206550346895dadec87/html5/thumbnails/15.jpg)
Dizajn i animacija
XAML 2D grafika
Osnovni geometrijski obliciTransformacije
Osnovne animacijeAnimacije mijenjaju svojstva objekta kroz
vrijeme○ Boja, pozicija, veličina...
![Page 16: Izrada obrazovnih web sadržaja korištenjem alata Expression Studio](https://reader036.fdocuments.net/reader036/viewer/2022062408/56814206550346895dadec87/html5/thumbnails/16.jpg)
Silverlight i JavaScript
JavaScriptIzvršavanje u web preglednikuSilverlight objektima se može pristupiti
funkcijom findName○ Ekvivalent document.getByElementId funkciji
![Page 17: Izrada obrazovnih web sadržaja korištenjem alata Expression Studio](https://reader036.fdocuments.net/reader036/viewer/2022062408/56814206550346895dadec87/html5/thumbnails/17.jpg)
![Page 18: Izrada obrazovnih web sadržaja korištenjem alata Expression Studio](https://reader036.fdocuments.net/reader036/viewer/2022062408/56814206550346895dadec87/html5/thumbnails/18.jpg)
Silverlight i .Net Dizajn i animacija
Isto kao u Silverlightu 1.0○ Identičan XAML
Umjesto JavaScripta - .NetPodržan C#, uskoro i VB.Net
Izvrsni i snažni alatiVisual StudioExpression Blend
![Page 19: Izrada obrazovnih web sadržaja korištenjem alata Expression Studio](https://reader036.fdocuments.net/reader036/viewer/2022062408/56814206550346895dadec87/html5/thumbnails/19.jpg)
Silverlight: .Net u malom
![Page 20: Izrada obrazovnih web sadržaja korištenjem alata Expression Studio](https://reader036.fdocuments.net/reader036/viewer/2022062408/56814206550346895dadec87/html5/thumbnails/20.jpg)
“Sandbox”
![Page 21: Izrada obrazovnih web sadržaja korištenjem alata Expression Studio](https://reader036.fdocuments.net/reader036/viewer/2022062408/56814206550346895dadec87/html5/thumbnails/21.jpg)
Pristup podacima
XML
WebRequestRSS i slično
Web servisi
![Page 22: Izrada obrazovnih web sadržaja korištenjem alata Expression Studio](https://reader036.fdocuments.net/reader036/viewer/2022062408/56814206550346895dadec87/html5/thumbnails/22.jpg)
![Page 23: Izrada obrazovnih web sadržaja korištenjem alata Expression Studio](https://reader036.fdocuments.net/reader036/viewer/2022062408/56814206550346895dadec87/html5/thumbnails/23.jpg)
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
![Page 24: Izrada obrazovnih web sadržaja korištenjem alata Expression Studio](https://reader036.fdocuments.net/reader036/viewer/2022062408/56814206550346895dadec87/html5/thumbnails/24.jpg)
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 blogoviTim 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