Módulo 3936 ASP.NET. Financiado pelo FSE

Transcrição

1 EISnt Centro de Formação Profissional, Engenharia Informática e Sistemas, Novas Tecnologias, Lda Avª D. João I, nº 380/384 Soutelo Rio Tinto Portal Internet : formação@eisnt.com Telefone : Fax : Módulo 3936 ASP.NET

2 Índice 1 Como instalar o Visual Web Developer Express Edition (Ferramenta gratuita) 2 Ambiente de trabalho 3 Primeira aplicação Olá Mundo 4 Segunda aplicação Soma de 2 números 5 Várias aplicações para treino

3 1 - Como instalar o Visual Web Developer Express Edition (Ferramenta gratuita) Para instalar o Visual Web Developer da Microsoft, última versão (2010) terá de ir ao seguinte link : onde aparecerá o seguinte écran inicial: Nessa altura terá de procurar a ferramenta Visual Web Developer que faz parte do pacote Microsoft Visual Studio e que tem uma versão gratuita que é a versão Express Edition.

4 Ao escolher o Visual Web Developer 2010 Express aparecerá este écran onde podemos começar a instalar no nosso computador. Para instalar a ferramenta Microsoft Visual Web Developer teremos então de fazer o download do seguinte ficheiro para o nosso computador. A instalação no nosso computador poderá demorar entre 20 a 40 minutos dependendo da última actualização do Windows que temos.

5 2 Ambiente de trabalho Depois de devidamente instalado aparecerá o seguinte écran de trabalho. Nesta altura poderá começar a trabalhar no ambiente de trabalho tendo as seguintes opções: Criar um Novo Web Site ou Abrir um Web Site que já tinha iniciado anteriormente.

6 Ao criar um novo projecto iremos criar um ASP.NET Web Site, dandolhe um nome por exemplo site1. Tomar atenção neste momento, pois a linguagem usada será o Visual Basic, o que deverá estar seleccionado na opção do seu lado esquerdo. Nesta altura aparecerá um template inicial onde poderemos começar a iniciar o nosso primeiro exercício.

7 Depois disto estamos aptos a desenvolver as nossas aplicações, mas antes vamos verificar para que servem cada parte do ambiente de desenvolvimento. O local onde iremos desenvolver os nossos web sites será na área do ficheiro default.aspx, que é descriminado pela primeira vez como defaul.aspx : Do lado esquerdo do nosso default.aspx aparece-nos uma área importante. ToolBox Onde são apresentados todos os objectos que podemos utilizar para o desenvolvimento de aplicações para a web.

8 Do lado direito do nosso formulário aparece-nos outras duas áreas importantes. Solution Explorer -> Todos as pastas e ficheiros que fazem parte do nosso projecto. Properties -> As propriedades do elemento que está neste momento seleccionado.

9 Depois das descrições acima do ambiente de desenvolvimento, para começarmos a experimentar as aplicações que iremos desenvolver teremos que usar o botão Start Debugging (F5). 3 Primeira aplicação : Olá Mundo Vamos então por começar por fazer a primeira aplicação. No default.aspx que nos é apresentado vamos arrastar da Toolbox o objecto Label para o mesmo. E com esse objecto seleccionado (Label) vamos modificar a propriedade Text e outras para experimentar.

10 Para executar a nossa aplicação teremos de carregar no botão Start Debugging ou F5 e poderá verificar desta maneira a sua aplicação a correr. Para desligarmos o Start Debugging deveremos carregar no botão Stop Debugging como poderá ver pela figura.

11 4 Segunda aplicação : Soma de 2 números Pretende-se com esta aplicação somar 2 números com os valores introduzidos por teclado. Os objectos necessários serão : - 4 Labels (Número 1, Número 2, Resultado e e resultado propriamente dito. - 2 TextBox (Número 1 e número 2 para introduzir os dados) - 1 Botão para executar a operação da soma.

12 No caso do código, temos que definir 3 variáveis, número 1, número 2 e soma. Os tipos de variáveis possíveis em Visual Web Developer com a Linguagem Visual Basic 2010 são : Para o nosso exercício podemos definir (dimensionar) as variáveis como inteiros (Integer) com a seguinte instrução: int num1, num2, soma;

13 Para fazermos o input de dados teremos uma instrução deste género: Aqui os dados de input são introduzidos pelos objectos TextBox. De seguida o processamento para somar os 2 números é o seguinte: A saída do resultado será o cálculo da soma dos 2 números e terá a seguinte instrução: Aqui será colocada no objecto Label4 o resultado da variável soma que nesta altura para ser apresentada terá de ser convertida para string. Então a programação completa do botão será : E terá a apresentação para o utilizador desta maneira:

14 5 Várias aplicações para treino No seguimento do exercício anterior, faça uma aplicação que permita calcular a área de um triângulo rectângulo dada a sua base e a sua altura. Como neste caso teremos no cálculo de efectuar uma divisão convêm pelo menos no resultado seja permitido casas decimais, pois poderá o resultado ser apresentado com casas decimais. A área de um triângulo rectângulo é : área = base * altura /2 sendo o * o o operador de multiplicação. ///