38
Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg www.msdn.be

Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

Embed Size (px)

Citation preview

Page 1: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

Introducing Microsoft Rich Internet Applications

Technologies

Microsoft Belgium and Luxembourg

www.msdn.be

Page 2: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

Agenda

• What are RIAs?• ASP.NET 3.5 SP1 Enhancements• Windows Live Tools• Silverlight 2

• Prerequisites• Tools and Roadmap• Creating my first Silverlight project

• Demo extravaganza

Page 3: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

Microsoft Confidential

What are RIAs?

Page 4: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

RIA = NO PAGE REFRESHWhat are R.I.A.s?

Page 5: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

IS THAT HOW YOU SEE IT?Give me feedback

Page 6: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

RIA = ONE OF THE TOP 10 TRENDS IN IT

Page 7: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

ASP.NET 3.5 SP1 ENHANCEMENTS

Page 8: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

.NET Framework and Futures

.NET Framework Futures CTP

.NET Framework 3.5 SP1

.NET Framework 3.5

.NET Framework 3.0 SP1

Page 9: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

.NET Framework SP1 features and beyond

AJAX Enhancements

Dynamic Data Framework

Model View Controller (MVC)

Silverlight application integration

Page 10: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

History

History Point #1 History Point #2

Back Button

Page 11: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

AJAX History

• Take advantage of browser…– Back/Forward Buttons– Bookmarks

• Server-Side– UpdatePanel– ScriptManager

• Client-Side– Sys.Application– ScriptManager

Page 12: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

Script Combining

Combined Batch.js

*.js

Myscript.js

Control.js

Page 13: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

DEMOHistory - Script Combining

Page 14: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

Other enhancements with SP1

• ASP.NET Routing• ASP.NET Dynamic Data Framework• ASP.NET MVC• ASP.NET Silverlight controls

• ASP.NET “Futures”– jQuery support in Visual Studio– Improvements like Client side templating engine, client-side data

sources and binding, animation, and more: http://www.codeplex.com/aspnet/

Page 15: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

Microsoft Confidential

Windows Live

Page 16: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

The Windows Live Platform

17

Silverlight Streaming

Spaces Live Searc

h

Virtual Earth

Live Contacts Live ID

Additional SDKs &

APIs

Silverlight

Agents SDK

Alerts SDK

Client-side SDKs

& APIs

IM Activity SDK

IM Add-In SDK

Writer Add-In SDK

Live ID Client SDK

Web Controls for Mashups

Service APIsXML-RPC SOAPSOAPREST HTTP/SOAPREST

Development Tools

Visual StudioExpression StudioPopflySharePoint Designer

Page 17: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

Windows Live Messenger ServiceAt-a-glance

Windows Live Presence API (REST/JSON API)

Windows Live Messenger IM control(HTML copy/paste solution)

Messenger Web Settings page http://settings.messenger.live.com/applications/WebSettings.aspx?wa=wsignin1.0

User Opt-In

Windows Live Messenger Library(Javascript API)

Page 18: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

Windows Live platform offerings

Windows Live IDAt-a-glance

19

Identity and authentication for Windows Live services; used across other Microsoft online services

Windows Live ID Client SDK(.NET 2.0 class library)

Windows Live ID Web Authentication (iframe control)

Terms of use

No user limits or fees

http://dev.live.com/livesearch

Page 19: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

Windows Live platform offerings

Windows Live ContactsAt-a-glance

20

Single shared internet-scale address book; used across Microsoft online services

Contacts REST API (Web server-to-service)

Windows Live Contacts control (Javascript control)

http://dev.live.com/contacts

Page 20: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

Windows Live platform offerings

Virtual EarthAt-a-glance

21

Mapping, location and search combined with rich bird’s eye, aerial, and 3-D imagery

Virtual Earth Map control (Javascript control)

MapPoint Web Service(SOAP API)

http://maps.live.com http://dev.live.com/virtualearth

Page 21: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

QuickApps

22

At-a-glance

Terms of use

Microsoft Public License (Ms-PL)

http://www.codeplex.com/WLQuickApps/license

customizable out-of-the box solutions for specific Web scenarios

http://www.codeplex.com/WLQuickApps

Page 22: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

Windows Live Tools for Microsoft Visual Studio (CTP)• Toolbox extensions for

Visual Studio Family

• Provides simple integrationwith ASP.NET

• CTP Scenarios:• Silverlight Streaming• Live ID • Messenger• Contact Control• Virtual Earth Map Control

Page 23: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

Development Environments

• Supported– Visual Studio 2008 (all editions)– Visual Web Developer 2008 Express Edition

• Not Supported– Visual Studio 2005

Page 24: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

DEMOWindows Live Tools for Visual Studio

Page 25: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

SILVERLIGHT 2

Page 26: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

Silverlight

• Microsoft's platform for rich, highly interactive Web experiences and RIAs– Cross-platform (browsers and OSes)

• Windows, Mac OS, Linux ("Moonlight")• Internet Explorer, Firefox, Safari, and more

– XAML-based rendering (subset of WPF XAML)• Implemented as browser plug-in

– Quick, easy install experience

Page 27: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

Creating a HelloWorld app in Silverlight

• Prerequisites• Using Visual Studio 2008• Opening project in Expression Blend• XAP Application and project structure

Page 28: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

Prerequisites

• Visual Studio 2008 – with Silverlight Tools• Expression Blend 2 SP1• Silverlight Chainer (tools, SDK & plugin)

• Optional– Expression Encoder 2 (also Express available)– Silverlight Streaming plugin for Encoder 2– Expression Design 2– Deep Zoom Composer

Page 29: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

Desktop

Media& RIA

Server, Services

Tooling

DesignerLook, behavior, brand,and emotional connection

DeveloperFunction, deployment, data,

security, operational integrity

Server Vista

XAML

Page 30: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

DEMOCreating a Silverlight application

Page 31: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

Silverlight 2 Roadmap

Silverlight 2 Beta 1RC0 – Sept08

Silverlight 2 RTM

March 2008Non commercial go-live license

on request

Before end 2008

6/6/2008Go-live license TBD

Page 32: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

Demo Time!

• Windows Live Mashups– Quickapps

• Silverlight:– Patient demonstrator– Hard Rock Cafe– Fluxify– ImageSnipper

• Popfly: mashups and games

Page 33: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

Microsoft Confidential

Summary and resources

Page 34: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

Summary - What have we seen?

• What are RIAs?• ASP.NET 3.5 SP1 Enhancements• Windows Live• Silverlight 2

• Prerequisites• Tools and Roadmap• Creating my first Silverlight project

• Demo extravaganza

Page 35: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

Silverlight Resources

• Community Site: http://silverlight.net• Main Product Site: http://www.microsoft.com/silverlight• MSDN Center: http://msdn.microsoft.com/silverlight• Online Forums: http://silverlight.net/forums• Online SDK: http://msdn2.microsoft.com/bb188266.aspx• Silverlight Streaming: http://silverlight.net/

• Top Silverlight and WPFBlogs– Tim Sneath: http://blogs.msdn.com/tims – Mike Harsh: http://blogs.msdn.com/mharsh – Joe Stegman: http://blogs.msdn.com/jstegman – Laurence Moroney: http://blogs.msdn.com/webnext – Ernie Booth: http://blogs.msdn.com/ebooth

Page 36: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

Resources

• ASP.NET – http://www.asp.net/• ASP.NET on CodePlex:

http://www.codeplex.com/aspnet/• Ajax Control Toolkit:

http://www.codeplex.com/AjaxControlToolkit

Page 37: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

Resources

• Windows Live– http://dev.live.com/– http://dev.live.com/quickapps/– http://dev.live.com/tools

• Windows Live SDK Doc: http://msdn.microsoft.com/en-us/library/bb264574.aspx

• Mashups gallery: http://dev.live.com/mashups/

Page 38: Introducing Microsoft Rich Internet Applications Technologies Microsoft Belgium and Luxembourg

© 2008 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.

The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after

the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.