reporte de prÁcticas de los tres parciales en asp.net 2005 y sql server 2005 de la materia,...

Materia: Programación Visual.

Catedrático: Mtro. Iram Yován Sánchez Gómez

“REPORTE DE PRÁCTICAS DE LOS TRES PARCIALES EN ASP.NET 2005 Y SQL SERVER 2005”

Elaborado por: Matricula:

FELICIANO ZARAGOZA TOLEDO GONZÁLEZ 0907100508

CUATRIMESTRE: 4°.

GRUPO: “B”.

CARRERA: TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN ÁREA SISTEMAS INFORMÁTICOS.

FECHA DE ENTREGA: 08 de Diciembre de 2008

ÍNDICE

De un clic a algún tema en especifico para ver su contenido

INTRODUCCIÓN

INGRESAR A MICROSOFT VISUAL STUDIO 2005

ALGUNAS COSAS QUE DEBEMOS SABER

CREAR UN NUEVO PROYECTO O SITIO WEB

EXPLORADOR DE SOLUCIONES

CUADRO DE HERRAMIENTAS

VENTANA DE PROPIEDADES

LISTA DE ERRORES

EDITOR DE CÓDIGO

INSERTAR OBJETOS EN EL ÁREA DE TRABAJO

ESCRIBIR CÓDIGO

EJECUCIÓN DEL COMPILADOR

REPORTE DE PRÁCTICAS DEL PRIMER PARCIAL

PRÁCTICA #1

PRÁCTICA #2

PRÁCTICA #3

PRÁCTICA #4

PRÁCTICA #5

PRÁCTICA #6

PRÁCTICA #7

PRÁCTICA #8

REPORTE DE PRÁCTICAS DEL SEGUNDO PARCIAL

PRÁCTICA #1

PRÁCTICA #2

PRÁCTICA #3

PRÁCTICA #4

PRÁCTICA #5

PRÁCTICA #6

REPORTE DE PRÁCTICAS DEL TERCER PARCIAL

PRÁCTICA #1

PRÁCTICA #2

PRÁCTICA #3

PRÁCTICA #4

CONCLUSIÓN

Reporte de prácticas de ASP.NET 2005:Estos reportes de prácticas fueron desarrollados con la finalidad de mantener un material fácil y entendible que permita al alumno aprender y realizar ejercicios prácticos en este lenguaje de programación web. En concreto, los reportes de prácticas pretenden entonces proporcionar elementos necesarios para un aprendizaje rápido sobre ASP.NET 2005.

Ir al Índice Ir al Índice

INGRESAR A MICROSOFT VISUAL STUDIO 2005

Para ingresar a Microsoft Visual Studio 2005 es necesario aplicar los siguientes pasos:

Clic en Menú inicio, y clic en Todos los programas

Clic en Menú inicio, y clic en Todos los programas

Aparecerá la siguiente pantalla

Buscamos en donde encuentra la carpeta Microsoft Visual Studio 2005, nos posicionamos y luego damos un clic en Visual Studio 2005

Buscamos en donde encuentra la carpeta Microsoft Visual Studio 2005, nos posicionamos y luego damos un clic en Visual Studio 2005


Nuevo proyecto: En este apartado nosotros podemos crear nuevos proyectos, ya sean proyectos de escritorio, proyectos web o incluso proyectos móviles (programación de celulares), en diferentes lenguajes el cual nos proporciona Visual Studio 2005 como son:

Nuevo proyecto

Barra de menús Barra de

Esta la Pantalla inicial de Visual Studio 2005Área

de Trabajo


Barra de Menús: En este apartado nosotros podemos configurar nuestros proyectos web o de escritorio, así como habilitar nuevas barras de herramientas para nuestro entorno de trabajo.

Barra de herramientas: En este apartado nosotros podemos activar varias herramientas en Visual Studio para nuestro en torno de trabajo, como ver el explorador de soluciones para nuestros proyectos, activar el cuadro de herramientas para insertar nuevos objetos a nuestra área de trabajo, compilar nuestros proyectos, lista de errores, etc.

Área de trabajo : En este apartado es donde nosotros insertamos objetos, programamos códigos, compilamos, depuramos los programas, en pocas palabras en esta área es donde nosotros desarrollamos nuestros proyectos.

ALGUNAS COSAS QUE DEBEMOS SABER:

Asp: Es la abreviatura de Active Server Pages, es una plataforma creada por Microsoft, destinada a servir como soporte para la creación de paginas web de contenido dinámico Asp.Net es la última versión del sistema de desarrollo Asp el cual Asp.Net se incorpora a la plataforma de desarrollo .Net. Visual Studio.Net: Es un entorno de desarrollo integrado que nos ayuda a diseñar, desarrollar, depurar e implantar con rapidez soluciones basadas en el .Net Framework. Podemos acceder a un conjunto común de herramientas, diseñadores y editores desde cualquier de los lenguajes de programación de Visual Studio.Net. Podemos crear aplicaciones Windows Forms y Web Forms que integren datos y lógica de negocio. .Net: Es la plataforma que proporciona la base de la siguiente generación de software que permite conectar sistemas, información, dispositivos y usuarios distintos de un modo más unificado y personalizado. Incorpora servicios Web XML, como el medio para permitir la interoperabilidad entre tecnologías diferentes. Proporciona a los desarrolladores de software las herramientas y la tecnología para crear rápida y eficazmente soluciones de negocio que abarcan múltiples aplicaciones y múltiples dispositivos cliente entre diversas organizaciones. Permite a los usuarios controlar qué información y cómo y cuándo se les entrega.

IMPORTANTE: En Asp.Net nosotros podemos programar en tres lenguajes el cuales son: Visual Basic, C#, J#.

Por lo tanto las prácticas que se mostrarán en este reporte, están programados en Visual Basic, así que si nosotros sabemos programar en este lenguaje nos será más fácil comprender el uso y la programación de Asp.Net.


CREAR UN NUEVO PROYECTO WEB O SITIO WEB

Ya que ingresamos a Microsoft Visual Studio.net 2005 vamos a crear un nuevo proyecto web en donde se realizará un ejercicio de ejemplo.

- A continuación realice los siguientes pasos:

Damos un clic en el menú archivo y nos posicionamos en la opción Nuevo

Damos un clic en el menú archivo y nos posicionamos en la opción Nuevo

Damos un clic en la opción Sitio Web…

Damos un clic en la opción Sitio Web…

Elegimos la opción de Sitio WEB ASP.NET

Elegimos la opción de Sitio WEB ASP.NET

En la ubicación seleccionamos la opción de Sistema de archivos, para que el proyecto web quede guardado en nuestra computadora, por defecto la ubicación en donde se guardará nuestro proyecto web será en una carpeta llamada websites que se encentra dentro de una carpeta llamada Visual Studio 2005 en la carpeta “Mis documentos”.

En la ubicación seleccionamos la opción de Sistema de archivos, para que el proyecto web quede guardado en nuestra computadora, por defecto la ubicación en donde se guardará nuestro proyecto web será en una carpeta llamada websites que se encentra dentro de una carpeta llamada Visual Studio 2005 en la carpeta “Mis documentos”.

En la parte del Lenguaje, debemos elegir la opción Visual Basic ya que en este lenguaje se desarrollarán las prácticas correspondientes a este reporte; debe tener cuidado de no elegir Visual C# ó Visual J#

En la parte del Lenguaje, debemos elegir la opción Visual Basic ya que en este lenguaje se desarrollarán las prácticas correspondientes a este reporte; debe tener cuidado de no elegir Visual C# ó Visual J#

Clic en Aceptar

Clic en Aceptar


Aparecerá la siguiente pantalla

Esta es la vista de código Asp.

Esta es la vista de código Asp.

Ir a la vista diseño

Ir a la vista diseño

Esta es la vista diseño en el cual nosotros insertar y programas nuestros objetos

Esta es la vista diseño en el cual nosotros insertar y programas nuestros objetos

Explorador de solucionesExplorador de soluciones

PropiedadesPropiedades

Cuadro de herramientas

Cuadro de herramientas

Lista de erroresLista de errores


Posicione el mouse en cualquiera de las barras de herramientas ya señaladas y cuando aparezca dicha herramienta usted encontrará en la parte superior derecha una pestaña así , eso indica que la barra se oculta automáticamente, para dejar fija la barra de herramienta de un clic sobre esa pestaña y aparecerá de la siguiente manera. Dejar fija las siguientes barras de herramientas

- Cuadro de herramientas- Explorador de soluciones- Propiedades- Lista de errores

Dejar estas barras de herramientas visibles para insertar los objetos, detectar los errores y cambiarse de una página a otra, posteriormente usted podrá ocultarlas si desea.


Al dejar visibles las barras de herramientas estas aparecerán de la siguiente manera.

EXPLORADOR DE SOLUCIONES Ir al Índice Ir al Índice

El explorador de soluciones nos permite visualizar archivos y realizar tareas de administración de archivos en una solución o en un proyecto. Una única solución basada en Asp.Net y sus proyectos aparecen en una lista jerárquica que proporciona información actualizada sobre el estado de nuestra solución, proyectos y archivos.

Una solución es un recipiente para proyectos y elementos de solución que pueden incluirse en una aplicación. Normalmente, una solución contiene uno o más proyectos relacionados.

Un proyecto es un recipiente dentro de una solución que se utiliza para administrar, generar y depurar lógicamente los elementos de proyecto que constituyen nuestra aplicación.

Visual Studio.Net soporta numerosos tipos de archivos y sus extensiones de archivo asociadas. La siguiente tabla describe algunos tipos de archivos habitualmente específicos para las soluciones basadas en Asp.Net.

Extensión Nombre Descripción

.sln solución Organiza proyectos, elementos de proyectos y elementos de soluciones en Visual Studio una solución proporcionando al entorno referencias a sus ubicaciones.

.suo Solution User Registra todas las opciones que podemos asociar a nuestra solución de options forma que cada vez que abramos la solución incluya las personalidades que hayamos realizado.

.aspx Elementos de Los elementos de proyecto Web incluyen archivos Web específicos como Proyecto web .aspx para Web Forms, asmx para servicios Web XML, y .asax para clases globales de aplicaciones. Los proyectos Web también utilizan la extensión .vb para clases y módulos.

CUADRO DE HERRAMIENTAS

Para crear los objetos del interfaz de usuario de nuestra aplicación, añadimos controles desde el Cuadro de herramientas a un formulario web. Inicialmente, el Cuadro de herramientas se encuentra ubicado en el lado izquierdo del entorno de desarrollo. Hay varias pestañas para diferentes categorías de controles.

El Cuadro de herramientas contiene diversos controles que podemos utilizar para añadir ilustraciones, etiquetas, botones, cuadros de lista, barras de desplazamiento, menús y formas geométricas a un interfaz de usuario. Cada control que añadimos a un formulario se convierte en un objeto de interfaz de usuario programable en nuestra aplicación. Estos objetos son visibles para los usuarios cuando la aplicación se ejecuta y funcionan como los objetos estándares de cualquier aplicación basada en Windows.

Cerrar y abrir el Cuadro de herramientas

1. Para cerrar el Cuadro de herramientas, haga clic en el botón Cerrar (x) de la esquina superior derecha del Cuadro de herramientas.2. Para abrir el Cuadro de herramientas, en el menú Ver, haga clic en Cuadro de herramientas.3. Para que el Cuadro de herramientas permanezca abierto, haga clic en el pin de la barra de título del Cuadro de herramientas.

Ocultar y reabrir el Cuadro de herramientas

1. Para ocultar el Cuadro de herramientas, haga clic en el pin de la barra de título del Cuadro de herramientas.2. Para reabrir el Cuadro de herramientas cuando está oculto, en el menú Ver, haga clic en Cuadro de herramientas.

Cambiar de lugar el Cuadro de herramientas

1. Haga clic con el botón derecho en la barra de título del Cuadro de herramientas y, a continuación, haga clic en Flotante.2. Arrastre el Cuadro de herramientas a la posición deseada.

Para crear los objetos del interfaz de usuario de nuestra aplicación, añadimos controles desde el Cuadro de herramientas a un formulario web. Inicialmente, el Cuadro de herramientas se encuentra ubicado en el lado izquierdo del entorno de desarrollo. Hay varias pestañas para diferentes categorías de controles.

El Cuadro de herramientas contiene diversos controles que podemos utilizar para añadir ilustraciones, etiquetas, botones, cuadros de lista, barras de desplazamiento, menús y formas geométricas a un interfaz de usuario. Cada control que añadimos a un formulario se convierte en un objeto de interfaz de usuario programable en nuestra aplicación. Estos objetos son visibles para los usuarios cuando la aplicación se ejecuta y funcionan como los objetos estándares de cualquier aplicación basada en Windows.

Cerrar y abrir el Cuadro de herramientas

1. Para cerrar el Cuadro de herramientas, haga clic en el botón Cerrar (x) de la esquina superior derecha del Cuadro de herramientas.2. Para abrir el Cuadro de herramientas, en el menú Ver, haga clic en Cuadro de herramientas.3. Para que el Cuadro de herramientas permanezca abierto, haga clic en el pin de la barra de título del Cuadro de herramientas.

Ocultar y reabrir el Cuadro de herramientas

1. Para ocultar el Cuadro de herramientas, haga clic en el pin de la barra de título del Cuadro de herramientas.2. Para reabrir el Cuadro de herramientas cuando está oculto, en el menú Ver, haga clic en Cuadro de herramientas.

Cambiar de lugar el Cuadro de herramientas

1. Haga clic con el botón derecho en la barra de título del Cuadro de herramientas y, a continuación, haga clic en Flotante.2. Arrastre el Cuadro de herramientas a la posición deseada.


VENTANA PROPIEDADES

La ventana de propiedades (ventana Propiedades) muestra una lista de las propiedades que pueden configurarse para el formulario o control seleccionado y que podemos modificar mientras creamos o editamos la aplicación. Una propiedad describe una característica de un objeto, como el tamaño, título o color.

Abrir la ventana Propiedades

Si la ventana Propiedades no está visible, haga clic en Ventana Propiedades en el menú Ver o pulse la tecla F4.

Algunos controles, documentos y formularios muestran un gran número de propiedades en la ventana Propiedades. Esto puede dificultar la localización de la propiedad que deseamos establecer. La ventana Propiedades nos permite visualizar las propiedades de un formulario o control en una vista ordenada por categorías en lugar de una vista alfabética.

Visualizar las propiedades

1. Para visualizar las propiedades por categorías, haga clic en el botón Por categorías de la ventana Propiedades.Las propiedades para el formulario web o control seleccionado se dividirán en categorías definidas por el control.2. Para visualizar las propiedades de una categoría, expanda el nodo de la misma. Para ocultar las propiedades de una categoría, cierre el nodo de la misma.3. Para visualizar las propiedades alfabéticamente, haga clic en el botón Alfabético de la ventana Propiedades.

La ventana de propiedades (ventana Propiedades) muestra una lista de las propiedades que pueden configurarse para el formulario o control seleccionado y que podemos modificar mientras creamos o editamos la aplicación. Una propiedad describe una característica de un objeto, como el tamaño, título o color.

Abrir la ventana Propiedades

Si la ventana Propiedades no está visible, haga clic en Ventana Propiedades en el menú Ver o pulse la tecla F4.

Algunos controles, documentos y formularios muestran un gran número de propiedades en la ventana Propiedades. Esto puede dificultar la localización de la propiedad que deseamos establecer. La ventana Propiedades nos permite visualizar las propiedades de un formulario o control en una vista ordenada por categorías en lugar de una vista alfabética.

Visualizar las propiedades

1. Para visualizar las propiedades por categorías, haga clic en el botón Por categorías de la ventana Propiedades.Las propiedades para el formulario web o control seleccionado se dividirán en categorías definidas por el control.2. Para visualizar las propiedades de una categoría, expanda el nodo de la misma. Para ocultar las propiedades de una categoría, cierre el nodo de la misma.3. Para visualizar las propiedades alfabéticamente, haga clic en el botón Alfabético de la ventana Propiedades.


LISTA DE ERRORES Ir al Índice Ir al Índice

En esta lista de errores nosotros podemos ver los errores generados durante la compilación de nuestros programas, también podemos las advertencias que se generan y los mensajes, las listas de errores nos indican en donde se origino dicho error para poder corregirlo u/o comentarlo.

Cerrar y abrir las listas de errores

1. Para cerrar las listas de errores, haga clic en el botón Cerrar (x) de la esquina superior derecha de las listas de errores.2. Para abrir las listas de errores, en el menú Ver, haga clic en las listas de errores.3. Para que las listas de errores permanezca abierto, haga clic en el pin de la barra de título de las listas de errores.

Ocultar y reabrir las listas de errores

1. Para ocultar las listas de errores, haga clic en el pin de la barra de título de las listas de errores.2. Para reabrir las listas de errores cuando está oculto, en el menú Ver, haga clic en las listas de errores.

Cambiar de lugar las listas de errores

1. Haga clic con el botón derecho en la barra de título de las listas de errores y, a continuación, haga clic en Flotante.2. Arrastre las listas de errores a la posición deseada.

EDITOR DE CÓDIGO


Visual Studio .NET proporciona un Editor de código en el que escribir y mantener el código de nuestro proyecto. Podemos asociar código directamente a un formulario web de nuestro proyecto o ubicarlo en otro módulo de código distinto. Se muestra un Editor de código distinto para cada formulario o módulo de nuestro proyecto, facilitando la organización, visualización y desplazamiento por el código.

El Editor de código contiene dos listas desplegables en la parte superior de la ventana: la lista Nombre de Clase a la izquierda y la lista Nombre de método a la derecha. La lista Nombre de Clase muestra todos los controles del formulario web asociado. Si hacemos clic en el nombre de un control de la lista, la lista Nombre de método muestra todos los eventos de dicho control (los eventos son acciones que el control puede realizar y que nuestra aplicación puede interpretar). Utilizando las listas Nombre de Clase y Nombre de método conjuntamente, podemos localizar rápidamente y editar el código de nuestra aplicación.

Abrir el Editor de código de un formulario

1. En Explorador de soluciones, haga clic en el formulario del que desea visualizar el código.

2. En la barra de herramientas de Explorador de soluciones, haga clic en el botón Ver código.

– O – En el menú Ver, haga clic en Código.

INSERTAR OBJETOS EN EL ÁREA DE TRABAJO

Lista de nombres de clases

Lista de nombres de clases

Lista de nombres de métodos

Lista de nombres de métodos


Antes de entrar de lleno a la programación de objetos en Asp.Net, realizaremos algunos ejercicios sencillos para asegurarnos de que es lo que haremos a la hora de revisar las prácticas.

Para insertar un objeto en el área de trabajo simplemente seleccionamos un objeto (botón, etiqueta, cuadro de texto, etc.) en el cuadro de herramientas y lo arrastramos hasta nuestra área de trabajo y soltamos el objeto arrastrado.

Insertaremos un objeto Label, un objeto Button y un objeto TextBox.

Label: Es una etiqueta que nos permite agregar textos en cualquier parte de nuestro formulario web.

Button: Es un botón en el cual nosotros podemos programar la acción que este puede generar

TextBoxt: Es una caja de texto en el cual nosotros podemos ingresar valga la redundancia textos, para así poder procesarlos o hacer con ello lo que queramos.

ESCRIBIR CÓDIGO

Objetos insertados en el área de trabajo

Objetos insertados en el área de trabajo


Ya que insertamos estos objetos nosotros podemos programar sus acciones (eventos), para ello haremos un pequeño programa que el cual nos permita que al dar clic en el Botón aparezca en la Label (etiqueta) el texto escrito en el TextBox.

Ordenar los objetos de la siguiente manera:

Doble clic en el Button1 para ir a su editor de código y escribir las siguientes líneas (instrucciones) de código.

EJECUCIÓN DEL COMPILADOR

TextBox1TextBox1

Button1Button1

Label1Label1

Esta línea de código indica que lo que se encuentre en el TextBoxt1 se muestre en el Label1

Esta línea de código indica que lo que se encuentre en el TextBoxt1 se muestre en el Label1

Evento Click del Button1

Evento Click del Button1

Permite ver todos los objetos y propiedades del web form

Permite ver todos los objetos y propiedades del web form

Objeto TextBox1 en su propiedad Text

Objeto TextBox1 en su propiedad Text

Objeto Label1 en su propiedad Text

Objeto Label1 en su propiedad Text


Para compilar nuestros programas, presionar la tecla control más F5, o solamente F5; si nos aparece la siguiente imagen, clic en aceptar.

Hasta aquí llegamos con lo referente a una explicación sencilla de cómo se trabaja en Asp.Net de Microsoft Visual Studio 2005, posteriormente pasaremos a la revisión de las practicas realizadas durante el cuatrimestre de la materia de Programación Visual.

REPORTE DE PRÁCTICAS DEL PRIMER PARCIAL

Clic en Aceptar

Clic en Aceptar

Depurando nuestro programa

Depurando nuestro programa

Como estamos trabajando sobre un proyecto web, al compilar el código este carga todo el proyecto al Internet Explorer

Como estamos trabajando sobre un proyecto web, al compilar el código este carga todo el proyecto al Internet Explorer

Al dar clic en el botón todo lo que se haya escrito en la caja de texto se mostrará en la etiqueta.

Al dar clic en el botón todo lo que se haya escrito en la caja de texto se mostrará en la etiqueta.


PRACTICA # 1

ELABORACIÓN DE UN EXAMEN EN ASP.NET CON VISUAL BASIC

OBJETIVO DE LA PRÁCTICA:

Desarrollar una aplicación web que tendrá como finalidad la creación de un examen de la materia de informática 1, la cual cuenta con 10 preguntas, algunas será de opción múltiple.

Esto es con la finalidad de que el alumno entre en materia acerca de la programación de aplicaciones web con ASP.Net y visual Basic.

DESARROLLO DE LA PRÁCTICA:

- Primeramente abrimos Visual Studio 2005- En el menú Archivo elegimos la opción Nuevo - Elegimos Sitio web, aparecerá un cuadro como este:

Asegúrese que el lenguaje sea Visual Basic y la plantilla Sitio Web ASP.NET, luego clic en aceptar.

- Enseguida insertamos las etiquetas (Label), los checkbox, cuadros de texto y botones necesarios para el diseño del examen.


- En este caso coloque un color de fondo y algunas imágenes, así como el color de las etiquetas (estos pasos no se explican porque el alumno ya ha trabajado con las propiedades de las etiquetas y formularios en cuestiones de diseño).

Posteriormente pasamos a la parte de codificación:


Botton 1 botton 2 botton 3 promedio

“nombre de los objetos los cuales ira el código”.

Botton 1:Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click limpiar() End Sub

Botton 2:Protected Sub Button2_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button2.Click If CheckBox3.Checked = True And CheckBox4.Checked = True And CheckBox8.Checked = True And CheckBox10.Checked = True And CheckBox15.Checked = True And CheckBox16.Checked = True And CheckBox19.Checked = True And CheckBox22.Checked = True And CheckBox26.Checked = True And CheckBox27.Checked = True And CheckBox30.Checked = True And CheckBox31.Checked = True Then promedio.Text = 10 End If If CheckBox3.Checked = False And CheckBox4.Checked = True And CheckBox8.Checked = True And CheckBox10.Checked = True And CheckBox15.Checked = True And CheckBox16.Checked = True And CheckBox19.Checked = True And CheckBox22.Checked = True And CheckBox26.Checked = True And CheckBox27.Checked = True And CheckBox30.Checked = True And CheckBox31.Checked = True Then promedio.Text = 9 End If If CheckBox3.Checked = True And CheckBox4.Checked = False And CheckBox8.Checked = True And CheckBox10.Checked = True And CheckBox15.Checked = True And CheckBox16.Checked = True And CheckBox19.Checked = True And CheckBox22.Checked = True And CheckBox26.Checked = True And CheckBox27.Checked = True And CheckBox30.Checked = True And CheckBox31.Checked = True Then promedio.Text = 9 End If If CheckBox3.Checked = True And CheckBox4.Checked = True And CheckBox8.Checked = False And CheckBox10.Checked = True And CheckBox15.Checked = True And CheckBox16.Checked = True And CheckBox19.Checked = True And CheckBox22.Checked = True And CheckBox26.Checked = True And CheckBox27.Checked = True And CheckBox30.Checked = True And CheckBox31.Checked = True Then promedio.Text = 9 End If If CheckBox3.Checked = True And CheckBox4.Checked = True And CheckBox8.Checked = True And CheckBox10.Checked = False And CheckBox15.Checked = True And CheckBox16.Checked = True And CheckBox19.Checked = True And CheckBox22.Checked = True And CheckBox26.Checked = True And CheckBox27.Checked = True And CheckBox30.Checked = True And CheckBox31.Checked = True Then promedio.Text = 9 End If


Botton 3:Protected Sub Button3_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button3.Click respuestas() End Sub

Declaramos dos funciones una llamada respuestas y la otra limpiar:

Sub respuestas() CheckBox3.Checked = True CheckBox4.Checked = True CheckBox8.Checked = True CheckBox10.Checked = True CheckBox15.Checked = True CheckBox16.Checked = True CheckBox19.Checked = True CheckBox22.Checked = True CheckBox26.Checked = True CheckBox27.Checked = True CheckBox30.Checked = True CheckBox31.Checked = True

End Sub Sub limpiar() CheckBox1.Checked = False CheckBox2.Checked = False CheckBox3.Checked = False CheckBox4.Checked = False CheckBox5.Checked = False CheckBox6.Checked = False CheckBox7.Checked = False CheckBox8.Checked = False CheckBox9.Checked = False CheckBox10.Checked = False CheckBox11.Checked = False CheckBox12.Checked = False CheckBox13.Checked = False CheckBox14.Checked = False CheckBox15.Checked = False CheckBox16.Checked = False CheckBox17.Checked = False CheckBox18.Checked = False CheckBox19.Checked = False CheckBox20.Checked = False CheckBox21.Checked = False CheckBox22.Checked = False CheckBox23.Checked = False CheckBox24.Checked = False CheckBox25.Checked = False CheckBox26.Checked = False CheckBox27.Checked = False CheckBox28.Checked = False CheckBox29.Checked = False


CheckBox30.Checked = False CheckBox31.Checked = False CheckBox32.Checked = False promedio.Text = "" End Sub

Ejecutamos y la aplicación carga sin ningún problema, con el Servidor de desarrollo de ASP.NET

CONCLUSIÓN:

Esta es la primera práctica con ASP.NET, como se vio la programación llevo algunas hojas de código, pero conforme mas se trabaje con este lenguaje las siguientes prácticas mostrarán mejoras en cuanto la codificación, diseño y creatividad para realizarlas.

PRACTICA # 2

ELABORACIÓN DE UN MENÚ PRINCIPAL QUE ENLACE A OTRAS PÁGINAS EN ASP.NET CON VISUAL BASIC.


Desarrollar una aplicación web que tendrá como finalidad la creación de un menú principal y de nueve páginas más, la cual estas crearán un enlace a la pagina principal.

Esto es con la finalidad de que el alumno entré en materia acerca de la programación de aplicaciones web con ASP.Net y visual Basic.


DESARROLLO DE LA PRÁCTICA

- Creamos un nuevo proyecto web (ver práctica 1).- El web form le agregamos el nombre de Principal.- Creamos los nueve web form restantes (el nombre de los web form comienza de

uno a nueve en letras).- En web form principal le insertamos una imagen de fondo y los botones necesarios

para enlazar las nueve páginas.

Posteriormente a cada botón tiene su línea de código:

El botón 1 que aparece en la imagen de atrás que tiene como etiqueta Página 1 tiene el siguiente código:

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click Response.Redirect("uno.aspx")

End Sub

El resto de los botones llevan el mismo código, solamente se le va cambiando el nombre de la pagina.

El botón examen de informática 1 lleva la siguiente línea de código;

Protected Sub Button9_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button9.Click Response.Redirect("http://localhost:1035/WebSite1/")


End Sub

CONCLUSIÓN

EN ESTE SEGUNDO REPORTE REDUCIMOS LAS LÍNEAS DE CÓDIGO Y LA EJECUCIÓN DE LA APLICACIÓN NO PROVOCA ERRORES, ADEMÁS APRENDIMOS COMO ENLAZAR NUESTRO FORMULARIO WEB A OTRAS PAGINAS WEB

PRACTICA # 3

ELABORACIÓN DE UNA TABLA DE MULTIPLICAR EN ASP.NET CON VISUAL BASIC


Desarrollar una aplicación web que tendrá como finalidad la creación de una tabla de multiplicar con el ciclo for. Esto es para que el alumno entre en materia acerca de la programación de aplicaciones web con ASP.Net y visual Basic.



- Creamos un nuevo proyecto web (ver práctica 1).- El web form le agregamos el nombre de tabla.- Insertaremos los labels, botones y textbox necesarios para diseñar la pagina de la

siguiente manera:

El código del botón CALCULAR

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click Dim a, b As Integer

For a = 1 To Val(TextBox2.Text) Step 1 b = Val(TextBox1.Text) * a

Label4.Text += Val(TextBox1.Text) & "x" & a & "=" & b & "<br>" Next End Sub

Al cargar la página web queda de la siguiente forma

CONCLUSIÓN

TextBox1.Text

TextBox2.Text


EN ESTE TERCER REPORTE APRENDIMOS A EMPLEAR EL USO DE LA SENTENCIA FOR, APLICÁNDOLA A UNA TABLA DE MULTIPLICAR, EL USO DEL FOR ES PARA REDUCIR CÓDIGO EN NUESTROS PROGRAMAS.

PRACTICA # 4

CREACIÓN DE UN CHECKBOXLIST Y MANEJARLO CON LA SENTENCIA WHILE EN ASP.NET CON VISUAL BASIC


CONOCER EL USO DE LA SENTENCIA WHILE Y VER QUE OBJETOS ESTEN SELECCIONADOS EN UN CHECKBOXLIST.


Insertamos un label para el titulo y un checkboxlist y lo editamos (click en la flechita), y agregamos siete elementos quedando de la siguiente manera.


Código del checkboxlist

Damos doble click al checkboxlist y escribimos el siguiente código Protected Sub CheckBoxList1_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles CheckBoxList1.SelectedIndexChanged Dim con As Integer con = 0 While con < Me.CheckBoxList1.Items.Count Me.CheckBoxList1.Items(con).Selected = Me.CheckBoxList1.checked()

con += 1 End WhileEnd Sub

Cargamos la página y no genera ningún error

Conclusión En esta practica observamos el uso de la sentencia while con un checkboxlist.

PRACTICA # 5

CREACIÓN DE UNA SUB RUTINA EN ASP.NET CON VISUAL BASIC


CREAR UNA SUB RUTINA LA CUAL TENDRÁ COMO FINALIDAD LA LIMPIEZA DE VARIOS TEXTBOX, Y ESTA SUB RUTINA PODRÁ SER LLAMADA DESDE CUALQUIER ELEMENTO INSERTADO EN LA PANTALLA DE DISEÑO.



Insertamos los textboxs, boton y label para el diseño de la página, la cual queda de la siguiente forma:

Pulsamos doble clic sobre el botón y escribimos el siguiente código (seguir los comentarios):

Partial Class _Default Inherits System.Web.UI.Page '' nos posicionamos aqui y pulsamos enter Sub limpiar() '' el nombre de la sub rutina es limpiar. antes escribimos la palabra sub despues el nombre y al final paréntesis ()

'' despues escribimos que hara la sub rutina

Me.TextBox1.Text = "" '' se limpian cada uno de los textbox Me.TextBox2.Text = "" Me.TextBox3.Text = "" Me.TextBox4.Text = "" Me.TextBox5.Text = "" Me.TextBox6.Text = "" Me.TextBox1.Focus() '' se establece el cursor en el textbox uno

End Sub '' fin de la sub rutina

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click limpiar() '' en el boton uno se manda a llamar la sub rutina de nombre limpiar seguido de paréntesis () End Sub

End Class


CONCLUSIÓN

Con la creación de sub rutinas nosotros podemos reducir y no repetir secciones de código que son utilizadas en varias partes del programa, con esto aseguramos que nuestras líneas código sean menos.

PRACTICA # 6

CREACIÓN DE UNA SUB RUTINA UTILIZANDO LA SENTENCIA FOR EN ASP.NET CON VISUAL BASIC


Crear una sub rutina la cual tendrá como finalidad la limpieza de varios TextBox y Checkboxs, esta subrutina podrá ser llamada desde cualquier elemento insertado en la pantalla de diseño.


Insertar 25 CheckBoxs


Insertar 5 TextBoxInsertar 2 botones (Limpiar, seleccionar)

Ir al editor de código de la página y hacer lo siguiente:

Protected Sub Button1_limpiar_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1_limpiar.Click

limpiar()

End Sub

Public Sub limpiar()

Dim a As Integer For a = 1 To 25

Dim check As CheckBox check = CType(Me.FindControl("CheckBox" & a), CheckBox) check.Checked = False Next

End Sub

Para seleccionar más elementos a limpiar de los mismos controles solo basta con cambiar la cantidad de vueltas que dará el ciclo.

Public Sub seleccionar() Dim a As Integer For a = 1 To 25 Dim check As CheckBox check = CType(Me.FindControl("CheckBox" & a), CheckBox) check.Checked = True

Next


End Sub

Protected Sub Button2_seleccionar_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button2_seleccionar.Click seleccionar() End Sub

Así también se puede realizar dicha acción con TextBox en el cual se cambiaría las propiedades correspondientes.

Quedando de la siguiente manera y todo desde un botón:


Protected Sub Button1_borrar_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1_borrar.Click

borrar() End Sub

Public Sub borrar() Dim i As Integer

For i = 1 To 5 Dim mitext As TextBox mitext = CType(Me.FindControl("TextBox" & i), TextBox) mitext.Text = ""

mitext.BackColor = Drawing.Color.Black mitext.ForeColor = Drawing.Color.Red Next

End Sub

CONCLUSIÓN

Con el uso de los ciclos se puede ahorrar el trabajo de codificar cada uno de los controles y se puede tener mas controles y la función sería la misma.

PRACTICA # 7

USO DE LOS CONTROLES DE VALIDACIÓN


Aprender a hacer uso de los controles de validación para garantizar la corrección y precisión de todos los valores de datos de la aplicación.

Este conjunto de controles permiten validar un control de servidor de entrada asociado, como un control TextBox, y mostrar un mensaje personalizado cuando se produce un error en la validación.

Estos controles de Validación los encontramos en el cuadro de herramientas.



Ahora bien estos son los controles que se manejaran para hacer un simulacro de cómo funcionan estos controles:

Se utilizó el control RequiredFieldValidator para convertir un control de entrada en un campo obligatorio. El control de entrada no supera la validación si el valor que contiene no cambia con respecto al valor inicial cuando se realizó la validación. Esto impide que el usuario deje el control de entrada asociado sin modificar. De manera predeterminada, el valor inicial es una cadena vacía (""), que indica que se ha de especificar un valor en el control de entrada para que éste supere la validación.


Ahora para validar que en el TextBox donde se introducirá un correo electrónico es necesario hacer uso del control:

RegularExpressionValidator que se utiliza para determinar si el valor de un control de entrada coincide con un modelo definido por una expresión regular. Este tipo de validación permite comprobar secuencias de caracteres previsibles, como las de los números de la seguridad social, las direcciones de correo electrónico, los números de teléfono y los códigos postales, entre otras.

Así también se utilizará un control para validar la edad el cual se basa en poner un límite en la edad de la persona que este ingresando sus datos.

En las propiedades de este control tenemos dos muy importantes que nos ayudará a convertir estos campos en obligatorio, los cuales son: ControlToValidate y ErrorMessage.

Para realizar dicha validación es necesario ir a sus propiedades y seleccionar:

ControlToValidate y seleccionar el TextBox correspondiente en el cual se realizara la validación, así como también el ErrorMessage para escribir el mensaje que se mostrara al no escribir bien una dirección de email, y posteriormente una de las propiedades mas importantes es el ValidationExpression en el cual se verificará y validará que tipo de dato se escribirá.

En este caso se hará uso del control RangeValidator el cual permite comprobar si la entrada de un usuario se encuentra entre un límite inferior y un límite superior especificados. Se pueden comprobar los intervalos entre pares de números, caracteres alfabéticos y fechas. Los límites se expresan como constantes.

Se ase uso de la propiedad ControlToValidate para especificar el control de entrada que se va a validar. Las propiedades MinimumValue y MaximumValue especifican los valores mínimo y máximo del intervalo válido, respectivamente.

La propiedad Type se utiliza para especificar el tipo de datos de los valores que se van a comparar. Los valores que se van a comparar se convierten a este tipo de datos antes de realizarse cualquier comparación.


Uno de los controles de igual importancia que los anteriores es el CompareValidator

La forma de colocar cada una de sus propiedades para aplicar este control es el siguiente:

Este control permite comparar el valor especificado por el usuario en un control de entrada, como un control TextBox, con el valor especificado en otro control de entrada o con un valor constante. También se puede usar para determinar si el valor especificado en un control de entrada se puede convertir al tipo de datos especificado por la propiedad Type.

Especifique el control de entrada que desee validar estableciendo la propiedad ControlToValidate. Si desea comparar un control de entrada específico con otro control de entrada, establezca la propiedad ControlToCompare en el nombre del control que desee comparar.

En lugar de comparar el valor de un control de entrada con otro control de entrada, se puede comparar el valor de un control de entrada con un valor constante. Especifique el valor constante con el que desee comparar estableciendo la propiedad ValueToCompare.


Al final de todo los procedimientos anteriores solo basta con hacer uso de las propiedades de los botones ya que si se dejan tal y como están,; por ejemplo el botón regresar que tiene esa función especifica, pero no realizara dicha operación ya que en su propiedad esta activado por defecto el CausesValidation lo cual debemos ponerlo en False para que no se ejecute su AutoPostBack el cual devuelve datos de forma automática al servidor cuando se hace clic en el control ya que es una propiedad que solo los botones poseen.


En el botón Enviar solo tiene la función de mostrar lo escrito en cada uno de los TextBox lo cual se tuvo que realizar una concatenación de los datos puestos en cada uno de ellos, para que se mostraran en la Label8 que se agregó.La forma fácil de realizarlo es de la siguiente manera:

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click Label8.Text = "Nombre: " & Me.TextBox1.Text & " Apat: " & Me.TextBox2.Text & "Amat: " & Me.TextBox3.Text & "email: " & Me.TextBox4.Text & "edad: " & Me.TextBox5.Text

End Sub

CONCLUSIÓN

Dicha practica será de mucha importancia ya que cuando se quiera registrar por ejemplo un cliente o un usuario par tener acceso a alguna pagina es necesario que llene todos los datos que se le este pidiendo, además que cumplan con los requisitos que se le estén pidiendo, por si se comete algún error.


PRACTICA # 8

USO DE LAS VISTAS (VIEWS) Y MULTIVISTAS (MULTIVIEWS)


Aprender a usar los controles Multiview y menu.


Con el uso del Multiview se pueden tener a la vez muchas vistas en una sola pagina, ademas de contener ciertas aplicaciones.

En estra practica se agrego un multiview en donde se coloco cinco view las cuales son las vistas que se seleccionaran para que se muestren en el instante indicado al hacer clic en el menu o en un botón independientemente cualquierade estas.

Quedando de esta forma las vistas que que se agregaron:

Primeramente se tuvo que agregar el Multiview, en el cual se agregarán las vistas:


Para poder hacer uso de las vistas y hacer la condición para mostrarla, según cuando se seleccione el menú es necesario cambiar el -1 para que inicie en cero, en la propiedad ActiveViewIndex.

Primeramente se debe editar los elementos con que contará el menú en el cual se agregaran los elementos o subelementos de los mismos, de las cuales tienen dos propiedades muy importantes tal como es el text y el valúe.

Para hacer referencia que vista se mostrara se codificara de la siguiente manera:

Protected Sub Menu1_MenuItemClick(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.MenuEventArgs) Handles Menu1.MenuItemClick

'If (e.Item.Value = 0) Then

' Me.MultiView1.ActiveViewIndex = 0

'End If



'End If



'End If



'End If



'End If


Así también para realizar la misma operación pero ahora con botones es necesario agregar los botones necesarios según el número de vista por ejemplo para ver dos vistas se tienen los siguientes, con su respectivo código:

Como se pudo observar en los botones solo se especifican las vistas que se activaran para ser vistas. Al contrario que en el menú, ya que es de opción múltiple es necesario realizar una condición para comprobar que colección del menú fue seleccionado. Así también se ingreso un botón para regresar al menú de inicio de todas las direcciones, en el cual es muy fácil de codificar tal como se muestra a continuación:

Protected Sub Regresar_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click Response.Redirect("Inicio.ASPX") End Sub

CONCLUSIÓNCon el uso del Multiview y las View se facilita el trabajo de agregar elementos al proyecto a demás nos ayuda a no crear varias paginas en nuestro proyecto.

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.MenuEventArgs) Handles Button1.Click

Me.MultiView1.ActiveViewIndex = 0

End sub

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.MenuEventArgs) Handles Button1.Click

Me.MultiView1.ActiveViewIndex = 1

End sub


REPORTE DE PRÁCTICAS DEL SEGUNDO PARCIAL

PRACTICA # 1

USO DE LAS VARIABLES DE SESIÓN


Conocer el uso de las variables de sesión en el desarrollo de aplicaciones.


Primeramente tendremos una vista de nuestro Web Form como a continuación se muestra: donde agregaremos un TextBox, un Botón para activar la sesión; uno de los controles importantes es el HyperLink1 que tiene una propiedad que nos manda a otra página, de acuerdo a la que queramos hacer referencia. Este es código de la primera sesión:

Posteriormente se agregaran diez TextBox y un botón para hacer referencia a la sesión de cada uno de estos siendo diferentes entre si; quedando de la siguiente manera:

Se agregará un DropDownList1 del cual es necesario activar el AutoPostBack para que se seleccione un elemento de la lista desplegable y se guarde en la sesión que posteriormente se recuperará en la otra página.

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

'session es un arreglo por eso va entre parentesisis

Session("user") = TextBox1.Text

End Sub

Session("user1") = TextBox1.TextSession("user2") = TextBox2.TextSession("user3") = TextBox3.TextSession("user4") = TextBox4.TextSession("user5") = TextBox5.TextSession("user6") = TextBox6.TextSession("user7") = TextBox7.TextSession("user8") = TextBox8.TextSession("user9") = TextBox9.TextSession("user10") = TextBox10.Text


Protected Sub DropDownList1_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles DropDownList1.SelectedIndexChanged Select Case (Me.DropDownList1.SelectedIndex) Case 1 Session("selec") = Me.DropDownList1.SelectedItem.Text.ToString Case 2 Session("selec") = Me.DropDownList1.SelectedItem.Text.ToString End Select End Sub

Se agregará un calendar:

Al seleccionar una fecha en calendar es necesario codificar en el selectionChanged: quedando de la siguiente forma:

Protected Sub Calendar1_SelectionChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles Calendar1.SelectionChanged Dim x As Date x = Me.Calendar1.SelectedDate Session("date") = x End Sub

Para recuperar las sesiones almacenadas en la pagina se codificara en otra pagina en el cual se mostrara las sesiónes. El control a utilizar sera una label para mostrar los datos ya que el codigo a utilizar se colocara en el Load para que se carge la pagina y se muestren los datos de las sessiones.


Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

'se recupera la variable de session ' se recupera de los textbox

Label1.Text = Session("user") ///Corresponde a la primera variable en hacer la consulta.

Label2.Text = Session("user1") Label3.Text = Session("user2") Label4.Text = Session("user3") Label5.Text = Session("user4") Label6.Text = Session("user5") Label7.Text = Session("user6") Label8.Text = Session("user7") Label9.Text = Session("user8") Label10.Text = Session("user9") Label11.Text = Session("user10") Label12.Text = Session("selec") Label13.Text = Session("date")

End Sub

CONCLUSION

Con esta practica se aprendio como recuperar las variables de las sesiónes que se guardan para su posterior uso, ya que será de gran utilidad en el manejo de cuentas de usuaorios y garantizar la privasidad y confidencialidad de datos de cada usuario.


PRACTICA # 2

USO DE LAS VARIABLES DEL MÉTODO GET


Implementar el uso de las variables del método get y sustituirlas por las variables de sesión.


Realizar los siguientes pasos:

1. Crear un nuevo proyecto web2. Insertar un botón y dos textboxs (en la pagina Default vista diseño)3. En la parte de arriba escribir “enviar datos con las variables get”

El diseño quedara de la siguiente manera:

Agregar un nuevo formulario web:

Situarse en el explorador de soluciones y clic secundario en la siguiente opción, y clic en la opción Agregar nuevo elemento

Situarse en el explorador de soluciones y clic secundario en la siguiente opción, y clic en la opción Agregar nuevo elemento

Seleccionar la opción de Web Form y le llamaremos mostrardatos y clic en aceptar

Seleccionar la opción de Web Form y le llamaremos mostrardatos y clic en aceptar


Posteriormente en el nuevo formulario web llamado mostrardatos insertaremos los siguientes elementos (dentro de la vista diseño):

1. Un botón2. Dos labels3. En la parte de arriba escribir “mostrar los datos recibidos” El diseño quedara de la siguiente manera:

Ya que tenemos el diseño de las dos páginas procederemos a la codificación de las mismas

En la página Default daremos doble clic al botón que hemos insertado y agregaremos el siguiente código:

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click Dim link As String link = "mostrardatos.aspx?x=" + Me.TextBox1.Text link = link + "&&y=" + Me.TextBox2.Text Response.Redirect(link) End Sub

Creamos una variable de tipo String llamada link

Posteriormente la variable link la enlazamos con la página mostrardatos.aspx y abrimos un signo de interrogación y escribimos una variable de nombre “x” la cual tendrá almacenado lo que se ingrese en el textbox1.

Dim link As String link = "mostrardatos.aspx?x=" + Me.TextBox1.Text

Enseguida la variable link la igualamos a la misma variable link y le concatenamos la variable” y” la cual tendrá almacenado lo que se ingrese en el textbox2


link = link + "&&y=" + Me.TextBox2.Text

Y finalmente re direccionamos la variable link Response.Redirect(link)En la página mostrardatos daremos doble clic al botón que hemos insertado y agregaremos el siguiente código:

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click Label1.Text = Request.QueryString("x") Label2.Text = Request.QueryString("y") End Sub

En la label1 en su propiedad text ingresamos el signo igual y escribimos la palabra Request.QueryString(“x”).

Label1.Text = Request.QueryString("x")

El Request (“Pedido” en ingles) y en su propiedad QueryString obtiene la colección de variables de tipo cadena de consulta HTTP, seguido de un paréntesis con la variable “x “, la cual mostrara los datos escritos en el textbox1 de la página Default.

Es lo mismo para la label2, solamente que se cambia la variable “x”, por la “y”. Label2.Text = Request.QueryString("y")

Al ejecutar nuestra aplicación web, quedara de la siguiente forma:

Ingresamos los datos en los cuadros de texto (en el textbox1 ingresamos la palabra “hola” y en el textbox2 ingresamos la palabra “mundo”) y clic en aceptar.

Ingresamos los datos en los cuadros de texto (en el textbox1 ingresamos la palabra “hola” y en el textbox2 ingresamos la palabra “mundo”) y clic en aceptar.


CONCLUSIÓN:

Con el uso de las variables del método get podemos recuperar la información de dichas variables y mostrarlas en páginas en donde nosotros queramos y esto sustituye el uso de las variables de sesión.

En la barra de direcciones aparecen las variables “x” y “y” con los respectivos datos ingresados en la página Default

En la barra de direcciones aparecen las variables “x” y “y” con los respectivos datos ingresados en la página Default

Y al darle clic al botón mostrara en las labels los datos almacenados en las variables “x” y “y” respectivamente

Y al darle clic al botón mostrara en las labels los datos almacenados en las variables “x” y “y” respectivamente


PRACTICA # 3

GUARDAR ARCHIVOS EN EL SERVIDOR


Implementar el uso del objeto FileUpload, ya que este nos permite cargar las rutas de los archivos y permite guardar estos archivos en el servidor.



1- Crear un nuevo proyecto web, crear una carpeta llamada archivos.2- Insertar dos labels, un botón, un objeto image, un listbox y un FileUpload.

3- Ordenar los objetos como se muestra en el siguiente diseño:

Insertar dos Labels

Insertar dos Labels

Insertar un botónInsertar un botón

Insertar un ImageInsertar un Image

Insertar un FileUpload

Insertar un FileUpload

Insertar un ListBox

Insertar un ListBox

Label2, en este objeto iremos a su propiedad Text y escribiremos: guardar archivos al servidor.

Label2, en este objeto iremos a su propiedad Text y escribiremos: guardar archivos al servidor.

FileUploadFileUpload

Label1Label1

ImageImage

ListBoxListBox

BottonBotton

Clic secundario en nuestro proyecto y seleccionar la opción de nueva carpeta, asignarle el nombre de archivos.

Clic secundario en nuestro proyecto y seleccionar la opción de nueva carpeta, asignarle el nombre de archivos.


4- Pulse doble clic en el Botton1 y escriba el siguiente código:

If Me.FileUpload1.HasFile Then “Verificamos que el objeto FileUpload tenga almacenado la ruta del archivo Dim ex As String “creamos una variable de nombre ex de tipo String (tipo cadena) ex = Mid(Me.FileUpload1.FileName, Me.FileUpload1.FileName.Length - 2) If ex.Equals("jpg") Or ex.Equals("gif") Or ex.Equals("JPG") Or ex.Equals("GIF")Then Label1.Text = ex “lo obtenido en la variable “ex” lo almacenamos en el Label1 para verlo en pantalla If Me.FileUpload1.HasFile Then “Verificamos que el objeto FileUpload tenga almacenado la ruta del archivo Dim ruta As String “creamos una variable de nombre ruta de tipo string (tipo cadena) ruta = MapPath("~/archivos/") “la variable ruta le asignamos la direccion de la carpeta de nombre archivos Me.FileUpload1.SaveAs(ruta + Me.FileUpload1.FileName) “guardamos el archivo en la carpeta archivos” Me.Image1.ImageUrl = "~/archivos/" + Me.FileUpload1.FileName “con el objeto Image mostramos la imagen guardada en la carpeta archivos” Me.ListBox1.Items.Add(Me.Image1.ImageUrl) “guardamos la ruta del archivo en un listobox para seleccionar las imágenes guardadas en la carpeta” End If Else Label1.Text = "archivo no guardado" “este mensaje en el label1 es por si el archivo no es de tipo jpg o gif ” End If End If

5- Pulse doble clic en el ListBox1 y escriba el siguiente código:

“mostramos la imagen seleccionada mediante la url almacenada en el ListBox Me.Image1.ImageUrl = Me.ListBox1.SelectedItem.ToString “creamos una variable de nombre ex de tipo string (tipo cadena) Dim ex As String “buscamos las 3 ultimas letras de la url del archivo (la extencion) y la almacenamos en la variable ex para despues mostrarlo en pantalla ex = Mid(Me.Image1.ImageUrl, Me.Image1.ImageUrl.Length - 2) Label1.Text = ex

6- Ejecutamos la página web y estos son los resultados en pantalla

“en esta linea podemos ver las ultimas 3 letras de la ruta del archivo y asi poder saber su extencion y guardarlo en la variable ex”, comparamos su extencion y si corresponde a jpg y gif sera guardado y mostrado en pantalla.

C:\ima\casa.jpg Extencion “jpg”


CONCLUSIÓN:

En esta práctica nosotros hemos visto en como subir o guardar archivos en el servidor y poderlos visualizar dentro de la misma página en donde se buscaron y almacenaron. En este caso la práctica consistió en buscar archivos con extensión jpg o gif (imágenes), para almacenarlos en una carpeta llamada archivos dentro del servidor y visualizarlos.

Imágenes guardadas en el servidor y visualizadas en la página web


PRACTICA # 4

UTILIZACIÓN DE LA MASTERPAGE


IMPLEMENTAR EL USO DE LA HERRAMIENTA MASTERPAGE PARA LA CREACIÓN DE PLANTILLAS EN NUESTRAS PÁGINAS WEB (ASP), YA QUE CON ESTA HERRAMIENTA DEJAMOS DE PREOCUPARNOS EN EL DISEÑO DE CADA UNA DE NUESTRAS PAGINAS Y ASÍ TENER UN DISEÑO PREDETERMINADO DE DICHAS PÁGINAS.


REALICE LOS SIGUIENTES PASOS:

1- CREAR UN NUEVO PROYECTO WEB2- INSERTAR UN MASTERPAGE

PASOS PARA INSERTAR UNA MASTERPAGE

Clic secundario en nuestro proyecto y elegimos la opción Agregar nuevo elemento, clic en esta opción.

Clic secundario en nuestro proyecto y elegimos la opción Agregar nuevo elemento, clic en esta opción.

Nos aparecerá la siguiente pantalla y elegimos la opción Página principal

Nos aparecerá la siguiente pantalla y elegimos la opción Página principal

Clic en Agregar Clic en Agregar El nombre lo dejaremos tal y como esta

El nombre lo dejaremos tal y como esta


A la hora insertar el MasterPage nos posicionamos en esta parte del código script

A la hora insertar el MasterPage nos posicionamos en esta parte del código script

<table style="width: 662px; height: 334px" > <tr> <td colspan ="2" style="height: 90px" > </td> </tr> <tr > <td colspan ="2" style="height: 19px"> </td> </tr> <tr> <td style="height: 145px"> </td> <td style="height: 145px"> </td> </tr> <tr> <td colspan ="2" style="height: 22px"> </td> </tr></table>

Escribimos el siguiente código:

Escribimos el siguiente código:

Borramos este cuadro

Borramos este cuadro


Ajustamos el diseño de la tabla, tal y como se muestra en la imagen

Ajustamos el diseño de la tabla, tal y como se muestra en la imagen

Insertar color de fondo para cada una de las columnas.

Insertar color de fondo para cada una de las columnas.


Regresaremos al formulario Default y daremos clic en la vista código:

Insertar un ContentPlaceHolder para cada una de las columnas

Insertar un ContentPlaceHolder para cada una de las columnas

De esta manera debe quedar el diseño.

De esta manera debe quedar el diseño.

Clic en la vista código. Clic en la vista código.


Borraremos todo el código seleccionado

Borraremos todo el código seleccionado

Nos posicionaremos en esta parte del código escribiendo la siguiente línea:

MasterPageFile ="~/MasterPage.master"

Nos posicionaremos en esta parte del código escribiendo la siguiente línea:

MasterPageFile ="~/MasterPage.master"

Quedando de la siguiente manera:

Quedando de la siguiente manera:


Regresamos a la vista Diseño y el formulario Default quedará de la siguiente manera:

Insertar 4 WebForm y respetar los nombres que aparecen por default.

Cada WebForm insertado realizara los pasos que fueron hechos en el formulario Default.

A la hora de crear los 4 WebForm restantes estos deberán de aparecer de la siguiente manera

A la hora de crear los 4 WebForm restantes estos deberán de aparecer de la siguiente manera

Formulario DefaultFormulario Default

Clic en esta pestañaClic en esta pestañaClic en esta opción para activar esta columna para insertar letras, imágenes, etc.

Clic en esta opción para activar esta columna para insertar letras, imágenes, etc.

De principal cambia a modo personalizado (ver arriba)

De principal cambia a modo personalizado (ver arriba)


Realizar estos pasos con los demás WebForms en el modo Diseño a excepción del MasterPage:

Quedando de la siguiente manera

Al ejecutar las páginas estas deben mostrar lo siguiente:

Ingresar este texto como ejemplo

Ingresar este texto como ejemplo

Default2Default2

Default3Default3

Default4Default4

Default5Default5


CONCLUSIÓN

EN ESTA PRÁCTICA HEMOS VISTO COMO NOS FACILITARÍA LA CREACIÓN DE UNA PLANTILLA DE DISEÑO PARA TODAS NUESTRAS PÁGINAS QUE PODAMOS DESARROLLAR ESTO CON EL FIN DE QUE NO NOS PREOCUPEMOS EN EL DISEÑO A PARTE DE LA CODIFICACIÓN DE NUESTRAS PÁGINAS YA QUE EXISTE LA HERRAMIENTA DE MASTERPAGE EN ASP.NET 2005

DefaultDefault Default2Default2

Default3Default3

Default4Default4

Default5Default5

Para no estar ejecutando página por página, se podría crear un menú en el MasterPage, pero ya es opcional para el alumno.

Para no estar ejecutando página por página, se podría crear un menú en el MasterPage, pero ya es opcional para el alumno.


PRACTICA # 5

CONEXIÓN DE UNA BASE DE DATOS EN SQL SERVER A ASP.NET


Conocer y realizar los procedimientos para la conexión de una base de datos elaborado en SQL Server a ASP.net.

NOTA: En las prácticas anteriores, hemos trabajado con ASP.net 2005, y en esta práctica emplearemos el uso de otro programa llamado SQL Server 2005 para la creación de nuestras bases de datos.



1.- Abrir el programa de SQL Server 2005

- Clic en menú inicio- Todos los programas- Microsoft SQL Server 2005

- Clic en menú inicio- Todos los programas- Microsoft SQL Server 2005

- Clic en SQL Server Management Studio - Clic en SQL Server Management Studio


2.- Accesar al servidor SQL Server:

- Inicio de sesión: sa- Contraseña: uts - Inicio de sesión: sa- Contraseña: uts

Clic en aceptarClic en aceptar

En autentificación seleccionar la opción de:

Autentificación de SQL Server

En autentificación seleccionar la opción de:

Autentificación de SQL Server

Clic secundario en la carpeta Bases de DatosClic secundario en la carpeta Bases de Datos Clic en esta opciónClic en esta opción

El nombre de la base de datos será 4bEl nombre de la base de datos será 4b



Clic en las pestañas, hasta llegar a la carpeta Tablas

Clic en las pestañas, hasta llegar a la carpeta Tablas Clic en secundario en la

carpeta Tablas y elegir Nueva Tabla

Clic en secundario en la carpeta Tablas y elegir Nueva Tabla

En nombre de columna se ingresarán las cuatro entidades con sus respectivos tipos de datos

En nombre de columna se ingresarán las cuatro entidades con sus respectivos tipos de datosEstablecer el campo idProd como llave

primariaEstablecer el campo idProd como llave primaria

Clic para establecer un campo como llave primaria

Clic para establecer un campo como llave primaria

Clic en el botón guardarClic en el botón guardar

El nombre de la tabla le llamaremos producto, clic en aceptar

El nombre de la tabla le llamaremos producto, clic en aceptar


Esto es todo en lo referente a la creación de la base de datos con SQL Server 2005Sin salir del programa de SQL Server 2005, abrimos el programa de Visual Studio 2005

3.- Crear un nuevo proyecto web4.- Insertar un objeto llamado SqlDataSource, y un objeto llamado GridView.

En la vista diseño nos quedará de esta forma

Clic secundario en la tabla producto

Clic secundario en la tabla producto

Clic en esta opción

Clic en esta opción

Insertamos 6 registros en nuestra tabla producto, tal y como se refleja en la imagen

Insertamos 6 registros en nuestra tabla producto, tal y como se refleja en la imagen

Clic en cerrarClic en cerrar

Arrastrar este objeto a la página o doble clic sobre el





Seleccionamos el objeto SqlDataSource y damos clic derecho, propiedades e ir a su propiedad connection string

Aparecerá la siguiente venta

Clic segundario en el objeto SqlDataSource

Clic segundario en el objeto SqlDataSource

Clic en la opción Propiedades

Clic en la opción Propiedades

seleccionamos su propiedad connectionString

seleccionamos su propiedad connectionString

Clic en esta pestañaClic en esta pestaña

Clic en la opción de Nueva conexión

Clic en la opción de Nueva conexión


Clic en esta opción para cambiar el origen de datos y seleccionar Microsoft SQL Server, clic en aceptar (hacer esta acción siempre y cuando el origen de datos no se encuentra como Microsoft SQL Server (SqlClient)).

Clic en esta opción para cambiar el origen de datos y seleccionar Microsoft SQL Server, clic en aceptar (hacer esta acción siempre y cuando el origen de datos no se encuentra como Microsoft SQL Server (SqlClient)).

El origen de datos debe estar como Microsoft SQL Server (SqlClient).

El origen de datos debe estar como Microsoft SQL Server (SqlClient).

En el nombre del servidor debemos escribir local entre paréntesis: (local)

En el nombre del servidor debemos escribir local entre paréntesis: (local)

Clic en esta opción Clic en esta opción

En el nombre del usuario escribir sa

En el nombre del usuario escribir sa En la contraseña escribir

uts y clic en la opción de Guardar mi contraseña

En la contraseña escribir uts y clic en la opción de Guardar mi contraseña

Clic en la pestaña y seleccionar la base de dados llamada 4b

Clic en la pestaña y seleccionar la base de dados llamada 4b


En las propiedades del objeto SqlDataSource seleccionar la opción de DeleteQuery

En las propiedades del objeto SqlDataSource seleccionar la opción de DeleteQuery

Clic en esta opciónClic en esta opción

Escribir el siguiente comando para la eliminación DELETE FROM producto WHERE (idProd = @idProd)

Escribir el siguiente comando para la eliminación DELETE FROM producto WHERE (idProd = @idProd)

Clic en generador de consultas

Clic en generador de consultas


Clic el la pestaña del GridView

Ejecutamos la página y damos clic en cualquier dato a eliminar

Clic en ejecutar consulta

Clic en ejecutar consulta

Escribir la clave un producto en este caso es el 1 la cual le pertenece a jabón y clic en aceptar

Escribir la clave un producto en este caso es el 1 la cual le pertenece a jabón y clic en aceptar

Si aparece este mensaje es que se ha eliminado los datos del producto jabón, clic en aceptar

Si aparece este mensaje es que se ha eliminado los datos del producto jabón, clic en aceptar

En la propiedad del objeto GridView seccionar su propiedad DataSourceID

En la propiedad del objeto GridView seccionar su propiedad DataSourceID

Seccionar este objeto para enlazar a la eliminación de los datos

Seccionar este objeto para enlazar a la eliminación de los datos

Clic en actualizar esquema y clic en habilitar eliminación

Clic en actualizar esquema y clic en habilitar eliminación


CONCLUSIÓN

En esta práctica nosotros realizamos la conexión a la base de datos en SQL Server y eliminamos los registro insertados en la tabla producto mediante el comando de DeteleQuery del objeto sqlDataSource.


PRACTICA # 6

CONEXIÓN A UNA BASE DE DATOS E-R


realizar una conexión a una base de datos que contenga entidad relacion, aplicando las llaves primarias y foraneas.


Primeramente debemos crear un nuevo proyecto de la base de datos para que se realice la conexión mediante el uso del sqlDataSource, que nos permite conctarnos a la base de datos posteriormente para visualizar los datos en pantalla agregaremos el GriedViw que nos sera de gran utilidad para eliminar y modificar la tabla de la base de datos, que en particular agregaremos un DetailsView para insertar nuevos registros a los campos.

Par realizar la conexión a la base de datos se puede hacer de la siguiente manera:

Clic en la pestañita del sqlDataSourse del cual aparecera la siguiente opción de Configurar origen de datos y clic sobre este.

Posteriormente aparecera una nueva ventana para elegir origenes de datos y clic sobre Examinar de la cual aparecera una nueva ventana para elegir la base de datos de la cual pondremos el nombre del servidor, nombre de usuario y la contraseña, tal y como se muestra las siguientes imágenes:


Hecha la conexión de esta forma, también se puede realizar de otra manera para que aparezca la ventana de agregar conexión, de la cual es muy fácil, solo se tiene que ir a las propiedades del control y elegir la opción de conecctionString y elegir nueva conexión.

Después se procederá a escribir los comandos para que se muestren en el GriedView. Esto en las propiedades del sqlDataSourse, que son comúnmente el SelectQuary, DeleteQuary, InsertQuary, UpdateQuary, todos como su nombre lo indica, con las sentencias de sql Server.

Para relacionar cada uno de los controles mencionados con el sqlDataSource, dar clic en las propiedades y seleccionar DataSourceID y elegir el sqlDataSource adecuado, según sea el caso ya que se puede agregar varios tipos de este control pero con diferentes aplicaciones.

Pero par realizar la búsqueda según sea la sentencia que se especifico se deberá determinar la llave primaria de tabla seleccionada que en este caso pondremos en las propiedades del GriedView y el DetailsVIew la opción o propiedad de DataKeyNames, de la cual pondremos el nombre de la llave primaria de la tabla consultada.


Pero a diferencia, el DetailsView una de sus propiedades que es el DefaultMode elegiremos la opción Insert y pondremos en true la propiedad de AutoGenerateInsertButtón para que aparezca los botones de insertar y cancelar si así lo deseas.

Para hacer mas dinámico la inserción de las tablas podemos editar la plantilla para que no se muestre las llaves foráneas tal y como se guardan y podamos elegir de que manera se inserta los datos provenientes de otra tabla externa a la que se esta insertando nuevos campos, es decir mostrar los campos y no los números correspondientes a dicha tabla.

Para esto es necesario seguir unos pasos no muy difíciles: Primeramente clic en la pestaña del DetailsView y elegir la opción de Editar campos. De la cual aparecerá

una tabla para agregar el campo a utilizar y convertirlo en TemplateField como se muestra en la ventana.

Posteriormente elegiremos la opcion Editar Plantilla la cual sera de mucho mayor importancia ya que podremos agregar un DonwListBock para elegir cada compo que deseemos. Esto selogra haciendo clic en la pestaña del DetailsView.

De la cual elegiremos la opción EditItem Template y agregaremos un comboBox del cual en la pestaña elegiremos otras opciones:


Teniendo el comboBox elegiremos la opción Elegir origen de datos en el cual aparecerá una nueva ventana par seleccionar el origen de la conexión.

De está ventana pondremos en el primer comboBox el origen de la base de datos y en el segundo lo que queremos que se visualice y en el tercero el identificador de la llave primaria de esa tabla según corresponda y clic en aceptar.

Después clic en la opción EditarDataBindig para seleccionar el valor a evaluar en la tabla externa. Y clic en aceptar.


Estos mismos pasos se realizan para mostrar la frase en lugar de los valores. Con la edición de la plantilla y seleccionar la opción: ItemTemplate como se muestra en la figura:

CONCLUSION

Con este método es posible hacer el enconamiento de datos de una manera rápida y especifica a las tablas de nuestra base de datos en SQL SERVER.


REPORTE DE PRÁCTICAS DEL TERCER PARCIAL

PRACTICA #1

CONEXIÓN A LA BASE DE DATOS CON SQLDATASOURCE, GRIDVIEW Y TEXTBOX


REALIZAR LA CONEXIÓN DE UNA BASE DE DATOS EN SQL SERVER Y CONSULTAR SUS DATOS CREANDO UN COMANDO DE CONSULTA CON EL OBJETO SQLDATASOURCE EN SU PROPIEDAD SELECT QUERY, UTILIZANDO TAMBIÉN CAJAS DE TEXTO, GRID VIEW Y UN BOTON, TODO ESTO EN ASP.NET 2005.


- PRIMERAMENTE CREAREMOS EN SQL SERVER 2005 UNA BASE DE DATOS LLAMADA alumnos

- POSTERIORMENTE CREAREMOS UNA TABLA Y LA LLAMAREMOS alumno, QUE TENDRÁ LOS SIGUIENTES CAMPOS:

- ENSEGUIDA LLENAMOS TABLA alumno CON AL MENOS 3 ALUMNOS

- CREAMOS UN NUEVO PROYECTO WEB Y EN EL APARTADO DE DISEÑO INSERTAMOS CUATRO OBJETOS: TEXTBOX, BOTON, GRIDVIEW Y SQLDATASOURCE.

TABLA LLAMADA alumno TABLA LLAMADA alumno

EL CAMPO idAlumno TIENE LA PROPIEDAD DE LLAVE PRIMARIA

EL CAMPO idAlumno TIENE LA PROPIEDAD DE LLAVE PRIMARIA


EL DISEÑO QUEDARA DE LA SIGUIENTE MANERA

- Clic en el objeto SqlDataSource1 y en su propiedad ConnectionString realizaremos la conexión con la base de datos, y esa conexión la llamaremos: alumnosConnectionString.

- En ese mismo objeto seleccionaremos su propiedad SelectQuery e insertaremos el siguiente comando:

@idAlumno

Es un parámetro o filtro, que permitirá al usuario colocar el dato que desee buscar.

@idAlumno

Es un parámetro o filtro, que permitirá al usuario colocar el dato que desee buscar.

Comando de la consulta



- Sin salir de la ventana damos clic en el botón de actualizar parámetros:

Automáticamente se agregara el campo llave de la tabla alumno

Automáticamente se agregara el campo llave de la tabla alumno

En este caso el origen del parámetro será un control porque el textboxt es un control y además es donde se insertara el dato para poder ser consultado


Seleccionar el textbox1 porque es el que se enlazara con el parámetro del SelectQuery y mostrará la consulta solicitada

Seleccionar el textbox1 porque es el que se enlazara con el parámetro del SelectQuery y mostrará la consulta solicitada


El textbox1 se agrega automáticamente como valor del parámetro cuando se selecciona el textbox1 como control en el origen del parámetro

El textbox1 se agrega automáticamente como valor del parámetro cuando se selecciona el textbox1 como control en el origen del parámetro

Clic en esta pestaña del GridView

Clic en esta pestaña del GridView

Seleccionar el objeto SqlDataSource ya que esta conectado con la base de datos llamada alumnos

Seleccionar el objeto SqlDataSource ya que esta conectado con la base de datos llamada alumnos


- Se ejecuta la página y se ingresa el Id del alumno para que se realice la búsqueda y se muestren todos sus datos en el GridView.

CONCLUSIÓN

Con esta práctica nosotros hemos podido realizar una consulta de datos en una página web manejando bases de datos en SQL SERVER 2005, así como también el manejo de objetos que nos permiten la conexión de la misma.

Clic en Actualizar esquema


Como existe un parámetro cuando se actualiza el esquema pregunta por el valor que debería tener el parámetro para realizar la consulta, con la siguiente pantalla, únicamente deberá colocar un valor y clic en Aceptar

Como existe un parámetro cuando se actualiza el esquema pregunta por el valor que debería tener el parámetro para realizar la consulta, con la siguiente pantalla, únicamente deberá colocar un valor y clic en Aceptar

Doble clic en el botón y escribir la siguiente línea de comando: Me.GridView1.DataBind().Esto es para que se carguen los datos en el GridView a la hora de hacer la consulta.

Doble clic en el botón y escribir la siguiente línea de comando: Me.GridView1.DataBind().Esto es para que se carguen los datos en el GridView a la hora de hacer la consulta.


PRACTICA #2

CONTINUACIÓN AL REPORTE DE PRÁCTICA NÚMERO 2OBJETIVO:

REALIZAR LA CONEXIÓN DE UNA BASE DE DATOS EN SQL SERVER Y CONSULTAR SUS DATOS CREANDO UN COMANDO DE CONSULTA CON EL OBJETO SQLDATASOURCE EN SU PROPIEDAD SELECT QUERY, UTILIZANDO TAMBIÉN CAJAS DE TEXTO, GRID VIEW Y UN BOTON, TODO ESTO EN ASP.NET 2005.

DESARROLLO:

- PRIMERAMENTE CREAREMOS EN SQL SERVER 2005 UNA BASE DE DATOS LLAMADA TercerParcial

- POSTERIORMENTE CREAREMOS UNA TABLA Y LA LLAMAREMOS Reservacion, QUE TENDRÁ LOS SIGUIENTES CAMPOS:

- ENSEGUIDA LLENAMOS TABLA Reservacion CON AL MENOS 3 REGISTROS

- CREAMOS UN NUEVO PROYECTO WEB Y EN EL APARTADO DE DISEÑO INSERTAMOS UNA MULTIVIEW, GRIDVIEW, DETAILSVIEW, SQLDATASOURCE, DENTRO DE LA MULTIVIEW INSERTAREMOS TRES VIEWS E INSERTAREMOS UN MENU PARA LAS OPCIONES.

TABLA LLAMADA Reservacion TABLA LLAMADA Reservacion


EL DISEÑO QUEDARA DE LA SIGUIENTE MANERA

- Clic en el objeto SqlDataSource1 y en su propiedad ConnectionString realizaremos la conexión con la base de datos, y esa conexión la llamaremos: ConnectionString5 (ESTA CONEXIÓN SERÁ UTILIZADA PARA EL RESTO DE LOS SQLDATASOURCE).






INSERT INTO Reservacion(IdRes, FechaRes, Nombre, Email) VALUES (@IdRes, @FechaRes, @Nombre, @Email)



- Clic en el objeto SqlDataSource2 y en su propiedad ConnectionString realizaremos la conexión con la base de datos, y esa conexión la llamaremos: ConnectionString5.


- En ese mismo objeto seleccionaremos su propiedad UpdateQuery e insertaremos el siguiente comando:



Seleccionar el Gridview1, porque es el que se enlazara con el parámetro del SelectQuery y mostrará la consulta solicitada

Seleccionar el Gridview1, porque es el que se enlazara con el parámetro del SelectQuery y mostrará la consulta solicitada


Automáticamente se agregara el campo llave de la tabla Reservacion

Automáticamente se agregara el campo llave de la tabla Reservacion

El Gridview1 se agrega automáticamente como valor del parámetro cuando se selecciona el Gridview1 como control en el origen del parámetro

El Gridview1 se agrega automáticamente como valor del parámetro cuando se selecciona el Gridview1 como control en el origen del parámetro

SELECT IdRes, FechaRes, Nombre, Email FROM Reservacion WHERE (IdRes = @IdRes)

SELECT IdRes, FechaRes, Nombre, Email FROM Reservacion WHERE (IdRes = @IdRes)

UPDATE Reservacion SET FechaRes = @FechaRes, Nombre = @Nombre, Email = @Email WHERE (IdRes = @IdRes)

UPDATE Reservacion SET FechaRes = @FechaRes, Nombre = @Nombre, Email = @Email WHERE (IdRes = @IdRes)




- En ese mismo objeto seleccionaremos su propiedad InsertQuery e insertaremos el siguiente comando:

- Doble clic en el GridView1 e insertar el siguiente código

Me.GridView1.DataBind()Me.MultiView1.ActiveViewIndex = 1

SELECT IdRes, FechaRes, Nombre, Email FROM Reservacion

SELECT IdRes, FechaRes, Nombre, Email FROM Reservacion




- Doble clic en el DetailsView1 e insertar el siguiente código

Me.GridView1.DataBind()Me.MultiView1.ActiveViewIndex = 1

- Doble clic en el DetailsView2 e insertar el siguiente código

Me.GridView1.DataBind()

- En el objeto menú configurarlo para que tenga la siguiente forma

- Doble clic sobre el e insertar el siguiente código

If Me.Menu1.SelectedItem.Value = 0 Then Me.MultiView1.ActiveViewIndex = 2End IfIf Me.Menu1.SelectedItem.Value = 1 Then Me.MultiView1.ActiveViewIndex = 2End IfIf Me.Menu1.SelectedItem.Value = 2 Then Me.MultiView1.ActiveViewIndex = 0End If

- En el GridView en su propiedad DaraKeyNames agregar la llave primaria llamada IdRes


- Quedando de la siguiente forma:

- Se ejecuta la página y se ingresa el Id del alumno para que se realice la búsqueda y se muestren todos sus datos en el GridView.

CONCLUSIÓN

Con esta práctica nosotros hemos podido realizar una consulta de datos en una página web manejando bases de datos en SQL SERVER 2005, así como también el manejo de objetos que nos permiten la conexión de la misma.

Clic en AceptarClic en AceptarClic aquí para ingresar la llave primaria

Clic aquí para ingresar la llave primaria


PRACTICA #3

CREACIÓN DE LOGINOBJETIVO DE LA PRÁCTICA:

CREAR UNA PÁGINA WEB QUE NOS PERMITA RESTRINGIR EL ACCESO A OTRA PÁGINA WEB LLAMADA PRINCIPAL, ESTO ES CON LA FINALIDAD DE TENER UNA PÁGINA WEB QUE NOS PIDA EL NOMBRE DE USUARIO Y SU RESPECTIVA CONTRASEÑA EN POCAS PALABRAS TENER UNA PÁGINA WEB SEGURA Y CON USUARIOS.


- PRIMERAMENTE CREAREMOS EN SQL SERVER 2005 UNA BASE DE DATOS LLAMADA 4b.

- POSTERIORMENTE CREAREMOS UNA TABLA Y LA LLAMAREMOS usuarios, QUE TENDRÁ LOS SIGUIENTES CAMPOS:

- ENSEGUIDA LLENAMOS TABLA usuarios CON AL MENOS 3 REGISTROS

- CREAMOS UN NUEVO PROYECTO WEB Y EN EL APARTADO DE DISEÑO INSERTAMOS UN LOGIN, GRIDVIEW, SQLDATASOURCE.

EL DISEÑO QUEDARA DE LA SIGUIENTE MANERA:





Comando de la consultaClic en actualizar

parámetros

Clic en actualizar parámetros

Automáticamente se agregaran los campos de la tabla usuarios

Automáticamente se agregaran los campos de la tabla usuarios

En este caso no enlazaremos controles con ningún origen de datos

En este caso no enlazaremos controles con ningún origen de datos Clic en aceptarClic en aceptar

@usuario-@pwd: Estos son filtros a utilizar.

@usuario-@pwd: Estos son filtros a utilizar.


- Posicionarnos en el GridView1 y realizar los siguientes pasos:

- El Gridview1 se mostrara de la siguiente manera:

Clic en esta pestaña del GridView1

Clic en esta pestaña del GridView1

Seleccionar el objeto SqlDataSource1 ya que esta conectado con la base de datos llamada 4b

Seleccionar el objeto SqlDataSource1 ya que esta conectado con la base de datos llamada 4b



Como existe un parámetro cuando se actualiza el esquema, pregunta por el valor que debería tener el parámetro para realizar la consulta, con la siguiente pantalla, únicamente deberá colocar un valor y clic en Aceptar

Como existe un parámetro cuando se actualiza el esquema, pregunta por el valor que debería tener el parámetro para realizar la consulta, con la siguiente pantalla, únicamente deberá colocar un valor y clic en Aceptar


- Posteriormente crearemos un nuevo formulario web el cual se llamara principal.aspx e insertaremos un Label el cual le asignaremos el un texto así: BIENVENIDOS A PRINCIPAL, esta página se mostrara después de ingresar nuestro nombre de usuario y contraseña, esto será como la página principal de un sistema.

EL DISEÑO QUEDARA DE LA SIGUIENTE MANERA:

- Regresamos a la página del Login y nos posicionamos en el control del Login, en su evento Authenticate haremos doble clic.

ESCRIBIREMOS EL SIGUIENTE CÓDIGO:

SqlDataSource1.SelectParameters(0).DefaultValue = Login1.UserName

SqlDataSource1.SelectParameters(1).DefaultValue = Login1.Password


GridView1.DataBind()

If GridView1.Rows.Count = 1 Then FormsAuthentication.SetAuthCookie("usuario", False) Response.Redirect("principal.aspx")

End If

VOLVEMOS AL APARTADO DE DISEÑO Y COMPILAMOS INGRESAREMOS EL USUARIO Y CONTRASEÑA Y SI SON CORRECTOS NOS ENVIARA A LA PÁGINA PRINCIPAL.

CONCLUSIÓN

Con esta práctica nosotros hemos podido realizar una página que nos permite restringir acceso al sistema con esto podemos poner en práctica el uso de la seguridad en nuestras páginas web.


PRÁCTICA #4

CREACIÓN DE REPORTES CON CRYSTAL REPORTS


Crear informes a partir de datos almacenados en nuestra base de datos


- Creamos un nuevo proyecto web.- Agregamos un nuevo elemento, llamado Dataset- En el mensaje que aparece, damos clic en Si- Realizamos la conexión de la base de datos con el Dataset- Guardamos la cadena de conexión tal y como se llame- Clic en siguiente- Generar la consulta- Agregamos una tabla la que queramos de nuestra base de datos- Ejecutamos la consulta- Clic en aceptar- Clic en siguiente- Nuevamente clic en siguiente- Clic en finalizar

Nos tiene que aparecer la siguiente imagen


Cerramos la pestaña del Dataset y damos clic si para guardar los cambios

- Agregamos un nuevo elemento, llamado crystal reports- Aparecerá un contrato de licencia y le damos aceptar ese contrato de

licencia.- Aparecerá la siguiente pantalla

Por default se activa la opción unoSeleccionamos la opción estándarClic en aceptar


- Agregamos un objeto llamado crystalreports view- En su pestaña daremos clic en nuevo origen de informe


Y clic en aceptar


Listo y por fin generamos nuestro informe de nuestra base de datos, compilamos y veremos los datos en el Internet Explorer, en pocas palabras

hemos creado un informe vía web.

CONCLUSIÓN

Con esto nosotros hemos aprendido a generar informes sobre nuestras bases de datos, esto es con la finalidad de proporcionar un reporte sobre todos nuestros datos, esto se puede aplicar para un mayor control de nuestros

datos. Ir al Índice Ir al Índice

Que el alumno investigue, practique y se interese más sobre esta plataforma de programación web, que el alumno aprenda a programar en esta plataforma con los lenguajes de programación el cual este se puede generar proyectos web (C#, J#, Visual Basic).

Estos reportes de prácticas simplemente fueron para dar una introducción a esta plataforma, aunque se tocaron temas algo avanzados como bases de datos y seguridad de las páginas web con los controles de Login, y como se hizo mención, ya dependerá de él alumno si este se interesé en aprender más.

reporte de prÁcticas de los tres parciales en asp.net 2005 y sql server 2005 de la materia,...

Documents