![Page 1: Http://formacao.rumos.pt/ Novas Tecnologias Microsoft](https://reader035.vdocuments.com.br/reader035/viewer/2022081518/552fc0fc497959413d8b9fce/html5/thumbnails/1.jpg)
http://formacao.rumos.pt/
Novas Tecnologias MicrosoftNovas Tecnologias Microsoft
![Page 3: Http://formacao.rumos.pt/ Novas Tecnologias Microsoft](https://reader035.vdocuments.com.br/reader035/viewer/2022081518/552fc0fc497959413d8b9fce/html5/thumbnails/3.jpg)
AgendaAgenda
• Objectivos da sessão• O que é uma RIA• O que é o Silverlight• Software necessário• O que é o XAML
• Demonstração
![Page 4: Http://formacao.rumos.pt/ Novas Tecnologias Microsoft](https://reader035.vdocuments.com.br/reader035/viewer/2022081518/552fc0fc497959413d8b9fce/html5/thumbnails/4.jpg)
• Desenvolvimento de uma aplicação RIA em Silverlight.
• Interligação entre Designer e Developer
• Comunicação Cliente / Servidor
ObjectivoObjectivo
![Page 5: Http://formacao.rumos.pt/ Novas Tecnologias Microsoft](https://reader035.vdocuments.com.br/reader035/viewer/2022081518/552fc0fc497959413d8b9fce/html5/thumbnails/5.jpg)
RIARIA
• RIA - Rich Internet Applications• Aplicação Web com características e
funcionalidades de uma aplicação desktop
• Tipicamente, é transferida para o cliente no primeiro pedido;
• Comunica com o servidor para receber dados apenas.
![Page 6: Http://formacao.rumos.pt/ Novas Tecnologias Microsoft](https://reader035.vdocuments.com.br/reader035/viewer/2022081518/552fc0fc497959413d8b9fce/html5/thumbnails/6.jpg)
SilverlightSilverlight
• Cross-platform & Cross-browser Plugin• Permite a designers e developers criar:
– Rich media experiences – .NET based RIAs for the web
• Versões:– Final: Silverlight 1.0– Beta: Silverlight 2 Beta 2
![Page 7: Http://formacao.rumos.pt/ Novas Tecnologias Microsoft](https://reader035.vdocuments.com.br/reader035/viewer/2022081518/552fc0fc497959413d8b9fce/html5/thumbnails/7.jpg)
SilverlightSilverlight
• Plugin Cross-platform & cross-browser– Browsers: Safari, Firefox e IE (em Mac & Windows)– Previsto: FireFox, Konquerer e Opera (em Linux)– Processo de instalação fácil e rápido de 4.3MB
• Framework de desenvolvimento altamente produtiva– Suporte a múltiplas linguagens: VB, C#, JavaScript, Python, Ruby– Sunset da Class Library da Framework .NET
• Excelentes ferramentas– Microsoft Visual Studio & Microsoft Expression
![Page 8: Http://formacao.rumos.pt/ Novas Tecnologias Microsoft](https://reader035.vdocuments.com.br/reader035/viewer/2022081518/552fc0fc497959413d8b9fce/html5/thumbnails/8.jpg)
Silverlight e o .NET Silverlight e o .NET
• Silverlight é um subset da .NET Framework– Suporte especial para aplicações RIA e Multimédia
• Modelo de desenvolvimento comum ao .NET– APIs comuns– Modelo de programação comum com o UI do WPF– Ferramentas de desenvolvimento e de design comuns
• UI é um subset da framework do WPF– Compatível
![Page 9: Http://formacao.rumos.pt/ Novas Tecnologias Microsoft](https://reader035.vdocuments.com.br/reader035/viewer/2022081518/552fc0fc497959413d8b9fce/html5/thumbnails/9.jpg)
O que irão necessitar:O que irão necessitar:
• A instalar: – Silverlight 2 Beta 2 runtime– Silverlight Tools Beta 2 for Visual Studio 2008– Expression Blend 2.5 June Preview
• Tudo o que precisa em silverlight.net – Links para downloads & docs– Tutoriais, Webcasts e Hands-on Labs
![Page 10: Http://formacao.rumos.pt/ Novas Tecnologias Microsoft](https://reader035.vdocuments.com.br/reader035/viewer/2022081518/552fc0fc497959413d8b9fce/html5/thumbnails/10.jpg)
Silverlight FilesSilverlight Files
User InterfaceUser InterfaceXAML File
DesignerExpression Blend
Page.xaml
CodeCodeCS, VB,… File
DeveloperVisual Studio 2008
Page.xaml.cs
![Page 11: Http://formacao.rumos.pt/ Novas Tecnologias Microsoft](https://reader035.vdocuments.com.br/reader035/viewer/2022081518/552fc0fc497959413d8b9fce/html5/thumbnails/11.jpg)
• XAML = eXtensible Application Markup Language
• Linguagem baseada em XML
• Descreve os componentes do UI, propriedades e eventos
• Faz parte do WPF
• Gerada por ferramentas de design
– Ex. Expression Blend
• Pode ser editada manualmente
• É a ferramenta do Designer
11/04/23
XAMLXAML
![Page 12: Http://formacao.rumos.pt/ Novas Tecnologias Microsoft](https://reader035.vdocuments.com.br/reader035/viewer/2022081518/552fc0fc497959413d8b9fce/html5/thumbnails/12.jpg)
Exemplo XAMLExemplo XAML
<Canvas <Canvas xmlns="http://schemas.microsoft.com/client/2007" xmlns="http://schemas.microsoft.com/client/2007" >> <TextBlock FontSize="32" Text="Hello world" /><TextBlock FontSize="32" Text="Hello world" /></Canvas></Canvas>
<Canvas <Canvas xmlns="http://schemas.microsoft.com/client/2007" xmlns="http://schemas.microsoft.com/client/2007" >> <TextBlock FontSize="32" Text="Hello world" /><TextBlock FontSize="32" Text="Hello world" /></Canvas></Canvas>
Hello worldHello world
![Page 13: Http://formacao.rumos.pt/ Novas Tecnologias Microsoft](https://reader035.vdocuments.com.br/reader035/viewer/2022081518/552fc0fc497959413d8b9fce/html5/thumbnails/13.jpg)
• C# , VB.Net, Javascript ,...
• Define a lógica da aplicação
• Desenvolvido no Visual Studio
• Essencialmente para Programadores
11/04/23
CódigoCódigo
![Page 14: Http://formacao.rumos.pt/ Novas Tecnologias Microsoft](https://reader035.vdocuments.com.br/reader035/viewer/2022081518/552fc0fc497959413d8b9fce/html5/thumbnails/14.jpg)
• Desenvolver uma aplicação simples de Chat
• Criação do Layout, Grafismos e Animações no Expression Blend
• Programação da lógica da aplicação no Visual Studio
11/04/23
DemoDemo
![Page 15: Http://formacao.rumos.pt/ Novas Tecnologias Microsoft](https://reader035.vdocuments.com.br/reader035/viewer/2022081518/552fc0fc497959413d8b9fce/html5/thumbnails/15.jpg)
Estrutura da DemoEstrutura da Demo
Aplicação Cliente de Chat - SilverlightAplicação Cliente de Chat - Silverlight
Page.xamlPage.xaml(User Interface)
ChatBalloon.xamlChatBalloon.xaml(User Control)
SocketClient.csSocketClient.cs(Comunicação com oservidor)
Aplicação ServidorAplicação Servidor
ChatServer.exeChatServer.exe(Recebe e distribui as mensagens)(Recebe e distribui as mensagens)
![Page 16: Http://formacao.rumos.pt/ Novas Tecnologias Microsoft](https://reader035.vdocuments.com.br/reader035/viewer/2022081518/552fc0fc497959413d8b9fce/html5/thumbnails/16.jpg)
DEMODEMO
![Page 17: Http://formacao.rumos.pt/ Novas Tecnologias Microsoft](https://reader035.vdocuments.com.br/reader035/viewer/2022081518/552fc0fc497959413d8b9fce/html5/thumbnails/17.jpg)
Comunicação Cliente / ServidorComunicação Cliente / Servidor
• ASP.NET Web Services (asmx)
• Windows Communication Foundation (WCF) Services
– WCF Duplex Services
• Sockets
![Page 18: Http://formacao.rumos.pt/ Novas Tecnologias Microsoft](https://reader035.vdocuments.com.br/reader035/viewer/2022081518/552fc0fc497959413d8b9fce/html5/thumbnails/18.jpg)
Na DemoNa Demo
Cliente Servidor
Listener(Porta 4532)
Connect()SendMessage()
ReceiveMessage()
StartReceiving()
Broadcast()
![Page 19: Http://formacao.rumos.pt/ Novas Tecnologias Microsoft](https://reader035.vdocuments.com.br/reader035/viewer/2022081518/552fc0fc497959413d8b9fce/html5/thumbnails/19.jpg)
RecursosRecursos
• SilverLight– http://silverlight.net/
– http://msdn.microsoft.com/en-us/library/bb404700(VS.95).aspx
• Expression Blend– http://www.microsoft.com/expression
• Blogs– Michael Schwarz
• http://weblogs.asp.net/mschwarz/default.aspx– Scott Guthrie
• http://weblogs.asp.net/scottgu/default.aspx– Tim Heuer
• http://www.timheuer.com/blog/
![Page 20: Http://formacao.rumos.pt/ Novas Tecnologias Microsoft](https://reader035.vdocuments.com.br/reader035/viewer/2022081518/552fc0fc497959413d8b9fce/html5/thumbnails/20.jpg)
CursosCursos
• Silverlight– Silverlight 1.0: Silverlight 1.0 for Designers– Silverlight 2.0: Developing RIA Applications Using
Silverlight 2
• Windows Presentation Foundation– 6460: Visual Studio® 2008: Windows®
Presentation Foundation
![Page 21: Http://formacao.rumos.pt/ Novas Tecnologias Microsoft](https://reader035.vdocuments.com.br/reader035/viewer/2022081518/552fc0fc497959413d8b9fce/html5/thumbnails/21.jpg)
ObrigadoObrigado
Carlos LimaCarlos [email protected]
FormadorFormadorÁreas Microsoft e AdobeÁreas Microsoft e Adobe