Manual Técnico

MANUAL TECNICO DEL SISTEMA DE SEGURIDAD GESTION DE PROYECTOS
Contenid
o
Creación de Table o View...................................................................................................................2
Creación de POCO (capa domain)......................................................................................................2
Creación del Gestor (capa Aplicación)................................................................................................3
Creación del Servicio (capa de aplicación).........................................................................................4
Creación del service Api (capa de servicios web)...............................................................................6
Creación del formulario (capa de presentación)................................................................................7
MVC asp.net...............................................................................................................................7
Responsive de Bootstrap,...........................................................................................................8
Knockout.js.................................................................................................................................8
jQWidgets...................................................................................................................................8
Creación de Index o Login de Ingreso al sistema de Seguridad (Capa de Presentación)....................9
Creación de Master Page para todos los Formularios (Capa de Presentación)................................10
Creación de formulario Registro de Personal – Personal Externo (Capa de Presentación)..............15
Creación de formulario Registro de Sistema – Registro de Sistema (Capa de Presentación)...........18
Creación de formulario Registro de Sistema – Registro de Módulo (Capa de Presentación)...........22
Creación de formulario Registro de Sistema – Registro de Control (Capa de Presentación)............24
Creación de formulario Registro de Sistema – Registro de Formulario (Capa de Presentación)......26
Creación de formulario Registro de Accesos – Registro de Perfiles (Capa de Presentación)............30
Creación de formulario Registro de Accesos – Registro de Accesos (Capa de Presentación)...........31
Creación de formulario Registro de Accesos de Usuario (Capa de Presentación)............................34
P á g i n a 1 | 35
Manual Técnico de Sistema de Seguridad
Creación de Table o View
Cada tabla debe tener las siguientes características:
 ID (nombre de la tabla) de la tabla

 USUARIO_CREACION campos de auditoria,
 FECHA_CREACION campos de auditoria,
 USUARIO_MODIFICACION campos de auditoria,
 FECHA_MODIFICACION campos de auditoria,
 USUARIO_ELIMINACION campos de auditoria,
 FECHA_ELIMINACION campos de auditoria
Los Views pueden ser creadas según su funcionalidad no tienen campos

obligatorios.
Ejemplo 1 tabla SEG_PERFIL
Creación de POCO (capa domain)
La tabla debe ser registrada en la solución en la CAPA DE DOMINIO,
P á g i n a 2 | 35
Ejemplo 2 Creación POCO (SEG_PERFIL)
Creación del Gestor (capa Aplicación).
Para crear una clase de tipo gestor se debe considerar el patrón singleton.
Ejemplo 3 Creación Gestor
La creación de un gestor debe ser considerado como el INSERT, DELETE O

UPDATE, que se hace a una tabla.
P á g i n a 3 | 35
Ejemplo 4 Response Operation
 vRespuesta.Respuesta
 ResponseType.Success (Operación exitosa)
 ResponseType.Warning (algún tipo de excepción)
 ResponseType.Error (Error al realizar la transacción)
 vRespuesta.Mensaje = ( mensaje de descripción según convenga)
Creación del Servicio (capa de aplicación)
Para crear una clase de tipo servicio se debe considerar el patrón singleton.
P á g i n a 4 | 35
Ejemplo 5 Creación de Servicios
La creación de un Servicio debe ser considerado como el SELECT a una tabla.
Ejemplo 6 Response Entity
ResponseEntity: Solo retorna una tupla
 vRespuesta. ObjectEntity= POCO;

 vRespuesta.Respuesta=
o ResponseType.Success (Registros recuperados)
o ResponseType.NoData (No cuenta con registros)
o ResponseType.Error (Error al realizar la consulta)
P á g i n a 5 | 35
 vRespuesta.Mensaje =(mensaje de descripción según convenga)
Ejemplo 7 Response Query
ResponseQuery: retorna varias tuplas
 vRespuesta.Respuesta =
o ResponseType.Success (Registros recuperados)
o ResponseType.NoData (No cuenta con registros)
o ResponseType.Error (Error al realizar la consulta)
 vRespuesta.Mensaje =(mensaje de descripción según
convenga)
Creación del service Api (capa de servicios web)
La clase debe tener nombre y terminación con Controller.
Para cada método de la clase Controller, se debe asociar el método del

servicio o gestor.
Si es un servicio se debe agregar el atributo [HttpGet]
Si es un gestor se debe agregar el atributo [HttPost]
P á g i n a 6 | 35
Ejemplo 8 Método de GET - POST
Creación del formulario (capa de presentación)
los formularios se aplican los conceptos de MVC del asp.net, responsive de

Boostrap, knockout.js, jQWidgets
MVC asp.net
Los formularios están basados en la tecnología MVC de asp.net, el cual nos

permite desarrollar aplicaciones web como composición de tres funciones:
modelo vista y controlador.
Modelo: Representa las reglas de negocio de la aplicación (y el acceso a datos

subyacente).
Vistas: Representan la presentación de la aplicación.
Controlador: Actúan de intermediario entre el usuario y el Modelo y las Vistas.

Recogen las peticiones del usuario, interaccionan con el modelo y deciden que
vista es la que debe mostrar los datos.
P á g i n a 7 | 35
Responsive de Bootstrap,
BOOTSTRAP es uno de los principales frameworks de desarrollo de entornos

web “responsive” (es decir, que se adaptan automáticamente al tamaño de
pantalla que utiliza cada usuario).
Esencialmente Bootstrap está formado por una colección de hojas de estilo y

funciones javascript auxiliares que permiten construir muy rápidamente un
front-end responsive. Está pensado para trabajar bajo el concepto “mobile
first”, es decir, diseñar pensando ante todo en los dispositivos móviles. La
razón de este enfoque es bastante obvia: un dispositivo móvil tiene una
pantalla mucho más pequeñita, y un uso táctil más limitado que un ordenador
con su ratón y su pantalla de 17 pulgadas en adelante.
Para mayor información http://getbootstrap.com/getting-started/

Knockout.js
Knockout.js es una biblioteca javascript, que nos ayuda a implementar este

modelo MVVM. Dentro de las características especiales, tal cual indica en su
página, nos permite:
 Realizar Binding Declarativos

 Refresco automático de los elementos del UI, como decía,
cuando se actualiza el modelo vista, nuestra UI se
actualiza automáticamente
 Tracking de Dependencias, detecta los cambios realizados
en la vista o en el modelo y es capaz de propagarlos.
 Plantillas, permite generar rápidamente plantillas en
función de los datos del modelo vista.
Para mayor información http://knockoutjs.com

jQWidgets
Este framework es una buena opción para crear aplicaciones web y móviles.
Se ha desarrollado en HTML5, CSS, JavaScript y JQuery. Tiene opciones de
adaptabilidad por lo que puedes construir aplicaciones y sitios web adaptativos
que se verán bien sin importar el dispositivo. Es una framework ligera, con
rendimiento optimizado y que se actualiza a menudo.
Para mayor información http://www.jqwidgets.com/
P á g i n a 8 | 35
Creación de Index o Login de Ingreso al sistema de Seguridad (Capa de

Presentación)
La primera ventana que se obtiene para ingresar al sistema es la de Login esta

está conformada por una imagen Banner de fondo, el logotipo de la empresa,
las etiquetas de ingreso más una imagen dos campos editables (Usuario,
Contraseña) y el botón de Ingresar, todo lo que respecta al dibujo del
formulario esta realizado en código HTML5.
Ejemplo 9 Usuario y Contraseña
A continuación, tenemos la parte de programación en java script, esta parte

abarca las Funciones y Validaciones de Usuario y Contraseña con la base de
datos para brindar acceso o denegar el acceso al usuario.
P á g i n a 9 | 35
Ejemplo 10 Validación Usuario y Contraseña
Creación de Master Page para todos los Formularios (Capa de Presentación)
El Master Page define las configuraciones del sistema y la máscara de los

formularios definiendo en esta el banner y el tipo de menú principal que serán
generales.
La parte superior de los formularios serán definidas por este Master Page
conjuntamente con la configuración del sistema o llamado también Web.config.
P á g i n a 10 | 35
Configuraciones del Sistema.
Ejemplo 11 Configuración Sistema
Cabecera de mensajes y botón de aceptar, mensaje de carga correcta, aviso

de corrección y mensaje de error.
Ejemplo 12 Modal Mensaje
Creación de banner de cabecera y menú principal información del usuario

(login de usuario, nombre de usuario y perfil), botones iniciales (Inicio, Cambiar
Password y Salir).
Ejemplo 13 Cabecera Banner
P á g i n a 11 | 35
Mensajes de Información y confirmación de procesos realizados por el Usuario.
Ejemplo 14 Modal Mensaje
Para la iteración con algunos botones se crean Pop-Up o ventana emergente,

esta recabara la información más elemental para ejecutar las funciones
requeridas.
Creación Pop-Up (poppCambioPass) esta ventana está compuesta por dos
botones (Guardar y Cerrar), cuatro celdas que contienen dos textos tipo
etiquetas y dos cuadros de texto editables.
P á g i n a 12 | 35
Ejemplo 15 Cambio Contraseña
Funciones del Pop-Up Cambio de contraseña.
P á g i n a 13 | 35
Ejemplo 16 js Cambio Contraseña (1)
P á g i n a 14 | 35
Ejemplo 17 js Cambio Contraseña(2)
P á g i n a 15 | 35
Ejemplo 18 js Cambio Contraseña (2)
Creación de formulario Registro de Personal – Personal Externo (Capa de

Presentación)
El formulario está compuesto por un panel principal con el título del formulario,
una imagen banner, tres botones (Agregar, Editar y Eliminar), una grilla que
contendrá la lista de los usuarios externos registrados en la base de datos y en
la parte inferior de la grilla se muestra la información de las filas de la grilla
para poder ir a la fila que se desea en caso de haber varias filas, la cantidad de
filas que se mostraran y la cantidad de páginas de información que se tiene y
en que página se encuentra el usuario..
P á g i n a 16 | 35
Creación Pop-Up (poppRegExt)
La ventana está compuesta por tres botones (Guardar, Buscar, Cerrar),

veintiocho celdas que contienen catorce textos tipo etiquetas, siete cuadros de
texto editables, un cuadro de texto no editable y seis ComboBox.
P á g i n a 17 | 35
En la parte final se hace un llamado a un archivo Java Script que contiene la

configuración de los eventos e información que contiene el formulario.
P á g i n a 18 | 35
Creación de formulario Registro de Sistema – Registro de Sistema (Capa de

Presentación)
Para el registro de Sistema se crea un formulario está compuesto por un panel

principal con el título del formulario, tres botones (Agregar, Editar y Eliminar),
dos grillas, una que contiene la lista de sistemas registrados en la base de
datos, en la parte inferior de la grilla se muestra la información de las filas de la
grilla para poder ir a la fila que se desea en caso de haber varias filas, la
cantidad de filas que se mostraran, la cantidad de páginas de información que
se tiene, la página en la que se encuentra el usuario, tres celdas que contienen
el tipo de sistema, su logotipo y su descripción.
Al presionar el botón de agregar mostrara un Pop-Up para registrar un nuevo

sistema.
Creación Pop-Up (poppSistema)
P á g i n a 19 | 35
La ventana está compuesta por tres botones (Guardar, Cerrar, Imagen),

catorce celdas de las cuales seis contienen texto tipo etiquetas, cinco cuadros
de texto editables, un cuadro de carga de Imagen, un botón para la carga de la
imagen y en las celdas inferiores se muestra el tamaño de la imagen, formato y
un mensaje indicando el tamaño y formatos permitidos por el sistema.
P á g i n a 20 | 35
Terminado el entorno grafico visual se procede a la configuración por medio de

Java Script de las funciones y eventos que tendrá el Pop-Up para el registro
del nuevo sistema en la base de datos.
P á g i n a 21 | 35
P á g i n a 22 | 35
Creación de formulario Registro de Sistema – Registro de Módulo (Capa de

Presentación)
Este está compuesto por tres botones (Agregar, Editar y Eliminar), una grilla en
la cual se podrá ver la lista de los módulos del sistema y en la parte inferior de
la grilla se muestra la información de las filas de la grilla para poder ir a la fila
P á g i n a 23 | 35
que se desea en caso de haber varias filas, la cantidad de filas que se

mostraran y la cantidad de páginas de información que se tiene y en que
página se encuentra el usuario.
Creación Pop-Up (poppModulo) para registro de datos de nuevos módulos en

el sistema.
P á g i n a 24 | 35

Creación de formulario Registro de Sistema – Registro de Control (Capa de

Presentación)
la cual se podrá ver la lista de los controles del sistema y en la parte inferior de
la grilla se muestra la información de las filas de la grilla para poder ir a la fila
que se desea en caso de haber varias filas, la cantidad de filas que se
mostraran y la cantidad de páginas de información que se tiene y en que
P á g i n a 25 | 35
Creación Pop-Up (poppControl) para registro de datos de nuevos controles

agregados al sistema.
P á g i n a 26 | 35

Creación de formulario Registro de Sistema – Registro de Formulario (Capa de

Presentación)
Este formulario está compuesto por tres botones (Agregar, Editar y Eliminar) y
una grilla en la cual se podrá ver la lista de los formularios del sistema.
P á g i n a 27 | 35
Creación Pop-Up (poppFormulario) para registro de los nuevos formularios

agregados al sistema.
Terminado el entorno grafico visual se procede a la configuración por medio de

Java Script de las funciones y eventos que tendrá el Pop-Up para el registro
del nuevo sistema en la base de datos.
P á g i n a 28 | 35
P á g i n a 29 | 35
P á g i n a 30 | 35
Creación de formulario Registro de Accesos – Registro de Perfiles (Capa de

Presentación)
la cual se podrá ver la lista de los perfiles de usuarios del sistema y en la parte
inferior de la grilla se muestra la información de las filas de la grilla para poder
ir a la fila que se desea en caso de haber varias filas, la cantidad de filas que
se mostraran y la cantidad de páginas de información que se tiene y en que
Creación Pop-Up (poppPerfil) para registro de los nuevos perfiles de usuarios

al sistema.
P á g i n a 31 | 35

Creación de formulario Registro de Accesos – Registro de Accesos (Capa de

Presentación)
Este está compuesto por cinco botones (Buscar Perfil, Agregar, Editar, Eliminar
y Limpiar Selección), cuatro celdas de las cuales dos contiene texto tipo
etiquetas, dos cuadros de texto no editables y una grilla que mostrará el listado
de los accesos del perfil de usuarios y en la parte inferior de la grilla se muestra
la información de las filas de la grilla para poder ir a la fila que se desea en
caso de haber varias filas, la cantidad de filas que se mostraran y la cantidad
de páginas de información que se tiene y en que página se encuentra el
usuario..
P á g i n a 32 | 35
Creación Pop-Up (poppPerfil) para la búsqueda de los perfiles de usuarios

registrados en el sistema.
Creación Pop-Up (poppAgregar) permite agregar acceso o privilegios sobre el

sistema al perfil seleccionado por búsqueda.
P á g i n a 33 | 35
Creación Pop-Up (poppEditar) se selecciona un registro y el pop-up muestra

los datos del registro y permite la edición del campo de la descripción y el
privilegio de acceso que tiene en el sistema.
P á g i n a 34 | 35

Creación de formulario Registro de Accesos de Usuario (Capa de Presentación)
Este formulario solo permitirá la habilitación de accesos al Usuario, está

compuesto por un botón (Habilitar), una grilla que mostrara la lista de usuarios,
accesos al sistema y en la parte inferior de la grilla se muestra la información
de las filas de la grilla para poder ir a la fila que se desea en caso de haber
varias filas, la cantidad de filas que se mostraran y la cantidad de páginas de
información que se tiene y en que página se encuentra el usuario.

P á g i n a 35 | 35

Manual Técnico

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Manual Técnico

Cargado por

Copyright:

Formatos disponibles

MANUAL TECNICO DEL SISTEMA DE SEGURIDAD GESTION DE PROYECTOS

Manual Técnico de Sistema de Seguridad

Creación de Table o View

Cada tabla debe tener las siguientes características:

 ID (nombre de la tabla) de la tabla

Los Views pueden ser creadas según su funcionalidad no tienen campos

Ejemplo 1 tabla SEG_PERFIL

Creación de POCO (capa domain)

La tabla debe ser registrada en la solución en la CAPA DE DOMINIO,

Ejemplo 2 Creación POCO (SEG_PERFIL)

Creación del Gestor (capa Aplicación).

Ejemplo 3 Creación Gestor

La creación de un gestor debe ser considerado como el INSERT, DELETE O

Ejemplo 4 Response Operation

Creación del Servicio (capa de aplicación)

Ejemplo 5 Creación de Servicios

La creación de un Servicio debe ser considerado como el SELECT a una tabla.

Ejemplo 6 Response Entity

ResponseEntity: Solo retorna una tupla

 vRespuesta. ObjectEntity= POCO;

 vRespuesta.Mensaje =(mensaje de descripción según convenga)

Ejemplo 7 Response Query

ResponseQuery: retorna varias tuplas

Creación del service Api (capa de servicios web)

La clase debe tener nombre y terminación con Controller.

Para cada método de la clase Controller, se debe asociar el método del

Si es un servicio se debe agregar el atributo [HttpGet]

Si es un gestor se debe agregar el atributo [HttPost]

Ejemplo 8 Método de GET - POST

Creación del formulario (capa de presentación)

los formularios se aplican los conceptos de MVC del asp.net, responsive de

Los formularios están basados en la tecnología MVC de asp.net, el cual nos

Modelo: Representa las reglas de negocio de la aplicación (y el acceso a datos

Vistas: Representan la presentación de la aplicación.

Controlador: Actúan de intermediario entre el usuario y el Modelo y las Vistas.

BOOTSTRAP es uno de los principales frameworks de desarrollo de entornos

Esencialmente Bootstrap está formado por una colección de hojas de estilo y

Para mayor información http://getbootstrap.com/getting-started/

Knockout.js es una biblioteca javascript, que nos ayuda a implementar este

 Realizar Binding Declarativos

Para mayor información http://knockoutjs.com

Para mayor información http://www.jqwidgets.com/

Creación de Index o Login de Ingreso al sistema de Seguridad (Capa de

La primera ventana que se obtiene para ingresar al sistema es la de Login esta

Ejemplo 9 Usuario y Contraseña

A continuación, tenemos la parte de programación en java script, esta parte

Ejemplo 10 Validación Usuario y Contraseña

Creación de Master Page para todos los Formularios (Capa de Presentación)

El Master Page define las configuraciones del sistema y la máscara de los

Configuraciones del Sistema.

Ejemplo 11 Configuración Sistema

Cabecera de mensajes y botón de aceptar, mensaje de carga correcta, aviso

Ejemplo 12 Modal Mensaje

Creación de banner de cabecera y menú principal información del usuario

Ejemplo 13 Cabecera Banner

Mensajes de Información y confirmación de procesos realizados por el Usuario.

Ejemplo 14 Modal Mensaje

Para la iteración con algunos botones se crean Pop-Up o ventana emergente,

Ejemplo 15 Cambio Contraseña

Funciones del Pop-Up Cambio de contraseña.

Ejemplo 16 js Cambio Contraseña (1)

Ejemplo 17 js Cambio Contraseña(2)

Ejemplo 18 js Cambio Contraseña (2)

Creación de formulario Registro de Personal – Personal Externo (Capa de