diseño de aplicaciones web con visual studio.net 2008

UNIVERSIDAD SAN PEDRO
CURSO DE TÓPICOS AVANZADOS DE INFORMÁTICA
DISEÑO DE APLICACIONES
WEB CON VISUAL
STUDIO.NET 2008
UNIVERSIDAD SAN PEDRO
FILIAL - CAJAMARCA
CURSO: TÓPICOS AVANZADOS DE
INFORMÁTICA.
DOCENTE:
ING. EDDIER FLORES IDRUGO
Ing. Eddier Flores Idrugo
Página 1
UNIVERSIDAD SAN PEDRO
CURSO DE TÓPICOS AVANZADOS DE INFORMÁTICA
Programando un Teclado Virtual aleatorio
1. Crear una Aplicación (Sitio Web) denominada “teclado_virtual”.
2. Seguidamente marcar el proyecto y agregar una carpeta denominada App_Code,
esta carpeta está destinada a almacenar algunos códigos de programación y módulos
que contengan variables públicas y globales.
3. Diseñar la siguiente interfaz.
Control
Label
Label
Textbox
Textbox
Button
label
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Button
Panel
Propiedad Text
Usuario
Password
Validar
1
2
3
4
5
6
7
8
9
0
cls
ID.
txt_usuario
txt_password
btn_validar
mensaje
btn_1
btn_2
btn_3
btn_4
btn_5
btn_6
btn_7
btn_8
btn_9
btn_0
btncls
Border Style
Ridge
Ridge
4. Insertar dentro de la Carpeta App_Code un modulo de Clase denominado variables.
Modificar la Clase con el siguiente código.
Aquí declaramos dos variables globales para todo el proyecto (cadena y mascara)
Ing. Eddier Flores Idrugo
Página 2
UNIVERSIDAD SAN PEDRO
CURSO DE TÓPICOS AVANZADOS DE INFORMÁTICA
Public Module variables
Public cadena As String = ""
Public mascara As String = ""
End Module
5. Programar la carga de la página Web.
Protected Sub Page_Load(ByVal sender As Object, ByVal e As
System.EventArgs) Handles Me.Load
‘ cuando la pagina se carga por primera vez
‘ se inicializan las variables en blanco
If Not IsPostBack Then
cadena = ""
mascara = ""
End If
End Sub
6. Programación dentro del Botón Validar
Dim user As String
user = txt_usuario.Text
'---creo inicios de session para accesos--If (user.CompareTo("Eddier") = 0) And (cadena.CompareTo("123") = 0) Then
Session("usuario") = user
Session("password") = cadena
Response.Redirect("operaciones.aspx")
Else
Session.Abandon()
Session.Clear()
Session.RemoveAll()
mensaje.Text = "Error de Usuario"
End If
7. Crear el procedimiento teclado_aleatorio
Sub tecladoAleatorio()
Dim numero As Integer
numero = Int(Rnd() * 10)
Select Case numero
Case 0
btn_1.Text
btn_2.Text
btn_3.Text
btn_4.Text
btn_5.Text
btn_6.Text
btn_7.Text
btn_8.Text
btn_9.Text
btn_0.Text
Ing. Eddier Flores Idrugo
=
=
=
=
=
=
=
=
=
=
"1"
"2"
"3"
"4"
"5"
"6"
"7"
"8"
"9"
"0"
Página 3
UNIVERSIDAD SAN PEDRO
Case 1
btn_1.Text
btn_2.Text
btn_3.Text
btn_4.Text
btn_5.Text
btn_6.Text
btn_7.Text
btn_8.Text
btn_9.Text
btn_0.Text
Case 2
btn_1.Text
btn_2.Text
btn_3.Text
btn_4.Text
btn_5.Text
btn_6.Text
btn_7.Text
btn_8.Text
btn_9.Text
btn_0.Text
Case 3
btn_1.Text
btn_2.Text
btn_3.Text
btn_4.Text
btn_5.Text
btn_6.Text
btn_7.Text
btn_8.Text
btn_9.Text
btn_0.Text
Case 4
btn_1.Text
btn_2.Text
btn_3.Text
btn_4.Text
btn_5.Text
btn_6.Text
btn_7.Text
btn_8.Text
btn_9.Text
btn_0.Text
Case 5
btn_1.Text
btn_2.Text
btn_3.Text
btn_4.Text
btn_5.Text
btn_6.Text
btn_7.Text
btn_8.Text
btn_9.Text
btn_0.Text
Ing. Eddier Flores Idrugo
CURSO DE TÓPICOS AVANZADOS DE INFORMÁTICA
=
=
=
=
=
=
=
=
=
=
"3"
"9"
"5"
"8"
"0"
"2"
"4"
"6"
"7"
"1"
=
=
=
=
=
=
=
=
=
=
"4"
"9"
"5"
"1"
"0"
"3"
"8"
"7"
"6"
"2"
=
=
=
=
=
=
=
=
=
=
"0"
"9"
"2"
"7"
"4"
"8"
"6"
"3"
"5"
"1"
=
=
=
=
=
=
=
=
=
=
"5"
"3"
"7"
"1"
"9"
"0"
"8"
"2"
"6"
"4"
=
=
=
=
=
=
=
=
=
=
"9"
"7"
"1"
"8"
"3"
"2"
"5"
"6"
"0"
"4"
Página 4
UNIVERSIDAD SAN PEDRO
Case 6
btn_1.Text
btn_2.Text
btn_3.Text
btn_4.Text
btn_5.Text
btn_6.Text
btn_7.Text
btn_8.Text
btn_9.Text
btn_0.Text
Case 7
btn_1.Text
btn_2.Text
btn_3.Text
btn_4.Text
btn_5.Text
btn_6.Text
btn_7.Text
btn_8.Text
btn_9.Text
btn_0.Text
Case 8
btn_1.Text
btn_2.Text
btn_3.Text
btn_4.Text
btn_5.Text
btn_6.Text
btn_7.Text
btn_8.Text
btn_9.Text
btn_0.Text
Case 9
btn_1.Text
btn_2.Text
btn_3.Text
btn_4.Text
btn_5.Text
btn_6.Text
btn_7.Text
btn_8.Text
btn_9.Text
btn_0.Text
End Select
CURSO DE TÓPICOS AVANZADOS DE INFORMÁTICA
=
=
=
=
=
=
=
=
=
=
"5"
"8"
"3"
"0"
"6"
"2"
"9"
"4"
"7"
"1"
=
=
=
=
=
=
=
=
=
=
"3"
"6"
"5"
"4"
"8"
"7"
"9"
"0"
"1"
"2"
=
=
=
=
=
=
=
=
=
=
"6"
"4"
"8"
"2"
"1"
"0"
"9"
"3"
"7"
"5"
=
=
=
=
=
=
=
=
=
=
"4"
"1"
"6"
"3"
"8"
"0"
"9"
"5"
"2"
"7"
End Sub
8. Programación Botón 1
Dim n1 As String = btn_1.Text'capturamos el texto del boton actual
cadena = String.Concat(cadena, n1)
txtPassword.Text = cadena
mascara = String.Concat(mascara, "*")
txtPassword.Text = mascara
tecladoAleatorio()' ejecutamos nuevamente la nueva posición
Ing. Eddier Flores Idrugo
Página 5
UNIVERSIDAD SAN PEDRO
CURSO DE TÓPICOS AVANZADOS DE INFORMÁTICA
9. Programación Botón 2
Dim n2 As String = btn_2.Text
cadena = String.Concat(cadena, n2)
txtPassword.Text = cadena
mascara = String.Concat(mascara, "*")
txtPassword.Text = mascara
tecladoAleatorio()' ejecutamos nuevamente la nueva posición
10. Programación Botón 3
Dim n3 As String = btn_3.Text
cadena = String.Concat(cadena, n3)
txtPassword.Text = cadena
mascara = String.Concat(mascara, "*")
txtPassword.Text = mascara
tecladoAleatorio()' ejecutamos nuevamente la nueva posición
11. Programación Botón 4
Dim n4 As String = btn_4.Text
cadena = String.Concat(cadena, n4)
txtPassword.Text = cadena
mascara = String.Concat(mascara, "*")
txtPassword.Text = mascara
tecladoAleatorio()' ejecutamos nuevamente la nueva posición
12. Programación Botón 5
Dim n5 As String = btn_5.Text
cadena = String.Concat(cadena, n5)
txtPassword.Text = cadena
mascara = String.Concat(mascara, "*")
txtPassword.Text = mascara
tecladoAleatorio()' ejecutamos nuevamente la nueva posición
13. Programación Botón 6
Dim n6 As String = btn_6.Text
cadena = String.Concat(cadena, n6)
txtPassword.Text = cadena
mascara = String.Concat(mascara, "*")
txtPassword.Text = mascara
tecladoAleatorio()' ejecutamos nuevamente la nueva posición
14. Programación Botón 7
Dim n7 As String = btn_7.Text
cadena = String.Concat(cadena, n7)
txtPassword.Text = cadena
mascara = String.Concat(mascara, "*")
txtPassword.Text = mascara
tecladoAleatorio()' ejecutamos nuevamente la nueva posición
Ing. Eddier Flores Idrugo
Página 6
UNIVERSIDAD SAN PEDRO
CURSO DE TÓPICOS AVANZADOS DE INFORMÁTICA
15. Programación Botón 8
Dim n8 As String = btn_8.Text
cadena = String.Concat(cadena, n8)
txtPassword.Text = cadena
mascara = String.Concat(mascara, "*")
txtPassword.Text = mascara
tecladoAleatorio()' ejecutamos nuevamente la nueva posición
16. Programación Botón 9
Dim n9 As String = btn_9.Text
cadena = String.Concat(cadena, n9)
txtPassword.Text = cadena
mascara = String.Concat(mascara, "*")
txtPassword.Text = mascara
tecladoAleatorio()' ejecutamos nuevamente la nueva posición
17. Programación Botón 0
Dim n0 As String = btn_0.Text
cadena = String.Concat(cadena, n0)
txtPassword.Text = cadena
mascara = String.Concat(mascara, "*")
txtPassword.Text = mascara
tecladoAleatorio()' ejecutamos nuevamente la nueva posición
18. Programación Botón CLS
txtpassword.Text = ""
cadena = ""
mascara = ""
mensaje.Text = ""
19. Crear una Página operaciones.aspx
Diseñar la siguiente interfaz.
Ing. Eddier Flores Idrugo
Página 7
UNIVERSIDAD SAN PEDRO
Control
label
label
label
CURSO DE TÓPICOS AVANZADOS DE INFORMÁTICA
Propiedad Text
Usuario
Password
ID
lbl_usuario
lbl_password
20. Programar en el proceso load del formulario operaciones.aspx
Partial Class operaciones
Inherits System.Web.UI.Page
Dim param1 As String
Dim param2 As String
Protected Sub Page_Load(ByVal sender As Object, ByVal e As
System.EventArgs) Handles Me.Load
’leemos los parametros del inicio de sesion
’y lo almacenamos en las variables
param1 = CType(Session.Item("usuario"), String)
param2 = CType(Session.Item("password"), String)
If Session.Item("usuario") = "" Then
Response.Redirect("Default.aspx")
Else
’mostrar los datos del inicio de session
If Not IsPostBack Then
lbl_usuario.Text = param1
lbl_password.Text = param2
End If
End If
End Sub
End Class
Ing. Eddier Flores Idrugo
Página 8