Universidad Peruana Los Andes

Ingeniería de Sistemas y Computación

Nuevo proyecto

Sus contenidos ya lo tenemos preparado

1
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Si ejecutamos nos sale así, el cual más adelante modificaremos

Modificando

2
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Luego nos vamos a default.aspx modificaremos tal como nos pide

Ejecutamos para ver

3
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Modificamos el pie de pagina en master page

Agregamos imágenes, pero vamos crear la carpeta para luego agregarlo las imágenes

4
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Se agrego la imagen

Insertar la imagen en web form de default.aspx (Lo realizamos dentro de Diseño para
facilitarnos)

5
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

En el formulario web modificar about.aspx

Luego le agregamos una imagen dentro de diseño

6
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Recordarle establecer como página principal al formulario web llamado Default.aspx

Capitulo II
Ahora agregaremos páginas de contenidos dentro del site.Master

7
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

A este primero lo cambiaremos de nombre llamado Productos.aspx

De igual forma agregamos otro página de contenidos al cual llamaremos Clientes.aspx

No olvida siempre dando click derecho en Site.Master, luego buscar agregar página de
contenido

8
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Agregar otro página de contenido llamado NuevaFactura.aspx

Agregar otro página de contenido llamado ListadoProductos.aspx

9
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Agregar otro página de contenido llamado ListadoClientes.aspx

Agregar otro página de contenido llamado ReporteFacturas.aspx

Ahora los clasificaremos las páginas de contenidos por carpetas

- Mantenimiento
o Clientes
o productos

10
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

- Movimientos
o Nuevafactura
- Reportes
o ListadoClientes
o ListadoProductos
o Reportefacturas

Agregamos una carpeta llamado Administrador y luego también agregamos página de

contenido llamado AsignarPermiso.aspx

11
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Para cambiar de permisos de usuarios en los logueos ya están pre determinadas, el cual lo
utilizaremos mas adelante.

Ahora los agregaremos los títulos a cada página de Contenidos

12
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

13
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Hasta aquí saldrá de esta forma nuestro diseño

14
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Luego agregamos las pestañas (menús) para ver los otros contenidos.

Así quedará el diseño

15
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Ingresando a los menús

Capitulo III
Crearemos perfiles para los usuarios que tiene permiso dentro del logueo

16
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

17
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Deben Existir estos roles

18
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Los roles nos va permitir dar la autorización o permisos para que los usuario y administradores
del aplicativo
Click en el botón Atrás
Comenzaremos a crear nuestro usuarios

El usuario peter tendrá todos los permisos(roles) , Administrar, Mantenimiento, Movimiento,

Reporte

Creamos otro usuario llamado diego y el rol solo se le esta autorizando Reportes

Si quiero cambiar el nombre de usuario y los roles

19
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

20
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Probando la aplicación web, click en Iniciar sesión ingreso nombre del usuario correcto, pero la
contraseña se le escribirá diferente al cual, saldrá este mensaje.

Ingresado correctamente usuario y contraseña

Podemos cambiar la contraseña solo
ingresar al icono Cambio de
Contraseña

Procedemos a crear reglas de acceso

A cada usuario en este caso a peter y diego

21
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

22
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Buscar Mantenimiento

23
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Click en movimientos

24
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Falta reportes, click en ello

25
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Como segunda selección realizar click aqui

26
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

27
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Probando la aplicación web y sus efectos, le doy click en Listado de clientes y me manda
directo que primero me registre como usuario

Agregarlo el párrafo luego ejecutarlo

28
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Para poder recuperar la contraseñan agregamos página de contenido llamado

RecuperacionContrasena.aspx

Agregarlo el párrafo

29
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Luego damos click en Diseño

Agregamos el password Recovery, luego click en Formato automático, escoger la Clasica

30
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Luego Ingresamos al formulario Login.aspx, primero agregamos el objeto LinkButton, luego

digitamos de acuerdo al grafico que nos pide, para que nos linke al formulario web llamado
RcuperacionContrasena.aspx

Probando,

31
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Hasta aquí va todo bien

Pero nosotros queremos que nos envía a nuestro correo nuestra clave en caso que olvidamos

32
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

33
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Luego vamos al formulario web RcuperarContrasena.aspx, damos click derecho y propiedades

En su ventana de propiedades, configurarlo

34
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Configurar el smtp en el proyecto para que nos enviara al correo

Click en configuración de la aplicación

35
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

36
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Por último en la ventana de propiedades, nos falta configurar los códigos en los (click) eventos

37
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Activar el evento SendingMail realizando doble click simultaneo

38
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Importando la librería de SmtpCliente (o Cliente de correo)

Listo probamos el envió del correo

39
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Capitulo IV
Vamos a trabajar con capas y Mantenimientos de Clientes.
Agregar un nuevo proyecto

Creando clase llamado CADFacturacion (Captura de Acceso a Datos)

40
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Dentro de esta clase agregarlo un DATASet

Agregamos un DATASet

41
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Así nos tiene que salir del DATASet

42
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Visualizamos el Explorador de Servidores

Conectarse a la base de datos

43
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Seleccionar la base de datos que se tiene que trabajar

44
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Verificando las tablas de nuestro base de datos

Arrastramos las tablas, con este conjunto de datos ya tenemos para podernos
conectarnos a la base de datos.

45
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Cambiamos de nombre a esta clase1.cs por CADCliente.cs

46
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Ahora crearemos los métodos necesarios para poder tener accesos a la base de datos.
Pero antes agregamos la Referencia de la clase de acceso a datos

47
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Ahora trabajaremos en el formulario Clientes.aspx, pero en modo Diseño

48
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Arrastramos la tabla cliente, donde creara un Crid automático

Cambiar en formato clásico la visualización de las tablas

49
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

De igual forma habilitarlo la paginación, ordenación, edición, eliminación

También Editaremos las Columnas

50
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Ingresaremos los nombres para las columnas

51
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

52
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

53
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Probando el Capitulo IV,

Todo salió bien, pero ordenamos por nombre

54
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

De igual forma podemos editar o también eliminarlo

Seguimos implementando el capítulo IV
Insertamos tabla 8 columnas por 3 filas

Insertamos los textos y los campos de textos en las filas correspondientes.

Nombre del campo de texto
- txtCliente
- txtNombres
- txtApellidos
- txtDireccion
- txtTelefono
55
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

- txtCorreo
- calFechaNacimiento
- txtCupo

Luego agregamos los botones, pero dentro del código.

Visualizando en el Diseño

56
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Probando nuestro diseño en la web

57
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Implementando consulta con la base de datos dentro del DATASet

Doble Click

Vamos crear un método dentro de la tabla Clientes,

Click derecho dentro

58
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Creando la consulta para que nos devuelta los datos de los clientes solo mediante el ID

Haciendo la consulta para que nos devuelva en los campos solo mediante el IDCliente

59
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Desactivar el Relleno de DataTable por que no vamos almacenar datos, en este caso
solo devolverá los datos en los campos de textos. No se olviden de ingresar el Nombre
del método GetCliente

60
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Se creo un método del cliente con la consulta de base de datos

Comprobando si esta correcto en la vista previa, siempre con el click derecho

Si probamos nos

61
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Para poder utilizar el método tenemos que agregarlo los adoptadores dentro de la
clase CADCliente, siempre con doble click

Creamos el adaptador clienteTableAdapter al cual lo llamaremos adapter, estamos

creando el objeto que nos va permitir con la base de datos.
Como segundo se creará otro método static publico DSFacturacion.ClienteDataTable,
llamaremos AL METODO GetCliente(llamaremos al parámetro llamado IDCliente)

62
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Este parámetro nos devolverá un conjunto de datos de la base de datos de la tabla

clientes.
Ahora crearemos otra consulta si existe o no los datos y/o registros,
Click derecho para realizar la nueva consulta

63
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Ingresar la consulta

A este procedimiento lo llamaremos ExisteCliente

Siguiente luego FINALIZAR

64
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Tenemos que agregar el método en CADCliente

Agregarlo el método public de tipo static agregamos la consulta de método

ExisteCliente con su parámetro de IDCliente, este parámetro nos devolverá un
número, si encuentra uno nos devolverá los datos de la tabla cliente.

65
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Ahora nos vamos para que nos visualiza los datos buscado en el formulario web
Cliente.aspx, dentro del botón CONSULTAR

Doble clicK en el botón CONSULTAR

66
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

Probando nuestro aplicación web

67
Sistemas Operativos
 Universidad Peruana Los Andes
Ingeniería de Sistemas y Computación

68
Sistemas Operativos