Participación en la estrategia del gobierno en línea para la ciudad de Villavicencio, Meta, Orinoquia, en búsqueda del cumplimiento de la normatividad MINTIC

Texto completo

(1)Participación en la estrategia del gobierno en línea para la ciudad de Villavicencio, Meta, Orinoquia en búsqueda del cumplimiento de la normatividad MINTIC.. Juan Sebastián Calderón Apolinar. Universidad Cooperativa de Colombia Facultad de Ingenierías Ingeniería de Sistemas Villavicencio 2019.

(2) Informe Final de Práctica Social, Empresarial o Solidaria. Participación en la estrategia del gobierno en línea para la ciudad de Villavicencio, Meta, Orinoquia en búsqueda del cumplimiento de la normatividad MINTIC.. Juan Sebastián Calderón Apolinar. Tutores Asesor Técnico: Piedad Chica Sosa Asesor Metodológico: Francy Yaneth Patiño. Universidad Cooperativa de Colombia Facultad de Ingenierías Ingeniería de Sistemas Villavicencio 2019.

(3) Glosario Punto vive digital: El Ministerio de Tecnologías de la Información y las Comunicaciones, a través de la Dirección de Infraestructura, promovió el uso y aprovechamiento de las TIC, a través de la creación de centros comunitarios de acceso a Internet en zonas funcionales para el uso de Internet, entretenimiento, capacitación, y trámites de Gobierno en Línea (Infraestructura, 2019).. Frond-end: Consiste en la conversión de datos en una interfaz gráfica para que el usuario pueda ver e interactuar con la información de forma digital usando HTML, CSS y JavaScript. (Wikipedia, 2019).. HTML: Es un lenguaje que interpreta el navegador web para mostrar los sitios o aplicaciones web tal y como estamos acostumbrados (Reyes, 2019). Php: Es un lenguaje de programación de propósito general de código del lado del servidor originalmente diseñado para el preprocesado de texto plano en UTF-8 (Wikipedia, 2019). Css: Es un lenguaje de diseño gráfico para definir y crear la presentación de un documento estructurado escrito en un lenguaje de marcado (Wikipedia, 2019).. Back-end: La capa de acceso a datos de un software o cualquier dispositivo, que no es directamente accesible por los usuarios, además contiene la lógica de la aplicación que maneja dichos datos (Platzi, 2018)..

(4) Resumen Alcaldía de Villavicencio, es la organización que desempeña en el desarrollo de la ciudad presentando diferentes factores de calidad de vida, las TIC son los encargados de mantener a los ciudadanos informados y actualizados por medio de comunicaciones tecnológicas (Pagina web, Fanpage, Emisora etc.). Ofreciendo un apoyo de conectividad con puntos de internet gratis y servicios de cómputos a la ciudadanía. Por este motivo se dio la necesidad de implementar un formulario web para el manejo de registros en los puntos vive digital y obtener una organización estable para la información almacenada con gestión administrativa. El progreso de esta práctica está formado con los objetivos de la propuesta desarrollada y radicada en la Universidad cooperativa de Colombia y presentado a la Alcaldía de Villavicencio, apoyando en actividades plenamente programadas y obteniendo la documentación necesaria para la vinculación a la organización y así ofrecer una solución completa y eficiente que cumpla con lo requerido tanto a la administración como a los usuarios que hacen uso de este punto digital..

(5) Abstract Mayor of Villavicencio, is the organization that plays in the development of the city presenting different factors of quality of life, ICTs are responsible for keeping citizens informed and updated through technological communications (Website, Fanpage, Broadcaster etc.). Offering connectivity support with free internet points and computer services to citizens. For this reason it was the need to implement a web form for the management of records in the digital live points and obtain a stable organization for information stored with administrative management. The progress of this practice is formed with the objectives of the proposal developed and based at the Cooperative University of Colombia and presented to the Mayor of Villavicencio, supporting in fully scheduled activities and obtaining documentation necessary for the linktor to the organization and thus offer a complete and efficient solution that meets the requirements of both the administration and the users who make use of this digital point..

(6) Página De Agradecimientos. Agradezco a la Alcaldía de Villavicencio por permitir realizar las prácticas social, empresarial o solidaria en sus instalaciones, también por el aporte de conocimiento adquirido por los demás ingenieros, soporte y los distintos administrativos de esta área. Gracias al ingeniero Saúl Mora, jefe inmediato, quien fue el supervisor de mis actividades desarrolladas para su excelente elaboración. A tres docentes que me brindaron su apoyo durante el proceso en cuanto a las dudas e inquietudes, especialmente; al ingeniero Carlos Torres. A mi asesora técnica, la ingeniera Piedad Chica Sosa quien fue la persona que estuvo presente en el desarrollo de mis actividades y a mi asesora metodológica, la ingeniera Francy Yaneth Patiño Martínez por sus correcciones y revisiones a mis documentos elaborados. Y a mis padres por el apoyo incondicional que me dieron desde un principio, no podría lograr mis metas propuestas..

(7) Página De Dedicatoria. Dedicado especialmente a mis padres, por el esfuerzo que me dieron durante 5 años para llegar hacer un profesional y cumplir mis metas anheladas..

(8) Tabla de Contenido Glosario .................................................................................................................................. 3 Resumen ................................................................................................................................. 4 Abstract ................................................................................................................................... 5 Página De Agradecimientos ................................................................................................... 6 Página De Dedicatoria ............................................................................................................ 7 Capítulo 1: Información de la empresa ................................................................................ 13 1.1. Descripción y naturaleza de la organización. ............................................................ 13 1.2. Información de la organización ................................................................................. 13 1.3. Misión ........................................................................................................................ 14 1.4. Visión ........................................................................................................................ 14 1.5.Secretarías ................................................................................................................... 14 1.6. Oficinas Asesoras ...................................................................................................... 15 1.7. Directorios ................................................................................................................. 15 1.8. Órganos de Control .................................................................................................... 16 1.9. Organigrama .............................................................................................................. 16 Capítulo 2: Requerimientos de la organización .................................................................... 20 2.1. Funcionalidades, características y restricciones ........................................................ 20 Capítulo 3: Plan de acción .................................................................................................... 21 3.1.. Cronograma ........................................................................................................... 21.

(9) Capítulo 4: Actividades realizadas ....................................................................................... 24 4.1 Exploración de la página web ..................................................................................... 24 4.2 Capacitaciones de ControlDoc, PCT y SWIT ............................................................ 24 4.2.1 ControlDoc .......................................................................................................... 24 4.2.2 PCT ...................................................................................................................... 25 4.2.3 SWIT ................................................................................................................... 26 4.3 Descripción de la normatividad MINTIC ................................................................... 26 4.4 Apoyar a la documentación de la normatividad MINTIC .......................................... 26 4.5 Actualizaciones de la página web ............................................................................... 28 4.6 Seguimiento a las leyes vigentes ................................................................................ 29 4.7 Problemáticas de los sistemas de información ........................................................... 29 4.8 Socialización de campañas, programas y novedades ................................................. 30 4.9 Levantamiento de información ................................................................................... 30 4.10 Elaboración de objetivos .......................................................................................... 32 4.11 Elaboración de requerimientos ................................................................................. 32 4.12 Elaboración de la página........................................................................................... 33 4.13 Entrega del formulario web de registros .................................................................. 37 Capítulo 5: Logros y lecciones aprendidas ........................................................................... 38 Capítulo 6: Limitaciones, conclusiones y recomendaciones ................................................ 39 6.1 Limitaciones ............................................................................................................... 39.

(10) 6.2 Conclusiones............................................................................................................... 39 6.3 Recomendaciones ....................................................................................................... 40 Referencias ........................................................................................................................... 43.

(11) Tablas de ilustraciones ILUSTRACIÓN 1. ORGANIGRAMA DE LA ORGANIZACIÓN - TOMADA DE: HTTP://WWW.VILLAVICENCIO.GOV.CO/NUESTRAALCALDIA/PAGINAS/ORGANIGRAMA.AS PX .................................................................................................................................. 18. ILUSTRACIÓN 2. INTERFAZ DE CONTROLDOC ........................................................................ 25 ILUSTRACIÓN 3. CAPACITACIÓN CONTROLDOC, PCT. Y SWIT ............................................. 25. ILUSTRACIÓN 4. EXPOSICIÓN DE LA DOCUMENTACIÓN .......................................................... 27 ILUSTRACIÓN 5. ACTUALIZACIÓN DE ENCUESTA PARA LOS CIUDADANOS EN LA PÁGINA WEB28 ILUSTRACIÓN 6. LEVANTAMIENTO DE INFORMACIÓN PARTE 1 - LISTADO DE ASISTENCIA PVD ...................................................................................................................................... 31 ILUSTRACIÓN 7. LEVANTAMIENTO DE INFORMACIÓN PARTE 2 - LISTADO DE ASISTENCIA PVD ...................................................................................................................................... 31 ILUSTRACIÓN 8. MUESTRA DE CÓDIGO HTML ...................................................................... 34 ILUSTRACIÓN 9. MUESTRA DE CÓDIGO PHP – TOMADA: HTTPS://WWW.ACCESEO.COM/WPCONTENT/UPLOADS/2016/02/2016-02-01.PNG .............................................................. 35. ILUSTRACIÓN 10. MUESTRA DE CÓDIGO CSS - TOMADA: HTTPS://WWW.EMENIA.ES/WPCONTENT/UPLOADS/2013/07/NICK-KARVOUNIS-381259-UNSPLASH.JPG ....................... 36. ILUSTRACIÓN 11. SUBIENDO ARCHIVOS A FILEZILLA ............................................................ 37 ILUSTRACIÓN 12. TRANSFERENCIA DE ARCHIVOS (FORMULARIO WEB) ................................ 37.

(12) Lista de tablas TABLA 1. CRONOGRAMA DE PROPUESTA DE GRADO .............................................................. 22 TABLA 2 CRONOGRAMA DE PROPUESTA DE GRADO MODIFICADO .......................................... 23.

(13) Capítulo 1: Información de la empresa 1.1. Descripción y naturaleza de la organización. La Alcaldía de Villavicencio, es una organización de entidad pública encargada de la administración del municipio y dirigida por el alcalde, que en este periodo es Wilmar Orlando Barbosa Rozo, junto con los concejales aportando el interés común para el buen manejo y desarrollo de la alcaldía, cuenta con secretarías que son las encargadas del direccionamiento de los distintos aspectos de la municipio, entre ellas Control Físico, Educación, Gobierno, Hacienda, Infraestructura, Planeación, Medio Ambiente, Salud, Desarrollo Institucional, Movilidad, Tecnologías de la Información y Comunicación TIC, Competitividad y Desarrollo, Gestión Social y Participación Ciudadana, Privada de la Mujer. La alcaldía de Villavicencio está impulsando la tecnología en las distintas áreas para facilitar el acceso de los ciudadanos villavicenses e interactuando con las diferentes dependencias del despacho; de esa manera se facilita cualquier documento necesario de la persona o entidad a solicitar. (Alcaldía, 2019) 1.2. Información de la organización La alcaldía, se encuentra ubicada en la dirección Calle 40 Nº 33 - 64 Centro. Villavicencio - META / Colombia, la organización cuenta con una página Web oficial. adscrita como: www.villavicencio.gov.co/ Posee una serie de servicios en el área de la tecnología para facilitar el buen desempeño de sus empleados utilizando software sofisticado como ControlDoc, PCT, SWIT entre otros. En cuanto a la necesidad del ciudadano se les facilita más la comunicación y los procesos que se llevan a cabo con esta organización. Con el fin de crear sus propias.

(14) soluciones y al mismo tiempo mantener informado sobre los recursos y las inversiones que hace el municipio. 1.3. Misión “La Administración Municipal de "Unidos Podemos" del Municipio de Villavicencio buscando que "lo público puede ser lo mejor", bajo un enfoque colectivo, integral y sistémico enfocará su gestión para que el ente territorial sea responsable de garantizar el cumplimiento de los fines esenciales de Estado Colombiano y los servicios a su cargo, consistentes en la promoción del desarrollo integral, la garantía de los derechos humanos y el fortalecimiento de la democracia participativa y pluralista, que beneficie positivamente la calidad de vida de sus comunidades y las sostenibilidad territorial.” (Alcaldía, 2019) 1.4. Visión “"Villavicencio, Ciudad Segura y de Oportunidades" a inicios del año 2020...Será una ciudad en consolidación y transformación hacia un modelo propio de ciudad sostenible y más competitiva, enfocada a consolidad progresivamente sus indicadores de calidad de vida, bienestar general y sostenibilidad territorial, con muestras serias de avance responsable sobre procesos de cultura ciudadana de respeto, igualdad, convivencia y garantía de los derechos humanos para todos.” (Alcaldía, 2019) 1.5.Secretarías 1. Control Físico 2. Educación 3. Gobierno 4. Hacienda 5. Infraestructura.

(15) 6. Planeación 7. Medio Ambiente 8. Salud 9. Desarrollo Institucional 10. Movilidad 11. Tecnologías de la Información y Comunicación TIC 12. Competitividad y Desarrollo 13. Gestión Social y Participación Ciudadana 14. Privada 15. De la Mujer. 1.6. Oficinas Asesoras 1. Contratación 2. Control Interno 3. Jurídica 4. Control Disciplinario 5. Gestión del Riesgo. 1.7. Directorios 1. Directorio Institucional 2. Directorio de Agremiaciones 3. Directorio de Emergencia.

(16) 1.8. Órganos de Control 1. Concejo 2. Contraloría 3. Procuraduría 4. Personería 5. Control Interno. 1.9. Organigrama La estructura organizacional de la alcaldía de Villavicencio se describe desde los componentes superiores en secuencia descendente. Comenzando por el despacho del alcalde ubicado en el piso 10 y dirigido por Wilmar Orlando Barbosa Rozo conformado por una secretaria privada Francisco Jacobo Matus Díaz. En el piso 9 se encuentra la secretaria de las tecnologías de la información y comunicación TIC por Fernando Cadena Bayona y entre ellos; oficinas de Asesoría jurídica y Alta consejería para la seguridad ciudadana. Un nivel descendente se localiza la secretaria de desarrollo institucional dirigida por Jenny Andrea Aguirre Morales junto con La dirección de apoyo a la gestión y de personal, en el piso 7 la secretaria de hacienda por Dolly Forero Gracia y direcciones de presupuesto y de contabilidad. Piso 6 se encuentra la secretaria de planeación por Nelson Rodríguez Ortiz, piso 5 secretaria local de salud la dirige Jorge Hernan Mojica Molinares, descendiendo al piso 4 la secretaria de educación dirigida por Beltran Bohorquez Jorge Daniel. En el piso 3 se localiza la secretaria de gobierno y seguridad quien la lidera Zarate Hernandez Alex junto con sus direcciones de Seguridad y convivencia, Justicia, Sistemas tecnológicos e informativos y Trámites y servicio en línea donde actualmente orienta Saul Eduardo Mora.

(17) Amaya siendo el encargado de mis prácticas social, empresarial o solidaria. En el piso 2 se ubica la Oficina de contratación por Gonzales Jaramillo Mauricio Andres y descendiendo al piso 1 se encuentra La dirección de impuestos, Fiscalización, Industria y comercio, Cobro Coactivo y La oficina de asesoría de control interno. (Villavicencio, 2019).

(18) Ilustración 1. Organigrama de la organización - Tomada de: http://www.villavicencio.gov.co/NuestraAlcaldia/Paginas/Organigrama.aspx.

(19) La alcaldía de la ciudad de Villavicencio y sus dependencias elaboran políticas y lineamientos para el buen uso del sistema de información, fortaleciendo los trámites y servicios que se encuentran en línea a través de la página web. Todo esto busca impulsar el desarrollo y fortalecimiento de la tecnología en comunicaciones, promover, innovar e investigar, buscando siempre competitividad y avances para el entorno municipal para ayuda del gobierno. Garantizando el uso de manera integral y coordinada de sus dependencias, desarrollando programas y proyectos de manera articulada e integrada, con el propósito de asegurar la comunicación a través de canales de servicios y tramites con la comunidad, utilizando tecnologías sencillas y acompañando los procesos de adquisición sistematizadas para cumplir las interventorías con soportes, operaciones y la formación que se requiere a las entidades, así como el manejo de base de datos, archivos y documentos electrónicos. Esta infraestructura tecnológica asegura su disponibilidad y el funcionamiento adecuado; utilizando y aprovechando los recursos informáticos, que dan pausa, herramientas y guías para definir instancias que permita tomar decisiones..

(20) Capítulo 2: Requerimientos de la organización 2.1. Funcionalidades, características y restricciones Mediante el convenio entre la Universidad Cooperativa de Colombia y la alcaldía de la ciudad de Villavicencio, el estudiante del programa de Ingeniería de Sistemas Juan Sebastián Calderón Apolinar, inició las actividades de su práctica social, empresarial o solidaria como modalidad de grado, siendo parte del equipo como participante en el desarrollo de la estrategia del gobierno en línea para la ciudad de Villavicencio, Meta; que tiene como la finalidad del cumplimiento de la normatividad del MINTIC en beneficio común y facilitar soluciones a las necesidades de la organización, se asignaron los siguientes objetivos específicos: . Realizar la actualización de los trámites y servicios en línea del portal web http://www.villavicencio.gov.co en los formularios y la información necesaria para la prestación del servicio a la ciudadanía.. . Socializar entre las dependencias la información de los sistemas CONTROL DOC, PCT, SWIT, y otros como programas, campañas y novedades de los sistemas de información.. . Realizar el levantamiento de información tecnológica en la entidad para verificar el alcance, objetivos y requerimientos del plan estratégico de tecnologías de la información.. . Realizar un formulario web para el Punto vive digital de la ciudad de Villavicencio..

(21) Capítulo 3: Plan de acción Conforme a lo establecido con la propuesta de grado para la ejecución de la práctica social, empresarial o solidaria para el apoyo y participación en la estrategia del gobierno en línea para la ciudad de Villavicencio, Meta, se programaron las siguientes actividades a realizar en la Alcaldía. 3.1. Cronograma. Nombre de tarea. Duración. Comienzo. Fin. Participación en la estrategia del gobierno en línea para la ciudad de Villavicencio, Meta, Orinoquia en. 125 días. lun 11/03/19. vie 30/08/19. 5 días. lun 11/03/19. vie 15/03/19. 10 días. lun 18/03/19. vie 29/03/19. 10 días. lun 1/04/19. vie 12/04/19. 20 días. lun 18/03/19. vie 12/04/19. 31 días. lun 18/03/19. lun 29/04/19. 20 días. lun 24/06/19. vie 19/07/19. búsqueda del cumplimiento de la normatividad MINTIC. Exploración de la página web Capacitación de los sistemas ControlDoc, PCT y SWIT Capacitación de levantamiento de información Capacitación de plataforma de soporte Socialización de las dependencias de los sistemas Descripción de la normatividad MINTIC.

(22) Problemáticas de los sistemas de información 19 días. mar 30/04/19. vie 24/05/19. Elaboración de objetivos. 5 días. lun 1/04/19. vie 5/04/19. Elaboración de requerimientos. 20 días. lun 15/04/19. vie 10/05/19. Elaboración de informe final. 10 días. lun 13/05/19. vie 24/05/19. Entrega de informe a la universidad. 5 días. mar 14/05/19. lun 20/05/19. Tabla 1. Cronograma de propuesta de grado. Nombre de tarea. Duración. Comienzo. Fin. Participación en el desarrollo de la estrategia del gobierno en línea para la ciudad de Villavicencio, Meta, 131 días. lun 11/03/19. lun 9/09/19. 5 días. lun 11/03/19. vie 15/03/19. 10 días. lun 18/03/19. vie 29/03/19. lun 1/04/19. vie 19/04/19. 13 días. lun 20/05/19. mié 5/06/19. 5 días. lun 13/05/19. vie 17/05/19. Orinoquia en búsqueda del cumplimiento de la normatividad del MINTIC. Exploración de la página web Capacitación de los sistemas ControlDoc, PCT y SWIT Descripción de la normatividad MINTIC 15 días Apoyar a la documentación de la normatividad MINTIC Seguimiento a las leyes vigentes.

(23) Problemáticas de los sistemas de 4 días. lun 17/06/19. jue 20/06/19. 4 días. lun 24/06/19. jue 27/06/19. Levantamiento de información. 4 días. jue 6/06/19. mar 11/06/19. Elaboración de objetivos. 3 días. mar 18/06/19. jue 20/06/19. Elaboración de requerimientos. 5 días. lun 1/07/19. vie 5/07/19. Elaboración de la página. 25 días. lun 15/07/19. vie 16/08/19. Entrega de la página de registros. 5 días. lun 26/08/19. vie 30/08/19. Elaboración de informe final. 18 días. mié 14/08/19. vie 6/09/19. Entrega de informe a la universidad. 4 días. lun 16/09/19. jue 19/09/19. información Socialización de campañas, programas y novedades. Tabla 2 Cronograma de propuesta de grado modificado.

(24) Capítulo 4: Actividades realizadas En este proceso la información dada fue de apoyo al mejoramiento de capacidades y expansión de conocimiento como componente al progreso de la calidad del estudiante encaminado a la profesión de acuerdo a los niveles de servicio que ofrece la Alcaldía de Villavicencio, el seguimiento de esta práctica permitió las necesidades de actualizaciones preventivas y mejoras de algunos documentos de tramites en línea. 4.1 Exploración de la página web El ingreso a la página de la organización fue por www.villavicencio.gov.co/ donde aparecen los anuncios que diariamente, se actualizan para el público en general. Después de inspeccionarla, el paso siguiente fue abrir la pestaña llamada “NUESTRA ALCALDÍA" en el cual se visualizó las dependencias existente en la organización, cada nivel tiene su información correspondiente que se le ofrece a la ciudadanía. La página fue desarrollada por la empresa 101 S.A.S ubicada en Medellín. Esta página está dividida por sus dependencias las cuales, ofrecen distintos servicios a los ciudadanos. Cuenta con acceso administrativo para las actualizaciones, eliminaciones y anexos de documentos de las dependencias usando el software Sharepoint, se pueden editar o agregar campos por medio de código Html en caso de algún requerimiento. 4.2 Capacitaciones de ControlDoc, PCT y SWIT 4.2.1 ControlDoc ControlDoc es un correo electrónico donde la información o correspondencia llega a la bandeja de entrada para la realización de tareas o trabajos que los funcionarios deben hacer durante el día, según el nivel de importancia. ControlDoc se divide en dos vistas:.

(25) . Gestión documental Interno – ControlDoc Es el que se puede trabajar dentro del dominio (red de la organización), en el lugar de trabajo. Realizando consultas y envió de tareas ejecutadas.. . Gestión documental Externo – ControlDoc Es el que se puede trabajar desde cualquier lugar con la posibilidad de solo consultar los correos del día.. La forma de ingreso es específicamente por el navegador Internet Explorer. En la parte superior aparece un menú desplegable con el nombre “Información a Empleados” dando las dos opciones de ControlDoc.. Ilustración 2. Interfaz de ControlDoc. Ilustración 3. Capacitación ControlDoc, PCT y SWIT. 4.2.2 PCT Es un sistema de información administrativo y financiero exclusivo para el sector público que operan en 23 departamentos de la ciudad, actualmente tiene productivo en el 50% de las gobernaciones de Colombia, 27 alcaldías municipales y 16 corporaciones.

(26) autónomas regionales, entre otras entidades públicas de nivel central, territorial y empresas del estado. PCT es instalado en los servidores, dan asesoría y soporte por medio de TeamViewer o Anydesk para las respectivas cuestiones del sistema (contabilidad, ingresos, egresos y entradas de almacén) 4.2.3 SWIT Software web de impuestos territorial: Es un sistema instalado en los servidores que se puede ejecutar localmente en cada máquina de la administración municipal de la alcaldía de Villavicencio, esa administración va bajo por una IP fija. El encargo de este software es la dirección de impuestos, donde emite facturas de pago, recaudo de impuesto e información de pago por cada entidad bancaria de algún contribuyente. 4.3 Descripción de la normatividad MINTIC El Ministerio de Tecnologías de la Información y las Comunicaciones, según la Ley 1341 o Ley de TIC, es la entidad que se encarga de diseñar, adoptar y promover las políticas, planes, programas y proyectos del sector de las Tecnologías de la Información y las Comunicaciones. Dentro de sus funciones está incrementar y facilitar el acceso de todos los habitantes del territorio nacional a las Tecnologías de la Información y las Comunicaciones y a sus beneficios (MinTic, 2019). 4.4 Apoyar a la documentación de la normatividad MINTIC Durante la práctica, se apoyó en cuanto a la verificación de la aplicabilidad de tres documentos de la normatividad MINTIC. La principal tarea asignada fue consultar las leyes vigentes, las resoluciones o decretos en la página del Ministerio.

(27) https://www.mintic.gov.co/portal/604/w3-propertyvalue-595.html en la opción “Normatividad”, se encontró varios recursos donde cada información es específica para la seguridad de los contenidos montados o visualizados en la web. También fue de apoyo la página web de MIPG https://www.funcionpublica.gov.co/web/mipg en la opción “Como opera MiPG”. Es de suma importancia seguir esta normatividad, porque es la base de protección de datos e información ingresada. Una vez consultada la normatividad, se pasó a revisar los siguientes documentos para su ajuste: -Política de seguridad digital -Racionalización de trámites -Política de gobierno digital Después de haber ajustado en los documento los ítem de: Marco legal, Objetivos, Alcance, Responsables, Terminología, Declaración de compromisos y Metodología, se envió a un comité para su revisión, después de su calificación satisfactoria, se pasó a exponerlo junto con la Ingeniera Sonia Castillo a los otros funcionarios de la alcaldía. Ilustración 4. Exposición de la documentación.

(28) 4.5 Actualizaciones de la página web Las actualizaciones a la página web fueron realizadas de acuerdo a los eventos, campañas o información de la alcaldía, reportada al correo ControlDoc del Ingeniero Camilo Báez Navarro. Dependiendo del flujo de trabajo diario; se distribuyen las tareas para la actualización correspondiente. Para algunas modificaciones o anexos fue necesario el uso de código HTML y CSS. Para el ingreso de información fue necesario utilizar la etiqueta <TABLE></TABLE> dado que algunos archivos eran reportes o listados de información de las dependencias de la alcaldía. La etiqueta <DIV></DIV> se utilizó para la creación de campos específicos en cuanto a imagines o enlaces para ajustar los tamaños en la página web de la alcaldía. El uso del lenguaje de diseño gráfico CSS se implementó en esta actualización (ver Ilustración 5), por algunas circunstancias el código que llegó en el corresponsal generaba una expansión de la imagen dándole una distorsión, sin embargo la solución que se usó fue efectiva con esta etiqueta “MARGIN-LEFT: 100PX;”.. Ilustración 5. Actualización de encuesta para los ciudadanos en la página web.

(29) 4.6 Seguimiento a las leyes vigentes La sección de Marco legal de los tres documentos que se desarrollaron, constaba de leyes de seguridad digital, transferencia de información, entre otros. El seguimiento se aplica en cuanto a la búsqueda; observando si se encontraba vigente o derogada, algunas eran actualizadas y por lo tanto se requería modificarlas. Una vez consultado se anexaba al documento correspondiente. Este procedimiento se realizó para cumplir los requisitos legales de tratamiento y protección de datos personales de los ciudadanos. Después de anexar los documentos, se actualizó cronológicamente una Matriz de requisitos legales de sistemas de información que constaba de todas las leyes que se aplican a los sistemas actuales que se manejan en la organización, desde leyes de 1974 hasta el 2018. 4.7 Problemáticas de los sistemas de información Actualmente se experimenta muchas vulnerabilidades, por lo que se requiere mayor seguridad a estos sistemas de información. Los servicios web cuentan con interoperabilidad en distintas aplicaciones independientes de Hardware, Software, Sistemas operativos o plataformas de desarrollo para su finalidad del proceso de información. La necesidad y alcance de la gestión de la información constituye un elemento de vital importancia en la elevación de la calidad de vida de la Sociedad (Moreno, 2019). Esta actividad se llevó acabo para encontrar cual era el mayor problema que se tenía en la organización para la implementación de una modificación, actualización o mejorar de procesos. Se analizaron diversas variables en las cuales se podría intervenir por lo que se.

(30) eligió una opción, la cual fue: Proceso de entrega de información y digitalización de los PUNTOS VIVE DIGITAL. ¿Qué son los PUNTOS VIVE DIGITAL? El Ministerio de Tecnologías de la Información y las Comunicaciones, a través de la Dirección de Infraestructura, promovió el uso y aprovechamiento de las TIC, a través de la creación de centros comunitarios de acceso a Internet en zonas funcionales para el uso de Internet, entretenimiento, capacitación, y trámites de Gobierno en Línea (Infraestructura, 2019). 4.8 Socialización de campañas, programas y novedades Durante la práctica, se realizaron unas radicaciones donde la información era compartida hacia otros sectores públicos, otorgando algunas campañas, programas o novedades que el despacho solicitaba para entrega de informes o simplemente avisos preliminares. La forma de compartir esta información era de la siguiente manera: En un listado, como se puede (ver Ilustración 6 y 7), se obtenían todos los lugares asignados, se realizaban las visitas para la radicación de esta información y quien recibía la visita, firmaba colocando hora y fecha de la entrega. 4.9 Levantamiento de información Como se había indicado en la actividad anterior, la problemática se da en el proceso de entrega de información que se da en los Puntos vive digital de los barrios: El caudal, Villa Fabiola y Playa Rica. La información era entregada al Ingeniero y Jefe Saúl Mora por medio de vía Whatsapp, le enviaban el archivo de Excel con todos los registros de ese mes o de los días solicitados, la realización de este documento se hacía en el lugar de la.

(31) prestación de servicio obteniendo la información necesaria de las personas de una manera sutil; una por una, llevando acabo el registro de la actividad realizada por la persona. Los datos solicitados eran: Nombres, Apellidos, Tipo de documento, Numero de documento, Institución educativa, Hora de entrada, Hora de salida, Acudiente, Celular y Servicio.. Ilustración 6. Levantamiento de información Parte 1 - Listado de asistencia PVD. Ilustración 7. Levantamiento de información Parte 2 - Listado de asistencia PVD.

(32) 4.10 Elaboración de objetivos El objetivo principal era organizar los registros que se llevan a cabo en cada uno de los barrios, teniendo la oportunidad de generar reportes en Excel y Pdf para los informes de final de mes. El Ingeniero y Jefe Saúl Mora quería tener la facilidad de, él mismo, generar un archivo en Excel con todos los registros de los tres barrios para así evitar pedirlo a cada administrador de los tres puntos vive digital (El caudal, Villa Fabiola y Playa Rica). Los objetivos específicos fueron: la elaboración de un formulario web que contara con los datos requeridos de las personas que solicitaban los servicios en estos lugares, siendo digitalizados por ellos mismos, también para generar los registros actuales de un mes; se elabora un Iniciar sesión para los administradores de los puntos ubicado en cada barrio y del Jefe inmediato. Esta interfaz de Login cuenta con un CREAR ADMINISTRADOR donde solicita un código obligatorio y asignado para su registro exitoso y así evitando el registro de otras personas que no hacen parte del equipo de trabajo. 4.11 Elaboración de requerimientos El formulario web consta de dos usuarios. Donde el primer usuario es la persona que ingresa al Punto vive digital y hace uso de los servicios prestados; el otro usuario es el administrador donde tendrá la posibilidad de generar reportes para los informes mensuales que se deben pasar al directivo correspondiente. Requerimiento del Usuario -Responder formulario.

(33) Requerimiento del Administrador -Registro de administrador -Iniciar sesión -Generar reportes -Modificar datos de administrador 4.12 Elaboración de la página El formulario web fue creado para visualizarlo en los computadores de los Puntos vive digital. El lenguaje utilizado para el Front-end fue HTML, y para la parte lógica llamada Back-end se usó Php en la conexión de la base de datos, validación y modificación de datos, generar reportes por medio de Excel y Pdf. En cuanto al diseño se utilizó CSS para el diseño visual al formulario web. A continuación se describe las herramientas de desarrollo utilizadas:.

(34) HTML: es un lenguaje que interpreta el navegador web para mostrar los sitios o aplicaciones web tal y como estamos acostumbrados. En la Imagen 1 verás cómo el navegador nos muestra un sitio web y en la Imagen 2 verás cómo se ve en lenguaje HTML (Reyes, 2019).. Ilustración 8. Muestra de código HTML. La etiqueta usada fue “<form action="" method="get"> </form>” es la que representa los formularios en los sitios web, por dentro de esta etiqueta se puede agregar campos de entrada de datos, botones para la confirmación de algo requerido o simplemente un reset para blanquear los datos digitalizados. Son enviados mediante el atributo Action junto con los métodos POST o GET con la diferencia de que uno envía la información oculta y la otra muestra los datos escritos, alojados y enviados al destinatario por medio de la URL..

(35) PHP: Este lenguaje se ejecuta de lado del servidor web. Las páginas que se desarrollan pueden realizar conexión a base de datos y en la red, u otras tareas para la creación final que el cliente vera en la página.. Ilustración 9. Muestra de código PHP – Tomada: https://www.acceseo.com/wp-content/uploads/2016/02/2016-02-01.png.

(36) CSS: En este lenguaje se define la apariencia que se le puede dar a las páginas web como colores, tipos de letras, transparencias, espacios entre elementos y entre otros, se estructura la presentación hacia el cliente.. Ilustración 10. Muestra de código CSS - Tomada: https://www.emenia.es/wp-content/uploads/2013/07/nick-karvounis-381259unsplash.jpg.

(37) 4.13 Entrega del formulario web de registros La entrega del formulario web se realizó el día 30 de Agosto de 2019, se le hicieron pruebas para confirmar que los datos se estén almacenando bien con sus respectivos acentos y ñ, se verificó que la información se generara en archivos PDF y Excel con el formato .XLS según su orden correspondiente para el informe entregado mensualmente por parte del Ingeniero y Jefe Saúl Mora.. Ilustración 11. Subiendo archivos a FileZilla. Ilustración 12. Transferencia de archivos (Formulario Web).

(38) Capítulo 5: Logros y lecciones aprendidas Todas estas las actividades planteadas en la propuesta se desarrollaron permitiendo encaminarse hacia los recursos de programación, diseño y documentación. Esto permitió: En la primera etapa, se recibieron capacitaciones de tres aplicaciones que son fundamentales para esta organización, cabe aclarar que aunque no se utilizaron, fue interesante conocerlas a fondo, estas aplicaciones fueron: . ControlDoc.. . Pct. . Swit. Como segunda medida, se brindó soporte a la documentación de la normatividad MINTIC, la cual incluye: . Política de seguridad digital. . Racionalización de trámites. . Política de gobierno digital. Y en tercera medida se apoyó en la elaboración de un formulario web aplicado a los puntos vive digital de tres barrios de la ciudad de Villavicencio, como lo son El Caudal, Villa Fabiola y Playa Rica, donde se tiene la facilidad de generar reportes diarios, mensuales, anuales o una descarga de todos sus registros en la base de datos..

(39) Capítulo 6: Limitaciones, conclusiones y recomendaciones 6.1 Limitaciones Se tuvo una limitación con el software JasperReports que ofrecía la funcionalidad de generar reportes en archivos Pdf y Excel. Al principio se logró conectar el software con la base de datos, arrojando la información almacenada en cada tabla pero al momento de enlazar con el código de desarrollo del formulario web se tuvo la dificultad y por lo tanto se descartó el uso de este software, se optó por otra opción que fue, la implementación de librerías fpdf y PHPExcel, para generar los reportes requeridos.. 6.2 Conclusiones Durante la práctica se cumplió con los objetivos propuestos, con el acompañamiento de Ingenieros del área de Tecnologías de la información y comunicaciones tic de la organización de la Alcaldía de Villavicencio que dieron parte de su tiempo para explicaciones y aclaraciones en cada una de sus funciones laborales. La experiencia vivida fue de gratitud, porque se aplicaron conocimientos adquiridos por parte de algunos profesores en las aulas de clase u otras explicaciones como asesorías, con el apoyo de ingenieros experimentados en el área de desarrollo. Para concluir, este proceso fue de ayuda porque se amplió el concepto laboral y profesional, logrando sus objetivos y competencias adquiridas en la carrera..

(40) 6.3 Recomendaciones A la Universidad Cooperativa de Colombia sede Villavicencio: Generar el apoyo al estudiante durante el inicio de su elección de la empresa donde se va a realizar la práctica social, empresarial o solidaria, ya que por lo visto se ve obligado a buscar cada uno por cuenta, la empresa u organización para el desarrollo de la práctica. A la Alcaldía: Continuar con sus buenas prácticas y capacitaciones en las distintas áreas de redes, soporte, programación y documentación, ya que ayuda a fomentar la diversidad laboral de un ingeniero de sistemas y las dificultades que se puede presentar a diario en una empresa tanto pública como privada..

(41) Anexos.

(42)

(43) Referencias Alcaldía. (20 de 04 de 2019). Alcaldía de Villavicencio. Obtenido de http://www.villavicencio.gov.co/NuestraAlcaldia/Paginas/Mision-y-Vision.aspx Infraestructura, D. d.-D. (17 de 08 de 2019). Ministerio de Tecnologías de la Información y las Comunicaciones. Obtenido de https://www.mintic.gov.co/portal/vivedigital/612/w3-propertyvalue-669.html MinTic. (22 de 08 de 2019). El futuro digital es de todos MinTic. Obtenido de https://www.mintic.gov.co/portal/inicio/Ministerio/Acerca-del-MinTIC/ Moreno, B. M. (17 de 08 de 2019). Monografías.com. Obtenido de https://www.monografias.com/trabajos75/sistemas-informacion-dificultadesinformacion/sistemas-informacion-dific Platzi. (2018). Platzi. Obtenido de https://platzi.com/blog/que-es-frontend-y-backend/ Reyes, J. J. (30 de 08 de 2019). DevCode. Obtenido de https://devcode.la/blog/que-es-html/ Villavicencio, A. d. (10 de 05 de 2019). Organigrama. Obtenido de http://www.villavicencio.gov.co/NuestraAlcaldia/Paginas/Organigrama.aspx Wikipedia. (10 de 8 de 2019). Obtenido de https://es.wikipedia.org/wiki/Desarrollo_web_Front-end Wikipedia. (29 de 12 de 2019). Obtenido de https://es.wikipedia.org/wiki/PHP Wikipedia. (11 de 12 de 2019). Obtenido de https://es.wikipedia.org/wiki/Hoja_de_estilos_en_cascada.

(44)

(45)

Figure

Ilustración 1. Organigrama de la organización - Tomada de:

Ilustración 1.

Organigrama de la organización - Tomada de: p.18
Tabla 1. Cronograma de propuesta de grado

Tabla 1.

Cronograma de propuesta de grado p.22
Tabla 2 Cronograma de propuesta de grado modificado

Tabla 2

Cronograma de propuesta de grado modificado p.23
Ilustración 2. Interfaz de ControlDoc

Ilustración 2.

Interfaz de ControlDoc p.25
Ilustración 3. Capacitación ControlDoc, PCT  y  SWIT

Ilustración 3.

Capacitación ControlDoc, PCT y SWIT p.25
Ilustración 4. Exposición de la documentación

Ilustración 4.

Exposición de la documentación p.27
Ilustración 5. Actualización de encuesta para los ciudadanos en la página web

Ilustración 5.

Actualización de encuesta para los ciudadanos en la página web p.28
Ilustración 6. Levantamiento de información Parte 1 - Listado de asistencia PVD

Ilustración 6.

Levantamiento de información Parte 1 - Listado de asistencia PVD p.31
Ilustración 7. Levantamiento de información Parte 2 - Listado de asistencia PVD

Ilustración 7.

Levantamiento de información Parte 2 - Listado de asistencia PVD p.31
Ilustración 8. Muestra de código HTML

Ilustración 8.

Muestra de código HTML p.34
Ilustración 9. Muestra de código PHP – Tomada: https://www.acceseo.com/wp-content/uploads/2016/02/2016-02-01.png

Ilustración 9.

Muestra de código PHP – Tomada: https://www.acceseo.com/wp-content/uploads/2016/02/2016-02-01.png p.35
Ilustración 10. Muestra de código CSS - Tomada: https://www.emenia.es/wp-content/uploads/2013/07/nick-karvounis-381259- https://www.emenia.es/wp-content/uploads/2013/07/nick-karvounis-381259-unsplash.jpg

Ilustración 10.

Muestra de código CSS - Tomada: https://www.emenia.es/wp-content/uploads/2013/07/nick-karvounis-381259- https://www.emenia.es/wp-content/uploads/2013/07/nick-karvounis-381259-unsplash.jpg p.36
Ilustración 11. Subiendo archivos a FileZilla

Ilustración 11.

Subiendo archivos a FileZilla p.37

Referencias

Actualización...

Related subjects : Alcaldía de Villavicencio