58

CAPITULO IV

DISEÑO Y DESARROLLO

4.1 ESTUDIO DE FACTIBILIDAD Es necesario realizar un estudio de factibilidad cuando se desarrolla un proyecto

ya que por medio de dicho estudio se determinan los recursos necesarios para la

realización del mismo.

Este estudio sirve para determinar la viabilidad de un proyecto (posibilidad cierta

de que en el medio en que piensa desarrollarse el proyecto existan los recursos

físicos y humanos necesarios para su ejecución y posterior funcionamiento) y la

coherencia del proyecto (es coherente, cuando sus objetivos y metas, como sus

características, son concordantes con los objetivos de la empresa en cuestión).

Para ello es necesario considerar una serie de factores o pruebas de factibilidad

que ayuden a rectificarlo, estas son tres: Técnica, que se refiere a la

compatibilidad entre los procesos técnicos propuestos y sus posibilidades de

aplicación en el caso específico; Operativa, que establece si se cuenta con el

recurso humano indispensable para la ejecución del proyecto y si será de fácil

manipulación para cualquier nivel de conocimiento que posean los usuarios; y

Económica, que mide el rendimiento de los resultados del proyecto frente a otras

alternativas de uso de los recursos estableciendo si se cuentan con los recursos

financieros necesarios para su ejecución.

4.1.1 Factibilidad Técnica Según la investigación de campo realizada en la Universidad Francisco Gavidia

(Sede Central y Centro Regional de Occidente), se determinó que la Institución

posee el equipo computacional indispensable para soportar la generación de un

Sitio Web.

59

A continuación se detallan los diferentes aspectos técnicos ha evaluar para el

desarrollo del proyecto:

a) Servidor

Se cuenta con una estación central (servidor) en la cual se establece conexión

con las diferentes estaciones de trabajo tanto dentro como fuera de las

instalaciones de la UFG, dicho servidor cumple los requerimientos necesarios

para el desarrollo de este proyecto.

Las aplicaciones que se utilizan para levantar el servidor Web de la Universidad,

es el Apache Web Server para LINUX y PHP para LINUX.

Las características del servidor1 de la UFG son las siguientes:

Procesador Pentium Xeon.

2.5 GHz de velocidad.

2 GB de memoria RAM.

Sistema Operativo LINUX

b) Equipo de Usuarios

En cuanto a los requerimientos que debe poseer el equipo de los usuarios tanto

dentro como fuera de la UFG para hacer uso del Sitio Web, se recomiendan los

siguientes:

1 Datos proporcionados por el Administrador del Nodo, Milton Díaz, mayo 2005

60

EQUIPO DE USUARIO MÍNIMO ESTANDAR ÓPTIMO

Procesador Pentium II Pentium III Pentium IV

Velocidad 266 MHZ 500 – 600 MHZ 2.0 GB

Memoria Principal 64 MB 128 MB 256 MB

Monitor SVGA 14” SVGA 15” SVGA 17”

Tarjeta de Red 10/100 10/100 10/100

MODEM 56 KBPS 56 KBPS 56 KBPS

Cuadro 6. Requerimientos Recomendados para el Equipo de Usuarios

c) Plataforma de Software

El Software que se utilizará para la ejecución del proyecto, es el siguiente:

TIPO ESPECIFICACIONES

Sistema Operativo Windows XP

Diseño Gráfico Adobe Photoshop CS 8.0 Adobe Ilustrator CS 11

Animación Flash MX 2004

Programación Dreamweaver MX 2004

Base de Datos MySQL 1.4

Servidor Web Apache Tomcat 1.5

Virtual Machine JDK 1.4

Conector JDBC MySQL. JDBC

Administrador de Base de Datos MySQL Administrador 1.1

Cuadro 7. Software necesario para el desarrollo del proyecto

61

Según la Investigación de Campo, la UFG, cuenta con el Software que está en

negrita y subrayado en la tabla anterior, sin embargo no cuenta con los demás,

por lo tanto será necesario adquirir sus licencias con un costo detallado en la

sección 4.1.3 Factibilidad Económica.

c.1) Sistema Operativo

Windows XP:

Ofrece mejoras en el desempeño y la confiabilidad para las PC’s.

Suministra un entorno de instalación amigable y fácil de usar, detectando casi

todo lo que se refiere a Hardware.

Incorpora la seguridad en el Sistema Operativo.

c.2) Diseño Gráfico

i) Adobe Photoshop CS

Adobe Photoshop CS es el software estándar de edición de imágenes

profesional y el líder de la gama de productos de edición de imágenes digitales

que aporta más de lo que usted se espera. Las innovadoras herramientas

creativas le ayudan a conseguir resultados excepcionales. Una adaptabilidad sin

precedentes le permite personalizar Photoshop de acuerdo con su método de

trabajo. Además, gracias a unos procesos de edición, tratamiento y gestión de

archivos más eficaces podrá trabajar con mayor rapidez.

Esta versión se centra especialmente en los ámbitos de video, fotografía, web y

producción gráfica.

ii) Adobe Ilustrator

Software de diseño vectorial de imágenes del mercado y cómo crear imágenes

vectoriales llenas de vida que llaman la atención por su calidad, en un tiempo

récord. Todas las herramientas del programa te ayudarán a ser más productivo

y acabar el trabajo a tiempo para la fecha de entrega, estas herramientas

incluyen: las Acciones, las paletas de Enlaces y de Navegación, etc.

Compatibilidad con Photoshop CS: posibilidad de importar ficheros utilizando los

nuevos blend mode, así que exportar los ficheros PSD generados por Photoshop

CS

62

c.3) Animación

FLASH MX 2004,Es un integrador profesional que ayuda a designar estándares

para la creación de textos, animaciones, gráficos vectoriales, imágenes y datos

para ser utilizados en Internet. Los diseñadores de páginas Web usan Macromedia

Mx para crear interfaces de navegación atractivos, compactos y con tamaño

variable, también se pueden crear ilustraciones técnicas, animaciones de formato

largo, y cualquier otro sorprendente efecto gráfico para páginas Web.

c.4) Programación

DREAMWEAVER MX 2004, Software fácil de usar que permite crear páginas Web

profesionales.

Las funciones de edición visual de Dreamweaver MX 2004 permiten agregar

rápidamente diseño y funcionalidad a las páginas, sin la necesidad de programar

manualmente el código HTML.

c.5) Base de Datos

My SQL: Permite organizar los datos y convertirlos en información significativa,

procesa los detalles de los datos de modo que se pueda aprovechar mejor el

tiempo en el análisis de los resultados. Esta aplicación no es difícil de aprender ni

de usar. No obstante, es necesario comprender la estructura en el diseño de las

bases de datos antes de entenderla.

c.6) Apache Tomcat 1.5

Servidor Web Apache Tomcat constituye uno de los más completos contenedores

de Servlet gratuito, que programadores de Servlet de Java o Páginas de

JavaServer (JSP) utilizan con frecuencia para probar su código. Se trata de algo

más que un servidor de pruebas, dado que muchas empresas lo emplean en la

actualidad en entornos de producción debido a su contrastada estabilidad.

63

c.7) Virtual Machine

Una Máquina Virtual interpreta el código binario en Java de tal manera que

puedan ejecutarse aplicaciones elaboradas con este lenguaje. Permite crear una

"máquina virtual común" a cualquier equipo, que permite esta funcionalidad. JDK (

Java Development Kit) 1.4

c.8) Conector JDBC

Para realizar una conexión a la base de datos MySQL desde PersonalJava es

necesario, instalar el controlador JDBC.MySQL.JDBC.

c.9) Administrador base de datos

MySQL Administrador 1.1

4.1.2 Factibilidad Operativa. El proyecto será diseñado de tal manera que sea fácil la generación del Sitio Web,

en el cual, se podrá dar mantenimiento a la información ya que se contará con

una base de datos a la que se le podrán añadir, modificar o eliminar campos o

registros dependiendo de la necesidad, es decir que si un determinado proceso

cambia, se podrá modificar la base de datos y automáticamente este cambio se

visualizará en la página Web correspondiente a dicho proceso, por el personal

técnico que sea responsable del mantenimiento del Sito Web para el Proceso de

Inducción del Personal Contratado de la UFG.

Para el caso del personal contratado (usuarios) será una aplicación Web

amigable, ya que no se necesita un nivel alto de conocimientos en el área de la

computación para poder utilizarlo, solamente que el usuario tenga un poco de

experiencia en el uso de Internet y que tenga acceso a este servicio, y según los

resultados obtenidos en la Investigación de Campo se comprueba que la mayoría

de personas entrevistadas hacen uso de la Red Internet, por tanto; puede

asumirse que no existirán mayores dificultades a la hora de utilizar los servicios

del Sitio Web.

64

a) Recurso Humano

En cuanto al recurso humano necesario para el desarrollo de este proyecto o

futura implementación se recomienda contar con el siguiente personal:

No.

CARGO

FUNCIONES

DESCRIPCIÓN

1 Director de

Calidad

Encargado de gestionar

que todas las normas de

calidad ISO – 9000 se

cumplan.

Da la autorización para que un

proceso en particular mejore.

1 Diseñador

Web

Encargado de realizar

todo lo relacionado a

Mantenimiento y diseño

digital de páginas Web

Realizara las funciones de

mantenimiento del Sitio Web:

agregar, eliminar, modificar,

así como, diseño y retoque de

imágenes, edición de

fotografías

1 Desarrollador

Web

Auxiliar del Diseñador

para el mantenimiento

del Sitio Web

Realizara las funciones de

apoyar

al mantenimiento del Sitio

Web.

Cuadro 8. Recurso Humano necesario para el desarrollo del proyecto

La Universidad Francisco Gavidia cuenta con personal calificado y capacitado que

pueda generar e implementar el Sitio Web, para realizar las actividades de

mantenimiento en caso que exista la necesidad de eliminar, modificar o agregar

un proceso, una ubicación en particular o un determinado archivo, para lo cual se

entregarán las indicaciones correspondientes en el manual de usuario (incluido en

este proyecto).

65

4.1.3 Factibilidad Económica Según la investigación de campo la Universidad cuenta con el equipo tecnológico

necesario para su desarrollo (Ver Factibilidad Técnica), por lo tanto, no existirán

gastos en lo que se refiere a la adquisición de Hardware, en cuanto a Software se

hará una mínima inversión comparado con el beneficio que se obtendrá de la

adquisición de este, en relación al recurso humano se deberá invertir en

capacitación para que el personal involucrado en el mantenimiento del sitio web

adquiera conocimientos en lenguaje java .

a) Costos de Hardware

De acuerdo a la investigación de campo se ha determinado que se cuenta con el

equipo tecnológico necesario e indispensable para el desarrollo de este proyecto,

por lo tanto, no habría necesidad de adquirir equipo nuevo, (ver Factibilidad

Técnica).

b) Costos de Software

En el siguiente cuadro se detalla el costo del software que se debe adquirir, para

poder llevar a cabo las operaciones de mantenimiento del Sito Web para el

Proceso de Inducción del Personal Contratado de la UFG, tomando en cuenta que

esta inversión se puede recuperar con el beneficio que se obtendrá de la

adquisición.

Recurso Cantidad a utilizarse

Valor unitario ($)

Software

Dreamweaver MX

2004

1 343.00

Total con IVA ($) 387.59

Cuadro 9. Costo de Software

66

c) Costos de Recurso Humano

La Universidad no necesita contratar a personal para el mantenimiento del sitio,

sino solamente tendrá que invertir en capacitaciones de lenguaje java, ya que el

personal de la UFG que podría realizar las tareas de mantenimiento y otras

actividades que sean necesarias en el sitio web no tienen conocimientos amplios

de este lenguaje pero si experiencia en el mantenimiento de sitios web en otros

lenguajes de programación.

En cuanto a gastos de diseño, el proyecto no tendrá costo alguno debido a que es

un trabajo de graduación, por lo tanto las autoridades de la universidad no

incurrirán en gastos por el Diseño del Sito Web para el Proceso de Inducción del

Personal Contratado de la UFG.

Recursos Valor unitario ($)

Humanos 900.00

Software 387.59

Hardware 0.0

TOTAL 1287.59

Cuadro 10. Consolidado de costos

De acuerdo a los resultados obtenidos y descritos anteriormente se concluye que

el proyecto es factible técnica, operativa y económicamente para la Universidad

Francisco Gavidia, ya que la Institución deberá realizar una inversión mínima

comparada con los beneficios que obtendrá con dicho proyecto.

Para implementar el Sito Web para el Proceso de Inducción del Personal

Contratado de la UFG no se necesitará adquirir equipo nuevo ya que con lo que

se tiene es suficiente para dicha implementación. De igual manera no habrá

necesidad de contratar personal para el mantenimiento del sitio sino solamente

capacitar al que ya labora dentro de la institución.

67

INICIO

Página de Presentación del Sitio Web

Página Principal del Sitio Web

Menú Navegador, información general:

Inicio Pagina UFG Organigrama de la UFG Inicio de Sesión Mapa del Sitio Administrador

Ingreso de Usuario y Contraseña

Usuario y Contraseña correctos?

Acceso a : Datos del empleado Temas de Orientación Prestaciones y servicios Test de inducción Cambiar contraseña

Cerrar Sesión

FIN

Si

No

4.2 DISEÑO

4.2.1 Diagrama de Flujo del Proceso de Inducción para el Usuario del Sitio Web

Nota. El empleado solamente tendrá dos oportunidades para realizar el test de inducción. Las notas de las 2 evaluaciones quedarán registradas y podrán se consultadas.

68

INICIO

Página de Presentación del Sitio Web

Página Principal del Sitio Web

Menú navegador, opción Administrador

Ingreso de Usuario y Contraseña

Usuario y Contraseña correctos?

Acceso a : Adicionar Empleado Adicionar Menú Adicionar Preguntas y

Respuestas de Inducción Consulta de Prueba de

Inducción Bitácora de Navegación Salir

Volver a Pagina Principal del Sitio Web

FIN

Si

No

4.2.2 Diagrama de Flujo del Proceso de Inducción para

el Administrador del Sitio Web

69

4.2.3 Mapa del Sitio

Temas de Orientación Historia Sede Central Historia CRO Misión y Visión Principales Ejecutivos Normas y Políticas

Conceptos Básicos de SGC

Prestaciones y Servicios Política Salarial Vacaciones y días festivos Capacitación y Desarrollo Servicios Médicos Permisos y sus formatos Clínica Jurídica Clínica Psicología Cooperativa UFG Extensión Cultural Deportes

Bases Legales Código de Trabajo Ley de educación superior

Eventos UFG Académicos Culturales Sociales Industriales Comerciales Videos Sede Central CRO Inicio Página Web UFG Organigrama Inicio de Sesión Mapa del Sitio Administrador

70

4.2.4 Diccionario de Datos

TABLA: TBL_EMPLEADO TIPO: MAESTRO

Descripción de la tabla: Registra los Datos Generales del empleado

CAMPO TIPO LONGITUD

DESCRIPCION

id_empleado Varchar 10 Código nombre Varchar 50 Nombres Primer_apellido Varchar 20 primer apellido segundo_apellido Varchar 20 segundo apellido Apellido _ casado Varchar 20 Apellido de casad@ direccion Varchar 100 Dirección del Domicilio id_geografia Varchar 20 Departamento y

Municipio foto Varchar 100 Ruta de la foto dui char 9 DUI nit char 14 NIT telefono_1 char 8 Teléfono email Varchar 50 e-mail sexo char 1 Género Numero_contrato Varchar 20 Datos del Contrato Fecha_ingreso smalldatetime 4 Fecha de ingreso ext_1 char 4 Número de la extensión emergencia_nombre Varchar 50 Nombre a quién llamar

en caso de emergencia emergencia_telefono char 8 Teléfono donde llamar en

caso de emergencia id_tipo_sangre tinyint 1 código del tipo de sangre id_profesion Varchar 10 Código de profesión observaciones Varchar 250 Observaciones

71

TABLA: TBL_EMPLEADO_UNIDAD_PUESTO TIPO: PROCESO

Descripción de la tabla: Registra la ubicación y puesto del empleado en un período de tiempo

CAMPO TIPO LONGITUD DESCRIPCION id_empleado varchar 10 Código del empleado id_unidad varchar 10 Código de la unidad

organizativa id_puesto varchar 10 Código del puesto de

trabajo fecha_inicio smalldatetime 4 Fecha de inicio del período fecha_fin smalldatetime 4 Fecha en que finaliza el

período TABLA: TBL_GEOGRAFIA TIPO: CATÁLOGO Descripción de la tabla: Registra los departamentos y municipios del país

CAMPO TIPO LONGITUD DESCRIPCION

id_geografia varchar 20 Código de la geografía

descripcion varchar 60 Nombre de la geografía nivel int 4 nivel jerárquico id_padre varchar 20 código de la geografía padre jerarquia varchar 900 Cadena Jerárquica TABLA: TBL_PROFESION TIPO: CATÁLOGO Descripción de la tabla: Registra las profesiones existentes

CAMPO TIPO LONGITUD DESCRIPCION id_profesion Varchar 10 Código de la profesión Descripción Varchar 50 Nombre de la profesión Nivel Tinyint 1 Nivel jerárquico id_padre Varchar 10 Código de la profesión padre Jerarquia Varchar 30 Cadena jerárquica

72

BLA CAMPO TIPO LONGITUD DESCRIPCION TABLA: TBL_PUESTO TIPO: CATÁLOGO Descripción de la tabla: Registra los diferentes puesto, administrativos y docentes, de la universidad

TABLA: TBL_TIPO_PUESTO TIPO: CATÁLOGO Descripción de la tabla: Registra los diferentes tipos de puesto, como administrativo y docentes

CAMPO TIPO LONGITUD DESCRIPCION id_tipo_puesto Tinyint 1 Código del tipo de puesto Descripción Varchar 20 Nombre del tipo de puesto TABLA: TBL_TIPO_SANGRE TIPO: CATÁLOGO Descripción de la tabla: Registra el catálogo general de tipo de sangre existente

CAMPO TIPO LONGITUD DESCRIPCION id_tipo_sangre Tinyint 1 Código del tipo de sangre Descripción Varchar 10 Nombre del tipo de sangre

CAMPO TIPO LONGITUD DESCRIPCION id_puesto varchar 10 Código del puesto descripcion varchar 100 Nombre del puesto nivel tinyint 1 Nivel Jerárquico id_padre varchar 10 Código del puesto padre jerarquia varchar 50 Cadena Jerárquica id_tipo_puesto tinyint 1 Código del tipo de puesto

73

TABLA: TBL_UNIDAD TIPO: CATÁLOGO Descripción de la tabla: Registra las diferentes unidades de la institución con sus dependencias

CAMPO TIPO LONGITUD DESCRIPCION id_unidad varchar 10 Código de la unidad organizativa Descripción varchar 100 Nombre de la unidad organizativa Nivel tinyint 1 Nivel jerárquico id_padre varchar 10 Código de la unidad organizativa

padre Jerarquia varchar 50 Cadena Jerárquica TABLA: TBL_UNIDAD_PUESTO TIPO: PROCESO Descripción de la tabla: Registra en que unidad debe encontrarse un puesto

CAMPO TIPO LONGITUD DESCRIPCION id_unidad varchar 10 Código de la unidad

organizativa id_puesto varchar 10 Código del puesto de trabajo

TABLA: TBL_BITACORA TIPO: PROCESO Descripción de la tabla: Registra la primera vez que el empleado a ingresado al sistema

CAMPO TIPO LONGITUD DESCRIPCION Id_empleado varchar 20 Código del empleado fecha datetime Fecha y hora que el

empleado realiza la inducción

74

TABLA: TBL_MENU TIPO: PROCESO Descripción de la tabla: Contiene las diferentes opciones del sitio web.

CAMPO TIPO LONGITUD DESCRIPCION Id_menu varchar 20 Código de la organización descripcion varchar 100 Contiene las opciones que

posee el sitio web. nivel tinyint 3 Nivel Jerárquico Id_padre varchar 20 Código de la unidad

organizativa padre jerarquia varchar 50 Cadena Jerárquica link varchar 100 Ubicación que llama cada

nivel. archivo tinyint 3 Abre el archivo que

corresponde a cada nivel.

TABLA: TBL_PARAMETRO TIPO: PROCESO Descripción de la tabla: Registra los parámetros del sitio web.

CAMPO TIPO LONGITUD DESCRIPCION Id_parametro tinyint 4 Código del parámetro descripcion varchar 50 Nombre del parámetro

valor varchar 50 Valor que contiene el parámetro

TABLA: TBL_PREGUNTA TIPO: PROCESO Descripción de la tabla: Registra las preguntas que contiene el test de inducción y el estado en que se encuentran.

CAMPO TIPO LONGITUD DESCRIPCION Id_pregunta tinyint 3 Código de la pregunta descripcion varchar 250 Contiene la pregunta

Id_estado tinyint 1 Código del estado de la pregunta

75

TABLA: TBL_PREGUNTA_RESPUESTA TIPO: PROCESO Descripción de la tabla: Registra las respuestas correspondientes a cada pregunta.

CAMPO TIPO LONGITUD DESCRIPCION Id_pregunta integer Código de la pregunta Id_respuesta integer Código de la respuesta

Descripcion varchar 250 Contiene las posibles respuestas para cada pregunta

Correcta tinyint 3 Indica si es la respuesta correcta o incorrecta.

TABLA: TBL_RESPUESTA_EMPLEADO TIPO: PROCESO Descripción de la tabla: Registra las respuestas correspondientes a cada pregunta, seleccionadas por cada empleado.

CAMPO TIPO LONGITUD DESCRIPCION id_empleado varchar 10 Código del empleado id_pregunta tinyint 3 Código de la pregunta

Id_respuesta tinyint 3 Código de la respuesta que selecciono el empleado.

fecha datetime Fecha y hora en la que el empleado realizo el test.

TABLA: TBL_SISTEMA_USUARIO TIPO: PROCESO Descripción de la tabla: Registra los usuarios del sitio web, con su respectivo password.

CAMPO TIPO LONGITUD DESCRIPCION id_sistema tinyint 3 Código del sistema id_empleado varchar 20 Código del empleado usuario Varchar 50 Nombre del usuario Pass varchar 50 Clave del usuario

76

TABLA: TBL_TEST_EMPLEADO TIPO: PROCESO Descripción de la tabla: Registra la nota, fecha y hora de cada empleado, cada vez que realiza el test.

CAMPO TIPO LONGITUD DESCRIPCION id_empleado varchar 10 Código del empleado

fecha datetime Fecha y hora que el empleado realiza el test.

nota decimal 9,2 Nota que obtuvo el empleado

TABLA: TBL_BITACORA _NAVEGACION TIPO: PROCESO Descripción de la tabla: Registra el historial de los aspectos visitados por el empleado.

CAMPO TIPO LONGITUD DESCRIPCION Correlativo Tinyint 3 Correlativo id_empleado Varchar 20 Código del empleado

Fechanavegacion Datetime Fecha y hora de navegación

Id_menu Varchar Código del menú

TABLA: TBL_BLOQUESPREGUNTAS TIPO: PROCESO Descripción de la tabla: Contiene los bloques de preguntas

CAMPO TIPO LONGITUD DESCRIPCION id_test integer Número de bloque descripcion varchar 45 Nombre del bloque

77

4.2.5 Diagrama Físico de la Base de Datos

FK_%REFERENCE%

FK_%REFERENCE%FK_%REFERENCE%

FK_%REFERENCE%

FK_%REFERENCE%

FK_%REFERENCE%

FK_%REFERENCE%

FK_%REFERENCE%

FK_%REFERENCE%

FK_%REFERENCE%

FK_%REFERENCE%

FK_%REFERENCE%

FK_%REFERENCE%

FK_%REFERENCE%

FK_%REFERENCE%

FK_%REFERENCE%

tbl_bitacora

id_empleadofecha

varchar(20)datetime

<pk><pk>

tbl_bitacora_navegacion

correlativoid_empleadofechanavegacionid_menu

tinyint unsignedvarchar(20)datetimevarchar(20)

<pk><pk><pk><pk>

tbl_empleado

id_empleadonombreprimer_apellidosegundo_apell idoapellido_casadadireccionid_geografiafotoduinittelefono_1telefono_2emailsexonumero_contratofecha_ingresoext_1ext_2emergencia_nombreemergencia_telefonoid_tipo_sangreid_profesioncorrelativotbl_id_empleadofechanavegacionid_menutbl_id_empleado2fechaobservaciones

varchar(10)varchar(50)varchar(20)varchar(20)varchar(20)varchar(100)varchar(20)varchar(100)varchar(9)varchar(14)varchar(8)varchar(8)varchar(50)char(1)varchar(20)datetimevarchar(4)varchar(4)varchar(50)varchar(8)tinyint(3)varchar(10)tinyint unsignedvarchar(20)datetimevarchar(20)varchar(20)datetimevarchar(250)

<pk>

<fk1>

<fk5><fk2><fk3><fk3><fk3><fk3><fk4><fk4>

tbl_empleado_unidad_puesto

id_empleadoid_unidadid_puesto

varchar(20)varchar(20)varchar(20)

<pk,fk><pk><pk>

tbl_geografia

id_geografiadescripcionnivelid_padrejerarquia

varchar(20)varchar(60)integer(10)varchar(20)text

<pk>

tbl_idtest

id_empleadotest

varchar(20)tinyint unsigned

tbl_menu

id_menudescripcionnivelid_padrejerarquialinkarchivo

varchar(20)varchar(100)tinyint unsignedvarchar(20)varchar(50)varchar(100)tinyint unsigned

<pk>

tbl_parametro

id_parametrodescripcionvalor

tinyint(4)varchar(50)varchar(50)

<pk>

tbl_pregunta

id_preguntaid_respuestadescripcionid_estadoid_testtbl_id_test

tinyint unsignedinteger unsignedvarchar(250)tinyint unsignedtinyint unsignedinteger unsigned

<pk,fk1><fk1>

<pk,fk1><fk2>

tbl_pregunta_respuesta

id_preguntaid_respuestadescripcioncorrectaid_test

integer unsignedinteger unsignedvarchar(250)tinyint unsignedtinyint unsigned

<pk><pk>

<pk>

tbl_profesion

id_profesiondescripcionnivelid_padrejerarquia

varchar(10)varchar(50)tinyint(3)varchar(10)varchar(30)

<pk>

tbl_puesto

id_puestoid_unidaddescripcionnivelid_padrejerarquiaid_tipo_puestotbl_id_unidadfuncion_puesto

varchar(10)varchar(10)varchar(100)tinyint(3)varchar(10)varchar(50)tinyint(3)varchar(10)varchar(100)

<pk,fk1><fk1>

<fk2><fk3>

tbl_respuesta_empleado

id_empleadoid_preguntaid_respuestafechaid_test

varchar(10)tinyint unsignedtinyint unsigneddatetimetinyint unsigned

<pk,fk2><pk,fk1><pk,fk1><pk><pk,fk1>

tbl_sistema

id_sistemadescripcion

tinyint unsignedvarchar(100)

<pk>

tbl_sistema_usuario

id_sistemaid_empleadousuariopass

tinyint unsignedvarchar(20)varchar(50)varchar(50)

<pk,fk><pk>

tbl_test_empleado

id_empleadofechanotaid_test

varchar(10)datetimedecimal(9,2)tinyint unsigned

<pk,fk1><pk>

<pk>

tbl_tipo_puesto

id_tipo_puestodescripcion

tinyint(3)varchar(20)

<pk>

tbl_tipo_sangre

id_tipo_sangredescripcion

tinyint(3)varchar(10)

<pk>

tbl_unidad

id_unidaddescripcionnivelid_padrejerarquiafotoinfo

varchar(10)varchar(100)tinyint(3)varchar(10)varchar(50)varchar(100)text

<pk>

tbl_unidad_puesto

id_unidadid_puesto

varchar(10)varchar(10)

<pk><pk>

tbl_bloquespreguntas

id_testdescripcion

integer unsignedvarchar(45)

<pk>

78

4.3 DESARROLLO

4.3.1 Especificaciones de Estándares de Desarrollo

En esta sección se establecen los estándares técnicos de nomenclatura utilizada

en el diseño y desarrollo de la aplicación.

a) Nomenclatura de Nombramiento de Objetos

a.1) Controles

Para el nombramiento de los controles utilizados en cada una de las interfases de

la aplicación se debe de tomar en cuenta lo siguiente:

El nombre no debe exceder los 25 caracteres.

Los primeros 3 caracteres del nombre, representan el tipo de control utilizado y

deben de escribirse en minúsculas, seguido del nombre del control escrito en

minúsculas también.

Si el nombre del control consta de más de una palabra, ésta debe de escribirse

separada por un guión bajo y siempre con inicial minúscula.

El siguiente cuadro muestra la abreviatura de los controles más comunes

utilizados para el desarrollo.

Cuadro 11. Nomenclatura de Nombramiento de Controles y Objetos

Control Abreviatura Control Abreviatura Control Abreviatura

Label Lbl RadioButton Rbt ListView Lsv

ComandButton Cmd DataGrid Grd TreeView Trv

TextBox Txt ListBox Lst ImageList Iml

CheckBox Chk ComboBox Cmb ToolBar Tlb

Form Frm

79

a.2) Diseño General de Pantallas del Sitio

Diseño estándar de la pantalla del Sitio, la cual se utilizará para ver la información

necesaria para la inducción. (Ver Figura 1)

Figura 1. Diseño General de Pantallas

Las partes constitutivas de esta son:

1. Banner proceso de inducción, nombre del Sitio Web

2. Área de barra de navegación. Se presenta el listado de opciones para que el

docentes seleccione la que desee

3. Fotos de la UFG, hacer clic para agrandar.

4. Área que contiene los aspectos necesarios que el empleado debe conocer para

el proceso de inducción.

5. Muestra información aspecto seleccionado por el empleado.

1

2

5 4

80

a.3) Especificaciones Generales de las Pantallas

Fuente Tipo: Verdana

Tamaño de Fuente: 8 Pts

Color de Fuente: Negro

Color de Área de Títulos: Diferentes gradaciones de azul

Color de Área de Subtítulos: Diferentes tonalidades de beige

Color de Área de Menú Navegador: Diferentes gradaciones de azul

Color de letra del menú navegador: blanco

Color Área que muestra aspectos seleccionados: Blanco

Color de Área de Fondo: blanco

Color de Banner: Diferentes tonos de rojos

Con este formato se quiere presentar un tipo de pantalla clara, legible libre de

distracciones para el usuario. Como fondo se utilizaran diferentes gradaciones de

color azul. (Ver Figura 2)

Banner nombre del Sitio

Menú Navegador

Aspectos de Inducción

Área de Información aspectos de Inducción

Fotos UFG

Figura 2. Diseño General de Pantallas

81

a.4) Imagen y Sonido

Las páginas web han pasado a no ser meros documentos textuales a los que se

puede acceder por Internet, sino presentaciones multimedia, que combinan textos

con imágenes, sonidos, videos.

En la página de inicio del Sitio Web se combinan los elementos de imagen y

sonido, con la intensión de generar en el usuario un interés por visitar y conocer el

mismo. De igual manera las diversas páginas que lo forman cuentan con

información e imágenes de la Universidad.

Así mismo, el Sitio cuenta con videos que muestran las instalaciones de las

Sedes (Central y Occidental) de la UFG a nivel nacional.

4.3.2 Etapas en el Proceso de Desarrollo del Sitio Web

a) Recursos del Sistema

En esta sección se definen los recursos necesarios para la implementación del

sistema, especificando los componentes software y hardware que intervienen y

que son necesarios para la solución, de igual forma la infraestructura de

comunicación indispensable para su funcionalidad.

a.1) Software

Una parte del sistema a elaborar será desarrollado en software libre; de esta

manera se disminuirán los costos de desarrollo, implementación y puesta en

marcha del sistema; además de utilizar herramientas que no son gratis pero

tienen las características de manejo de multimedia, sonido y video; además se

ocupará tecnología orientada a objetos que permitirá implementar el sistema en

cualquier lugar en el que exista una red de datos. A continuación se presentan los

requerimientos mínimos de software que se utilizarán:

82

Plataforma de Servidores

Apache Tomcat 5.5.4 Server

Base de datos MySQL ver 4.0

Plataforma de desarrollo

Java (Jdk 1.5, Servlet, HTML, Macromedial Studio MX 2004)

Plataforma de Ejecución

Sistema Operativo Windows XP, profesional o Linux,

Navegador Web, Internet Explorer 5.0 (o mayor), Mozilla firefox 5.0 (o mayor),

Netscape 4.0 (o superior), inclusive puede ser en win98/me, siempre que

tengan los plugins instalados como flash player, java.

a.2) Descripción de la Tecnología a Utilizar

El desarrollo de la aplicación está orientado a utilizar tecnología n-capas

(Ver Figura 3). La primera capa, es la de la base de datos, donde tenemos el

repositorio de los registros. Además, aloja las configuraciones de la aplicación y la

información valiosa con la que cuenta en la actualidad la Universidad.

En la siguiente capa, se puede encontrar la función del servidor Apache Tomcat

para la tecnología JAVA. También se observa el manejo de páginas dinámicas,

son las que requieren información de la base de datos y las presenta a la persona

que las ha solicitado. De igual forma, las páginas estáticas, son las que no

necesitan realizar solicitud a la base, y estas no cambian su contenido.

La última capa, es la que presenta la información al usuario que navega en el sitio

web, haciendo uso de un navegador web

Cabe mencionar que la mayoría de software que se ocupa es de libre distribución.

La lógica del negocio la manejará el servidor de aplicaciones que será Apache

Tomcat 5.5.4 Server, que es capaz de manejar programación en HTML y Java,

83

tiene la característica de manejar video y sonido; también maneja los hilos de

conexión a la base de datos, que para el presente proyecto es MySQL ver 4.0

para sistema operativo Windows. Esta base de datos al igual que el servidor de

aplicaciones es de libre distribución por lo que no se necesitará de licencias para

que el programa sea ejecutado.

Las ventajas de este tipo de arquitectura:

Interfaz gráfica, lógica del negocio, y almacenamiento de datos en forma

independiente.

Pueden reutilizarse la lógica del negocio y el control de acceso a los datos.

Mayor control de acceso a través de las transacciones.

Acceso a los sistemas en forma eficiente.

El acceso a los datos no depende de un sistema operativo específico.

Las actualizaciones o mejoras del sistema se hacen centralizadas lo que

permite que sean en línea.

Figura 3. Diseño de Conexión Entre Capas

b) Hardware

La plataforma mínima de hardware recomendada sobre la que se puede

desarrollar el sistema se detalla a continuación:

84

Equipo servidor:

Procesador: Intel Pentium IV 2.4 Ghz

Sistema operativo: Microsoft Windows XP (service pack 2)

Memoria: 512 MB de RAM

Puerto de comunicación: TCP/IP

Espacio disponible en disco duro: 5 GB

Equipo de desarrollo:

Procesador: Intel Pentium 1 Ghz

Sistema operativo: Microsoft Windows XP(service pack 2)

Memoria: 256 MB de RAM

Espacio disponible en disco Duro: 2 GB

Equipo para la ejecución:

Procesador: Intel Pentium 1 Ghz

Sistema operativo: Microsoft Windows XP(service pack 2)

Memoria: 128 MB en RAM

Puerto de comunicación: TCP/IP

Pantalla: 1024 x 768 píxeles, color verdadero (32

bist)

Equipo para multimedia: Audífonos

c) Infraestructura de Comunicación

Se puede definir que una red es una configuración de computadoras que

intercambia información. Pueden proceder de una variedad de fabricantes y es

probable que tenga diferencias tanto de hardware como de software, para

posibilitar la comunicación entre éstas es necesario un conjunto de reglas

formales para su interacción. A estas reglas se les denominan protocolos.

Se han desarrollado diferentes familias de protocolos para comunicación por red

de datos para los sistemas UNIX. El más ampliamente utilizado es el Internet

Protocol Suite, comúnmente conocido como TCP / IP.

85

El TCP / IP es la base del Internet que sirve para enlazar computadoras que

utilizan diferentes sistemas operativos, incluyendo PC, mini computadoras y

computadoras centrales sobre redes de área local y área extensa.

El funcionamiento de la aplicación requiere de una red de área local que sea en

base a tecnología TCP / IP con tarjetas de red a una velocidad mínima de 100

Mbps (mega bites por segundos). Además un switch que maneje las conexiones

entre las máquinas con una velocidad mínima igual a la de las tarjetas de red.

4.3.3 Diseño y Arquitectura de la Aplicación

El Lenguaje Unificado de Modelado (Unified Modeling Language, UML) establece

un conjunto de notaciones y diagramas estándares que se emplean para modelar

sistemas, describiendo la semántica esencial de lo que estos diagramas y

símbolos significan. UML permite a los analistas y diseñadores modelar

problemas del mundo real, utilizando un lenguaje que permite: especificar,

visualizar, construir y documentar los elementos de un sistema, puede ser usado

para modelar distintos tipos de sistemas: sistemas de software, sistemas de

hardware, y organizaciones del mundo real.

En la parte del análisis se ocupó diagramas de casos de uso para poder describir

los requerimientos a desarrollar en el sistema; en la parte del diseño será

necesario ocupar diagramas de Componentes y Distribución; se definen el diseño

y la arquitectura de la aplicación a construir, como se muestra a continuación:

a) Diagramas de Componentes

El diagrama de componentes que se muestra a continuación expresa el modelo

arquitectónico de la aplicación a desarrollar y la forma en que cada uno de los

objetos que intervienen se relacionan entre sí para proveer un servicio, similar a

una “caja negra”; en la cual los servicios del componente se exponen por su

interfase, sin ofrecer los detalles de la implementación interna del componente.

Mediante el desarrollo basado en componentes se permitirá que los procesos

obtenidos en el análisis puedan ser ensamblados realizando el agrupamiento y

combinación más apropiada. (Ver Figura 4)

86

Nodo 2Nodo 1

Sistema de Informacion

Web Service

HTMLPersistencia de Datos

SERVIDOR WEB

Envio y Recepcioon de Datos

CLIENTE O NAVEGADOR WEB

HTML

JDBC

Web Services Sistema de informacion

Envio y recepcion de Datos

Figura 4. Diagrama de Componentes del Sistema.

b) Diagrama de Distribución

Con el diagrama de distribución (también llamado de implementación), se realiza

el modelado de la configuración de los elementos de procesamiento en tiempo de

ejecución de los componentes, procesos y objetos de software que se construirá

y/o de los que se necesitan para el funcionamiento del sistema. (Ver Figura 5)

En el siguiente diagrama se muestra la distribución y asociación de los

componentes que residen dentro de cada equipo (Nodo) con capacidad de

procesamiento:

Figura 5. Diagrama de Distribución

87

4.3.4 Interacción Con Otras Aplicaciones La determinación de utilizar Java y MySQL en el desarrollo del Sitio Web se debió

a que son tecnologías conocidas de código abierto que resultan muy útiles para

diseñar de forma rápida y eficaz aplicaciones Web dirigidas a bases de datos.

Java es una plataforma de software desarrollada por Sun Microsystems, de tal

manera que los programas creados en ella puedan ejecutarse sin cambios en

diferentes tipos de arquitecturas y dispositivos computacionales, específicamente

para permitir a los programadores crear aplicaciones Web con distintas

prestaciones de forma rápida. MySQL es una base de datos rápida y fiable que se

integra a la perfección con PHP y que resulta muy adecuada para aplicaciones

dinámicas basadas en Internet.

Gracias a la ventaja de la fácil integración de Java y MySQL a otras

herramientas, se podrá accesar desde el Sitio Web de Inducción a la aplicación

SIGECA, la cual ha sido creada para administrar la información o documentación

relativa al Sistema de Gestión de Calidad de la UFG. Se aclara que el Sitio Web

solamente esta autorizado a establecer un hipervínculo para accesar a la

información del SIGECA debido a las restricciones del Sistema de Gestión de

Calidad (ver Anexo H).

4.3.5 Metodología Utilizada para Realizar Pruebas al Sitio Web

Considerando que las pruebas realizadas a una aplicación agregan valor a la

misma se optó por visitar y presentar , de manera individual, a cada uno de los

miembros del jurado, del presente trabajo de tesis, el Sitio Web con la intención

de que ellos verificaran e hicieran las observaciones que creyeran convenientes

sobre la aplicación .

Con la intención de conocer las observaciones de un usuario de la aplicación se

presentó la misma al Director de Recursos Humanos quien es el Jefe del área en

la cual se utilizara, para que diera sus observaciones. En esta visita hubo

88

acuerdos sobre ciertos aspectos de la aplicación los cuales quedaron plasmados

en un documento (ver Anexo F).

Así mismo, en el transcurso del desarrollo de la aplicación se han ido realizando

pruebas parciales para lograr el buen funcionamiento de la misma.