capitulo iv: diseño de la interfaz -...

40
Capitulo IV: Diseño de la Interfaz

Upload: lamtu

Post on 19-Sep-2018

216 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

Capitulo IV: Diseño de la Interfaz

Page 2: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

VI

INTRODUCCIÓN.

Hoy en día existe un buen número de herramientas para el desarrollo de un sistema

informático, lo cual ha sido de mucho beneficio para las empresas, gobiernos,

escuelas, universidades, etc.; que han podido implementar un Software a la medida

que se requiere, para resolver los problemas de manera eficaz y eficiente.

Para el caso especifico del Instituto Salvadoreño del Seguro Social (ISSS), se usara

como lenguaje de programación la tecnología ASP.NET y una base de datos SQL

Server 2005; ya que son tecnologías que no incurren en grandes costos para la

institución a la cual se le está desarrollando.

Este capítulo contendrá el diseño de la interfaz, donde se explica cada pantalla con

su respectivo modulo y tablas con las cuales interactúa.

Page 3: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

133

4.1 GENERALIDADES Y JUSTIFICACIÓN DEL LENGUAJE DE PROGRAMACIÓN

4.1.1 ARQUITECTURA .NET

Por .NET entendemos el conjunto de tecnologías Microsoft destinadas al desarrollo

de aplicaciones informáticas. Esta tecnología se basa en la utilización de un modelo

de desarrollo unificado, lo que significa que podrán ser utilizadas tanto para

desarrollo de aplicaciones que se ejecutan en entorno Windows, como para las que

se vayan a ejecutar en entorno Web incluso aquellas cuyo entorno de ejecución se

encuentra en un dispositivo electrónico.

Hasta la fecha se han sucedido 3 versiones de .NET, la primera versión, la 1.0, fu

lanzada a mediados del año 2001. A esta le sucedió la versión 1.1 y más

recientemente, la .NET 2.0 que es en la cual se ha desarrollado el aplicativo SSP 1.0;

en la actualidad se encuentra la versión 3.5 de .NET pero hace falta documentación

al respecto.

4.1.2 CLASIFICACION DE TECNOLOGIAS.NET

Todo este conjunto de tecnologías y herramientas que componen .NET se pueden

clasificar de la siguiente manera:

• Lenguajes de Programación: actualmente es posible usar un gran numero de

lenguajes para crear aplicaciones .NET; entre ellos se encuentran: Visual

Basic, C#,C++,Delphi o incluso Cobol.

• Librerías de Clase: La plataforma .NET incluye más de 5,000 clases para

ayudar a los programadores en el desarrollo de todo tipo de programas. Estas

clases se agrupan en librerías y todas ella van agrupadas en el entorno de

ejecución de .NET.

Page 4: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

134

• Tecnología de Ensamblado: Un ensamblado es la unidad de código ejecutable

de .NET, que se genera como resultado de la compilación de los archivos de

código fuente d una aplicación .NET.

Los ensamblados se generan en archivos .DLL o .EXE, dependiendo de si la

aplicación esta formada únicamente por clases que dan servicio a otras

aplicaciones(.dll) o si se trata de un programa independiente (.exe).

El código ejecutable .NET es un código escrito en un lenguaje intermedio,

conocido como MSIL (Microsoft Intermédiate Lenguaje), que es traducido en

tiempo de ejecución a código ejecutable puro por el entorno .NET.

• Entorno de Desarrollo: uno de los grandes logros de Microsoft con el

lanzamiento de la plataforma .NET ha sido la creación de un único entorno de

desarrollo para la construcción de las aplicaciones. Visual Studio.NET es un

entorno de desarrollo con el que podemos crear cualquier tipo de aplicación

.NET, desde programas para Windows hasta la creación de aplicaciones para

entorno Web, pudiendo además utilizar para ello cualquiera de los lenguajes

soportados por la plataforma, en el desarrollo del aplicativo SSP versión 1.0 se

hará uso de la versión de Visual Studio. NET 2005 con la plataforma .NET 2.0

4.1.3 .NET FRAMEWORK

Constituye el núcleo fundamental de .NET al proporcionar la plataforma para el

desarrollo y ejecución de las aplicaciones.

Se trata de una capa de software que se encuentra entre la aplicación y el sistema

operativo pudiendo llegarse a considerar una extensión de este. De hecho, aunque

se distribuya de forma independiente, las últimas versiones de los sistemas

operativos Microsoft como Windows 2003 Server, ya incorporan el .NET Framework.

Dos son las piezas claves qué componen al .NET Framework:

Page 5: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

135

• Librerías de Clases: Toda la librería proporcionada por: NET Framework se

pueden dividir en dos grandes grupos: librerías de clase base y librerías de

interfaz grafica.

• Entorno de Ejecución (CLR): se encarga de traducir en tiempo de ejecución en

código intermedio de las aplicaciones librerías de DLL a código maquina,

adaptándolo a las características del sistema operativo donde se esta

produciendo la ejecución. Internamente, el CLR esta conformado por los

siguientes componentes: Common Type System (CTS), Administrador de

Código y Recolector de Basura.

4.1.4 LENGUAJE C#

Este lenguaje fue creado específicamente por Microsoft para trabajar sobre la

plataforma .NET. Entre sus principales características se pueden destacan:

• Evolución del Lenguaje C/C ++: se puede decir que C# es una evolución de

C/C ++, uno de los lenguajes mas potentes y consolidados que existen. De

hecho, sus sintaxis es muy parecida a la de C y sus características de

orientación a objetos similares a las de C++. Al mismo tiempo y sin perder la

potencia y robustez de estos lenguajes, C# no permite la utilización de

punteros, una característica bastante engorrosa y peligrosa.

• Orientación a objetos: C# es un lenguaje totalmente orientado a objetos,

pudiéndose aplicar todos los conceptos asociados a este modelo de

programación.

• Características propias: C# incorpora una serie de características propias,

como son los indicadores, las propiedades o los tipos genéricos, que lo hacen

mas potentes y fácil de utilizar que a sus predecesores.

• Utilización de .NET framework: como el resto de los lenguajes de la plataforma

.NET, los programas escritos en C# pueden hacer uso de todas las librerías

Page 6: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

136

de clases proporcionadas por .NET Framework y beneficiarse de las ventajas

del código administrado.

• Similitud con Java: C# tiene también un gran parecido con el lenguaje Java, lo

que puede facilitar la migración de programadores de este entorno a la

plataforma .NET

4.1.5 TECNOLOGIA ASP.NET

ASP.NET es una de las alternativas de que disponen los programadores para

desarrollar aplicaciones informáticas para la Web.

Debido a la potencia y cortos tiempos de desarrollo que ofrece ASP.NET se trata de

una tecnología por la que están optando cada vez más programadores y empresas

de software para acometer sus desarrollos.

En los apartados anteriores se han explicado las bases sobre las que se asientan los

desarrollos en ASP.NET, esto es, el lenguaje de programación, para el desarrollo de

este proyecto es C#.

4.1.6 TECNOLOGIA WEB

Una aplicación Web es un programa informático, que puede dar servicio

simultáneamente a múltiples usuarios que lo ejecutan a través de Internet6. Este tipo

de aplicaciones se basa en lo que se conoce como una arquitectura de tres capas,

donde los diferentes actores y elementos implicados en la misma se encuentran

distribuidos en tres bloques o capas como se aprecia a continuación:

6 Antonio Martín Sierra, Desarrollo de Aplicaciones WEB con ASP.NET 2.0, 1ª Edición, paginas 109-

108.

Page 7: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

137

RED

Capa

Cliente

Capa

Middle-tierCapa Datos

BD

Page 1

Arquitectura de tres capas

FIGURA 4.1. Tecnología Web. Arquitectura de tres Capas.

Estas tres capas son:

• Capa cliente: se trata de la capa con la que interactúa el usuario de la

aplicación realiza principalmente dos funciones. Por un lado se encarga de

capturar los datos de usuarios con los que opera la aplicación y enviárselos a

esta.

La segunda de las funciones es la de presentar a los usuarios los resultados

generados por la aplicación.

• Capa intermedia: en una arquitectura de tres capas la capa intermedia esta

constituida por la aplicación en si. Esta se encuentra instalada en una

maquina independiente, conocida como servidor, a la acceden los clientes a

través de la red.

• Capa de datos: tiene como misión el almacenamiento permanente de la

información manejada por la aplicación y la gestión de la seguridad de los

Page 8: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

138

mismos. Para esta tarea se utiliza, en la mayoría de los casos, las llamadas

bases de datos relacionales.

4.1.7 FUNDAMENTOS DE ASP.NET

ASP.NET es la parte de .NET Framework orientada a la creación de aplicaciones de

tres capas. Estas aplicaciones se ejecutan sobre un servidor IIS y se comunica con

la capa cliente utilizando el protocolo HTTP como se ilustra a continuación:

FIGURA 4.2. Aplicación ASP.NET

Entre las principales características de ASP.NET podemos citar:

• Utilización de lenguaje orientados objetos: para escribir un programa

ASP.net podemos utilizar cualquiera de los lenguajes orientados a objetos

soportados por la plataforma .NET, para este proyecto, C#.

• Integración en Visual Studio .NET: la creación de aplicaciones ASP.NET

utilizando este entorno de desarrollo proporciona, entre otras ventajas, la

Page 9: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

139

posibilidad de utilizar las técnicas y herramientas para la depuración de

aplicaciones y la creación de interfaces graficas mediante la utilización del

sistema de “arrastrar y soltar”.

• Programación basada en eventos: al igual que las aplicaciones

Windows, las aplicaciones Web ASP.NET están basadas en eventos,

facilitándose la escritura de código y permitiendo la estructuración de las

aplicaciones.

• Separación de código y presentación: en las aplicaciones ASP.NET el

código y la presentación se encuentran en archivos independientes.

Mientras que la información de la interfaz grafica (formulario Web y

controles) se almacena en archivo .aspx, el código de respuesta a los

eventos se almacena en archivo .aspx.cs para las aplicaciones escritas en

C# o .aspx.vb para las que lo están en Visual Basic. Estos archivos de

códigos son compilados en un ensamblado .dll.

4.1.8 COMPONENTES DE UNA APLICACIÓN ASP.NET

Para construir una aplicación ASP.NET, además de un lenguaje de programación, la

plataforma .NET proporciona una serie de elementos y componentes que nos

ofrecen gran potencia y facilidad a la hora de acometer los desarrollos. Estos son:

• Formularios Web: representan las páginas Web de la aplicación a través de

las cuales se producirá la interacción con el usuario.

• Controles Web y controles HTML: son los elementos gráficos que permiten

realizar el diseño de la interfaz de usuario.

Page 10: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

140

• Objetos ASP: permiten resolver los diferentes aspectos de la problemática

que se presenta en la programación de aplicaciones Web, tales como el

mantenimiento de usuarios, el acceso a los datos de pensionados, etc.

Además de los elementos anteriores, las aplicaciones Web ASP.NET, como el resto

de las aplicaciones .NET, pueden hacer uso de las distintas librerías de clases

proporcionados por el .NET Framework, entre ellas, ADO.NET para el acceso a la

capa de datos.

4.2 CUADRO COMPARATIVO CON OTROS LENGUAJES DE PROGRAMACIÓN

Variables

Microsoft

Visual Studio.

Net

PHP Java

Velocidad Alta Alta Medio

Estabilidad Fuerte Media Intermedio

Seguridad Alto Media Alta

Simplicidad Alto Alta Media

Conectividad Alto Alta Alta

Manejo de errores Alto Alta Alta

Entorno de desarrollo Alto Medio Alta

Precio software Medio Gratis Gratis

Precio plataforma Medio Gratis Gratis

Soporte Alto Bajo Bajo

CUADRO 4.1. Cuadro comparativo con otros lenguajes de programación.

Page 11: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

141

4.3 GENERALIDADES Y JUSTIFICACIÓN DE LA BASE DE DATOS

Crear aplicaciones flexibles y fiables Basadas en datos.

Ahora más que nunca los fabricantes están aprovechando las bases de datos

relacionales para proporcionar una experiencia rica al usuario final. La protección y la

administración de la información en estas aplicaciones son aspectos fundamentales.

SQL Server 2005 ayuda a los programadores a crear aplicaciones sólidas y fiables

al ofrecer un sistema de base de datos robusto, gratuito y fácil de usar. Con

demasiada frecuencia, los sistemas de bases de datos son excesivamente complejos

para crear aplicaciones sencillas.

Visual Studio 2005 y SQL Server 2005 reduce esta complejidad proporcionando un

entorno sencillo pero eficaz para crear aplicaciones basadas en datos. Los

programadores pueden diseñar esquemas, agregar datos y realizar consultas en

bases de datos locales, todo ello desde el entorno de Visual Studio 2005. Si

necesitan características de bases de datos más avanzadas, SQL Server 2005

puede actualizarse sin problemas a versiones más sofisticadas.

Sencillez de implementación y servicio.

Implementar y realizar el mantenimiento de software supone un gran gasto para los

fabricantes de aplicaciones de software. Una base de datos embebida debe permitir

reducir este coste al ofrecer la posibilidad de realizar tareas de ajuste y

administración de forma automática, aplicar y efectuar automáticamente revisiones y

tareas de servicio, y permite usar el soporte de configuración e instalación embebido.

SQL Server 2005 está diseñado especialmente para cumplir estos objetivos. Usando

el motor principal de base de datos de SQL Server 2005, puede configurarse para

ajustar dinámicamente los parámetros de la base de datos para adecuarlo a las

diferentes características de utilización.

Page 12: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

142

Más rapidez de creación de informes.

Crear aplicaciones de elaboración de informes (reporting) suele ser un proceso

pesado. SQL Server 2005 simplifica este proceso al integrarse directamente con los

controles de SQL Server 2005 Reporting Services incluidos en Visual Studio 2005.

Usar estos controles con SQL Server 2005 permite crear con facilidad sofisticados

informes que incluyen tablas, diagramas y grafico.

RESUMEN DE CARACTERISTICAS.

Fácil de instalar y

configurar.

• Rápida Descarga.

• Interfaz de configuración simplificada.

Fácil de utilizar y

administrar.

• Herramienta nueva y ligera para la

administración edición de consultas.

• Optimizador avanzado de consultas.

• Servicio y aplicación de revisiones

automatizados (parte De Microsoft update)

Seguridad Robusta.

• Valores predeterminados seguros.

• Tres niveles de seguridad de acceso al

código Seguro- Acceso externo

(verificable), No seguro

• Compatibilidad con la autenticación de

Windows.

Sencillez de precios y

licencias

• Siempre gratuito.

• Redistribución libre de cánones (requiere

registro)

Amplia funcionalidad

de base de datos

• Procedimientos almacenados.

• Vistas.

• Triggers.

Page 13: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

143

• Optimizador avanzado de consultas.

Profunda integración

con Visual Studio.

• Se instala con Visual Studio 2005.

• Tipos y agregados definidos por el usuario.

• Acceso a datos en proceso con ADO.NET

• Depuración integrada.

Escalabilidad y

rendimiento.

• Es compatible con equipos con una sola

CPU, pero puede instalarse en cualquier

servidor.

• 1 GB de RAM asignable.

• 4 GB de tamaño de la base de datos.

Base de datos cliente

distribuida.

• Suscriptor de réplica transaccional.

• Suscriptor de réplica de combinación.

• Cliente para SQL Server Servicie broker.

• Compatibilidad con transacciones

distribuidas.

TABLA 4.1. Resumen de características de la base de datos utilizada.

Page 14: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

144

4.3.1 VENTAJAS DE LA BASE DE DATOS

Existen diferentes versiones de SQL Server 2005, dependiendo de las

necesidades de las organizaciones entre las cuales se destacan:

• Workgroup Edition: esta diseñada como una solución de base de datos a

nivel inicial. Esta edición es ideal para departamentos pequeños, en

grandes empresas y para negocios pequeños que necesitan una solución

de base de datos robusta, pero que no necesitan extender las funciones de

inteligencia de las ediciones estándar y empresarial.

4.3.2 ARQUITECTURA DE LA BASE DE DATOS

En el centro de SQL Server 2005 podemos encontrar:

� Los servicios de base de datos de SQL Server: incluye la base de datos

central, la replica y los componentes de búsqueda de texto completo. La

replica aumenta la disponibilidad de datos al distribuir datos entre múltiples

base de datos, lo que le permite escalar la carga de trabajo de lectura de base

de datos designado. La búsqueda de texto completo le permite consulta en

lenguaje simple entre datos almacenados en tablas de SQL Server.

� Analysis Services: entrega procesamiento analítico en línea y funcionalidad

de minado de datos para aplicaciones de inteligencia de negocios. Los análisis

services permiten a la organización agregar datos de varia fuentes de datos,

como bases de datos relacionales y trabajo con datos en una amplia variedad

de maneras.

� Servicios de integración de datos: proporcionan la solución de integración

de datos empresariales e integración para extraer y extender datos de varios

orígenes y para moverlos a una o más fuentes de destino. Eso le permite

Page 15: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

145

funcionar datos de orígenes de datos heterogéneos cargar datos en almacén y

tienda de datos y mas.

� Notification Services: incluye un motor de notificación y componente de

cliente para generar y enviar mensajes personalizados y oportunos a usuarios

cuando ocurre un evento que los dispara. Las notificaciones pueden enviarse

a dispositivos inalámbricos, como celulares y PDA, cuentas de Windows

Messenger y de correo electrónico.

� Reporting Services: Incluye el administrador de informes y el servidor de

informes a fin de proporcionar una plataforma completa, basada en servidor,

para crear, administrar y distribuir informes. El servidor de informes esta

construido en tecnología de IIS estándar y .NET Framework, lo que le permite

combinar los beneficios de SQL Server e IIS para hospedar y procesar

informes.

� Corredor de Servicios: proporciona servicios de cola y mensajería como

parte central de una base de datos. Las colas pueden usarse para apilar

trabajo, como consultas y otras solicitudes, realizarlas conforme lo permitan

los recursos. La mensajería permite que las aplicaciones de bases de datos se

comuniquen entre si.

Los requerimientos para elegir el hardware SQL Server son los siguientes:

� Memoria: se requiere de un mínimo de 512 MB de RAM para las ediciones

estándar y empresarial, y 1 GB de RAM para ediciones de 64 bits. La

razón principal para esta memoria adicional es el desempeño. SQL Server

2005 y los servicios estándar de Windows usan en conjunto alrededor de

256 MB de memoria como línea base.

� CPU: compatibilidad con versiones de 32 y 64 bits. Puede obtener

importantes mejoras en el desempeño con un alto nivel en cache de

procesador.

� SMP: SQL Server soporta multiprocesadores simétricos y pueden procesar

consultas complejas en paralelo. En un sistema dedicado que solo ejecuta

Page 16: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

146

SQL Server y que soporta menos de 100 usuarios simultáneos que no

están haciendo consultas complejas, debe bastar una sola CPU.

� Unidades de disco: la capacidad de almacenamiento de datos que

necesita depende por completo del número y el tamaño de las bases de

datos que soporta el servidor.

� Protección de datos: se debe agregar protección contra falla inesperada

de la unidad utilizando RAID. Para el caso de datos, use RAID 0 o RAID 5,

para el caso de registros use RAID 1.RAID 0.

� Suministro ininterrumpido de energía eléctrica: SQL Server esta

diseñado para mantener todo el tiempo la integridad de la base de datos y

puede recuperar información usando registros de transacción.

4.3.3 CUADRO COMPARATIVO CON OTRAS BASES DE DATOS

Variables Oracle Microsoft

SQL Server

Power

Builder

Postgre

SQL MySQL

Abstracción de la

información.

Alto Alto Alto Alto Alto

Independencia. Alta Alta Alta Medio Medio

Redundancia

mínima

Baja Baja Baja Baja Baja

Consistencia. Alto Alto Alto Medio Medio

Seguridad. Alta Alta Alta Alta Alto

Integridad. Alto Alto Alto Medio Medio

Respaldo y

recuperación.

Alto Alto Alto Medio Medio

Control de la

concurrencia.

Alto Alto Alto Medio Medio

Tiempo de Alto Alto Alto Medio Medio

Page 17: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

147

respuesta.

Costo. Alto Medio Medio Gratis Gratis

Nivel de

administración.

Alto Alto Alto Medio Medio

CUADRO 4.2. Cuadro comparativo con otras bases de datos

4.4. LENGUAJE DE CONSULTA ESTRUCTURADO (SQL)

El lenguaje SQL surge ante la necesidad de disponer de un mecanismo para

operar con información almacenada en base de datos relacionales de diferentes

fabricantes.

Este lenguaje es soportado por la mayoría de gestores de base de datos

relacionales existentes en el mercado.

Sus instrucciones, de estructura muy simple permiten operar sobre un conjunto

de datos en vez de tener que hacerlo individualmente.

Una consulta es cualquier expresión en SQL que defina una operación a realizar

sobre la base de datos. Una consulta esta compuesta por los siguientes

elementos:

• Una acción o verbo, que determina la operación a realizar. Por ejemplo,

SELECT.

• Un objeto, combinación de campos de las tablas de la base de datos.

• Una cláusula que determina sobre que objetos actúa el verbo. Por ejemplo,

FROM tabla.

Las consultas SQL se expresan mediante sentencias de texto (sentencias SQL).

Estas se utilizan en las aplicaciones como argumentos de los métodos de los objetos

para que las envíen a la base de datos, como es el caso de ADO.NET.

Page 18: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

148

4.4.1 SENTENCIAS SQL

Las sentencias SQL pertenecen a dos categorías principales: Lenguaje de Definición

de Datos, DDL y Lenguaje de Manipulación de Datos, DML. Estos dos lenguajes no

son lenguajes en sí mismos, sino que es una forma de clasificar las sentencias de

lenguaje SQL en función de su cometido. La diferencia principal reside en que el DDL

crea objetos en la base de datos y sus efectos se pueden ver en el diccionario de la

base de datos; mientras que el DML es el que permite consultar, insertar, modificar y

eliminar la información almacenada en los objetos de la base de datos.

Cuando se ejecutan las sentencias DDL de SQL, el SGBD confirma la transacción

actual antes y después de cada una de las sentencias DDL. En cambio, las

sentencias DML no llevan implícito el commit y se pueden deshacer. Existe pues un

problema al mezclar sentencias DML con DDL, ya que estas últimas pueden

confirmar las primeras de manera involuntaria e implícita, lo que en ocasiones puede

ser un problema.

A continuación se presenta una tabla con las sentencias SQL más comunes,

clasificadas según el lenguaje al que pertenecen.

Sentencia

DDL Objetivo

Alter

procedure Recompilar un procedimiento almacenado.

Alter Table Añadir o redefinir una columna, modificar la asignación de

almacenamiento.

Analyze Recoger estadísticas de rendimiento sobre los objetos de la

BD para utilizarlas en el optimizador basado en costes.

Create Table Crear una tabla.

Create Index Crear un índice.

Drop Table Eliminar una tabla.

Page 19: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

149

Drop Index Eliminar un índice.

Grant Conceder privilegios o papeles, roles, a un usuario o a otro rol.

Truncate Eliminar todas las filas de una tabla.

Revoke Retirar los privilegios de un usuario o rol de la base de datos.

Sentencia

DML Objetivo

Insert Añadir filas de datos a una tabla.

Delete Eliminar filas de datos de una tabla.

Update Modificar los datos de una tabla.

Select Recuperar datos de una tabla.

Commit Confirmar como permanentes las modificaciones realizadas.

Rollback Deshacer todas las modificaciones realizadas desde la última

confirmación.

CUADRO 4.3. Sentencias SQL.

Page 20: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

150

4.5. DISEÑO DE LA INTERFAZ

Para el aplicativo de software SSP v1.0 se contemplan cuatro grandes módulos

para la automatización de proceso de Firma de Sobrevivencias: General,

Pensionado, Administración, Supervisores.

A continuación se describen las diferentes interfaces pertenecientes a cada

modulo.

4.5.1 Modulo General:

Tiene como propósito el servir las interfaces comunes a los demás módulos, entre

estas podemos encontrar el acceso al sistema y el de avisos que se publican para

ser vistos por los diferentes usuarios del sistema, a continuación las pantallas

para dicho modulo:

Pantalla: Ingreso al Sistema.

FIGURA 4.3. Primera pantalla que aparece en el Sistema SSP.

Objetivo: Identificar y autenticar a los diferentes usuarios del sistema.

Page 21: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

151

Descripción: Permite el acceso a los usuarios del sistema, validando su

identidad y privilegios dentro del sistema.

Tablas que lo soportan: tbusuarios_sistema, tbtipos_usuarios

Campos claves: login, clave.

Pantalla: Avisos a Usuarios.

FIGURA 4.4. Avisos para los Usuarios.

Objetivo: Mantener informados a los usuarios.

Descripción: Muestra información de interés para los usuarios del sistema, como

fechas de cortes para generar los tramites de pago de pensión.

Tablas que lo soportan: tbanuncios

Campos claves: idanuncio, asunto, mensaje.

4.5.2 Modulo de Administración.

En este modulo, se encuentras las diferentes opciones para la administración, entre

estas actividades se encuentran:

� Visualización de los registros de acceso al sistema.

� Búsqueda, modificación y creación de usuarios y sus roles.

� Creación de avisos para los usuarios.

� Búsqueda, modificación y creación de ubicaciones.

� Traslado de registros a tabla de históricos.

Page 22: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

152

Pantalla: Listar Avisos.

FIGURA 4.5. Listado de Avisos.

Objetivo: Listar los diferentes avisos publicados.

Descripción: Muestra todos los avisos generados por el administrador, así como la

fecha de publicación y fecha de expiración del mismo.

Tablas que lo soportan: tbanuncios

Campos claves: idanuncio, asunto, mensaje.

Page 23: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

153

Pantalla: Agregar Avisos.

FIGURA 4.6. Pantalla para agregar avisos.

Objetivo: Agregar Nuevos Avisos.

Descripción: Crea nuevo aviso para ser publicado en el sistema.

Tablas que lo soportan: tbanuncios

Campos claves: idanuncio, asunto, mensaje.

Page 24: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

154

Pantalla: Editar aviso.

FIGURA 4.7. Pantalla para editar Aviso.

Objetivo: Editar avisos.

Descripción: Modifica un aviso previamente creado.

Tablas que lo soportan: tbanuncios

Campos claves: idanuncio, asunto, mensaje.

Page 25: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

155

Pantalla: Listar Ubicaciones.

FIGURA 4.8. Listado de ubicaciones de Puntos Seguros.

Objetivo: Listar las diferentes ubicaciones.

Descripción: Lista las diferentes ubicaciones para los Puntos Seguros.

Tablas que lo soportan: tbubicaciones, tbdepartamentos, tbmunicipios

Campos claves: idubicaciones, cam.

Page 26: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

156

Pantalla: Agregar Ubicaciones.

FIGURA 4.9. Pantalla de agrego de Ubicaciones de Puntos Seguros.

Objetivo: Agregar una ubicación.

Descripción: Agrega nuevas ubicaciones.

Tablas que lo soportan: tbubicaciones

Campos claves: idubicaciones, cam, direccion.

Page 27: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

157

Pantalla: Editar Ubicación.

FIGURA 4.10. Pantalla para editar Ubicación.

Objetivo: Editar datos de ubicaciones.

Descripción: Modifica los datos de una ubicación determinada.

Tablas que lo soportan: tbubicaciones

Campos claves: cam, dirección.

Page 28: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

158

Pantalla: Listar Usuarios.

FIGURA 4.11. Pantalla aparece listado de Usuarios del SSP.

Objetivo: Listar usuarios.

Descripción: Lista los diferentes usuarios del sistema, así como sus roles y estado.

Tablas que lo soportan: tbusuarios_sistema, tbtipos_usuarios

Campos claves: idtipo_usuario, nombre, login.

Page 29: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

159

Pantalla: Agregar Usuario.

FIGURA 4.12. Pantalla para agregar Usuarios.

Objetivo: Agregar usuario.

Descripción: Agrega un nuevo usuario del sistema, y sus respectivos datos

personales.

Tablas que lo soportan: tbusuarios_sistema, tbtipos_usuarios, tbubicaciones.

Campos claves: idtipo_usuario, idubicación.

Page 30: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

160

Pantalla: Cambio Contraseña al Usuario.

FIGURA 4.13. Cambio de contraseña del Usuario.

Objetivo: Cambio de contraseña.

Descripción: Cambia la contraseña de la cuenta seleccionada.

Tablas que lo soportan: tbusuarios_sistema

Campos claves: idtipo_usuario, clave

Pantalla: Editar Usuario.

FIGURA 4.14. Edita Usuario en el SSP.

Page 31: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

161

Objetivo: Editar usuarios.

Descripción: Edita datos de los usuarios del sistema, ya registrados en el mismo.

Tablas que lo soportan: tbusuarios_sistema

Campos claves: idtipo_usuario, nombre, apellido, contraseña, tipo_usuario.

Pantalla: Bitácora de Acceso.

FIGURA 4.15. Bitácora de Acceso que visualiza a Usuarios.

Objetivo: Registrar accesos.

Descripción: Lleva un registro de los accesos efectuados por los usuarios al

sistema, se registra la fecha y hora, la dirección IP del cliente y el número de visitas

al sistema.

Tablas que lo soportan: tbusuarios_sistema, tbtipos_usuarios, tbubicaciones.

Campos claves: idbitacora_acceso, idtipo_usuario, login.

Page 32: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

162

Pantalla: Traslado Historial Visitas Pensionados.

FIGURA 4.16. Traslada Historial de las Visitas de los Pensionados.

Objetivo: Trasladar registros a historial.

Descripción: La función principal es trasladar los registros de la tabla de visitas a un

archivo de historial, para que este no crezca rápidamente.

Tablas que lo soportan: tbvisitas_pensionado_historial, tbvisitas_pensionados,

tbubicaciones

Campos claves: idtipo_usuario, idubicación, idpensionado, divisita_pensionado.

4.5.3 Modulo Supervisor

Este modulo tiene como finalidad proporcionar las herramientas necesarias, para la

ejecución de las actividades propias de los Supervisores de Atención al Cliente del

ISSS.

Page 33: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

163

Pantalla: Listado del Tipo de Encuesta.

FIGURA 4.17. Muestra el Tipo de Encuesta.

Objetivo: Listar encuestas.

Descripción: Lista las diferentes encuestas creadas en el sistema.

Tablas que lo soportan: tbencuestas

Campos claves: idencuesta.

Page 34: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

164

Pantalla: Editar la Encuesta.

FIGURA 4.18. Muestra como Editar la Encuesta.

Objetivo: Editar encuesta.

Descripción: Modifica el estado de una encuesta así como el tipo.

Tablas que lo soportan: tbencuestas

Campos claves: idencuesta, estatus.

Pantalla: Agregar Nueva Encuesta.

FIGURA 4.19. Permite Agregar una Nueva Encuesta.

Page 35: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

165

Objetivo: Crear nueva encuesta.

Descripción: Crea una nueva encuesta en el sistema.

Tablas que lo soportan: tbencuestas, tbpreguntas_encuesta,

tbrespuestas_encuestas

Campos claves: idencuestas, idpregunta, respuestas_encuesta.

Pantalla: Resultado de Última Encuesta.

FIGURA 4.20. Permite Visualizar el resultado de la última Encuesta.

Objetivo: Mostrar resultado de encuestas.

Descripción: Muestra gráficamente el resultado de las encuestas realizadas.

Tablas que lo soportan: tbencuestas, tbpreguntas_encuestas,

tbrespuesta_encuestas

Campos claves: idencuestas, idpregunta, respuestas_encuesta.

Page 36: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

166

Pantalla: Generación Archivo de Sobrevivencias.

FIGURA 4.21. Permite Generar Archivo de Sobrevivencia.

Objetivo: Generar archivo de firma.

Descripción: Genera el archivo de firma de sobrevivencias en diferentes formatos

para ser utilizado por la UPISSS.

Tablas que lo soportan: tbreportes_generados, tbubicaciones, tbusuarios_sistema

Campos claves: idpensionado, idubicaciones, idtipousuario.

4.5.4 Modulo Pensionado

Este modulo contiene todo lo concerniente al proceso de toma firma de

sobrevivencias del pensionado.

Page 37: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

167

Pantalla: Editar Visitas de Pensionados.

FIGURA 4.22. Permite editar visita de pensionados.

Objetivo: Modificar datos de visitas.

Descripción: Edita los datos de la visitas realizadas por los pensionados.

Tablas que lo soportan: tbvisitas_pensionados, tbubicaciones, tbusuarios_sistema,

tbpensionados.

Campos claves: idvisitas_pensionado, idubicaciones, idusuario, idpensionado.

Page 38: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

168

Pantalla: Agregar Nueva Visita de Pensionado.

FIGURA 4.23. Permite agregar nueva visita del pensionado.

Objetivo: Crea una nueva visita.

Descripción: Crea una nueva visita para un pensionado en el sistema.

Tablas que lo soportan: tbvisitas_pensionados, tbubicaciones, tbusuarios_sistema,

tbpensionados

Campos claves: idvisitas_pensionado, idubicaciones, idusuario, idpensionado.

Page 39: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

169

Pantalla: Generar Formato de Firma de Sobrevivencia del Pensionado.

FIGURA 4.24. Formato para la toma de firma de sobrevivencias.

Objetivo: Generar constancia de firma.

Descripción: Genera la constancia de firma de sobrevivencias para el pensionado.

Tablas que lo soportan: tbvisitas_pensionados, tbubicaciones, tbusuarios_sistema,

tbpensionados

Campos claves: idvisitas_pensionado, idubicaciones, idusuario, idpensionado.

Page 40: Capitulo IV: Diseño de la Interfaz - ri.ufg.edu.svri.ufg.edu.sv/jspui/bitstream/11592/7383/5/658.514-R173d-Capitulo... · desarrollar aplicaciones informáticas para la Web

170

4.6 IMPLEMENTACIÓN DEL SISTEMA

A continuación se detalla un listado con las actividades que se realizaron para la

implementación del Diseño de un Sistema Automatizado para el Control de

Sobrevivencias de los Pensionados del Instituto Salvadoreño del Seguro Social

para los Puntos Seguros del Departamento de Atención al Cliente.

• Se entrego a los administradores del sistema los programas fuentes para que

realizaran una copia de estos y se le asignara una ubicación especifica.

• Se les proporcionó a los administradores de la base de datos los scripts de

las tablas que conforman la base de datos.

• Se realizaron las respectivas pruebas del sistema por parte de los

programadores, para detectar posibles problemas generados al momento de

la implantación.

• Los usuarios del sistema efectuaron pruebas al sistema con la ayuda del

manual de usuario para verificar la manera en que se utiliza el sistema.

• Los datos introducidos para pruebas se eliminaron y se alimento con la

información real de los socios.

• Se creó la base de datos y se colocó en una ubicación definida por el

Departamento de Atención al Cliente y la Unidad de Informática, para

establecer los accesos que tendrán cada uno de los usuarios del sistema