100 PLANTILLA ASP NET CORE

 ASP NET CORE, PLANTILLA

Ing. Honoria Reyes Macedo 

INTRODUCCION

En esta actividad usaremos un objeto a partir de un modelo, para almacenar datos. Esos datos se visualizaran en un formulario web con ASP NET CORE.

Se utiliza: 

    - BitacoraModel.cs como plantilla, 

    - Listar.cshtml como vista(creada a partir de ModelBitacora), Creada automáticamente con el motor de vistas Razor

    - BitacoraController.cs para cargar los datos en un objeto, dentro de un metodo Listar()(Nombrado igual que la vista)

Al terminar la actividad se ejecuta seleccionando el servidor web IIS Express integrado en Visual Studio

Nota: Observar que la pagina creada en la practica: Utiliza en la url localhost y el puerto del servidor web.

                                

  ACTIVIDADES

     1.- Crear un proyecto web llamado: EstructuraASP_core_HRM

            Las ultimas letras son tus iniciales

EL PROYECTO QUEDARIA ASI: 

2. EJECUTARLO DESDE IISExpress Y PROBAR SU MENU

3. REVISANDO EL MENU.

Observa que el menú contiene el link a las vistas que a su vez se llenan desde un controlador

4. AGREGAR EL CONTROLLER DE Bitacora: 

llamado BitacoraController.cs  (De lectura y escritura)

QUEDARIA ASI:

5. AGREGAR UN MODELO DE BITACORA LLAMADO BitacoraModel.cs

QUEDARIA ASI:

 CAPTURAR SU CONSTRUCTOR Y PROPIEDADES CON SUS GET Y SET

6. CREAR UNA VISTA RAZOR

    6.1 CREAR UNA CARPETA LLAMADA Bitacora

6.2 EN LA CARPETA CREADA, CREAR UNA VISTA LLAMADA Listar

QUEDARIA ASI

7. AGREGAR EN BitacoraController UN METODO LLAMADO Listar() Y LLENAR LA LISTA DE OBJETOS COMO SIGUE:

8. AGREGAR AL MENU LA OPCION DE BITACORA

AL EJECUTAR QUEDARIA ASI

9. PERSONALIZAR LA PAGINA DE INICIO

QUEDARIA ALGO PARECIDO

9. AGREGAR UN LOGO EN Index.cshtml

a) Crear una carpeta llamada image en  wwwroot

b) Pegar una imagen del logo en la carpeta image

c) Agregar la etiqueta img para indicar la imagen a usar como la línea 6 

<div><img src="image\logui.png" /></div>

EJECUTAR 

----------------------------------------------------------0--0----------------------------

------------------------------------------------------000~000--------------------------

100 SIMULANDO SENSOR DE PRESION

100 SIMULANDO SENSOR: PRESION

Ing. Honoria Reyes Macedo 

INTRODUCCION   

Se trabaja con un proyecto de escritorio en Windows Form de .NET

 

Entre los controles mas importantes que usa:

Un RadioButton como Encendido y otro como Apagado, en su evento CheckedChanged()  usa una variable llamada encendido para saber si esta encendido o no.

UN CheckedListBox que permite tener opciones como válvula de entrada y válvula de salida.

Un Timer que se activa cuando se activa el RadioButton de Encendido. Permite mostrar los movimientos en su evento Tick()

Dos Label como interruptores que indican la presión mínima y la presión máxima.

Un NumericUpDown con limite mínimo=0 y máximo =50. Su uso es manual y representa el sensor que detecta la presión. Usa su evento ValueChanged() y guarda su valor en una variable llamada lectura3.

Un TextBox que permite indicar la presión de salida y que se puede usar para activar la válvula de salida,

de acuerdo a su presión(Bajaría la presión si llega a la indicada).

 

A.- Cada control que se agregue tendrá sus propias propiedades: nombre, color, letra, tamaño, estilo, y si se necesita texto también como los Labels.

B.- Cada control tendrá sus eventos al dar doble click sobre ellos como: Click(), ValueChanged(),Tick(), CheckedChanged().

 

ACTIVIDADES

1.- Cambiar propiedades en la pestaña de Presión: en la propiedad Name=tabPresion  y backcolor =elegir color

1.1 Controles a usar y sus propiedades, desde el cuadro de herramientas(Arrastrar los controles)

groupBBomba              (Es el nombre del GroupBox)

rdBEncendido              (Es el nombre del RadioButton)

rdBApagado                (Es el nombre del RadioButton)

checkedLBValvula       (Es el nombre del CheckedListBox)

textBPresionSale         (Es el nombre del TextBox)

numUpDSensor           (Es el nombre del NumericUpDown)

lblHigh                          (Es el nombre del Label)

lblLow                           (Es el nombre del Label)

1.2 Usar el control RadioButton con Nombre = rdBApagado

                   Nota: Los RadioButton deberán estar dentro del GroupBox

1.3 Usar el control CheckedListBox con Nombre =  checkedLBValvula

1.4 Usar los dos control PictureBox con Nombre =  pictSigue y pictSigue2

1.5 Usar el control Label con Nombre =  lblHigh

1.6 Usar el control Label con Nombre =  lblLow

2 Agregar eventos.

         Editar en el formulario FrmPrincipal.cs:

 2.1 Agregar la variable lectura3

2.2 Agregar evento CheckedChanged() al control de Encendido del RadioButton

2.3 Agregar evento CheckedChanged() al control de Apagado del RadioButton

2.4 Agregar evento ValueChanged() al control NumericUpDown

2.5 Agregar el método mostrarLecturaPresion()

2.6 Agregar en el evento Tick() del control Timer (con doble click sobre el control) la llamada al metodo mostrarLecturaPresion()

COMPILAR Y EJECUTAR

 PRUEBA

- Con la BOMBA encendida(Es cuando se HABILITAN las válvulas para abrirse):

         Mover el sensor:

Describir que sucede cuando SUBE la presión y esta abierta la VALVULA DE ENTRADA

Describir que sucede cuando SUBE la presión y esta cerrada la VALVULA DE ENTRADA

        

Describir que sucede cuando BAJA la presión y esta abierta la VALVULA DE SALIDA

Describir que sucede cuando BAJA la presión y esta cerrada la VALVULA DE SALIDA

 

- Con la BOMBA apagada(Es cuando se DESHABILITAN las válvulas para abrirse)

---------------------------------0--0---------------------------------------------

----------------------------000-~-000------------------------------------------