1. Design e sviluppo di applicazioni Web innovative
Milano, 27 Febbraio 2008
Roberto Cavallini - User Experience Evangelist
roberto.cavallini@microsoft.com - blogs.msdn.com/designexperience

9. AJAX

20. Designer/developer Experience
designer developer
designers & developers:
speak different languages
speak the same language
designers design developers add business logic

21. application logic
result
presentation

22. designer
developer

23. http://silverlight.net/samples/1.0/Silverlight-Pad/default.html
Powered by

25. Designer / Developer Experience

26. desktop web
WPF
Windows Presentation Foundation
Smart Clients – Fully Connected to the Web
.net
Microsoft 3.0

27. What is WPF?
Part of the Unified approach
Delivers richest
Microsoft .NET 3.0 to UI, Media and
possible
Framework Documents
experiences

28. WPF Adoption

29. Demo Windows Presentation Foundation
Fabrikam Demo

30. Enriched browser experience
SILVERLIGHT

31. Cross Browser
Cross Platform
Plug-In
Media Experiences
RIAs
.NET

32. Silverlight Plug-in Experience

33. Silverlight Adoption

34. Silverlight Adoption

35. Silverlight Adoption

36. Silverlight Adoption

37. Silverlight Adoption

38. Silverlight Adoption

39. Create a Mashup with Microsoft Popfly

40. Silverlight Showcase

41. Video.Show

42. Slide.Show

43. Kit 3D for Silverlight

44. Demo Silverlight Player

45. Silverlight Streaming Services
Fornisce una piattaforma gratuita e scalabile per applicazioni Silverlight
While the product is in pre-release, storage and delivery is free up to 4 GB, with outbound streaming up to 700 Kbps.
http://silverlight.live.com

46. Expression Encoder > Silverlight Streaming

47. Silverlight 1.0 : Media Experiences
Qualità
HD DVD video quality, 720p
DVD-like interattività ed overlays
Sviluppo flessibile
Integrabile con AJAX frameworks esistenti
SMPTE-standard VC-1, WMV and MP3
Delivery
Live Streaming or On-Demand
Performance, scale e vantaggi di costo
rispetto ad altre soluzioni

48. Silverlight
Silverlight 1.0 RTW (JavaScript)
Silverlight 1.1 Alpha (.NET support)
(Silverlight 2.0 Beta)
Chess Silverlight Airlines

49. Supporto server side
Silverlight supporta qualsiasi web server
ASP.NET & Silverlight
Nuovi controlli server <asp:xaml> e <asp:media>
Web service Silverlight-friendly
IIS 7.0 & Silverlight
– Gestione e amministrazione di servizi applicativi
– Gestione centralizzata di web farm
– Windows Media Server Streaming
– Modulo Bandwidth throttling

50. Expression Experience
WPF
Windows Presentation Foundation
Grafica vettoriale Modelli ed oggetti
immagini bitmap 3D
Audio
Video

51. Expression Experience
designer developer

52. Expression Design Output
}
Export as “bitmap”.
(.png; jpeg; etc.)
Export as “canvas”.
eXstensible Application Markup Language
Export as “resource dictionary”.

53. Expression Blend Import
[Image]
Import as “canvas”. (.png, jpg, gif, tif, bmp, etc. )
} [Audio]
eXstensible Application Markup Language [Video]
Import as “resource dictionary”.

54. Desktop :: Web
designer
Windows Presentation Foundation
Smart Clients – Fully Connected to the Web
developer

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

56. Web Experience
web designer developer
} XHTML, CSS, XML, and XSLT
}

57. Expression Web
XHTML, CSS, XML, and XSLT
Collaborate with developers using Visual Studio
Standards, accessibility, cross-browser compatibility

58. Expression Design
Design UI elements for Windows applications
Powerful vector tools and non-destructive effects
XAML workflow ensures design integrity

59. Expression Blend
Design stunning Windows applications
Vector art, pixel images, high quality text, video, and real 3D content
Ultimate user experiences

60. Expression Media
Supports over 100 file formats
Version control and folder watching
Rename, convert, tag, batch process and search

61. Expression Encoder
Batch convert WMV, AVI, MPEG, QT, and more
Cross-browser, cross-platform, cross-device
Command-line encoder

62. Resouces:
www.silverlight.net
www.microsoft.com/silverlight
www.microsoft.com/expression
www.microsoft.it/expression NEW!

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

64. Resouces:
Windows Live Quick Applications
http://dev.live.com/quickapps/
Design Experience Blog:
http://blogs.msdn.com/designexperience

65. XAML Third-Party Conversion
Vector-based conversions:
Adobe Illustrator to WPF/XAML Export Plug-in
http://www.mikeswanson.com/xamlexport/
Animation conversions:
The Converted
http://www.theconverted.ca/
3D conversion:
Swift 3D application
http://www.erain.com/products/swift3d/silverlight/
Maya to XAML Exporter
http://www.highend3d.com/maya/downloads/tools/3d_converters/3782.html

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

67. o Un unico punto ti accesso per le risorse tecniche e marketing, ideato
per coinciliare i bisogni dei partner che sviluppano soluzioni basate
sulle ultime tecnologie Microsoft.
o Fornisce benefits per supportare i partner in tutte le fasi del ciclo di vita
del prodotto che stanno sviluppando (risorse tecniche, formative
e commerciali)
o All’interno una guida step-by-step per aiutarvi a certificare la vostra
soluzione come “Certified for...” e ottenere quindi il logo e tutti gli altri
benefits
o Un’opportunità per differenziare i propri prodotti/soluzioni
sul mercato
o Aiuta i partner a massimizzare le proprie potenzialità di business
promuovendo le soluzioni certificate sulle aziende clienti

68. Microsoft Action Pack Subscription (MAPS)
for Web Solution Toolkit
“Un’edizione speciale dell’abbonamento MAPS dedicato a chi
sviluppa soluzioni basate sul web.
Sostenendo un semplice assessment tra 3 a scelta, riceverai
un kit addizionale con Visual Studio 2008 Standard Edition,
Expression Studio, Windows Live™ Resource Kit,
Custom Web Development Jumpstart Kit.
REQUISITI CONTENUTI DURATA COSTO
• Sottoscrivere • 2 Toolkit • Abbonamento • 320€ +IVA
il MAPS addizionali oltre annuale
• Assessment al MAPS Kit
on-line

69. Microsoft Action Pack Subscription (MAPS)
for Web Solution Toolkit
Sottoscrivi per la prima volta un abbonamento MAPS
o Empower entro il 15 giugno 2008 e parteciperai all’estrazione
di un fantastico Microsoft High Technology Package!

70. Contacts
Grazie!
I vostri feedback sono importanti.
roberto.cavallini@microsoft.com
Le slide sono disponibili al seguente link:
http://www.slideshare.net/....