You are on page 1of 8

Programación para Desarrollo WEB Universidad Estatal a Distancia

50295 Vicerrectoría Académica

Actividad Evaluada Dirección de Extensión Universitaria

Tarea No.1
Puntos: 20
Valor. 10%
Modalidad: Individual
Fecha de entrega: Módulo 1, del 6 al 12 de junio de 2018, antes de las 11:55 p.m.

Objetivo:
Adquirir conocimientos básicos sobre el lenguaje de programación web, para
poder distinguir la importancia de los entornos web.
Información / situación:
La tarea busca que el estudiante desarrolle las primeras habilidades en el uso de
la herramienta Visual Studio con ASP.NET.
Recursos necesarios: Capítulo 15 del libro de texto
Desarrollo de la tarea
I Parte. Realice lo siguiente
1. Lea el capítulo 15.
2. El estudiante debe crear el sitio WEB tal y como se le indica en la descripción
de la evaluación a continuación o dentro del módulo de la plataforma que se
establece.
3. Inicie la aplicación Visual Studio para WEB.
4. Diríjase a Archivo / Nuevo Proyecto / Aplicación ASP.NET vacía.
5. Como nombre del proyecto indíquelo con el siguiente formato:
SuNombreTarea1.
6. Ubique el archivo en una carpeta que recuerde (esta carpeta es la que debe
comprimir para enviar)
7. Agregue un nuevo formulario Web al proyecto. Clic derecho sobre el proyecto
/ Agregar / Formulario Web. Se le va a solicitar un nombre para la página,
debe indicar: MiPrimeraPagina.
Programación para Desarrollo WEB Universidad Estatal a Distancia

50295 Vicerrectoría Académica

Actividad Evaluada Dirección de Extensión Universitaria

8. Sobre la página recién creada, borre el contenido de la vista de código y


copie el siguiente código.

<%@ Page Language="vb" AutoEventWireup="false"


CodeBehind="MiPrimeraPagina.aspx.vb" Inherits="Tarea1.MiPrimeraPagina" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Mi pimera página</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<article>
<h1>
Controles ASP.Net
</h1>
</article>
</div>

<table border="1">
<tr>
<th style="text-align:left">Género</th>
<td>
<asp:RadioButton ID="rbtHombre" GroupName="Genero"
Text="Hombre" runat="server" />
</td>
Programación para Desarrollo WEB Universidad Estatal a Distancia

50295 Vicerrectoría Académica

Actividad Evaluada Dirección de Extensión Universitaria

<td>
<asp:RadioButton ID="rbtMujer" GroupName="Genero" Text="Mujer"
runat="server" />
</td>
</tr>
<tr>
<th style="text-align:left">
Digite su Nombre
</th>
<td colspan="2">
<asp:TextBox ID="txtNombre" Width="200px"
runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<th style="text-align:left">
Fecha de Nacimiento
</th>
<td colspan="2">
Seleccione el año: &nbsp;<asp:DropDownList ID="ddlAnio"
runat="server" AutoPostBack="True"></asp:DropDownList>
<asp:Calendar ID="calCalendario" runat="server" BackColor="#FFFFCC"
BorderColor="#FFCC66" BorderWidth="1px" DayNameFormat="Shortest" Font-
Names="Verdana" Font-Size="8pt" ForeColor="#663399" Height="200px"
ShowGridLines="True" Width="220px">
<DayHeaderStyle BackColor="#FFCC66" Font-Bold="True"
Height="1px" />
<NextPrevStyle Font-Size="9pt" ForeColor="#FFFFCC" />
<OtherMonthDayStyle ForeColor="#CC9966" />
Programación para Desarrollo WEB Universidad Estatal a Distancia

50295 Vicerrectoría Académica

Actividad Evaluada Dirección de Extensión Universitaria

<SelectedDayStyle BackColor="#CCCCFF" Font-Bold="True" />


<SelectorStyle BackColor="#FFCC66" />
<TitleStyle BackColor="#990000" Font-Bold="True" Font-Size="9pt"
ForeColor="#FFFFCC" />
<TodayDayStyle BackColor="#FFCC66" ForeColor="White" />
</asp:Calendar>
</td>
</tr>
</table>

<br />

<asp:Button ID="btnTramite" runat="server" Text="Información" />


<br />
<br />
<div style="width:350px; padding: 5px; border: 1px solid blue; text-align:center;
background-color: #99CCFF;">
Información
</div>
<div style="border-style: none solid solid solid; border-width: 0px 1px 1px 1px;
border-color: blue; width:350px; padding: 5px; background-color: #FFFFCC;">
<asp:Label ID="lblInfo1" runat="server" Text=""></asp:Label><br />
<asp:Label ID="lblInfo2" runat="server" Text=""></asp:Label><br />
<asp:Label ID="lblInfo3" runat="server" Text=""></asp:Label>
</div>
</form>
</body>
</html>
Programación para Desarrollo WEB Universidad Estatal a Distancia

50295 Vicerrectoría Académica

Actividad Evaluada Dirección de Extensión Universitaria

9. Al finalizar de copiar el código, debe obtenerse el siguiente resultado en la


vista de diseño

10. Ahora se va a asignar código al formulario. Debe dar clic derecho sobre el
formulario web en el explorador de soluciones y seleccionar la opción “Ver
Código”.
11. Debe copiar o reemplazar el código que se generó por el siguiente código

Public Class MiPrimeraPagina


Inherits System.Web.UI.Page

Protected Sub Page_Load(ByVal sender As Object, ByVal e As


System.EventArgs) Handles Me.Load
Programación para Desarrollo WEB Universidad Estatal a Distancia

50295 Vicerrectoría Académica

Actividad Evaluada Dirección de Extensión Universitaria

If Not IsPostBack Then


CargarAnios()
ddlAnio.SelectedValue = Now.Year
End If

End Sub

Private Sub btnTramite_Click(sender As Object, e As EventArgs) Handles


btnTramite.Click
Try
If Date.Now > New Date(Now.Year, Now.Month, Now.Day, 11, 59, 59) Then
lblInfo1.Text = "Buenas Tardes " & txtNombre.Text
Else
lblInfo1.Text = "Buenos Días " & txtNombre.Text
End If
lblInfo2.Text = "Su edad actual es: " & CStr(Now.Year -
calCalendario.SelectedDate.Year) & " Años y " & CStr(Now.Month -
calCalendario.SelectedDate.Month) & " meses"
If Date.Now.Month = calCalendario.SelectedDate.Month And
Date.Now.Day = calCalendario.SelectedDate.Day Then
lblInfo3.Text = "Felicidades, hoy es su cumpleaños"
Else
lblInfo3.Text = "Hoy no es su cumpleaños"
End If
Catch ex As Exception
Throw
End Try
End Sub
Private Sub CargarAnios()
Programación para Desarrollo WEB Universidad Estatal a Distancia

50295 Vicerrectoría Académica

Actividad Evaluada Dirección de Extensión Universitaria

For i = Now.Year To Now.Year - 50 Step -1


ddlAnio.Items.Add(i)
Next
End Sub
Private Sub ddlAnio_SelectedIndexChanged(sender As Object, e As EventArgs)
Handles ddlAnio.SelectedIndexChanged
Me.calCalendario.TodaysDate = New Date(CInt(ddlAnio.SelectedItem.Text),
Now.Month, Now.Day)
Me.calCalendario.SelectedDate = calCalendario.TodaysDate
End Sub
End Class

12. Al final debe ejecutar la aplicación y contestar las siguientes preguntas (Debe
adjuntar las respuestas en un documento aparte)
a. Qué hace de manera general la aplicación.
b. Cuántos controles ASP.NET tiene el formulario
c. El código del servidor tiene 3 procedimientos con eventos y un método
personalizado, indique cuáles son y qué hace cada uno de ellos.
13. Guarde la aplicación y verifique que funcione correctamente.

II Parte. Entregable
1. Al finalizar el capítulo 15 debe comprimir en un archivo .rar o .zip el proyecto
Tarea1 generado a lo largo de todo el capítulo 15 y enviarlo por el medio
correcto del Módulo 1 / Tarea 1.
Programación para Desarrollo WEB Universidad Estatal a Distancia

50295 Vicerrectoría Académica

Actividad Evaluada Dirección de Extensión Universitaria

Criterios de evaluación:
Criterio Valor Valor
en porcentual
puntos
Entrega puntualmente la evaluación 2 1%
Desarrolla la solución como se indica en la descripción 16 8%
Crea un nuevo proyecto llamado Tarea1 2
Agrega los controles indicadas 4
Modifica las propiedades indicadas 4
Escribe los controladores de evento 4
Verifica el sitio WEB y lo Guarda. 2
Entrega el proyecto mediante el uso de un archivo 2 1%
comprimido .rar
Total 20 10%

You might also like