• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Silverlight in Internet Scenarios
 

Silverlight in Internet Scenarios

on

  • 1,611 views

Silverlight in Internet Scenarios session for Microsoft WebDay 2010 in Oporto....

Silverlight in Internet Scenarios session for Microsoft WebDay 2010 in Oporto.
http://www.mswebday.com/

Covers topics like DeepZoom, Video, MultiTouch, Behaviors, Pixel Shaders, SEO and more.

Statistics

Views

Total Views
1,611
Views on SlideShare
1,611
Embed Views
0

Actions

Likes
0
Downloads
13
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Silverlight in Internet Scenarios Silverlight in Internet Scenarios Presentation Transcript

    • Silverlight in Internet Scenarios
      Ricardo Fiel
    • Who’s that guy?
      xamlpt.com/blogs/rfiel/
      pontonetpt.com/blogs/rfiel/
      blogs.fullsix.pt
      labs.fullsix.pt
      Ricardo Fiel
      Senior Engineer
      Fullsix Portugal
      ricardo.fiel@fullsix.com
      @theplastictoy
    • demo
      A look at some of our websites
    • Agenda
      Media Experiences
      SEO is Mandatory
      Multi-touch is the way to go!
      Let’s go crazy with Effects
      The New Stuff
      Q&A
    • Media Experiences
    • Video
      Full HD (1080p)
      Smooth Streaming
      Adapts to user network and CPU conditions
      iPhone support (coming soon)
      Live Smooth Streaming
      DRM (in and out of browser)
      HTTP
      • VC1 and H.264 native support
      • RAW A/V Pipeline
      • Extensibility allows for ANY codec
    • demo
      Smooth Streaming
    • A quick look
    • Silverlight Media Framework
      smf.codeplex.com
    • Deep Zoom
      High Resolution Images
      On any screen, any resolution
      Huge wall screens, computers, phones
      Silverlight, Ajax and mobile (iPhone)
      Fallback to Ajax if no silverlight plugin
      Generation can be automated through API
      Photosynth, Bing Maps, Renault, HardRock and a lot more use this to deliver a great UX!
    • demo
      High resolution babes! 
    • It’s so easy!
      Deep Zoom Composer
    • Group photo?
      Say cheeeeeeeeeeeeese!
    • Zero Code So Far
      This means higher productivity!
    • Seo is mandatory
    • Navigation Framework and SEO
      Static and Dynamic URI mapping (routes)
      More than one navigation area possible
      Each area is a Frame control
      Rich API:
      Navigation Interception
      Error handling
      Dynamic generation of routes
      RIA Services can easily provide navigateable content when Silverlight not present
    • demo
      An e-commerce web site
    • Multi-touch is the way to go!
    • Touch API
      Touch class
      Processes multi-touch input from OS and raises Silverlight-specific FrameReported event
      TouchPoint class
      Represents a single touch point from a multi-touch message source
      TouchFrameEventArgs
      GetPrimaryTouchPoint and GetTouchPoint methods
    • demo
      Touch points – quick look at the API
    • Gestures for free!
      Most of the time, we won’t have to deal with the API
      Manipulation and Inertia Behavior 
      http://gallery.expression.microsoft.com/en-us/MultiTouch
      MIRIA SDK (miria.codeplex.com)
      Multi-touch input gateway and gestures
      Eg: Wii Remote, iPhone, ...
    • demo
      Gestures and Inertia behavior
    • demo
      Farseer Physics Helper
      www.codeplex.com/FarseerPhysics
    • Let’s go crazy with effects!
    • demo
      Messing around with the Plural website
    • Effects aka Pixel Shaders
      Effects can be applied to ANY control
      Can be controlled with storyboards/behaviors/code
      Written in HLSL (High Level Shader Language)
      Tip: use Walt Ritscher’sShazzam Tool
      Lots of effects available open source
    • WriteableBitmap
      Any control can be rendered to a WriteableBitmap
      This includes control trees
      WriteableBitmap is a control: you can apply effects to it
      Image encoders available on the web (PNG, …)
      Check Rick Barraza’s blog (Cynergy):
      Fluid Dynamics in Silverlight
      Advanced Render Techniques with WriteableBitmaps
    • The new stuff!
      Some of Silverlight 4 new features
    • Full HTML Support
      WebBrowser control
      Source property
      Sets HTML content
      Navigate(uri) method
      Navigates to the specified URI
      Yes, it’s as simple as that! 
    • WebCam and Mic Access
      private void btnStartCapture_Click(object sender, RoutedEventArgs e)
      {
      if (_captureSource != null)
      {
      // stop whatever device may be capturing
      _captureSource.Stop();
       
      _captureSource.VideoCaptureDevice = (VideoCaptureDevice) WebCamList.SelectedItem;
      _captureSource.AudioCaptureDevice = (AudioCaptureDevice) MicrophoneList.SelectedItem;
       
      VideoBrush vidBrush = new VideoBrush();
      vidBrush.SetSource(_captureSource);
      ViewBox.Fill = vidBrush;
       
      // request access to webcam and audio devices
      if (CaptureDeviceConfiguration.AllowedDeviceAccess || CaptureDeviceConfiguration.RequestDeviceAccess())
      {
      _captureSource.Start();
      }
      }
      }
       
    • There’s a lot more out there...
    • Other features
      • “Sample Data” support
      • Custom Networking Stack (full REST support)
      • Custom Right Click handling
      • BiDi and complex text
      • Text trimming
      • Peripheral Device Access
      • Clipboard API
      • Mouse Wheel support in all controls
      • “Printable” websites
      Drop Targets
      “Based On” styles
      Implicit Styles
      GPU acceleration
      Data Binding
      Accessibility
      Binary serialization
      Local Connections
      Javascript Integration
    • Tools
      Microsoft Expression Studio (Blend, Encoder, …)
      http://www.microsoft.com/expression/
      Microsoft Visual Studio
      http://www.microsoft.com/visualstudio/
      Microsoft Deep Zoom Composer
      http://www.microsoft.com/downloads/details.aspx?FamilyID=457b17b7-52bf-4bda-87a3-fa8a4673f8bf
      Microsoft Image Composition Editor
      http://research.microsoft.com/en-us/um/redmond/groups/ivm/ICE/
      www.codeplex.com
      Lots of open-source stuff
    • More info
      XAMLPT
      http://www.xamlpt.com
      Microsoft Silverlight Forums
      http://silverlight.net/forums/
      Microsoft Expression Forums
      http://social.expression.microsoft.com/Forums/
    • Thanks!
      xamlpt.com/blogs/rfiel/
      pontonetpt.com/blogs/rfiel/
      blogs.fullsix.pt
      labs.fullsix.pt
      Ricardo Fiel
      Senior Engineer
      Fullsix Portugal
      ricardo.fiel@fullsix.com
      @theplastictoy
      Please keep in touch!