Embed Size (px)
DESCRIPTION
Citation preview
Developing Internet Solutions with Microsoft Silverlight
Ricardo FielSenior Engineer
Ricardo CastelhanoClient Side Coordinator
Developing Internet Solutions with Microsoft SilverlightRIAPT
Building Websites at
Fullsix Portugal
Developing Internet Solutions with Microsoft SilverlightRIAPT
demoA look at some of Fullsix websites in Silverlight
Developing Internet Solutions with Microsoft SilverlightRIAPT
Sketching & BlendingMedia ExperiencesSEO is MandatoryLet’s go crazy with EffectsThe New StuffQ&A
Agenda
Developing Internet Solutions with Microsoft SilverlightRIAPT
Sketching & Blending
Developing Internet Solutions with Microsoft SilverlightRIAPT
SketchFlow
SketchFlow MapSketch Style ControlsGathering Effective Client Feedback “on the run”Sample DataExport Documentation
Sketching & Blending
Developing Internet Solutions with Microsoft SilverlightRIAPT
demo
SketchFlow
Developing Internet Solutions with Microsoft SilverlightRIAPT
Blend
XAML EditorInteractivity Without Writing Code (Behaviors)Design Time Data (Sample Data)Time-based AnimationsVisual State Manager
Sketching & Blending
Developing Internet Solutions with Microsoft SilverlightRIAPT
demo
Expression Blend
Developing Internet Solutions with Microsoft SilverlightRIAPT
Media Experiences
Developing Internet Solutions with Microsoft SilverlightRIAPT
Full HD (1080p)Smooth Streaming
Adapts to user network and CPU conditionsiPhone support
Live Smooth StreamingDRM (in and out of browser)
Video
HTTPVC1 and H.264 native supportRAW A/V Pipeline
Extensibility allows for ANY codec
Developing Internet Solutions with Microsoft SilverlightRIAPT
demoSmooth Streaming
Developing Internet Solutions with Microsoft SilverlightRIAPT
A Quick LookMicrosoft Expression Encoder
Developing Internet Solutions with Microsoft SilverlightRIAPT
High Resolution ImagesOn 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!
Deep Zoom
Developing Internet Solutions with Microsoft SilverlightRIAPT
demoHigh resolution babes!
Developing Internet Solutions with Microsoft SilverlightRIAPT
It’s so easy!Deep Zoom Composer
Developing Internet Solutions with Microsoft SilverlightRIAPT
IT’S A BIRTHDAY PARTY!LET’S HAVE FUN!
A Group Photo? Say cheeeeeeeeeese!
Developing Internet Solutions with Microsoft SilverlightRIAPT
Zero Code so far…
Higher Productivity
Developing Internet Solutions with Microsoft SilverlightRIAPT
SEO is Mandatory!
Developing Internet Solutions with Microsoft SilverlightRIAPT
Static and Dynamic URI mapping (routes)
More than one navigation area possibleEach area is a Frame control
Rich API: Navigation Interception Error handling Dynamic generation of routes
RIA Services can automatically render navigateable content when Silverlight not present
Navigation Framework and SEO
Developing Internet Solutions with Microsoft SilverlightRIAPT
demoAn e-commerce website
Developing Internet Solutions with Microsoft SilverlightRIAPT
Let’s go crazy with Effects
Developing Internet Solutions with Microsoft SilverlightRIAPT
demoMessing around with the Plural website
Developing Internet Solutions with Microsoft SilverlightRIAPT
Effects can be applied to ANY controlCan be controlled with storyboards/behaviors/code
Written in HLSL (High Level Shader Language)Tip: use Walt Ritscher’s Shazzam Tool
Lots of effects available open source
Effects aka Pixel Shaders
Developing Internet Solutions with Microsoft SilverlightRIAPT
Any control can be rendered to a WriteableBitmapThis 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 SilverlightAdvanced Render Techniques with WriteableBitmaps
WriteableBitmap
Developing Internet Solutions with Microsoft SilverlightRIAPT
The New Stuff
Silverlight 4 features
Developing Internet Solutions with Microsoft SilverlightRIAPT
demoSome Silverlight 4 new features
Developing Internet Solutions with Microsoft SilverlightRIAPT
There’s a whole world out there
So much more to talk about…
Developing Internet Solutions with Microsoft SilverlightRIAPT
Drop Targets
“Based On” styles
Implicit Styles
GPU acceleration
Data Binding
Accessibility
Binary serialization
Local Connections
Javascript Integration
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
Developing Internet Solutions with Microsoft SilverlightRIAPT
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
Tools
Developing Internet Solutions with Microsoft SilverlightRIAPT
XAMLPT http://www.xamlpt.com
Microsoft Silverlight Forums http://silverlight.net/forums/
Microsoft Expression Forums http://social.expression.microsoft.com/Forums/
More Info
Developing Internet Solutions with Microsoft SilverlightRIAPT
Foundation Expression Blend 3 with SilverlightVictor Gaudioso
Essential Silverlight 3Ashraf Michail
Foundation Silverlight 3 animationJeff Paries
Sketching User ExperiencesBill Buxton
Reccommended Reading
Obrigado!Ricardo Fiel
blogs.fullsix.pt
http://xamlpt.com/blogs/rfiel
Twitter: @theplastictoy
Ricardo [email protected]
blogs.fullsix.pt
http://xamlpt.com/blogs/ricardocastelhano
Twitter: @riccastelhano
labs.fullsix.pt
