Sessione del Creativity Day di Venezia - 4 giugno 2008 - Roberto Cavallini

1. Lo sviluppo
di Rich Interactive Applications
Silverlight ed Expression Studio 2
Roberto Cavallini, User Experience Evangelist
Microsoft Italia
roberto.cavallini@microsoft.com
blogs.msdn.com/designexperience

3. quot;all aspects of the user’s interaction with the
product: how it is perceived, learned, and used.“ -
wikipedia

4. www.surface.com http://labs.live.com/photosynth http://www.popfly.com

5. Microsoft Design Model
Platform
+
Craft
Tools

6. Microsoft Design Model
Platform
+
Craft
Tools

8. Microsoft Design Model
Platform
+
Craft
Tools

9. AJAX
Windows Presentation Foundation
Smart Clients – Fully Connected to the Web
.net
Microsoft
Framework

10. Windows Presentation Foundation
Part of the Unified approach
Delivers richest
Microsoft .NET 3.0 to UI, Media and
possible
Framework Documents
experiences

11. Silverlight 1.0 adoption

12. Silverlight 2 adoption (Now in Beta 1)

13. Silverlight & Windows Live Platform

14. Microsoft Design Model
Platform
+
Craft
Tools

15. designer
developer

16. http://silverlight.net/samples/1.0/Silverlight-Pad/default.html

17. {Dev igner} experience

18. Platform AJAX
Windows Presentation Foundation
{
+
{
Craft
Tools

19. “Learn once, apply anywhere”
{ {
eXstensible Application Markup Language
Windows Presentation Foundation

20. Silverlight
Enriched browser experience

21. Cross Browser
Cross Platform
Plug-in
Media Experiences
RIAs
.NET

22. Silverlight
Quality
Stunning HD video quality, 720p
DVD-like interactivity and overlays
Flexible Development
Integrate with existing AJAX frameworks
SMPTE - standard VC-1, WMV and MP3
Delivery
Live Streaming or On-Demand
Performance, scale and cost advantages
over other solutions

23. Silverlight 1.0 weathertv demo

24. Silverlight 2 {Beta1}
New “user interface control”
(text box, check box, button, grid, stack panel, slider, scroll viewer, calendar,…)
Support styles/templates,
Support C#, VB.Net and DLR
(Dynamic Language – Ruby and Python)
Deep Zoom Technology
New images experience
Support cross domain network access
(resources and data from the web)
LINQ
To enable easy transformation and querying of data
DRM Support
(Digital Restrictions Management with PlayReady compatible with WMDRM)

25. Silverlight 2 <MultiScaleImage Source=“…
Deep Zoom
Technology
Preprocessing tool breaks image
into 256 x 256 tiles
Then generates pyramids of tiles
at lower resolutions
When the image is displayed on the client
the lowest resolution tiles are shown first
Then as the higher quality tiles are downloaded,
they are smoothly blended in

26. Silverlight 2 Deep Zoom Demo
2.5
March 2008 Preview
http://blogs.msdn.com/expression/archive/2008/03/09/deep-zoom-sample-with-mousewheel-pan-click-zoom.aspx

27. Silverlight roadmap
Silverlight 1.0 shipped Q3 2007
Silverlight 2
March 5th Beta 1 (non-commercial go-live)
“Later this week” - Beta 2 (go live)
Tools
Expression Suite and Visual Studio updates for all public
Silverlight releases
Visual Studio Designer support (Cider) later this year

28. Expression Studio 2

29. Expression Experience
Grafica vettoriale Modelli ed
immagini bitmap oggetti 3D
Audio
Video

30. • Full support for standards, accessibility,
and cross-browser compatibility
• XHTML, CSS, XML, and XSLT
• Support ASP.NET and PHP language
• Advanced CSS support
• Collaborate with developers using Visual Studio
and ASP.NET 3.5
• Best-in-class CSS support
• Silverlight 1 support

31. • Powerful vector drawing tools
• Design user interface elements for Silverlight
and Windows applications
• XAML workflow ensures design integrity
• The perfect companion for Expression Blend
* Not sold separately

32. • Design stunning Windows applications
• Vector art, pixel images, high quality text, video,
and real 3D content
• Ultimate user experiences
• Collaborate with developers using Visual Studio
for a new level of designer-developer
productivity
• V2 includes Silverlight 1.0 support,
Adaptable User Interface,
XAMLVertex Animation, UI Enhancements

33. • Encode a wide array of file-based media
content, including QuickTime, AVI, MPEG
files, and more using the designer friendly
Expression-standard user interface
• Customize your media assets to match your
brand or target your audience
• Dial in the VC-1 encoding settings, choose
from a range of player templates
and publish rich media experiences
with Microsoft Silverlight
• Command-line encoder

34. • Manage all of your media assets in one place
• Supports over 100 file formats
• Version control and folder watching
• Edit images and keep track of changes
• Rename, convert, tag, batch process
and search
• Geotag images to an actual location
anywhere on earth with Virtual Earth GPS
mapping

35. • Accesso automatico alle nuove versioni
dei prodotti software (Software Assurance)
• Creazione di ambienti di test
• Risoluzione dei problemi tecnici
Products:
• Expression Studio
Visual Studio Standard
•
Office Standard
•
Office Visio Professional
•
Windows XP
•
Windows Vista Business Edition
Disponibile da giugno 2008! •
Virtual PC
•
http://www.microsoft.com/expression/
Parallels Desktop for Mac
•
Pre-configured virtualized server environments
•
1 anno € 1.150,00
2 anni € 1.620,00
3 anni € 2.070,00

36. Expression Encoder Silverlight Streaming

37. }}} Player
Player
video .wmv VC-1
custom
(.avi, .mpeg, .mov, wmv, mp3, …) (Silverlight Player)

38. Silverlight Streaming
While the service is in beta, storage is free up to 10 GB and streaming is free up to 5 TB
of aggregated bandwidth per user account per year.
Videos should not exceed 10 minutes and have a maximum bit rate of 1.4 Mbps.
.
http://silverlight.live.com

39. Resources

40. Resources
www.silverlight.net
www.microsoft.com/silverlight
www.microsoft.com/expression
www.microsoft.it/expression

41. Resources
Expression Community
Sample and training.
http://expression.microsoft.com
ExpressYS
La nuova community dedicata
ad Expression e al Design
www.expressys.net

42. Resources
Nibbles Tutorials
Sample and training.
http://www.nibblestutorials.net
Lynda.com
Video training on technologies and tool.
http://www.lynda.com

43. Resources
Design Experience Blog:
http://blogs.msdn.com/designexperience

44. Microsoft DreamSpark
Software gratuito per gli studenti universitari.
Il nuovo servizio, DreamSpark, nei prossimi mesi
sarà disponibile anche in Italia, ma già da oggi gli
studenti italiani in possesso di una tessera ISIC
(International Student Identity Card) possono
scaricare il software gratuitamente.
Strumenti per il design:
• Expression Web
• Expression Blend
• Expression Design
• Expression Media
Strumenti di sviluppo:
• Visual Studio 2008 Professional Edition
• Visual Studio 2005 Professional Edition
• XNA Game Studio 2.0
• 12 mesi di abbonamento Academic per XNA Creators Club
Piattaforma:
• SQL Server 2005 Developer Edition
• Windows Server, Standard Edition

45. {Grazie!}
I vostri feedback sono importanti.
roberto.cavallini@microsoft.com
http://blogs.msdn.com/designexperience
Le slide sono disponibili ai seguenti link:
http://www.slideshare.net/roberto.design/