Your SlideShare is downloading. ×
0
A real-world overview
               of Silverlight
                              Walter Smith
                           ...
What to expect
!   Who is this guy?
!   Silverlight: What, Why, How, and When
!   Demos
!   Pros, Cons, and Advice


    ....
About the author
We make beautiful software for the web
    and o er exclusive sponsorships to brand
    advertisers.

!   Aesthetics are p...
Ta ti

!   Commissioned by Microsoft
!   Exploration of di erent client UI concepts
    for Live Search
!   Built in Silve...
Context:
Silverlight & WPF
WPF
(Windows Presentation Foundation)


!   New framework for building UI of
    Windows applications
!   Delivered with ....
WPF is cool—but not              Silverlight = stream-
    for this audience!               lined WPF for the web

!   Win...
Essence of WPF/Silverlight
Object model       Markup (XAML)       Runtime

Canvas                              !Rendering
...
XAML
!   Simple XML serialization of objects
!   Markup model = object model
!   Plain text, easy to read and write
!   Ca...
Roadmap
Silverlight 1.0 (now)     Silverlight 2.0 (quot; now, # soon)
 !   Visual hierarchy      !   Controls
 !   Input e...
Media support
!   Codecs built-in—not dependent on WMP
!   WMV, VC-1, WMA, MP3, streaming support
    (w/Windows Server)
!...
Tools
Designer + Developer = UI
!   Separation of visuals from behavior
!   In HTML world:
    Structural markup + CSS + <script...
Programming
Graphic Design
Interaction Design
Expression           Expression
            Design               Blend




                                (names)

PNG   ...
Code $ Names % XAML
Demos
For more info


silverlight.net
Thank you
WDN08 Silverlight
WDN08 Silverlight
WDN08 Silverlight
WDN08 Silverlight
Upcoming SlideShare
Loading in...5
×

WDN08 Silverlight

1,381

Published on

Presented at Web Developers North 2008, Vancouver BC. Audio eventually at http://north08.webdirections.org/.

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

No Downloads
Views
Total Views
1,381
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
42
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "WDN08 Silverlight"

  1. 1. A real-world overview of Silverlight Walter Smith Jackson Fish Market 30 Jan 2008 Web Directions North ’08
  2. 2. What to expect ! Who is this guy? ! Silverlight: What, Why, How, and When ! Demos ! Pros, Cons, and Advice ...not a Silverlight tutorial
  3. 3. About the author
  4. 4. We make beautiful software for the web and o er exclusive sponsorships to brand advertisers. ! Aesthetics are part of functionality ! Designers and developers work very closely ! We are technology-agnostic
  5. 5. Ta ti ! Commissioned by Microsoft ! Exploration of di erent client UI concepts for Live Search ! Built in Silverlight 1.0 (pre-release!) so we did not have the tools available now
  6. 6. Context: Silverlight & WPF
  7. 7. WPF (Windows Presentation Foundation) ! New framework for building UI of Windows applications ! Delivered with .NET Framework 3.0 ! Part of a huge wave of new tools and technologies from Microsoft
  8. 8. WPF is cool—but not Silverlight = stream- for this audience! lined WPF for the web ! Windows only ! Windows, Mac, Linux ! Part of .NET 3.0 Framework ! Standalone, ~4MB, one-click — up to 50MB download, installer full installer wizard ! Not well-integrated with ! Browser plugin (IE, FF, web technologies Safari), two-way integration with HTML/JS ! Still has plenty of WPF and .NET goodness
  9. 9. Essence of WPF/Silverlight Object model Markup (XAML) Runtime Canvas !Rendering Brush !Event handling Line Transform !Animation Path !A/V media Animation !Networking Storyboard !CLR/.NetFx Image Control Media subset in SL new for SL
  10. 10. XAML ! Simple XML serialization of objects ! Markup model = object model ! Plain text, easy to read and write ! Can generate/load at runtime
  11. 11. Roadmap Silverlight 1.0 (now) Silverlight 2.0 (quot; now, # soon) ! Visual hierarchy ! Controls ! Input events ! Layout managers ! Animation ! Data binding ! Image & A/V codecs ! CLR (.NET runtime) ! Downloader ! .NET Framework subset ! Code in browser’s ! DLR (dynamic languages) JavaScript engine ! Code in C#, Ruby, Python
  12. 12. Media support ! Codecs built-in—not dependent on WMP ! WMV, VC-1, WMA, MP3, streaming support (w/Windows Server) ! Expression Media Encoder: encodes, annotates, wraps in skinnable player ! Silverlight Streaming service: free CDN for Silverlight content (Caveat: we have not used any of this yet)
  13. 13. Tools
  14. 14. Designer + Developer = UI ! Separation of visuals from behavior ! In HTML world: Structural markup + CSS + <script src=> ! In Silverlight world: XAML (w/Resources) + code-behind ! Designers and developers can work independently, together
  15. 15. Programming
  16. 16. Graphic Design
  17. 17. Interaction Design
  18. 18. Expression Expression Design Blend (names) PNG XAML .js MP3 .cs VC1 .rb Visual Text Studio Editor ZIP DLL
  19. 19. Code $ Names % XAML
  20. 20. Demos
  21. 21. For more info silverlight.net
  22. 22. Thank you
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×