93
SEGUNDA FASE TREINAMENTO Área de Desenvolvimento de Sistemas Labs

S2 b 2008-2 - fase2 - propostas e soluçoes

Embed Size (px)

Citation preview

Page 1: S2 b   2008-2 - fase2 - propostas e soluçoes

SE

GU

ND

A F

AS

E

TR

EIN

AM

EN

TO Área de

Desenvolvimento de Sistemas

Labs

Page 2: S2 b   2008-2 - fase2 - propostas e soluçoes

LABORATÓRIO 2.1.1

Fase 2 - Aula 1

Page 3: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.1.1 Exercício 1

Crie uma Aplicação ASP.NET Explore a interface do Visual Studio

Solution Explorer Properties Window Class View Toolbox

Crie um webform com as seguintes características Um botão Um label Explore as propriedades do botão e do label

Page 4: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.1.1 – EXERCÍCIO 1 - RESOLUÇÃO Janela para criação de projetos no Visual Studio

Page 5: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.1.1 – EXERCÍCIO 1 - RESOLUÇÃO Janela para visualização da Solution Explorer

Janela Class View

Page 6: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.1.1 – EXERCÍCIO 1 - RESOLUÇÃO Janela Toolbox

Janela para customizar a Toolbox

Page 7: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.1.1 – EXERCÍCIO 1 - RESOLUÇÃO Menu para adicionar novos itens ao projeto

Page 8: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.1.1 – EXERCÍCIO 1 - RESOLUÇÃO Após adicionar um botão e um label o formulário

deve ser similar à figura

Janela para alterar propriedades de um componente

Page 9: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.1.1 – EXERCÍCIO 1 - RESOLUÇÃO Formulário ao final do exercício

Page 10: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.1.1 Exercício 2

Adicione à solution um projeto do tipo class library Adicione um novo web form ao projeto web e execute-o.

Page 11: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.2.1 – EXERCÍCIO 2 - RESOLUÇÃO Menu para adicionar um novo projeto à solution

Page 12: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.2.1 – EXERCÍCIO 2 - RESOLUÇÃO O projeto web deve ser definido como projeto a

ser executado

Page 13: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.2.1 – EXERCÍCIO 2 - RESOLUÇÃO O novo web form deve ser definido como página

inicial

Page 14: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.1.1 – EXERCÍCIO 2 - RESOLUÇÃO Resultado do novo web form, similar ao anterior

Page 15: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.1.1 Exercício 3

Crie um novo web form com as seguintes características Um textbox para inserir Nome de Usuário Um textbox para Senha Um botão para validar as informações Se for preenchido qualquer valor nos dois campos de texto,

então deve exibir mensagem de Válido, caso contrário de Inválido

Page 16: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.1.1 – EXERCÍCIO 3 - RESOLUÇÃO Design do novo formulário

Associar um evento de clique ao botão

Page 17: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.1.1 – EXERCÍCIO 3 - RESOLUÇÃO No evento verificar o valor dos dois campos

Page 18: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.1.1 – EXERCÍCIO 3 - RESOLUÇÃO O resultado quando nada é preenchido

O resultado quando os valores são inseridos

Page 19: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.1.1 Exercício 4

Crie um novo web form para validação de usuário Deve conter os mesmos campos do web form anterior Crie um web form chamado Gerentes.aspx Crie um web form chamado Funcionarios.aspx Após validar o usuário redirecione-o para a página

correta de acordo com a tabela a seguir Dica: Utilize a estrutura switch-case

Page 20: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.1.1 Exercício 4

Eduardo 12\3456BD Gerente

Antonio 654789 Funcionário

Gustavo 987556 Funcionário

Mateus 545128 Funcionário

Gustavo 154815 Funcionário

Paulo 215@485AA Gerente

Page 21: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.1.1 – EXERCÍCIO 4 - RESOLUÇÃO Design do novo web form

Page 22: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.1.1 – EXERCÍCIO 4 - RESOLUÇÃO Código para verificar o usuário

Page 23: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.1.1 – EXERCÍCIO 4 - RESOLUÇÃO Resultado quando um gerente faz a autenticação

Resultado quando um usuário faz a autenticação

Page 24: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.1.1 Exercício 5

Crie um novo web form com as seguintes características Um dropdown-list para exibir dias do mês (1-31) Um dropdown-list para exibir meses do ano (1-12) Um dropdown-list para exibir anos (1900-2050)

Dica:Utilize estruturas de repetição

Page 25: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.1.1 – EXERCÍCIO 5 - RESOLUÇÃO Design do novo web form

Page 26: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.1.1 – EXERCÍCIO 5 - RESOLUÇÃO Código para preencher os dropdown-lists

Page 27: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.1.1 – EXERCÍCIO 5 - RESOLUÇÃO Resultado esperado

Page 28: S2 b   2008-2 - fase2 - propostas e soluçoes

LABORATÓRIO 2.2.1

Fase 2 - Aula 2

Page 29: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.2.1 Exercício 1

Crie um novo web form com as seguintes características Um dropdown-list para exibir tipos de automóveis Popule o dropdown-list com alguns tipos de automóveis Mostre em um label o número de itens do dropdown

O valor deve ser recuperado do dropdown Dica: Utilize array

Page 30: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.2.1 – EXERCÍCIO 1 - RESOLUÇÃO Design do novo web form

Trecho de código para popular o dropdown

Page 31: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.2.1 – EXERCÍCIO 1 - RESOLUÇÃO Trecho de código com linha para recuperar o

número de itens

Page 32: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.2.1 – EXERCÍCIO 1 - RESOLUÇÃO Resultado esperado

Page 33: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.2.1 Exercício 2

Mostre uma mensagem na janela de Output quando a página for carregada pela primeira vez

Page 34: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.2.1 – EXERCÍCIO 2 - RESOLUÇÃO Menu para exibir a janela de Output

Page 35: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.2.1 – EXERCÍCIO 2 - RESOLUÇÃO Resultado esperado

Observe a diretiva using

Observe a linha Debug.WriteLine

Observe o resultado na janela de output

Page 36: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.2.1 Exercício 3

Retire o Page_Load o código para popular o dropdown-list

Crie um método para popular o dropdown-list Utilize comentários XML para facilitar o desenvolvimento

Page 37: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.2.1 – EXERCÍCIO 3 - RESOLUÇÃO Código para popular o dropdown-list

Código do Page_Load alterado

Page 38: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.2.1 – EXERCÍCIO 3 - RESOLUÇÃO Os comentários XML devem facilitar o

desenvolvimento

Page 39: S2 b   2008-2 - fase2 - propostas e soluçoes

LABORATÓRIO 2.2.2

Fase 2 - Aula 2

Page 40: S2 b   2008-2 - fase2 - propostas e soluçoes

LABORATÓRIO 2.2.3

Fase 2 - Aula 2

Page 41: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.2.3 Exercício 1

Crie um projeto do tipo Class library Adicione uma classe Cliente Adicione membros à classe cliente Crie diferentes construtores na classe Crie um método para Salvar o cliente

O método não precisa persistir o cliente, porém deve ser invocado

O método deve informar uma mensagem de confirmação ou falha

Só deve salvar se o objeto cliente for modificado Crie uma classe Pessoa e utilize Herança Crie um web form para cadastrar cliente

Page 42: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.2.3 – EXERCÍCIO 1 - RESOLUÇÃO Código da classe Pessoa

Page 43: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.2.3 – EXERCÍCIO 1 - RESOLUÇÃO Código da classe Cliente

Page 44: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.2.3 – EXERCÍCIO 1 - RESOLUÇÃO Design do web form

Page 45: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.2.3 – EXERCÍCIO 1 - RESOLUÇÃO Código para salvar o cliente

Page 46: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.2.3 – EXERCÍCIO 1 - RESOLUÇÃO Resultado esperado

Page 47: S2 b   2008-2 - fase2 - propostas e soluçoes

LABORATÓRIO 2.3.1

Fase 2 - Aula 3

Page 48: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.3.1 Exercício 1

Crie as seguintes classes: Pessoa, Vendedor e Cliente Utilizando o conceito de classes abstratas crie:

Um método Viajar que seja executado na classe Pessoa Um método Salvar que seja executado na classe Vendedor e

na classe Cliente A classe Pessoa não pode ser instanciada Crie uma aplicação Console para testar o resultado

Page 49: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.3.1 – EXERCÍCIO 1 - RESOLUÇÃO Código da classe Pessoa

Page 50: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.3.1 – EXERCÍCIO 1 - RESOLUÇÃO Código da classe Cliente

Código da classe Vendedor

Page 51: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.3.1 – EXERCÍCIO 1 - RESOLUÇÃO Código da Aplicação Console

Resultado esperado

Page 52: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.3.1 Exercício 2

Crie uma classe chamada Operario Crie uma interface IProfissional com as seguintes

características Propriedade Formação Propriedade Titulo Propriedade RendimentoMensal Método ModificarRendimentoMensal

Crie uma interface IProfissionalIndustria com as seguintes características

Propriedade Horário de entrada Propriedade Horário de saída Método AlteraTurno Herdando da interface IProfissional

Page 53: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.3.1 Exercício 2

Implemente as interfaces na classes Vendedor e Operario

Teste os métodos das duas classes na aplicação Console

Page 54: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.3.1 – EXERCÍCIO 2 - RESOLUÇÃO Código da interface IProfissional

Código da interface IProfissionalIndustria

Page 55: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.3.1 – EXERCÍCIO 2 - RESOLUÇÃO Classe Operário implementa

IProfissionalIndustria e herda da classe Pessoa

Classe operário contém propriedade de IProfissionalIndustria e IProfissional

Page 56: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.3.1 – EXERCÍCIO 2 - RESOLUÇÃO Classe Operário implementa os métodos

definidos nas Interfaces

Classe Vendedor implementa o método da interface IProfissional

Page 57: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.3.1 – EXERCÍCIO 2 - RESOLUÇÃO Código da Aplicação Console

Page 58: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.3.1 – EXERCÍCIO 2 - RESOLUÇÃO Resultado esperado

Page 59: S2 b   2008-2 - fase2 - propostas e soluçoes

LABORATÓRIO 2.4.1

Fase 2 - Aula 4

Page 60: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.4.1 Exercício 1

Crie uma Master Page Crie dois Web Content Forms Na master page insira links para navegar para os dois

web form No primeiro web form transfira o valor de um textbox

para um segundo textbox utilizando ViewState No segundo web form transfira o valor de um textbox

para um segundo textbox utilizando Session

Page 61: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.4.1 – EXERCÍCIO 1 - RESOLUÇÃO Design da Master page

Design web form Principal.aspx

Page 62: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.4.1 – EXERCÍCIO 1 - RESOLUÇÃO Código do web form Principal.aspx

Page 63: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.4.1 – EXERCÍCIO 1 - RESOLUÇÃO Design do web form Secundaria.aspx

Código do web form Secundaria.aspx

Page 64: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.4.1 – EXERCÍCIO 1 - RESOLUÇÃO Resultado esperado

Page 65: S2 b   2008-2 - fase2 - propostas e soluçoes

LABORATÓRIO 2.4.2

Fase 2 - Aula 4

Page 66: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.4.2 Exercício 1

Crie um User control para autenticação Crie um web form para consumir o user control Crie um método que deve ser executado na página

quando o login for solicitado Crie um método no User control para alterar a

mensagem que aparece para o usuário como resultado Dica: Utilize delegates

Page 67: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.4.2 – EXERCÍCIO 1 - RESOLUÇÃO Design do user control

Page 68: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.4.2 – EXERCÍCIO 1 - RESOLUÇÃO Código do user control

Page 69: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.4.2 – EXERCÍCIO 1 - RESOLUÇÃO Design do web form

Page 70: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.4.2 – EXERCÍCIO 1 - RESOLUÇÃO Código do Web form

Page 71: S2 b   2008-2 - fase2 - propostas e soluçoes

LABORATÓRIO 2.5.1

Fase 2 - Aula 5

Page 72: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.5.1 Exercício 1

Crie um projeto do tipo Class Library Adicione uma classe Cliente Utilize o conceito de Partial Class para definir a classe

Cliente Crie ao menos dois arquivos para a Classe Cliente

Crie um método que retorne se o cliente está ativo Crie um web form com dois Listbox

Um para clientes ativos Um para clientes inativos

Crie uma coleção de clientes Popule cada listbox com os clientes de acordo com o

resultado do método que indica se está ativo

Page 73: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.5.1 – EXERCÍCIO 1 - RESOLUÇÃO Primeira parte da classe Cliente

Segunda parte da classe Cliente

Page 74: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.5.1 – EXERCÍCIO 1 - RESOLUÇÃO Design do web form

Page 75: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.5.1 – EXERCÍCIO 1 - RESOLUÇÃO Código que cria coleção de Clientes

Page 76: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.5.1 – EXERCÍCIO 1 - RESOLUÇÃO Código para popular os listbox

Page 77: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.5.1 – EXERCÍCIO 1 - RESOLUÇÃO Resultado esperado

Page 78: S2 b   2008-2 - fase2 - propostas e soluçoes

LABORATÓRIO 2.6.1

Fase 2 - Aula 6

Page 79: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.6.1 Exercício 1

Crie um novo web form com as seguintes características Um textbox Um botão Um listbox

Quando ocorrer o clique no botão deve adicionar ao listbox o valor que for digitado no textbox

Não deve ocorrer o postback

Page 80: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.6.1 – EXERCÍCIO 1 - RESOLUÇÃO Design do Webform

Page 81: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.6.1 – EXERCÍCIO 1 - RESOLUÇÃO Código do web form

Page 82: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.6.1 – EXERCÍCIO 1 - RESOLUÇÃO Resultado esperado

Page 83: S2 b   2008-2 - fase2 - propostas e soluçoes

LABORATÓRIO 2.6.2

Fase 2 - Aula 6

Page 84: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.6.2 Exercício 1

Crie um web service que receba uma string como parâmetro e retorne a mesma concatenada com outra string

Page 85: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.6.2 – EXERCÍCIO 1 - RESOLUÇÃO Código do Método

Page 86: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.6.2 – EXERCÍCIO 1 - RESOLUÇÃO Resultado esperado

Page 87: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.6.2 Exercício 2

Crie um web form que acesse o web service criado no exercício 1

Page 88: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.6.2 – EXERCÍCIO 2 - RESOLUÇÃO Design do web form

Page 89: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.6.2 – EXERCÍCIO 2 - RESOLUÇÃO Código do web form

Resultado esperado

Page 90: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.6.2 Exercício 3

No web form do exercício 2, adicione uma grid view para mostrar uma lista de resultados de jogos de futebol

Os resultados devem ser recuperados de um web service

Page 91: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.6.2 – EXERCÍCIO 3 - RESOLUÇÃO Código do web service

Page 92: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.6.2 – EXERCÍCIO 3 - RESOLUÇÃO Design do web form

Page 93: S2 b   2008-2 - fase2 - propostas e soluçoes

LAB 2.6.2 – EXERCÍCIO 3 - RESOLUÇÃO Código do web form

Resultado esperado