Post on 27-Dec-2015
UNIVERSIDAD POLITÉCNICA DE TULANCINGO
Maestría en IngenieríaEspecialidad en Ingeniería de software
Web AplicationSicovi
Presentan:
Domínguez Trejo Flor
Corona Alejandro Alberto
Ruiz Aguilar Luis Alberto
Agosto 2014
ContenidoSISTEMA DE CONTROL VEHICULAR DE LA UPT...................................................................................3
Descripción.....................................................................................................................................3
LA BASE DE DATOS.............................................................................................................................3
EL PROYECTO.....................................................................................................................................9
EL SERVIDOR....................................................................................................................................12
MySQL..........................................................................................................................................12
Glassfish.......................................................................................................................................13
Web Aplication Sicovi...................................................................................................................15
SISTEMA DE CONTROL VEHICULAR DE LA UPT
Descripción Se desea desarrollar una aplicación web que permita agregar, eliminar y buscar autos en un catalogo que contendrá los datos del parque vehicular de la Universidad Politécnica de Tulancingo.
Dicho proyecto se ha llamado Sicovi, para ello nos dimos a la tarea de hacer una análisis de los formatos que utilizan en el departamento administrativo de la UPT, de donde se seleccionaron los datos que consideramos son los que se necesitan para algunos procedimientos como solicitudes o prestamos de vehículos.
Los requerimientos establecidos por el cliente fueron:
“Una aplicación web que permita agregar, eliminar y buscar datos de los autmoviles para la Universidad Politécnica de Tulancingo “
La arquitecturaTodo sistema de software tiene una arquitectura; el arquitecto de software es el responsable de su creación .
Drivers de la Arquitectura
Son un sub-conjunto de los requerimientos que se deben tomar en cuenta al momento de establecer la estructuración del sistema.
Existen 3 categorías:
1. Atributos de calidad2. Requerimientos funcionales primarios3. Restricciones
En cuanto a la lo puntos anteriores, el proyecto contiene los siguiente:1. Atributos de calidad:
a. Funcionalidadb. Fiabilidad, tolerante a erroresc. Mantenibilidadd. Portabilidad
2. Requerimientos funcionales primarios, se cumplió con lo solicitado por el cliente, una aplicación web que permitiera agregar, eliminar y buscar datos.
3. Restricciones:
Considerando los puntos anteriores, nos dimos a la tarea de analizar algunos formatos para determinar lo necesario para la base de datos.
LA BASE DE DATOS
Para el modelado de la base de dato se utilizó la herramienta case Enterprise Architect.
Para trabajar con esta aplicación la podemos descargar en su versión gratuita desde su página oficial http://www.sparxsystems.com.ar/products/ea.html, esta tiene un uso limitado el cual consiste en 30 días.
Los requerimientos de Sistema son los siguientes.
Versión de Windows Versión de LinuxProcesador Intel® Pentium® (o mejor) Procesador Intel® Pentium II® (o un equivalente)Microsoft® Windows 98 SE, Windows NT® 4.0 con Service Pack 5, Windows 2000, Windows XP o Windows 2003.
CodeWeavers' CrossoverOffice 2.1.0 (o posterior), Microsoft Data Access Components (MDAC) 2.8, DCOM95, Internet Explorer 6.Sistema Operativo Linux (kernel 2.4 o posterior)
128 MB de RAM (256MB o más) 64 MB de RAM (128 MB o más)Espacio en disco disponible de 70 MB Espacio en disco disponible de 70 MB800*600 (1024x768 o más) 800*600 (1024*768 o más)
Una vez instalado lo podemos localizar en la siguiente ruta inicio>Todos los programas>Enterprise Architec.
Figura. 1 Acceso a Enterprise Architect
Al iniciar se visualizarán las siguientes pantallas…
Figura. 2 Crear Nuevo proyecto
Donde nos dará las opciones para crear un nuevo proyecto, buscar un proyecto ya existente, para esta práctica se elige la opción crear un nuevo proyecto (New Project).
Figura. 3 Crear proyecto
Poner nombre a nuestra Base
Nos pregunta la ruta donde se guardará el nuevo proyecto, así como el nombre del mismo.
Enseguida nos muestra un asistente donde nos muestra una serie de opciones que se le pueden agregar a nuestro modelo para este caso vamos a hacer uso de la Tecnología Core Extensions>Databases.
Figura. 4 Nombre de nuestra Base de Datos
Nos colocamos en la parte derecha de la pantalla encontraremos una ventana denominada Project Browse, en la cual se mostrará el modelo que hayamos seleccionado, nos colocaremos en la
opción Schema buscaremos el icono de relación daremos clic derecho cambiaremos el nombre en este caso le pondremos SiCoVi el cual será el nombre de nuestra base de datos.
Enseguida procederemos a darle nombre a nuestra tabla para esto nos colocaremos en la tabla <<table>> Table1 para cambiarle el nombre, realizaremos el mismo paso anterior darle clic derecho>>propiedades el cual nos mostrará una interfaz (pantalla) en la cual podremos editar el nombre, además es donde elegiremos cual será nuestro gestor de base de datos.
Elegimos nuestro gestor de Base de Datos
Figura. 5 Nombre de nuestra Tabla
Al concluir el paso anterior tenemos configurada nuestra Base de Datos (SiCoVi), nuestra tabla (Autos) y nuestro gestor de base de datos que para esto elegimos MySql.
A continuación procederemos a dar de alta a nuestros atributos (propiedades) y Operaciones (Métodos).
Para esto le daremos doble clic a nuestra Base de datos “SiCoVi” el cual nos mostrará en la parte central de la pantalla las tablas creadas para este caso la de “Autos” el cual para poder agregar cada uno de nuestros atributos realizaremos los siguientes pasos.
Figura. 6 Base de Datos y Tablas Creadas
Poner nombre a nuestra Tabla
1. Dar clic derecho a la tabla Autos.2. Elegir la opción Atributos.3. Se mostrará una interfaz en la cual seleccionarán las siguientes opciones
a. Establecer el nombre.b. Si es llave primaria.c. Tipo de dato (Varchar, integer, Date).d. Estereotipos en este caso son Columnas.e. Si tendrá algún valor inicial.f. Tipo de Acceso (Público, privado, etc.)g. Alguna nota si se requiere.h. Al haber ingresado todos estos datos dar guardar (Save).i. Si se requiere agregar más daremos clic en la opción nuevo (new), si no se desea
agregar solo se cierra la ventana.
Figura. 7 Agregar Atributos.
Al terminar de agregar todos los atributos requeridos procederemos a generar nuestro DDL (Data Definition Language) de la siguiente manera.
Ubicamos nuestra tabla damos clic derecho buscamos la opción Generate DDL, el cual nos mostrará las siguiente pantallas donde elegiremos la opción Generate y nos pedirá donde guardar nuestro archivo sql.
Figura. 8 Exportar DDL
Y de esta manera es como creamos el modelado de nuestra base de datos y la generación de nuestro archivo DDL el cual importaremos a nuestro gestor de base de datos.
EL PROYECTOEl proyecto fue creado en NetBeans 7.4, el procedimiento se muestra a continuación
1. Crear un proyecto nuevo de tipo Web aplication.
2. El servidor y framework
Recuerda que deberá seleccionar el Servidor de GalssFish y el fframework Java ServerFaces e Hibernate
Una vez seleccionadas las opciones damos clic en Finalizar
3. La configuración para la base de datosUna vez creado el proyecto es necesario configurar el archivo hibérnate.cfg.xml que e encuentra en el Folder Source Packages default package, las opciones a configurar están en:
JDBC Porperties DataSourceProperties Configuration Properties Miscellaneous Properties
4. Los archivos (Bean, DAO)
5. PrimeFacesExisten temas que se pueden aplicar al proyecto y se pueden descarga de la pagina http://www.primefaces.org/themes, mismo que permiten la descarga de un archivo .jar que deberá agregarse dentro de netbeans en el folder LibrariesAdd Jar/folder, se pueden agregar varias y probar la que mas nos guste.
6. Las vistasArchivo index.xhtml para la pagina principal
Se debe crear un xml por cada opción que maneje nuestra aplicación, por ejemplo Agregar, eliminar, buscar, acerca de…
EL SERVIDOR
MySQLLa base de datos se alojo en el servidor http://187.131.180.169:4848/ a través de phpMyAdmin
La base de datos fue creada en mySQLl workbench e importada al servidor quedando de la siguiente manera.
GlassfishEl archivo del proyecto(sicovi.war) fue subido a servidor con glassfish cuya dirección es http://187.131.180.169:4848/
El archivo .war se puede subir al servidor mediante la opción AplicatonsDeploy
El proceso tarda unos minutos y aparecerá de la siguiente forma
Una vez que el proyecto aparezca en la lista, la aplicación web debe poderse ejecutar y realizar las operaciones que fueron programadas
Web Aplication Sicovi
Finalmente para accesar a la aplicación web la dirección es https://187.131.180.169:8181/SiCoVi
1. Ventana principal
2. Ventana Agregar nuevo Automovil
3. Ventana BuscarLa ventana buscar permite realizar una búsqueda por no de inventario, nombre del automóvil, no de motor, etc, como se muestra en la imagen, haciendo posible el combinar las opciones.
4. Ventana EliminarPermite dar de baja un automóvil una vez que se ha indicado su numero de inventario.
5. Ventana Acerca del sistema