Introducción.
El curso Aplicación Web .Net, está diseñado para acelerar la productividad del equipo de desarrollo de software mediante el uso de nuevos frameworks open source, así como crear un estándar de fácil mantenimiento y escalabilidad.
En el curso se creará una aplicación de demostración, con formularios de consulta, ingreso y edición de registros. Utilizando el Framework de Microsoft más reciente.
Temas
Se estará impartiendo una introducción a los siguientes temas: c# , Html5, Css3, Bootstrap, jQuery, javaScript. Desarrollo en Capas. List Views, Grid Views, Form Views, Dashboard, Activity Feed.
Prácticas y laboratorio
Se estará haciendo ejercicios prácticos y de seguimiento para los participantes. Herramienta sugerida Visual Studio 2015 ce.
Contenido:
Visual 2015 CE
Estructura De Archivos
Capa de Interfaz De Usuario
Tipos Estándar de Formularios
Boot Strap
Html5
jQuery
JavaScript
Css3
Capa de Lógica De Negocio
Clases en c#
Web Services
List Views
Grid Views
Form Views
Capa de Acceso a Datos
Fuentes de Datos
Data Sets
Visual 2015 CE
Que incluye la nueva versión de Visual 2015.
Short Cuts Keys: uso del CTRL +K
CTRL+K + K
Agrega un Book Mark
CTRL+K +D
Alineación del Código
CTRL+K +S
Inserta Snippets
CTRL+K +C
Comentario de la línea
Uso de Shift-Alt
Edita varias líneas al mismo tiempo.
Estructura De Archivos
Interfaz De Usuario
Los formularios que interactúan con el usuario se colocan en un directorio desde el directorio Raíz, se crea una carpeta por cada módulo en el que se incluirá el juego de formularios referentes al módulo específicamente.
Lógica De Negocio
La lógica de negocio consiste en clases de objetos que van en la carpeta App_Code y se crea una carpeta para cada módulo, en la que irá incluida las clases de cada entidad incluyendo la capa de acceso a datos.
Acceso A Datos
Consiste en el dataset que está enlazado a una conexión de una fuente de datos de ADO .Net.
Se encuentra ubicado en la carpeta de la lógica de negocios.
Capa de Interfaz De Usuario
Tipos Estándar de Formularios
a.Filtro De Datos.
La pantalla de filtro de datos es un estándar que nos permite desplegar información por medio de diferentes criterios de búsqueda o de filtrado de datos.
Es la pantalla que se muestra primero al momento de ingresar a un módulo, y es la que nos permite hacer la llamada a un formulario de tecleo.
Entre los filtros que se pueden incluir se encuentra el flujo de trabajo o el estado de los documentos.
Esta pantalla también nos permite controlar las acciones que un documento en particular puede realizar dependiendo del estatus y su nivel de autorización que contenga.
las pantallas de filtro también pueden ser utilizadas para reflejar informes gerenciales de resúmen ya que pueden incluir la información representada en gráficas.
Cuenta con un link hacia el detalle de la información para su respectiva integración.
Filtro detallado de la información que viene de algún resumen.
b.Formulario de Tecleo
Es el formulario que captura la información de algún documento que puede tener encabezado y detalle inclusive.
En este formulario se puede ingresar y editar la información del documento, se pueden incluir las funcionalidades del flujo de trabajo o estatus, y normalmente cuenta con la opción de impresión.
c. Dashboard
Un dashboard normalmente está dirigido a la información gerencial, en el cual se resume en forma gráfica o en listado de la operación en forma global, es el menú principal por medio del cual se puede llegar a los diferentes informes de detalle que integra la información reflejada.
D. Activity Feed
La pantalla de Feedback de operaciones está destinado normalmente al personal operativo que está a cargo del movimiento de operaciones y puede ver en tiempo real los acontecimientos de la operación e interactuar por medio de comentarios y cambios de estatus en los documentos.
Tecnologías Utilizadas.
Bootsrap
Bootsrap es un framework open source, utilzado para el look and feel de las pantallas, permite una codificación ordenada y estructurada de los elementos contenidos en una pantalla.
Es el más popular HTML, CSS y JS Framework para desarrollar proyectos adaptativos y móviles en Web.
http://getbootstrap.com/
Html5
Es la más reciente versión de este lenguaje y al ser aplicado en web forms, es ideal para presentar la información de forma más dinámica y moderna en la actualidad.
jQuery
Es un framework base para poder manipular los elementos dentro de una página web, incluyendo sus métodos y atributos.
Por medio de este framework se pueden utilizar una gama amplia de controles diseñados para Html y jquery que se aplican en una pagina web.
JavaScript
Es el lenguaje que se utiliza dentro de una página web, para interactuar con los elementos, es el lenguaje en el que está basado jQuery, y tiene la misma sintaxis de Java y C#
Css3
es la versión más reciente de las clases de estilo utilizadas en html, incluida en los diferentes frameworks open source.
Capa de Lógica De Negocio
Clases en c#
Web Services
para realizar consultas desde el cliente a través de jQuery y Ajax.
List Views
Control de .Net que permite insertar, editar y listar registros, se adapta a HTML, css y java Script.
Grid Views
Permite presentar una cuadrícula de información desde .Net, se adapta a Html, css y javascript.
Form Views
Capa de Acceso a Datos
La capa de acceso a datos, consiste en la estructura de datos en Data Set y/o en Entity Framework.
Esta capa actúa como filtrado de los datos en cuanto a sus tipos y tolerancias. Es la primera que recibe la información luego la traslada por medio de la lógica de negocios.
