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
7. 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
11. 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
12. 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
13. 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
14. XAML
! Simple XML serialization of objects
! Markup model = object model
! Plain text, easy to read and write
! Can generate/load at runtime
16. 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)
18. 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