Design e sviluppo di applicazioni Web innovative




            Milano, 27 Febbraio 2008


            Roberto Cavallini ...
AJAX
Designer/developer Experience
    designer                                       developer


                    designers...
application logic




                    result

 presentation
designer




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




Powered by
Designer / Developer Experience
desktop                                       web



               WPF
Windows Presentation Foundation
   Smart Clients –...
What is WPF?


Part of the          Unified approach
                                        Delivers richest
Microsoft .N...
WPF Adoption
Demo Windows Presentation Foundation




 Fabrikam Demo
Enriched browser experience

SILVERLIGHT
Cross Browser

Cross Platform

Plug-In

Media Experiences
RIAs
.NET
Silverlight Plug-in Experience
Silverlight Adoption
Silverlight Adoption
Silverlight Adoption
Silverlight Adoption
Silverlight Adoption
Silverlight Adoption
Create a Mashup with Microsoft Popfly
Silverlight Showcase
Video.Show
Slide.Show
Kit 3D for Silverlight
Demo Silverlight Player
Silverlight Streaming Services
Fornisce una piattaforma gratuita e scalabile per applicazioni Silverlight
While the produc...
Expression Encoder > Silverlight Streaming
Silverlight 1.0 : Media Experiences

                     Qualità
                     HD DVD video quality, 720p
        ...
Silverlight


Silverlight 1.0 RTW (JavaScript)
Silverlight 1.1 Alpha (.NET support)

(Silverlight 2.0 Beta)




          ...
Supporto server side

Silverlight supporta qualsiasi web server

ASP.NET & Silverlight
   Nuovi controlli server <asp:xaml...
Expression Experience
                                  WPF
                           Windows Presentation Foundation

 G...
Expression Experience

designer                developer
Expression Design Output




              }
                         Export as “bitmap”.
                         (.png; ...
Expression Blend Import

                                                                                        [Image]
I...
Desktop :: Web
designer




                             Windows Presentation Foundation
                                 ...
Silverlight Media Experience




                          } } }
      video                        .wmv VC-1   Player    ...
Web Experience

web designer                               developer




         }     XHTML, CSS, XML, and XSLT
        ...
Expression Web




                  XHTML, CSS, XML, and XSLT

        Collaborate with developers using Visual Studio

 ...
Expression Design




        Design UI elements for Windows applications
       Powerful vector tools and non-destructive...
Expression Blend




                 Design stunning Windows applications

  Vector art, pixel images, high quality text,...
Expression Media




               Supports over 100 file formats
            Version control and folder watching
       ...
Expression Encoder




        Batch convert WMV, AVI, MPEG, QT, and more
         Cross-browser, cross-platform, cross-de...
Resouces:



 www.silverlight.net
 www.microsoft.com/silverlight




                                 www.microsoft.com/ex...
Resouces:


                            Nibbles Tutorials:
                            Sample and training.
              ...
Resouces:


                                         Windows Live Quick Applications
                                     ...
XAML Third-Party Conversion

Vector-based conversions:
Adobe Illustrator to WPF/XAML Export Plug-in
http://www.mikeswanson...
Microsoft DreamSpark
               Software gratuito per gli studenti universitari.
               Il nuovo servizio, Dre...
o Un unico punto ti accesso per le risorse tecniche e marketing, ideato
  per coinciliare i bisogni dei partner che svilup...
Microsoft Action Pack Subscription (MAPS)
for Web Solution Toolkit


  “Un’edizione speciale dell’abbonamento MAPS dedicat...
Microsoft Action Pack Subscription (MAPS)
for Web Solution Toolkit




  Sottoscrivi per la prima volta un abbonamento MAP...
Contacts



                            Grazie!

              I vostri feedback sono importanti.

             roberto.ca...
Creativity Day Milano 27 Febbraio Milano
Creativity Day Milano 27 Febbraio Milano
Creativity Day Milano 27 Febbraio Milano
Creativity Day Milano 27 Febbraio Milano
Creativity Day Milano 27 Febbraio Milano
Creativity Day Milano 27 Febbraio Milano
Creativity Day Milano 27 Febbraio Milano
Creativity Day Milano 27 Febbraio Milano
Creativity Day Milano 27 Febbraio Milano
Creativity Day Milano 27 Febbraio Milano
Creativity Day Milano 27 Febbraio Milano
Creativity Day Milano 27 Febbraio Milano
Creativity Day Milano 27 Febbraio Milano
Creativity Day Milano 27 Febbraio Milano
Creativity Day Milano 27 Febbraio Milano
Creativity Day Milano 27 Febbraio Milano
Creativity Day Milano 27 Febbraio Milano
Creativity Day Milano 27 Febbraio Milano
Creativity Day Milano 27 Febbraio Milano
Upcoming SlideShare
Loading in …5
×

Creativity Day Milano 27 Febbraio Milano

1,929 views

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,929
On SlideShare
0
From Embeds
0
Number of Embeds
22
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Creativity Day Milano 27 Febbraio Milano

  1. 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
  2. 2. AJAX
  3. 3. Designer/developer Experience designer developer designers & developers: speak different languages speak the same language designers design developers add business logic
  4. 4. application logic result presentation
  5. 5. designer developer
  6. 6. http://silverlight.net/samples/1.0/Silverlight-Pad/default.html Powered by
  7. 7. Designer / Developer Experience
  8. 8. desktop web WPF Windows Presentation Foundation Smart Clients – Fully Connected to the Web .net Microsoft 3.0
  9. 9. What is WPF? Part of the Unified approach Delivers richest Microsoft .NET 3.0 to UI, Media and possible Framework Documents experiences
  10. 10. WPF Adoption
  11. 11. Demo Windows Presentation Foundation Fabrikam Demo
  12. 12. Enriched browser experience SILVERLIGHT
  13. 13. Cross Browser Cross Platform Plug-In Media Experiences RIAs .NET
  14. 14. Silverlight Plug-in Experience
  15. 15. Silverlight Adoption
  16. 16. Silverlight Adoption
  17. 17. Silverlight Adoption
  18. 18. Silverlight Adoption
  19. 19. Silverlight Adoption
  20. 20. Silverlight Adoption
  21. 21. Create a Mashup with Microsoft Popfly
  22. 22. Silverlight Showcase
  23. 23. Video.Show
  24. 24. Slide.Show
  25. 25. Kit 3D for Silverlight
  26. 26. Demo Silverlight Player
  27. 27. 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
  28. 28. Expression Encoder > Silverlight Streaming
  29. 29. 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
  30. 30. Silverlight Silverlight 1.0 RTW (JavaScript) Silverlight 1.1 Alpha (.NET support) (Silverlight 2.0 Beta) Chess Silverlight Airlines
  31. 31. 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
  32. 32. Expression Experience WPF Windows Presentation Foundation Grafica vettoriale Modelli ed oggetti immagini bitmap 3D Audio Video
  33. 33. Expression Experience designer developer
  34. 34. Expression Design Output } Export as “bitmap”. (.png; jpeg; etc.) Export as “canvas”. eXstensible Application Markup Language Export as “resource dictionary”.
  35. 35. Expression Blend Import [Image] Import as “canvas”. (.png, jpg, gif, tif, bmp, etc. ) } [Audio] eXstensible Application Markup Language [Video] Import as “resource dictionary”.
  36. 36. Desktop :: Web designer Windows Presentation Foundation Smart Clients – Fully Connected to the Web developer
  37. 37. Silverlight Media Experience } } } video .wmv VC-1 Player Player (.avi, .mpeg, .mov, wmv, mp3, …) (Silverlight Player) custom
  38. 38. Web Experience web designer developer } XHTML, CSS, XML, and XSLT }
  39. 39. Expression Web XHTML, CSS, XML, and XSLT Collaborate with developers using Visual Studio Standards, accessibility, cross-browser compatibility
  40. 40. Expression Design Design UI elements for Windows applications Powerful vector tools and non-destructive effects XAML workflow ensures design integrity
  41. 41. Expression Blend Design stunning Windows applications Vector art, pixel images, high quality text, video, and real 3D content Ultimate user experiences
  42. 42. Expression Media Supports over 100 file formats Version control and folder watching Rename, convert, tag, batch process and search
  43. 43. Expression Encoder Batch convert WMV, AVI, MPEG, QT, and more Cross-browser, cross-platform, cross-device Command-line encoder
  44. 44. Resouces: www.silverlight.net www.microsoft.com/silverlight www.microsoft.com/expression www.microsoft.it/expression NEW!
  45. 45. Resouces: Nibbles Tutorials: Sample and training. http://www.nibblestutorials.net Lynda.com: Video training on technologies and tool. http://www.lynda.com
  46. 46. Resouces: Windows Live Quick Applications http://dev.live.com/quickapps/ Design Experience Blog: http://blogs.msdn.com/designexperience
  47. 47. 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
  48. 48. 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
  49. 49. 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
  50. 50. 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
  51. 51. 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!
  52. 52. Contacts Grazie! I vostri feedback sono importanti. roberto.cavallini@microsoft.com Le slide sono disponibili al seguente link: http://www.slideshare.net/....

×