El diseño del login.aspx

Para crear este login se insertó una tabla de 3 filas y 3 columnas en la opción tabla y luego insertar tabla

Al dar clic configuramos los parámetros de nuestra tabla

3. Anexamos un botón a nuestro diseño y le colocamos el nombre de aceptar

4. Luego anexamos un sqldatasource1

Luego ingresamos a sql server y c reamos nuestra base de datos, en mi c aso ya la tengo creada La cual le coloque el nombre de prologin, se crean las tablas de nombre y usuario y se insertan los datos de login

Luego en sqldatasource1 configuramos la base de dato ya c reada

Conectamos la base de datos y le damos siguiente

Se deja el chech como se muestra resaltado en amarillo y le damos siguiente

Le damos en consultar prueba y nos debe mostrar los datos insertado y finalizar

Procedemos a crear un nuevo ítem, que es donde después de logearse entrara a una nueva página

Creamos un nuevo formulario , le colocamos le nombre que deseemos y le damos agregar

En mi caso se llama default, en el botón aceptar de colocaremos el Re direccionamiento, quedando de la siguiente manera Imports System.Data Partial Class login Inherits System.Web.UI.Page Protected Sub  Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click Dim numero As Integer Dim dvSql As DataView = DirectCast(SqlDataSource1.Select( DataSourceSelectArguments .Empty), DataView) If dvSql.Count > 0 Then numero = 1 End If If numero = 1 Then Session("usuario") = dvSql(0).Item(0) Response.Redirect( "Default2.aspx") End If End Sub End Class

Luego procederemos a crear el Segundo link con los datos de inserción, edición, y eliminación de datos

1.

Ingresamos a archivo, damos clic en nuevo y luego e n sitio web.

2.

Cogemos la opción de sitio web vacío de ASP.NET

3.

En la parte derecha le damos clic derecho y agregar un nuevo elemento

4.

Agregamos un formulario web forms

5.

Insertamos una tabla

En este caso se insertó de 4 filas y 2 columnas

6.

En la primera columna colocamos los datos capturar y en cada fila los datos a lo que hace referencia la información que se va a capturar.

7.

Se agrega un nuevo elemento el cual será la base de datos de sql server

8.

Se despliega la db y en la carpeta tabla le damos agregar nueva tabla

9.

Y agregamos los datos de las columnas y definimos el tipo de dato que se van a ingresar y si se permiten o no valores nulos

10. Guardamos la db

11. En visual studio 2014 deja como predeterminado el primer campo como llave principal, de no ser así se le asigna en las propiedades de la tabla como esta e n la imagen anterior.

12. De damos clic derecho en la tabla que creamos y mostrar datos de la tabla

13. Procederemos a ingresar datos de prueba en la tabla en los campos asignados

14. Conectar a la web l base de datos, pero primero agregamos un nuevo elemento, un formulario web forms

15. Aunque ya teníamos una , en esta lo que agregamos es primero una gr id view y luego un sqldatasource

16. En el sqldatasource le damos en comfigurar origen de datos, para conectar la db que creamos

Seleccionamos la database.mdf

Le damos siguiente

17. Le damos en la opción de especificar columnas de una tabla o vista, y chech en el asterisco para que tome todos los campos de la tabla, luego nos vamos a avanzada

Seleccionamos la primera opción y le damos aceptar

18. En esta ventana damos consulta de prueba y deben salir los datos de prueba que se cargaron previamente

19. En la gridview le damos en la flechita y seleccionamos la base de dato

20. En el formato automático le cambiamos el tipo de diseño de la vista y se habilita los chech de habilitar edición y eliminación

21. Así nos quedara después de colocarle un nuevo formato y las opciones que seleccionamos para editar y eliminar

22. En el sqldatasource en la fecha derecha de opciones seleccionamos la base de datos que creamos, esto nos permitirá insertar datos y nos aparecerá los campos que creamos en la db

23. en la propiedades del lado derecho en la opción Defauldmode lo cambiamos por insert

24. ya nos queda el sqldatasource de la siguiente manera , activamos los chech de inserción, edición y eliminación de datos

25. guardamos cambios y lo ejecutamos, el cual abrirá el naveg ador predeterminado de visual studio, y nos mostrara los datos que se carg aron inicialmente cuando se creó la db

26. como se refleja en la imagen se eliminó la fila 2con la opción eliminar y en los c ampos vacíos del segundo cuadro ingresamos la línea 6 y 7 con datos de registros de dos nuevos usuarios

27. le damos editar y cambiaremos los datos de la fila 1

28. en esta última imagen vemos los datos modificados, de las opciones editar , eliminar e insertar

Estos son los pasos para crear y diseñar un una aplicación web con base de datos que nos pe rmite ingresar, borrar y modificar o editar datos de registros. Quedando de esta manera, adicional se le agreg o 4 label y 4 botones para ingresar a los exámenes

El código de ese diseño es el siguiente: <%@ Page Language="VB" AutoEventWireup ="false" CodeFile="Default2.aspx.vb" Inherits="Default2" %> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> Bienvenidos Registre sus datos y Selecciones el Curso

" DeleteCommand ="DELETE FROM [Table] WHERE [Cedula] = @Cedula" InsertCommand ="INSERT INTO [Table] ([Cedula], [Nombre], [Apellido], [Codigo]) VALUES (@Cedula, @Nombre, @Apellido, @Codigo)" SelectCommand ="SELECT * FROM [Table]" UpdateCommand="UPDATE [Table] SET [Nombre] = @Nombre, [Apellido] = @Apellido, [Codigo] = @Codigo WHERE [Cedula] = @Cedula">

Selecciones el curso

 

 

En los botones de cada curso solo se le re direccionó a una carpeta donde están los nuevos ítem de los exámenes Este es el código para cada botó n Partial Class Default2 Inherits System.Web.UI.Page

Protected Sub  boton1_Click(sender As Object, e As EventArgs) Handles boton1.Click Response.Redirect( "/pruebas/Default.aspx" ) End Sub Protected Sub  boton2_Click(sender As Object, e As EventArgs) Handles boton2.Click Response.Redirect("/pruebas/curso2.aspx" ) End Sub Protected Sub  boton3_Click(sender As Object, e As EventArgs) Handles boton3.Click Response.Redirect( "/pruebas/curso3.aspx" ) End Sub Protected Sub  boton4_Click(sender As Object, e As EventArgs) Handles boton4.Click Response.Redirect( "/pruebas/curso4.aspx" ) End Sub Protected Sub  BTNINICIO1_Click(sender As Object, e As EventArgs) Handles BTNINICIO1.Click Response.Redirect( "login.aspx" ) End Sub End Class

Se procede a crear una nueva carpeta donde colocaremos los formularios de os examenes

En mi caso le coloque el nombre de prueba

Dentro de la carpeta pruebas coloque un nuevo elemento en este caso creer uno por cada curso

El primero para ingles llamado default, el segundo curso2.aspx, terce ro cruso3.aspx y el cuarto curso4.aspx El procedimiento realizado en el primer formulario llamado (Default), se aplicó la misma lógica para los demás exámenes

En este caso explicaremos el primero resaltado en amarillo para el cual se designó el examen de ingles

Para su creación se le inserto una tabla de 5 por 5

En la primera fila, tercera co lumna digitamos el nombre de EXAMEN DE INGLES y en la cuarta columna digitamos el nombre de alumno y colocamos un textbox, la cual colocaremos el nombre del alumno

En la segunda fila digitamos las preguntas

En la misma fila

Le agregamos un radiobuttonlist en cada columnas de las preguntas en cada fila donde se digito la spreguntas

En las tareas del radiobuttonlist le damos editar elementos..

Primero le damos agregar miembros el cual va incrementando de 0 en adelante, ejemplo 0,1,2,3,4 etc, después seleccionamos el primer miembro y en el lado derecho en las propiedades en Text que se encuentra resaltado se colocó la primera respuesta 1. At school y así las siguientes respuesta, de la misma manera para las demás preguntas de las 5 creadas

Agregamos un bottton del cuadro de herramientas

Le cambiamos el nombre por evaluar

La lógica del examen se encuentra en el boton de EVALUAR, miremos el código

Partial Class pruebas_Default Inherits System.Web.UI.Page Private Property puntaje As Integer

/// declaramos la variable puntaje

Protected Sub  btn1_Click(sender As Object, e As EventArgs) Handles btn1.Click puntaje = 0

// el valor inicial es de cero para puntaje

//se coloca una condición if y se llama la lista creadas enumerada segunla cantidad creada y se le coloca un selecid index por el valor de la respuesta correcta y el valor del puntaje por cada respuesta correta If lista1.SelectedIndex If lista2.SelectedIndex If lista3.SelectedIndex If lista4.SelectedIndex If lista5.SelectedIndex

= = = = =

1 1 0 0 2

Then puntaje Then puntaje Then puntaje Then puntaje Then puntaje

= = = = =

puntaje puntaje puntaje puntaje puntaje

+ + + + +

5 5 5 5 5

//El mensaje msgbox lo unimos al textbox donde colocamos el nombre del estudiante Mas el texto de su puntaje es, mas el valor del puntaje mas el comparativo de texto que es la suma de todas las respuestas correctas MsgBox("Sr(a)" + TextBox1.Text + " su puntaje es "  + Str(puntaje) + "/25", MsgBoxStyle.Information)

//esta condición el cual si es mayor o menor a 15 es la suma de las preguntas correcta Para informar si paso o no la evaluacion If puntaje < 15 Then MsgBox("Evaluacion perdida") If puntaje > 15 Then MsgBox("Evaluacion Exitosa") End Sub

Protected Sub  Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click

Response.Redirect("../Default2.aspx") // este boton no direcciona a selecionar un  Nuevo curso End Sub End Class

Ejecución de la aplicación web

En esta parte respondemos erradamente y nos muestra el siguiente mensaje

CONCLUSION In this final work we learned how to create a web application with asp.net and database, connection between several links and execution of events and objects, which was enriching, knowing the use of tools and properties for this latest project Visual basic advanced.