SlideShare ist ein Scribd-Unternehmen logo
1 von 46
Rajesh Lal (  [email_address]  )  Microsoft Silverlight An Introduction
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],What is Silverlight?
Silverlight is a cross-browser, cross-platform plug-in for delivering the next generation of  media  experiences   and  rich interactive applications(RIA)  for the  Web  Definition
Silverlight is a cross-browser, cross-platform plug-in* * An auxiliary program that works with a software package to enhance its capability. For example, plug-ins used in Photoshop to add a filter for some special effect. Other examples of Plug-ins are Macromedia Flash, Digital Video Express(Divx) Player plug-in, Windows Media Player etc.
Why it’s time for Silverlight ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Silverlight is the cross platform version of the Windows Presentation Foundation (WPF) used in Vista and was formerly code named "WPF/Everywhere" (WPF/E).  SilverLight background
SilverLight background  Silverlight, is a subset of Windows Presentation Foundation(WPF) which is a part of .NET 3.0 in Windows Vista Windows Presentation Foundation is the user interface subsystem in Windows Vista code name ‘Avalon’. It’s a part of the  .NET Framework 3.0  programming interface (API). Windows Presentation Foundation (WPF) takes advantage of advanced 3D graphics (not in Silverlight) capabilities in modern machines. The "Aero" interface provides transparent, glass-like window borders.
Rich versus Reach
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],SilverLight 1.0, 1.1 & road ahead Silverlight 1.1 is the REAL DEAL
Technology Overview ,[object Object],[object Object],[object Object],[object Object]
Technology Cloud
Programming Language XAML- core of Silverlight for Rich User interface  All other  - for programming logic
XAML? XAML- e X tensible  A pplication  M arkup  L anguage An XML-based set of tags used to describe objects and events when programming applications <Canvas xmlns=&quot;http://schemas.microsoft.com/winfx/2006/xaml/presentation&quot; Width=&quot;640&quot; Height=&quot;480“ Background=“Aliceblue“ > <TextBlock Text=&quot;Hello World&quot;/> </Canvas>  Hello World XAML !
Load, Parse, Display XAML / C #/ JavaScript  Compile and Run Button b1 = new Button(); b1.Content = &quot;OK&quot;; b1.Background = new SolidColorBrush(Colors.LightBlue); b1.Width = 100; <Button Width=&quot;100&quot;> OK <Button.Background> LightBlue </Button.Background> </Button>
Tools of Development  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],XAMLPad XAML editor/Viewer Part of Windows SDK
Tools for Developer and Designer Designer Developer XAML JavaScript .NET
Visual Studio 2008
Microsoft Expression Blend
[object Object],[object Object],[object Object],[object Object],[object Object],XAML Tools
Architecture Silverlight & Flash  ,[object Object],[object Object],[object Object],[object Object]
 
Comparison with Flash
.NET 2.0 or 3.0 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
.NET Framework Windows Vista 、  Windows XP 、  Windows Server 2003 Common Language Runtime (CLR) ADO.NET  ASP.NET Windows Forms Windows Presentation Foundation (WPF) Windows Communication Foundation (WCF) Windows Workflow Foundation (WF) Windows CardSpace (WCS) CLS / CTS VB C# J# ・・・ 2.0 3.0 .NET Framework 2.0 .NET  Framework  3.0
 
SilverLight 1.0 &1.1
Silverlight Business Model
Silverlight Media ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Silverlight Media ,[object Object],[object Object],[object Object]
Opportunities with Video on the web Compelling Web  User Experience Delivering media  without going broke Monetization  with Ads User generated content
Silverlight Business Model  Compelling Web  User Experience Vector Graphics Animation ASP.AJAX
Silverlight Business Model  Delivering media  without going broke Video delivery trend
Silverlight Business Model  ,[object Object],[object Object],[object Object],[object Object],[object Object],Windows Media Services
Silverlight Business Model  Silverlight Support  - Rich media based server application - Save status of media playback  - Searchable - text based (XAML) User generated content Monetization  with Ads
Silverlight Business Model  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Low Cost, High Quality Output ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Creating a Silverlight application
Silverlight 1.0 – XAML + JavaScript  Silverlight 1.1 – XAML + C# Creating a Silverlight application
Silverlight 1.0 – XAML + JavaScript COMPLETE DOM LEVEL 1 integration Creating a Silverlight application
Index.htm <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd&quot;> <html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;> <head> <title>Hello World</title> <script type=&quot;text/javascript&quot; src=&quot;Silverlight.js&quot;></script> <script type=&quot;text/javascript&quot; src=&quot;CreateSilverlight.js&quot;></script> <script type=&quot;text/javascript&quot; src=&quot;code.js&quot;></script> <style type=&quot;text/css&quot;> . silverlightHost  { height: 480px; width: 640px; } </style> </head> <body> <div id=&quot;SilverlightControlHost&quot; class=&quot; silverlightHost &quot;> <script type=&quot;text/javascript&quot;> createSilverlight (); </script> </div> </body> </html> Silverlight 1.0 – XAML + JavaScript
function createSilverlight() { Silverlight.createObjectEx({ source: &quot; HelloWorld.xaml &quot;, parentElement: document.getElementById (&quot;SilverlightControlHost&quot;) , id: &quot;SilverlightControl&quot;, properties: { width: &quot;100%&quot;, height: &quot;100%&quot;, version: &quot;1.0“ }, events: { onLoad: handleLoad } }); } CreateSilverlight.js CreateSilverlight– Script file with logic to instantiate Silverlight control
var SilverlightControl;  var theTextBlock;  function handleLoad(control, userContext, rootElement)  {  SilverlightControl = control;  theTextBlock = SilverlightControl.content.findName(&quot;txt&quot;);  theTextBlock.addEventListener(&quot;MouseLeftButtonDown&quot;, &quot;txtLClicked&quot;);  }  function txtLClicked(sender, args)  {  theTextBlock.Text = &quot; Silverlight Rocks !&quot;;  } Code.js Code.js – Script file containing program logic
<Canvas xmlns=&quot;http://schemas.microsoft.com/client/2007&quot; xmlns:x=&quot;http://schemas.microsoft.com/winfx/2006/xaml&quot; Width=&quot;640&quot; Height=&quot;480&quot; Background=&quot;White&quot; x:Name=&quot;Page&quot; > <TextBlock Width=&quot;195&quot; Height=&quot;42&quot; Canvas.Left=&quot;28&quot; Canvas.Top=&quot;35&quot; Text=&quot; Hello World !&quot; TextWrapping=&quot;Wrap&quot; x:Name=&quot;txt&quot;/> </Canvas> HelloWorld.XAML XAML File –Canvas for Control
Start Building ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 

Weitere ähnliche Inhalte

Was ist angesagt?

1-01: Introduction To Web Development
1-01: Introduction To  Web  Development1-01: Introduction To  Web  Development
1-01: Introduction To Web Development
apnwebdev
 
Virtual desktop infrastructure
Virtual desktop infrastructureVirtual desktop infrastructure
Virtual desktop infrastructure
Gokulan Subramani
 

Was ist angesagt? (20)

Hello Flutter
Hello FlutterHello Flutter
Hello Flutter
 
Flutter
FlutterFlutter
Flutter
 
Android Internship report presentation
Android Internship report presentationAndroid Internship report presentation
Android Internship report presentation
 
Flutter
FlutterFlutter
Flutter
 
Top frontend web development tools
Top frontend web development toolsTop frontend web development tools
Top frontend web development tools
 
Front end development session1
Front end development session1Front end development session1
Front end development session1
 
VMware vSphere vsan EN.pptx
VMware vSphere vsan EN.pptxVMware vSphere vsan EN.pptx
VMware vSphere vsan EN.pptx
 
1-01: Introduction To Web Development
1-01: Introduction To  Web  Development1-01: Introduction To  Web  Development
1-01: Introduction To Web Development
 
Virtual desktop infrastructure
Virtual desktop infrastructureVirtual desktop infrastructure
Virtual desktop infrastructure
 
FRONT-END WEB DEVELOPMENT-Intro.pptx
FRONT-END WEB DEVELOPMENT-Intro.pptxFRONT-END WEB DEVELOPMENT-Intro.pptx
FRONT-END WEB DEVELOPMENT-Intro.pptx
 
What is flutter and why should i care?
What is flutter and why should i care?What is flutter and why should i care?
What is flutter and why should i care?
 
User interface (UI) for mobile applications
User interface (UI) for mobile applicationsUser interface (UI) for mobile applications
User interface (UI) for mobile applications
 
Flutter presentation.pptx
Flutter presentation.pptxFlutter presentation.pptx
Flutter presentation.pptx
 
Web Development
Web DevelopmentWeb Development
Web Development
 
Flutter workshop
Flutter workshopFlutter workshop
Flutter workshop
 
Front End Development | Introduction
Front End Development | IntroductionFront End Development | Introduction
Front End Development | Introduction
 
Web development
Web developmentWeb development
Web development
 
Introduction to Flutter - truly crossplatform, amazingly fast
Introduction to Flutter - truly crossplatform, amazingly fastIntroduction to Flutter - truly crossplatform, amazingly fast
Introduction to Flutter - truly crossplatform, amazingly fast
 
Video streaming
Video streamingVideo streaming
Video streaming
 
Gns3
Gns3Gns3
Gns3
 

Andere mochten auch

Andere mochten auch (9)

Silverlight
SilverlightSilverlight
Silverlight
 
Computer science ppt
Computer science pptComputer science ppt
Computer science ppt
 
Lost in Cultural Translation
Lost in Cultural TranslationLost in Cultural Translation
Lost in Cultural Translation
 
The Business of Social Media
The Business of Social Media The Business of Social Media
The Business of Social Media
 
Flyer
FlyerFlyer
Flyer
 
10 Steps of Project Management in Digital Agencies
10 Steps of Project Management in Digital Agencies 10 Steps of Project Management in Digital Agencies
10 Steps of Project Management in Digital Agencies
 
The hottest analysis tools for startups
The hottest analysis tools for startupsThe hottest analysis tools for startups
The hottest analysis tools for startups
 
All About Beer
All About Beer All About Beer
All About Beer
 
Displaying Data
Displaying DataDisplaying Data
Displaying Data
 

Ähnlich wie It's Time for Silverlight @iRajLal

Introduction to silverlight
Introduction to silverlightIntroduction to silverlight
Introduction to silverlight
msarangam
 
Introduction to silverlight control 4
Introduction to silverlight control 4Introduction to silverlight control 4
Introduction to silverlight control 4
msarangam
 
Flex And Ria
Flex And RiaFlex And Ria
Flex And Ria
ravinxg
 
Dot Net Training Dot Net35
Dot Net Training Dot Net35Dot Net Training Dot Net35
Dot Net Training Dot Net35
Subodh Pushpak
 
S1lverl1ght 25.11.10 final
S1lverl1ght 25.11.10 finalS1lverl1ght 25.11.10 final
S1lverl1ght 25.11.10 final
gasbillet
 
S1lverl1ght 25.11.10 final
S1lverl1ght 25.11.10 finalS1lverl1ght 25.11.10 final
S1lverl1ght 25.11.10 final
gasbillet
 
Creativity Day Milano 27 Febbraio Milano
Creativity Day Milano 27 Febbraio MilanoCreativity Day Milano 27 Febbraio Milano
Creativity Day Milano 27 Febbraio Milano
roberto.design
 

Ähnlich wie It's Time for Silverlight @iRajLal (20)

Introduction to silverlight
Introduction to silverlightIntroduction to silverlight
Introduction to silverlight
 
Introduction to silverlight control 4
Introduction to silverlight control 4Introduction to silverlight control 4
Introduction to silverlight control 4
 
Silverlight
SilverlightSilverlight
Silverlight
 
Flex And Ria
Flex And RiaFlex And Ria
Flex And Ria
 
Flex RIA
Flex RIAFlex RIA
Flex RIA
 
Silver Light for every one by Subodh
Silver Light for every one by SubodhSilver Light for every one by Subodh
Silver Light for every one by Subodh
 
Tech Lunch 9 25 2008
Tech Lunch 9 25 2008Tech Lunch 9 25 2008
Tech Lunch 9 25 2008
 
Silverlight Training
Silverlight TrainingSilverlight Training
Silverlight Training
 
Silverlight Briefing Deck
Silverlight  Briefing  DeckSilverlight  Briefing  Deck
Silverlight Briefing Deck
 
Silverlight
SilverlightSilverlight
Silverlight
 
Building RIA Apps with Silverlight
Building RIA Apps with SilverlightBuilding RIA Apps with Silverlight
Building RIA Apps with Silverlight
 
Introduction to Microsoft Silverlight
Introduction to Microsoft SilverlightIntroduction to Microsoft Silverlight
Introduction to Microsoft Silverlight
 
Dot Net Training Dot Net35
Dot Net Training Dot Net35Dot Net Training Dot Net35
Dot Net Training Dot Net35
 
S1lverl1ght 25.11.10 final
S1lverl1ght 25.11.10 finalS1lverl1ght 25.11.10 final
S1lverl1ght 25.11.10 final
 
S1lverl1ght 25.11.10 final
S1lverl1ght 25.11.10 finalS1lverl1ght 25.11.10 final
S1lverl1ght 25.11.10 final
 
MikeTaulty_WPF_DevDays
MikeTaulty_WPF_DevDaysMikeTaulty_WPF_DevDays
MikeTaulty_WPF_DevDays
 
Uncovering Windows - Silverlight Seminar
Uncovering Windows - Silverlight SeminarUncovering Windows - Silverlight Seminar
Uncovering Windows - Silverlight Seminar
 
Creativity Day Milano 27 Febbraio Milano
Creativity Day Milano 27 Febbraio MilanoCreativity Day Milano 27 Febbraio Milano
Creativity Day Milano 27 Febbraio Milano
 
Adobe® Flex™
Adobe® Flex™Adobe® Flex™
Adobe® Flex™
 
What is Adobe Flex ?
What is Adobe Flex  ?What is Adobe Flex  ?
What is Adobe Flex ?
 

Mehr von Raj Lal

Workshop Stanford University - 28th July 2018 on Website Optimization
Workshop Stanford University - 28th July 2018 on Website Optimization  Workshop Stanford University - 28th July 2018 on Website Optimization
Workshop Stanford University - 28th July 2018 on Website Optimization
Raj Lal
 

Mehr von Raj Lal (20)

Teamcalendar.AI presskit 1.0
Teamcalendar.AI presskit 1.0Teamcalendar.AI presskit 1.0
Teamcalendar.AI presskit 1.0
 
UX Workshop: How to design a product with great user experience
UX Workshop: How to design a product with great user experienceUX Workshop: How to design a product with great user experience
UX Workshop: How to design a product with great user experience
 
Workshop Stanford University - 28th July 2018 on Website Optimization
Workshop Stanford University - 28th July 2018 on Website Optimization  Workshop Stanford University - 28th July 2018 on Website Optimization
Workshop Stanford University - 28th July 2018 on Website Optimization
 
The art and science of website optimization
The art and science of website optimizationThe art and science of website optimization
The art and science of website optimization
 
UX Workshop - Talent 2 Talent Conference, Ryerson University, Toronto Canada,...
UX Workshop - Talent 2 Talent Conference, Ryerson University, Toronto Canada,...UX Workshop - Talent 2 Talent Conference, Ryerson University, Toronto Canada,...
UX Workshop - Talent 2 Talent Conference, Ryerson University, Toronto Canada,...
 
Why Toastmasters - The story of a fisherman
Why Toastmasters - The story of a fishermanWhy Toastmasters - The story of a fisherman
Why Toastmasters - The story of a fisherman
 
Build Amazing Camera Apps for Superphones - Silicon Valley Code Camp, 6 Oct, ...
Build Amazing Camera Apps for Superphones - Silicon Valley Code Camp, 6 Oct, ...Build Amazing Camera Apps for Superphones - Silicon Valley Code Camp, 6 Oct, ...
Build Amazing Camera Apps for Superphones - Silicon Valley Code Camp, 6 Oct, ...
 
Evolution of User Interface - Digital Web & Design Innovation Summit SFO 20 S...
Evolution of User Interface - Digital Web & Design Innovation Summit SFO 20 S...Evolution of User Interface - Digital Web & Design Innovation Summit SFO 20 S...
Evolution of User Interface - Digital Web & Design Innovation Summit SFO 20 S...
 
Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal
Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLalDesigning Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal
Designing Killer Apps for Mobile Devices ModevUX May 9 2013 mclean VA - @iRajLal
 
Html5 Whats around the bend
Html5 Whats around the bendHtml5 Whats around the bend
Html5 Whats around the bend
 
Accessible design with html5 JS Everywhere 2012 Oct 26 Fairmont Hotel San Jos...
Accessible design with html5 JS Everywhere 2012 Oct 26 Fairmont Hotel San Jos...Accessible design with html5 JS Everywhere 2012 Oct 26 Fairmont Hotel San Jos...
Accessible design with html5 JS Everywhere 2012 Oct 26 Fairmont Hotel San Jos...
 
Accessibility on Windows Phone - Windows Phone Meetup at Nokia - 16 October @...
Accessibility on Windows Phone - Windows Phone Meetup at Nokia - 16 October @...Accessibility on Windows Phone - Windows Phone Meetup at Nokia - 16 October @...
Accessibility on Windows Phone - Windows Phone Meetup at Nokia - 16 October @...
 
Accessible design - HOW Interactive Design Conference Washington DC SEPT 27-2...
Accessible design - HOW Interactive Design Conference Washington DC SEPT 27-2...Accessible design - HOW Interactive Design Conference Washington DC SEPT 27-2...
Accessible design - HOW Interactive Design Conference Washington DC SEPT 27-2...
 
Accessible Design with HTML5 - HTML5DevConf.com May 21st San Francisco, 2012 ...
Accessible Design with HTML5 - HTML5DevConf.com May 21st San Francisco, 2012 ...Accessible Design with HTML5 - HTML5DevConf.com May 21st San Francisco, 2012 ...
Accessible Design with HTML5 - HTML5DevConf.com May 21st San Francisco, 2012 ...
 
Developing Apps for Nokia Windows Phone VSLiv Conference May 15, 2012 @iRajLal
Developing Apps for Nokia Windows Phone  VSLiv Conference May 15, 2012 @iRajLalDeveloping Apps for Nokia Windows Phone  VSLiv Conference May 15, 2012 @iRajLal
Developing Apps for Nokia Windows Phone VSLiv Conference May 15, 2012 @iRajLal
 
Upgrade Your Website to HTML5 - VSLive Conference New York @iRajLal
Upgrade Your Website to HTML5 - VSLive Conference New York  @iRajLalUpgrade Your Website to HTML5 - VSLive Conference New York  @iRajLal
Upgrade Your Website to HTML5 - VSLive Conference New York @iRajLal
 
Fun with silverlight4 Table of Content @iRajLal
Fun with silverlight4 Table of Content @iRajLalFun with silverlight4 Table of Content @iRajLal
Fun with silverlight4 Table of Content @iRajLal
 
Honeycomb User Interface Design @iRajLal
Honeycomb User Interface Design @iRajLalHoneycomb User Interface Design @iRajLal
Honeycomb User Interface Design @iRajLal
 
Two thumbs User Interface @iRajLal
Two thumbs User Interface @iRajLalTwo thumbs User Interface @iRajLal
Two thumbs User Interface @iRajLal
 
Angry Developer: Creating a Game in QML and JavaScript for MeeGo N9 @iRajLal
Angry Developer: Creating a Game in QML and JavaScript for MeeGo N9 @iRajLalAngry Developer: Creating a Game in QML and JavaScript for MeeGo N9 @iRajLal
Angry Developer: Creating a Game in QML and JavaScript for MeeGo N9 @iRajLal
 

Kürzlich hochgeladen

IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 

Kürzlich hochgeladen (20)

04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 

It's Time for Silverlight @iRajLal

  • 1. Rajesh Lal ( [email_address] ) Microsoft Silverlight An Introduction
  • 2.
  • 3.
  • 4. Silverlight is a cross-browser, cross-platform plug-in for delivering the next generation of media experiences and rich interactive applications(RIA) for the Web Definition
  • 5. Silverlight is a cross-browser, cross-platform plug-in* * An auxiliary program that works with a software package to enhance its capability. For example, plug-ins used in Photoshop to add a filter for some special effect. Other examples of Plug-ins are Macromedia Flash, Digital Video Express(Divx) Player plug-in, Windows Media Player etc.
  • 6.
  • 7. Silverlight is the cross platform version of the Windows Presentation Foundation (WPF) used in Vista and was formerly code named &quot;WPF/Everywhere&quot; (WPF/E). SilverLight background
  • 8. SilverLight background Silverlight, is a subset of Windows Presentation Foundation(WPF) which is a part of .NET 3.0 in Windows Vista Windows Presentation Foundation is the user interface subsystem in Windows Vista code name ‘Avalon’. It’s a part of the .NET Framework 3.0 programming interface (API). Windows Presentation Foundation (WPF) takes advantage of advanced 3D graphics (not in Silverlight) capabilities in modern machines. The &quot;Aero&quot; interface provides transparent, glass-like window borders.
  • 10.
  • 11.
  • 13. Programming Language XAML- core of Silverlight for Rich User interface All other - for programming logic
  • 14. XAML? XAML- e X tensible A pplication M arkup L anguage An XML-based set of tags used to describe objects and events when programming applications <Canvas xmlns=&quot;http://schemas.microsoft.com/winfx/2006/xaml/presentation&quot; Width=&quot;640&quot; Height=&quot;480“ Background=“Aliceblue“ > <TextBlock Text=&quot;Hello World&quot;/> </Canvas> Hello World XAML !
  • 15. Load, Parse, Display XAML / C #/ JavaScript Compile and Run Button b1 = new Button(); b1.Content = &quot;OK&quot;; b1.Background = new SolidColorBrush(Colors.LightBlue); b1.Width = 100; <Button Width=&quot;100&quot;> OK <Button.Background> LightBlue </Button.Background> </Button>
  • 16.
  • 17. Tools for Developer and Designer Designer Developer XAML JavaScript .NET
  • 20.
  • 21.
  • 22.  
  • 24.
  • 25. .NET Framework Windows Vista 、 Windows XP 、 Windows Server 2003 Common Language Runtime (CLR) ADO.NET ASP.NET Windows Forms Windows Presentation Foundation (WPF) Windows Communication Foundation (WCF) Windows Workflow Foundation (WF) Windows CardSpace (WCS) CLS / CTS VB C# J# ・・・ 2.0 3.0 .NET Framework 2.0 .NET Framework 3.0
  • 26.  
  • 29.
  • 30.
  • 31. Opportunities with Video on the web Compelling Web User Experience Delivering media without going broke Monetization with Ads User generated content
  • 32. Silverlight Business Model Compelling Web User Experience Vector Graphics Animation ASP.AJAX
  • 33. Silverlight Business Model Delivering media without going broke Video delivery trend
  • 34.
  • 35. Silverlight Business Model Silverlight Support - Rich media based server application - Save status of media playback - Searchable - text based (XAML) User generated content Monetization with Ads
  • 36.
  • 37.
  • 38. Creating a Silverlight application
  • 39. Silverlight 1.0 – XAML + JavaScript Silverlight 1.1 – XAML + C# Creating a Silverlight application
  • 40. Silverlight 1.0 – XAML + JavaScript COMPLETE DOM LEVEL 1 integration Creating a Silverlight application
  • 41. Index.htm <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd&quot;> <html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;> <head> <title>Hello World</title> <script type=&quot;text/javascript&quot; src=&quot;Silverlight.js&quot;></script> <script type=&quot;text/javascript&quot; src=&quot;CreateSilverlight.js&quot;></script> <script type=&quot;text/javascript&quot; src=&quot;code.js&quot;></script> <style type=&quot;text/css&quot;> . silverlightHost { height: 480px; width: 640px; } </style> </head> <body> <div id=&quot;SilverlightControlHost&quot; class=&quot; silverlightHost &quot;> <script type=&quot;text/javascript&quot;> createSilverlight (); </script> </div> </body> </html> Silverlight 1.0 – XAML + JavaScript
  • 42. function createSilverlight() { Silverlight.createObjectEx({ source: &quot; HelloWorld.xaml &quot;, parentElement: document.getElementById (&quot;SilverlightControlHost&quot;) , id: &quot;SilverlightControl&quot;, properties: { width: &quot;100%&quot;, height: &quot;100%&quot;, version: &quot;1.0“ }, events: { onLoad: handleLoad } }); } CreateSilverlight.js CreateSilverlight– Script file with logic to instantiate Silverlight control
  • 43. var SilverlightControl; var theTextBlock; function handleLoad(control, userContext, rootElement) { SilverlightControl = control; theTextBlock = SilverlightControl.content.findName(&quot;txt&quot;); theTextBlock.addEventListener(&quot;MouseLeftButtonDown&quot;, &quot;txtLClicked&quot;); } function txtLClicked(sender, args) { theTextBlock.Text = &quot; Silverlight Rocks !&quot;; } Code.js Code.js – Script file containing program logic
  • 44. <Canvas xmlns=&quot;http://schemas.microsoft.com/client/2007&quot; xmlns:x=&quot;http://schemas.microsoft.com/winfx/2006/xaml&quot; Width=&quot;640&quot; Height=&quot;480&quot; Background=&quot;White&quot; x:Name=&quot;Page&quot; > <TextBlock Width=&quot;195&quot; Height=&quot;42&quot; Canvas.Left=&quot;28&quot; Canvas.Top=&quot;35&quot; Text=&quot; Hello World !&quot; TextWrapping=&quot;Wrap&quot; x:Name=&quot;txt&quot;/> </Canvas> HelloWorld.XAML XAML File –Canvas for Control
  • 45.
  • 46.