TÍTULO PROYECTO
Aplicación web para la inscripción en industria y comercio de establecimientos públicos en Ciénega Boyacá
PROPONENTE(S) Gilma Andrea Sanabria Gómez
1050693108 2151393
DIRECTOR
Carlos Andrés Guerrero Alarcón
Tunja
CONTENIDO
1. FICHA TÉCNICA DEL PROYECTO... 3
2. PLANTEAMIENTO DEL PROBLEMA ... 4
3. JUSTIFICACIÓN ... 6
4. OBJETIVOS... 7
4.1. OBJETIVO GENERAL ... 7
OBJETIVOS ESPECÍFICOS ... 7
5. MODELO DE DESARROLLO ... 8
6. DESARROLLO DEL PROYECTO ... 12
6.1. FASE 1.ANÁLISIS DE LA INFORMACIÓN ... 12
6.2. FASE 2.DISEÑO DEL SISTEMA ... 12
6.3. FASE 3.DESARROLLO DE LA APLICACIÓN ... 13
6.4. FASE 4.VERIFICACIÓN DE LA APLICACIÓN ... 32
7. CONCLUSIONES Y ANÁLISIS DE RESULTADOS ... 34
8. REFERENCIAS ... 35
1. FICHA TÉCNICA DEL PROYECTO
Título Aplicación web para la inscripción en industria y comercio de establecimientos públicos en Ciénega Boyacá
Autor (es) Gilma Andrea Sanabria Gómez
Director del proyecto Carlos Andrés Guerrero Alarcón Transparencia, desarrollo web,
manejo de archivos, foro web
Desarrollo web, aplicación web, industria y comercio, estrategia de gobierno en línea
Descripción
2. PLANTEAMIENTO DEL PROBLEMA
En el municipio de Ciénega, su alcaldía cuenta con diferentes dependencias entre las que se encuentran hacienda, planeación, comisaría, sisben, familias en acción, inspección y biblioteca. En la actualidad en la secretaria de hacienda uno de los procesos que se maneja, es el de inscripción ante industria y comercio de los establecimientos que se encuentran dentro de la jurisdicción del municipio de Ciénega - Boyacá. Al pasar de los años se ha venido manejando esta información de manera manual y a través de archivos Excel, lo cual permite la duplicidad en la información y el no correcto tratamiento de la misma, sabiendo que esta es relevante en el sector público, como lo es aplicable en este caso. El uso inadecuado de este tipo de procedimientos, puede llevar a presentar inconsistencia en la información, demoras en los procesos y documentos requeridos por los usuarios de esta entidad pública.
Al día de hoy no se ha propuesto un sistema que garantice el adecuado manejo de la información, que sea coherente con lo que requiere la entidad para este proceso, y que permita de una manera más ágil y oportuna llegar a sus usuarios.
Figura 1. Causas del manejo inadecuado de la información de industria y comercio
3. JUSTIFICACIÓN
Debido a los avances tecnológicos y uso masivo de la información a través de internet, se ve la necesidad de implementar una aplicación web, que permita la inscripción en la secretaria de hacienda ante industria y comercio, para los diferentes establecimientos que se encuentran dentro de la jurisdicción del municipio de Ciénega – Boyacá.
Este tipo de aplicaciones web, permite un correcto uso y tratamiento de la información que a esta dependencia llega, entre los cuales se encuentran las inscripciones ante industria y comercio, con su respectivo formato y certificados (uso de suelos, cámara de comercio, documentos de identificación) dependiendo el tipo de establecimiento (Industrial, comercial o de servicios) al cual pertenezca. Con el uso de este sistema se pretende evitar el manejo inadecuado de la información, la duplicidad de los datos, el posterior cobro indebido de los impuestos correspondientes, las demoras en los tramites; además de tener en cuenta puntos importantes como procesos bajo términos de habeas data, el manejo de la información centralizada, lo cual permite un acceso oportuno a los datos necesarios y evitando perder algunos de ellos, y también proyectándose hacia servicios de gobierno en línea, haciendo uso de la reglamentación y los términos legales correspondientes y teniendo en cuenta tecnología de código abierto para el desarrollo del aplicativo.
4. OBJETIVOS
4.1. Objetivo General
Desarrollar una aplicación web que permita realizar el proceso de inscripción de industria y comercio en línea, de los establecimientos públicos que se encuentran en la jurisdicción del municipio de Ciénega Boyacá, haciendo uso de herramientas de código abierto.
Objetivos específicos
Tabla 1. Objetivos específicos
Nro. Objetivo específico
1
Analizar el proceso de inscripción ante industria y comercio de los establecimientos públicos del municipio de Ciénega Boyacá, mediante entrevistas, verificación de herramientas de software usadas para este proceso y además para su posterior modelamiento.
2
Diseñar el aplicativo web de acuerdo a la funcionalidad del sistema, teniendo en cuenta los diferentes aspectos del diseño y haciendo uso de herramientas de código abierto que permitan el modelado del sistema.
3
Construir el aplicativo web que permita la inscripción en industria y comercio de los establecimientos que se encuentran dentro de la jurisdicción del municipio de Ciénega – Boyacá, utilizando herramientas de uso libre, sin costo, entre las que se encuentran el lenguaje PHP, algunos frameworks y postgresql para la base de datos.
4 Verificar el aplicativo web propuesto, haciendo pruebas de campo que permitan establecer si el desarrollo es funcional, óptimo e implementable.
5. MODELO DE DESARROLLO
En ingeniería de sistemas, el desarrollo tecnológico se considera una investigación aplicada experimental. Para la presente propuesta se plantea una clasificación de la investigación que facilita su evaluación en los diferentes niveles, puesto que está relacionada con el grado de profundidad y complejidad de la misma, como se presenta en la Figura 2.
Figura 2. Investigación según nivel profundidad
Fuente: Autor
5.1. Fases del proyecto
Para el desarrollo del presente trabajo se establecen las siguientes etapas y fases de implementación:
Análisis de la información: En esta etapa se plantea identificar los aspectos generales para el desarrollo tecnológico de la aplicación web, para la inscripción ante industria y comercio de los establecimientos públicos que se encuentran en la jurisdicción del municipio de Ciénega - Boyacá
o Levantamiento de requerimientos: Se llevará a cabo a través de entrevistas, reuniones con los interesados, obtención de documentos del proceso de inscripción ante industria y comercio, estatutos que rigen las actividades industriales y comerciales, búsquedas en fuentes primarias y secundarias, con el fin de verificar cómo se maneja a la fecha actual este procedimiento y de esta forma establecer los pasos a seguir para el desarrollo tecnológico.
Diseño del sistema: Se da una visión de lo que será el sistema a desarrollar, además de la aprobación por parte del ente interesado.
o Diagramación del prototipado correspondiente a la aplicación web: Se crearan unos mockups que den una idea clara de lo que se plantea, lo cual corresponde a la aplicación web, además de una posterior reunión con la entidad para mejorar, corregir y aprobar los mismos.
o Entidad – relación: En este diagrama se plasmaran los datos que son necesarios, las diferentes entidades que actúan en ella y como se distribuyen para un manejo óptimo, que evite duplicidad y guarde la información necesaria para este proceso.
Desarrollo de la aplicación:
o Backend: Se implementara la base de datos con su respectivo gestor, para posterior uso de los datos e información que contendrá la misma. Se desarrolla la parte donde va la funcionalidad del componente de aplicación web, este solo puede ser visto por el desarrollador, el usuario final no tiene acceso a él.
o Frontend: En esta parte es donde se realizará el desarrollo de los diferentes formatos, se colocará forma, colores, diseño, y es todo aquello que puede ver el usuario final y con la parte que va a interactuar.
Se plantea además una metodología de desarrollo XP (eXtreme Programming), que permita agilizar el proceso y estar en constante monitoreo, dispuestos al cambio y mejora del proceso en la medida de lo posible. Con el uso de XP se podrá trabajar en equipo de pocas personas, optimizar tiempo, es una metodología que está basada en prueba y error.
Verificación de la aplicación: Se comprobará que el desarrollo hecho sea óptimo, funcional y de acuerdo a lo solicitado por la entidad pública interesada.
6. DESARROLLO DEL PROYECTO
6.1. Fase 1. Análisis de la información
Mediante diferentes visitas a la entidad y entrevistas con el personal correspondiente de la dependencia relacionada, el material suministrado y la forma como manejan actualmente la información se establecieron los requisitos necesarios para la realización de la aplicación web, se definió lo que ellos deseaban encontrar en el sistema y se planteó de la manera como se ilustra en el anexo A: análisis de la información - listado de requisitos.
También se estableció y definió de acuerdo al contexto de los mismos, la selección de la tecnología, en la cual se tuvo en cuenta aspectos como software de uso libre, los lineamientos de la estrategia de gobierno en línea, herramientas de gran calidad y que permitieran llevar a cabo los objetivos propuestos, para esto se seleccionó el lenguaje de programación PHP, el modelo vista controlador (MVC) de tal manera que nos permitiera estructurar de una forma ordenada el proyecto, así al estar organizada se encuentra bien definida, por otra parte el gestor de base de datos Postgresql, el cual es la segunda base de datos en eficiencia y rendimiento, además de ser gratuita con licencia GPL, teniendo en cuenta que es la segunda mejor se determinó trabajar con ella, sin embargo es posible cambiar el motor. También se hace uso de Apache como un componente de procesamiento de código en lenguaje Script + PHP. También se hace la selección de los frameworks bootstrap para el frontend y Moon para el backend, los cuales facilitan la realización del trabajo de una manera más profesional, dinámica y estructurada.
6.2. Fase 2. Diseño del sistema
Además de este modelo 4+1 vistas se tuvo en cuenta la elaboración de unos prototipos, los cuales hacen un acercamiento a la realidad y dan una visión de lo que vendría siendo el proyecto, estos contaron con la aprobación por parte del ente municipal.
Figura 3. Modelo de diseño 4+1 vistas
Fuente: Autor
6.3. Fase 3. Desarrollo de la aplicación
Se tomaron en cuenta herramientas libres o con una licencia que permitiera su uso sin costo para poder realizar el respectivo desarrollo.
teniendo presente que es una exigencia para el enfoque de talento digital, estrategia de gobierno en línea y cumpliendo con los parámetros y normas establecidos allí.
Se utiliza Apache como servidor web HTTP de código abierto, el número uno utilizado a nivel mundial:
Figura 4. Servidor apache
Fuente: Autor
Se hace uso de postgresql como sistema de gestión de base de datos relacional orientada a objetos y libre:
Figura 5. Base de datos en el gestor de BD postgresql
Como se observa en la figura 5 se encuentra la estructura de la base de datos con sus respectivas tablas creada con la finalidad de dar un soporte estructural que permita el guardado y manejo de la información correspondiente para la aplicación web.
Po otra parte se estructura el proyecto con el modelo vista controlador (MVC):
Figura 6. Estructuración del proyecto según el modelo vista controlador (MVC)
Fuente: Autor
Finalmente Se da evidencia del trabajo desarrollado o aplicativo web de la siguiente manera:
Después de haber realizado todo un proceso de análisis y diseño del aplicativo web a construir, el cual permite la inscripción en industria y comercio de establecimientos públicos en Ciénega Boyacá, se llega a la fase de construcción en donde se manejan dos frameworks los cuales a través de un conjunto de componentes físicos y lógicos estructurados permiten ser reutilizados en el diseño y desarrollo de nuevos sistemas de información, para el backend se hizo uso del framework Moon, este facilita el entendimiento de las técnicas y los modelos que ofrece la ingeniería del software, además permite el uso de un modelo arquitectónico de cuatro capas extensibles, el patrón de Modelo Vista Controlador, y el patrón Controlador Fachada, los cuales permiten la reducción de tiempos de diseño y desarrollo en un sistema web que garantiza la reutilización de algún componente como en este caso. Para el frontend se hizo uso de Bootstrap el cual es un framework web o conjunto de herramientas de código abierto para diseño de sitios y aplicaciones web, con este se facilita el diseño del sitio haciendo uso de responsive y además creando formas llamativas e intuitivas para el usuario.
A continuación se detalla el proceso de construcción del sistema:
Backend:
Figura 7. Estructuración del proyecto según el modelo vista controlador (MVC)
Fuente: Autor
Frontend:
Como lo mencionaba anteriormente se hizo uso del framework Bootstrap para una visualización llamativa e intuitiva como se muestra en la figura 8.
Figura 8. Vista principal del aplicativo web
Desarrollo del aplicativo en general:
La Aplicación web para la inscripción en industria y comercio de establecimientos públicos en Ciénega Boyacá cuenta con dos tipos de usuarios, los cuales deben crear su cuenta ingresando sus datos personales y haciendo las validaciones correspondientes, luego de esto pueden tener acceso al sistema, en donde dependiendo el tipo de usuario tienen acceso al mismo.
El primer tipo de usuario es el usuario general, el cual tiene acceso a su perfil y editar la información del mismo, así como lo primordial que es la inscripción del establecimiento, en donde registra todos los datos del establecimiento, los responsables, el o los inmueble(s) y la carga de archivos adjuntos para posterior verificación por parte del administrador. También tiene acceso a una pantalla en donde están todos los establecimientos que ha creado y con la posibilidad de editar la información de los mismos, realizar actualizaciones y descargar el formato de inscripción correspondiente.
A continuación un informe detallado de cada una de las partes presentes en el desarrollo del proyecto Aplicación web para la inscripción en industria y comercio de establecimientos públicos en Ciénega Boyacá.
Figura 9. Pagina inicio
Fuente: Autor
Figura 10. Información de interés
Fuente: Autor
En la figura 10 se crea una información general de interés para el usuario, en donde puede descargar el estatuto de rentas que rige la actividad de industria y comercio, además allí se colocan los botones de ingreso o registró en el sistema dependiendo el caso en particular.
Figura 11. Formulario de registro en la aplicación web
En la figura 11 se observa el formulario de registro a la aplicación web, en donde se crean los diferentes campos para los datos personales y de la cuenta, así como la validación de verificación de la información para el registro correcto en el sistema. Aquí se puede verificar el decreto que reglamenta el uso de la información exigido por la estrategia de gobierno en línea.
Figura 12. Ventana de acceso al sistema
Fuente: Autor
Figura 13. Sistema de seguridad de la aplicación web
Fuente: Autor
En la figura 13 se observa como en caso de ser incorrecta la información ingresada o no tener los permisos suficientes el sistema arroja el acceso denegado al mismo.
Figura 14. Vista principal al acceder a la aplicación web.
Figura 15. Edición de datos del usuario
Fuente: Autor
En la figura 15 se muestra el cargue de la información de la base de datos y los campos correspondientes para la actualización de los mismos en caso de ser requerido. Esta acción la puede realizar tanto el usuario común como el administrador.
Figura 16. Inscripción establecimiento.
En la figura 16 se tiene los campos correspondientes para registrar un establecimiento, cada uno con sus respectivas validaciones y el acceso a la base de datos para guardar los mismos.
Figura 17. Inscripción responsables
Fuente: Autor
Figura 18. Inscripción del inmueble
Fuente: Autor
En la figura 18 se presenta el formulario de inscripción para el o los inmuebles, aquí pueden registrarse varios, ya que pueden existir varias sucursales del mismo establecimiento.
Figura 19. Registro de anexos
En la figura 19 se observa la posibilidad de anexar diferentes tipos de archivos de acuerdo a los registros que tenga el establecimiento, obligatoriamente según los requisitos del cliente, todos los establecimientos deben poseer el certificado de uso de suelos.
Figura 20. Listado de establecimientos inscritos.
Fuente: Autor
Figura 21. Edición del establecimiento.
Fuente: Autor
En la figura 21 se observa la opción de edición de los diferentes datos del establecimiento, allí se cargan los datos almacenados en la base de datos y da la posibilidad de actualizar los mismos.
Figura 22. Edición datos del responsable.
Figura 23. Inmuebles inscritos con la opción de edición.
Fuente: Autor
Figura 24. Edición inmueble
Figura 25. Lista de anexos con la opción de descargar, eliminar o agregar uno nuevo
Fuente: Autor
Figura 26. Listado de establecimientos inscritos
Fuente: Autor
o actualización de la información allí presentada, asignación de tipo de actividad y cambio de estado de acuerdo a la vigencia actual del establecimiento.
Figura 27. Asignación del tipo de actividad.
Fuente: Autor
Figura 28. Cambio de vigencia
Fuente: Autor
Figura 29. Generación de PDF
Fuente: Autor
En la figura 29 se observa la generación del PDF que muestra el consolidado de los datos registrados y este puede ser usado como verificable ante la solicitud por parte de alguna institución, o para posterior manejo de la declaración y liquidación correspondiente ante industria y comercio del municipio de Ciénega.
6.4. Fase 4. Verificación de la aplicación
En esta fase del proyecto se tomaron medidas que permitieran validar que la aplicación web funcionara para lo que ha sido diseñada. Se verifico que se cumpliera con los requisitos exigidos por la entidad y se tuvo en cuenta la opinión del personal de la alcaldía, quienes dieron un aval del proceso que se estaba realizando y el producto que se había obtenido.
fue diseñado, tanto externamente, visualmente, como lógicamente, en estructura, codificación y acceso a base de datos.
Teniendo en cuenta este tipo de pruebas se hicieron pruebas de unidad en los cuales se probó todos los caminos posibles para llegar a ciertas partes del aplicativo y se comprobó que no existieran errores y en el caso de encontrar por ejemplo un acceso no permitido en un lugar indebido se corrigió para evitar más adelante perdida de información o corrupción en la misma.
Se realizan pruebas de seguridad, verificando los diferentes niveles de acceso de cada usuario, la creación de usuarios correspondientes para poder acceder al sistema, el uso de un usuario y contraseña, encriptado con un sistema que difícilmente podría ser descifrada la clave.
7. CONCLUSIONES Y ANÁLISIS DE RESULTADOS
Para concluir, la generación de esta aplicación web es un producto innovador que ofrece la mejora en un servicio y facilita el trámite de inscripción de industria y comercio en línea.
Es importante anotar que la creación de aplicaciones web como en este caso, reduciría el uso de papel, evitaría la demora en los trámites y ayudaría a tener una comunicación más efectiva entre el personal de la entidad beneficiaria y los responsables de los diferentes establecimientos.
Se ha realizado un estudio para determinar las necesidades específicas del cliente, así mismo se determina la tecnología a usar que más se adapta a las mismas.
Al seguir un modelo de diseño, se pueden establecer las condiciones de la aplicación web, de tal manera que puedan ser desarrolladas e implementadas cumpliendo las exigencias del cliente.
La aplicación de pruebas en cada una de las etapas, permite reconocer tempranamente los posibles fallos de la misma e ir tomando acciones preventivas sobre esta, de tal manera que el producto final sea funcional y cumpla con las exigencias establecidas.
8. REFERENCIAS
Mozilla y colaboradores individualesdeveloper.mozilla.org．[En línea]Mozilla，2005． [Citado el: 18 11 2017．]https://developer.mozilla.org/es/docs/Web/CSS/CSS3．
HerreraVicenteCrear PDF a partir de un HTML, en PHP．[En línea]22 Abril 2016． https://openwebinars.net/blog/crear-pdf-html-en-php/ ．
JacksonSteveUML y el Proceso Unificado -Requerimientos- Modelado de casos de uso ．[En línea]23 Agosto 2010．https://prezi.com/m/kaw0apx5-zw3/uml-y-el-proceso-unificado-requerimientos-modelado-de-casos-de-uso/ ．
LeónLuisaFernanda BarreraDISEÑO ARQUITECTURA DEL ．[En línea]2011． http://pegasus.javeriana.edu.co/~CIS0930IS08/Documentos/SAD_ZuGym.pdf．
McLaughlinBrettWhat Is HTML5? Sebastopol, California，O'Reilly Media, Inc，2011． PressmanRoger Ingeniería del Software. Un enfoque práctico．USA，McGraw-Hill， 2010．
SollutiaFase de pruebas en aplicaciones Web．[En línea]04 Febrero 2011． http://blog.sollutia.com/2011/02/fase-de-pruebas-en-aplicaciones-web/ ．
The PHP Groupphp.net．[En línea]2001．[Citado el: 18 11 2017． ]http://php.net/manual/es/intro-whatis.php．
9. ANEXOS
Anexo A (análisis de la información, listado de requisitos) Anexo B (Diseño del sistema (4+1 vistas))
