Novas Tecnologias Microsoft.

Transcrição

1 Novas Tecnologias Microsoft

2 Rich Internet Applications (RIA) Carlos Lima

3 Agenda Objectivos da sessão O que é uma RIA O que é o Silverlight Software necessário O que é o XAML Demonstração

4 Objectivo Desenvolvimento de uma aplicação RIA em Silverlight. Interligação entre Designer e Developer Comunicação Cliente / Servidor

5 RIA 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.

6 Silverlight Cross-platform & Cross-browser Plugin Permite a designers e developers criar: Rich media experiences.net basedriasfor theweb Versões: Final: Silverlight 1.0 Beta: Silverlight 2 Beta 2

7 Silverlight 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

8 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

9 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

10 Silverlight Files User Interface XAML File Page.xaml Code CS, VB, File Page.xaml.cs Designer Expression Blend Developer Visual Studio 2008

11 XAML 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 20/06/2008

12 Exemplo XAML <Canvas xmlns=" > <TextBlock FontSize="32" Text="Hello world" /> /> </Canvas> Hello world

13 Código C#, VB.Net, Javascript,... Define a lógica da aplicação Desenvolvido no Visual Studio Essencialmente para Programadores 20/06/2008

14 Demo 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 20/06/2008

15 Estrutura da Demo Aplicação Cliente de Chat - Silverlight Page.xaml (User Interface) ChatBalloon.xaml (User Control) SocketClient.cs (Comunicação com o servidor) Aplicação Servidor ChatServer.exe (Recebe e distribui as mensagens)

16 DEMO

17 Comunicação Cliente / Servidor ASP.NET Web Services (asmx) Windows Communication Foundation (WCF) Services WCF Duplex Services Sockets

18 Na Demo Cliente Servidor Connect() SendMessage() Listener (Porta 4532) ReceiveMessage() StartReceiving() Broadcast()

19 Recursos SilverLight Expression Blend Blogs Michael Schwarz Scott Guthrie Tim Heuer

20 Cursos 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

21 Obrigado Carlos Lima Formador Áreas Microsoft e Adobe