O documento apresenta as principais tecnologias da plataforma Microsoft para desenvolvimento de aplicações web, incluindo ASP.NET Web Forms, MVC e Silverlight, além de ferramentas como Visual Studio, WebMatrix e Expression Web. Demonstra como criar aplicações simples usando cada tecnologia.

1. Desenvolvendo
aplicações web com
tecnologias Microsoft
Prof. Ms. Fabrício Lopes Sanchez
Arquiteto de Soluções Web UCB/APO
Mestre em Engenharia Elétrica USP/SC

2. Agenda
• Introdução e contextualização
• Entendendo a plataforma .NET
• Tecnologias e ferramentas MS para web
– ASP.NET: Web Forms, MVC e Silverlight
– IDE’s: Visual Studio, WebMatrix e Studio Web 4
– Visual Studio
– Expression Web
• Conclusões

3. Introdução e Contextualização
• Internet no Brasil: Estática, dinâmica e
interativa:
– Estática: HTML e JavaScript;
– Dinâmica: HTML, JavaScript, Server-side,
Banco de Dados;
– Interativa: HTML, JavaScript, Chamadas
Assíncronas, Drag-and-Drop, Design, Bancos
de Dados, etc.
• Web atual é mais poderosa, mas,
igualmente complexa;

4. Introdução e Contextualização
• Quanto dimensão das apliações web:
– Aplicações de pequeno porte;
– Aplicações de médio porte;
– Aplicações de grande porte;
• Exemplos:
– Pequeno porte: site simples com formulário
de contato;
– Médio porte: site com cadastros e
gerenciamento de conteúdo;
– Grande porte: ERP’s online;

5. Entendendo a plataforma .NET

6. Entendendo a plataforma .NET
• Vantagens
– Integração com demais ferramentas da
Microsoft (Office);
– Conhecendo uma linguagem é possível
desenvolver em todas as plataformas;
– Com Visual Studio é possível desenvolver
todos os tipos de aplicações;
– Produtividade no desenvolvimento;

7. Tecnologias Microsoft para Web
MVC
SILVERLIGHT
WEBFORMS

8. Tecnologias Microsoft para Web
• ASP.NET Web Forms
– Tecnologia criada para substituir o ASP 3;
– Encapsula os recursos da CLR;
– WebControls;
– Similar ao Windows Forms;
– A lógica implementada na linguagem
preferida (C#, Visual Basic, F#) em arquivo a
parte;
– Programação baseada em eventos;

9. Tecnologias Microsoft para Web

10. Tecnologias Microsoft para Web
• Objetivos ASP.NET Web Forms
– Separar a lógica da aplicação;
– Conjunto de componentes de servidor que se
adequa ao browser;
– Databinding facilitado;
– Trazer o conceito de programação baseada
em eventos para web;
– Compilação e geração de DLL’s

11. Tecnologias Microsoft para Web
democadastro de usuários via ASP.NET WebForms

12. Tecnologias Microsoft para Web
• ASP.NET MVC
– Framework para desenvolvimento de
aplicações web;
– Trabalha com o conceito de url routing;
– Gerenciamento das requisições via
controladores;
– Incentiva implementação de boas práticas;
– Foco na arquitetura da aplicação;
– Gerenciamento realizado via: models, views e
controllers.

13. Tecnologias Microsoft para Web

14. Tecnologias Microsoft para Web
• Objetivos ASP.NET MVC
– Separar as responsabilidades;
– Criação de aplicações com código limpo;
– Criação de aplicações escaláveis;
– Incentivar a correta utilização da orientação a
objetos;
– Roteamento “customizável”;
– Empregar a correta utilização dos conceitos
web;

15. Tecnologias Microsoft para Web
democadastro de usuários via ASP.NET MVC

16. Tecnologias Microsoft para Web
• Silverlight
– Framework de desenvolvimento Web;
– Desenvolvimento de aplicativos RIA;
– Roda nos principais S.Os e navegadores;
– Plugin multi-navegador;
– Animações 2D e 3D;
– Sons, imagens e vídeos;
– Processamento gráfico;

17. Tecnologias Microsoft para Web

18. Tecnologias Microsoft para Web
• Vantagens do Silverlight
– Acesso assíncrono ao servidor;
– Processamento e armazenamento local;
– Acesso a dados via WebService;
– Alto nível de customização na interface;
– Aplicativo fora do navegador;
– Programação em C#;
– Integração Programador x Design;

19. Tecnologias Microsoft para Web
demoEnviando dados com Silvelight

20. Tecnologias Microsoft para Web
• Expression Web
– IDE para construção de websites;
– Suporte nativo para o trabalho com PHP,
JScript, HTML, XML, etc.
– Visual que proporciona boa experiência do
usuário;
– Publico alvo: desenvolvedores com
experiência mediana;
– Ferramentas de publicação via FTP, SFTP, etc.

21. Tecnologias Microsoft para Web
demoConhecendo o Expression Web 4

22. Tecnologias Microsoft para Web
• WebMatrix
– IDE para desenvolvimento de aplicações web
de pequeno e médio porte;
– Foco na experiência do usuário;
– Ferramentas diversas integradas (IIS, SQL
Server, etc.);
– Suporte a diversas linguagens;
– Suporte ao ASP.NET Razor;
– Incentiva aprendizagem de padrões web;

23. Tecnologias Microsoft para Web

24. Tecnologias Microsoft para Web
demoConhecendo o WebMatrix

25. Tecnologias Microsoft para Web
• Visual Studio
– IDE para desenvolvimento de aplicações;
– Poderosos recursos;
– Code-snippets;
– Geração de diagrama de classes;
– Conexões com fontes de dados;
– Wizards para diversas aplicações;
– Utilitário de testes unitários;
– Foco para programadores experientes;

26. Tecnologias Microsoft para Web
demoConhecendo o Visual Studio

27. Conclusões
• Vale a pena estudar o desenvolvimento de
aplicações para web;
• Aplicações web são de dois tipos:
– Aplicações web;
– Aplicações que rodam na web;
• Ferramentas aconselháveis:
– Usuários iniciantes: WebMatrix
– Usuários médianos: Expression Web 4
– Usuários avançados: Visual Studio 2010