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 servidor 1 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 Sistema Operativo Diseño Gráfico ESPECIFICACIONES Windows XP 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 Da la autorización para que un proceso en particular mejore. cumplan. Realizara las funciones de Encargado de realizar mantenimiento del Sitio Web: 1 Diseñador Web todo lo relacionado a Mantenimiento y diseño agregar, eliminar, modificar, así como, diseño y retoque de digital de páginas Web 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 Software Dreamweaver MX 2004 Cantidad a Valor unitario utilizarse ($) 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 4.2 DISEÑO 4.2.1 Diagrama de Flujo del Proceso de Inducción para el Usuario del Sitio Web 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? No Si Acceso a : Datos del empleado Temas de Orientación Prestaciones y servicios Test de inducción Cambiar contraseña Cerrar Sesión FIN 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 4.2.2 Diagrama de Flujo del Proceso de Inducción para el Administrador del Sitio Web 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? No Si 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
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 LONGITU DESCRIPCION D 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 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 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 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 TABLA: TBL_PUESTO TIPO: CATÁLOGO Descripción de la tabla: Registra los diferentes puesto, administrativos y docentes, de la universidad 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 TABLA: TBL_TIPO_PUESTO TIPO: CATÁLOGO Descripción de la tabla: Registra los diferentes tipos de puesto, como administrativo y docentes 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 id_tipo_sangre Tinyint 1 Código del tipo de sangre Descripción Varchar 10 Nombre del tipo de sangre
73 TABLA: TBL_UNIDAD TIPO: CATÁLOGO Descripción de la tabla: Registra las diferentes unidades de la institución con sus dependencias 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 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 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. 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. 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. 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. 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. 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. 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. 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. 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 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 tbl_bitacora id_empleado fecha datetime tbl_bitacora_navegacion correlativo id_empleado fechanavegacion id_menu datetime tbl_empleado id_empleado nombre primer_apellido segundo_apellido apellido_casada direccion id_geografia foto dui nit telefono_1 telefono_2 email sexo numero_contrato fecha_ingreso ext_1 ext_2 emergencia_nombre emergencia_telefono id_tipo_sangre id_profesion correlativo tbl_id_empleado fechanavegacion id_menu tbl_id_empleado2 fecha observaciones varchar(10) varchar(50) varchar(100) varchar(100) varchar(9) varchar(14) varchar(8) varchar(8) varchar(50) char(1) datetime varchar(4) varchar(4) varchar(50) varchar(8) tinyint(3) varchar(10) datetime datetime varchar(250) <fk1> <fk5> <fk2> <fk3> <fk3> <fk3> <fk3> <fk4> <fk4> tbl_empleado_unidad_puesto id_empleado id_unidad id_puesto <pk,fk> tbl_geografia id_geografia descripcion nivel id_padre jerarquia varchar(60) integer(10) text tbl_idtest id_empleado test tbl_menu id_menu descripcion nivel id_padre jerarquia link archivo varchar(100) varchar(50) varchar(100) tbl_parametro id_parametro descripcion valor tinyint(4) varchar(50) varchar(50) tbl_pregunta id_pregunta id_respuesta descripcion id_estado id_test tbl_id_test integer unsigned varchar(250) integer unsigned <pk,fk1> <fk1> <pk,fk1> <fk2> tbl_pregunta_respuesta id_pregunta id_respuesta descripcion correcta id_test integer unsigned integer unsigned varchar(250) tbl_profesion id_profesion descripcion nivel id_padre jerarquia varchar(10) varchar(50) tinyint(3) varchar(10) varchar(30) tbl_puesto id_puesto id_unidad descripcion nivel id_padre jerarquia id_tipo_puesto tbl_id_unidad funcion_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_empleado id_pregunta id_respuesta fecha id_test varchar(10) datetime <pk,fk2> <pk,fk1> <pk,fk1> <pk,fk1> tbl_sistema id_sistema descripcion varchar(100) tbl_sistema_usuario id_sistema id_empleado usuario pass varchar(50) varchar(50) <pk,fk> tbl_test_empleado id_empleado fecha nota id_test varchar(10) datetime decimal(9,2) <pk,fk1> tbl_tipo_puesto id_tipo_puesto descripcion tinyint(3) tbl_tipo_sangre id_tipo_sangre descripcion tinyint(3) varchar(10) tbl_unidad id_unidad descripcion nivel id_padre jerarquia foto info varchar(10) varchar(100) tinyint(3) varchar(10) varchar(50) varchar(100) text tbl_unidad_puesto id_unidad id_puesto varchar(10) varchar(10) tbl_bloquespreguntas id_test descripcion integer unsigned varchar(45)
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. 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 Cuadro 11. Nomenclatura de Nombramiento de Controles y Objetos
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) 1 2 4 5 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.
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 Fotos UFG Menú Navegador Aspectos de Inducción Área de Información aspectos de Inducción 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.