Sistema de Información Web para la Gestión de Procesos Operativos de la Empresa Colecta SAS

Texto completo

(1)SISTEMA DE INFORMACION WEB PARA LA GESTION DE PROCESOS OPERATIVOS DE LA EMPRESA COLECTA SAS.. YEISON DAVID PRIETO FAJARDO. UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS FACULTAD TECNOLÓGICA TECNOLOGÍA DE SISTEMATIZACIÓN DE DATOS BOGOTÁ 2018. 1.

(2) SISTEMA DE INFORMACION WEB PARA LA GESTION DE PROCESOS OPERATIVOS DE LA EMPRESA COLECTA SAS.. YEISON DAVID PRIETO FAJARDO. Trabajo de grado para optar por el título de “Tecnólogo en Sistematización de Datos”. TUTORA Ing. ROCIO RODRIGUEZ GUERRERO. UNIVERSIDAD DISTRITAL FRANCISCO JOSÉ DE CALDAS FACULTAD TECNOLÓGICA TECNOLOGÍA DE SISTEMATIZACIÓN DE DATOS BOGOTÁ 2018. 2.

(3) NOTA DE ACEPTACIÓN. _________________________________________ _________________________________________ _________________________________________ _________________________________________ _________________________________________ _________________________________________ _________________________________________. _______________________________________ Firma del jurado. Bogotá. 3.

(4) TABLA DE CONTENIDO RESUMEN ....................................................................................................................................... 13 ABSTRACT ..................................................................................................................................... 13 INTRODUCCION ............................................................................................................................ 15 1.. FASE DE PLANEACION ............................................................................................................... 16 1.1.. PLANTEAMIENTO DEL PROBLEMA ......................................................................... 16. 1.1.1.. Descripción. ............................................................................................................. 16. 1.1.2.. Formulación del problema ..................................................................................... 17. 1.2.. ALCANCES Y DELIMITACIONES ............................................................................... 17. 1.2.1.. Alcances. ................................................................................................................. 17. 1.2.2.. Limitaciones............................................................................................................. 17. 1.3.. OBJETIVOS .................................................................................................................... 17. 1.3.1.. Objetivo general. ..................................................................................................... 17. 1.3.2.. Objetivos específicos. ............................................................................................ 17. 1.4.. JUSTIFICACIÓN............................................................................................................. 18. 1.5.. MARCO DE REFERENCIA .......................................................................................... 18. 1.5.1. 1.6.. Estado del arte. ....................................................................................................... 18. MARCO TEÓRICO ......................................................................................................... 19. 1.6.1.. Programas Posconsumo: ...................................................................................... 19. 1.6.2. APORTES DE LOS PLAGUICIDAS QUÍMICOS DE USO AGRÍCOLA AL DESARROLLO SOSTENIBLE ............................................................................................. 20 1.6.3.. PLANEACION Y GESTION AMBIENTAL ........................................................... 20. 1.6.4.. PELIGROS PARA LA SALUD HUMANA ............................................................ 20. 1.6.5.. BUENAS PRACTICAS AGRICOLAS (BPA): ..................................................... 21. 1.6.6.. Sistema de información ......................................................................................... 21. 1.6.7.. Aplicación web ........................................................................................................ 21. 1.6.8.. Cliente ...................................................................................................................... 22. 1.6.9.. El servidor ................................................................................................................ 22. 1.6.10.. Base de datos ..................................................................................................... 23. 1.6.11.. Tecnologías de desarrollo ................................................................................. 23. 1.6.12.. Metodología de desarrollo ................................................................................. 27. 1.7.. MARCO CONCEPTUAL................................................................................................ 29. 1.7.1.. Responsive web design ......................................................................................... 29 4.

(5) 1.7.2.. Navegador web. ...................................................................................................... 30. 1.7.3.. Seguridad................................................................................................................. 30. FACTIBILIDAD ECONÓMICA. ..................................................................................... 31. 1.8.. Costos de software................................................................................................. 31. 1.8.1. 1.8.2.. Costo de hardware. .................................................................................................... 31. 1.8.3.. Recursos Humanos .................................................................................................... 31. 1.8.4.. Costo Total .................................................................................................................. 31. FASE DE INICIO .................................................................................................................... 32. 2.. 2.1.. Conocimiento de la Organización ................................................................................ 32. 2.2.. MODELADO DEL NEGOCIO ................................................................................................ 32. 2.3.. Levantamiento de Requerimientos .......................................................................... 32. 2.4.. REQUERIMIENTOS FUNCIONALES ..................................................................... 33. 2.5.. REQUERIMIENTOS NO FUNCIONALES .............................................................. 33. 2.6.. DEFINICION DE ACTORES ..................................................................................... 34. 2.7.. DESCRIPCION DE PROCESOS ............................................................................. 35. FASE DE ELABORACION ................................................................................................ 37. 3.. 3.2.. DESCRIPCION DE MODULOS ............................................................................... 37. 3.3.. Diagramas Casos de Uso ......................................................................................... 39. 3.3.1.. Caso de Uso Vista General .................................................................................. 39. 3.3.2.. Caso de Uso Gestionar Administrador Solicitudes ........................................... 39. 3.3.3.. Gestionar Administrador Coordinadores............................................................. 41. 3.3.4.. Gestionar Coordinadores ...................................................................................... 43. 3.3.5.. Gestionar Centros .................................................................................................. 45. 3.3.6.. Gestionar Movimientos .......................................................................................... 47. 3.3.7.. Gestionar Reportes ................................................................................................ 48. 3.3.8.. Gestionar Cronogramas ........................................................................................ 49. 3.3.9.. Gestionar Solicitud de Recolección ..................................................................... 51. 3.3.10.. Gestionar Recolección ....................................................................................... 53. 3.3.11.. Gestionar Remisión ............................................................................................ 55. 3.3.12.. Gestionar Capacitación ..................................................................................... 57. 3.3.13.. Gestionar Sensibilización .................................................................................. 58. 3.4.. Diagramas de Secuencia .............................................................................................. 59. 3.4.1.. Insertar Administrador............................................................................................ 59 5.

(6) 3.4.2.. Consultar Administrador ........................................................................................ 60. 3.4.3.. Actualizar administrador ........................................................................................ 61. 3.4.4.. Eliminar administrador ........................................................................................... 62. 3.4.5.. Consultar Cronogramas ........................................................................................ 63. 3.4.6.. Insertar Cronograma .............................................................................................. 64. 3.4.7.. Actualizar Cronograma .......................................................................................... 65. 3.4.8.. Eliminar Cronograma ............................................................................................. 66. 3.4.9.. Actualizar Estado de Cronograma ....................................................................... 67. 3.4.10.. Consultar Solicitud.............................................................................................. 68. 3.4.11.. Actualizar Solicitud ............................................................................................. 69. 3.4.12.. Insertar Recolección .......................................................................................... 70. 3.4.13.. Consultar Recolección ....................................................................................... 71. 3.4.14.. Actualizar Recolección ...................................................................................... 72. 3.5.. Diagramas de Actividad ................................................................................................. 73. 3.5.1.. Insertar Administrador............................................................................................ 73. 3.5.2.. Consultar Administrador ........................................................................................ 74. 3.5.3.. Actualizar Administrador........................................................................................ 75. 3.5.4.. Eliminar Administrador ........................................................................................... 76. 3.5.5.. Insertar Cronograma .............................................................................................. 77. 3.5.6.. Consultar Cronogramas ........................................................................................ 77. 3.5.7.. Actualizar Cronogramas ........................................................................................ 78. 3.5.8.. Eliminar Cronograma ............................................................................................. 79. 3.5.9.. Consultar Solicitud.................................................................................................. 80. 3.5.10.. Actualizar Solicitud ............................................................................................. 80. 3.5.11.. Insertar Recolección .......................................................................................... 81. 3.5.12.. Consultar Recolección ....................................................................................... 81. 3.5.13.. Actualizar Recolección ...................................................................................... 82. 3.6.. DIAGRAMA DE PROCESOS ................................................................................... 83. 3.6.1.. Diagrama de Registro de Usuarios ...................................................................... 83. 3.6.2.. Diagrama de Gestión de Usuarios ....................................................................... 84. 3.6.3.. Diagrama de Gestión de Centros ........................................................................ 85. 3.6.4.. Diagrama de Consulta de Cronogramas ............................................................ 86. 3.6.5.. Diagrama de Solicitudes........................................................................................ 87 6.

(7) Diagrama de Inserción de Recolección .............................................................. 88. 3.6.6.. Diagramas de Colaboración ..................................................................................... 89. 3.7. 3.7.1.. Insertar Administrador............................................................................................ 89. 3.7.2.. Consultar Administrador ........................................................................................ 90. 3.7.3.. Actualizar administrador ........................................................................................ 91. 3.7.4.. Eliminar administrador ........................................................................................... 92. 3.7.5.. Insertar Cronograma .............................................................................................. 93. 3.7.6.. Consultar Cronogramas ........................................................................................ 94. 3.7.7.. Actualizar Cronogramas ........................................................................................ 95. 3.7.8.. Eliminar Cronograma ............................................................................................. 96. 3.7.9.. Consultar Solicitud.................................................................................................. 97. 3.7.10.. Actualizar Solicitud ............................................................................................. 98. Diagramas de Estado .................................................................................................... 99. 3.8.. 3.8.1.. Creación de Usuario .............................................................................................. 99. 3.8.2.. Creación de Centro .............................................................................................. 100. 3.8.3.. Ingresar CheckList................................................................................................ 100. 3.8.4.. Ingresar Cronograma ........................................................................................... 101. 3.8.5.. Ingresar Recolección ........................................................................................... 101. 3.8.6.. Ingresar al Sistema .............................................................................................. 102 MODELO DEL DOMINIO ........................................................................................ 103. 3.9.. GLOSARIO DE TERMINOS ................................................................................... 104. 3.10.. FASE DE DESARROLLO ............................................................................................... 105. 4.. 4.2.. Descripción Y Justificación De Arquitectura......................................................... 105. 4.3.. Lista de Clases.......................................................................................................... 107. 4.3.1.. Lógica ..................................................................................................................... 108. 4.3.2.. Presentación.......................................................................................................... 114 Modelo de Interfaz .................................................................................................... 115. 4.4. 4.4.1.. Coordinador ........................................................................................................... 115. 4.4.2.. Administrador ........................................................................................................ 116. 4.4.3.. Administrador de Coordinadores ....................................................................... 117. 4.4.4.. Administrador de Solicitudes .............................................................................. 117. 4.5. 4.6.. Modelo Lógico ............................................................................................................... 118 Modelo Físico ............................................................................................................ 119 7.

(8) 4.7.. Diagrama de Componentes .................................................................................... 121. 4.8.. Diagrama de Paquetes ............................................................................................ 121. 4.9.. Diagrama de Despliegue ......................................................................................... 122. 5.. FASE DE PRUEBAS O CIERRE ................................................................................... 123. 6.. RECOMENDACIONES.................................................................................................... 132. 7.. CONCLUSIONES ............................................................................................................. 132 BIBLIOGRAFIA ..................................................................................................................... 133. 8. 9.. ANEXOS ............................................................................................................................ 135. 8.

(9) Figura 1 Caso de Uso Vista General ..................................................................................39 Figura 2 Caso de Uso Gestionar Administrador Solicitudes ...............................................39 Figura 3 Caso de Uso Gestionar Administrador Coordinadores ........................................41 Figura 4 Caso de Uso Gestionar Coordinadores ................................................................43 Figura 5 Caso de Uso Gestionar Centros ...........................................................................45 Figura 6 Caso de Uso Gestionar Movimientos ...................................................................47 Figura 7 Caso de Uso Gestionar Reportes .........................................................................48 Figura 8 Caso de Uso Gestionar Cronogramas .................................................................49 Figura 9 Caso de Uso Solicitud de Recolección.................................................................51 Figura 10 Caso de Uso Gestionar Recolección ..................................................................53 Figura 11 Caso de Uso Gestionar Remisión ......................................................................55 Figura 12 Caso de Uso Gestionar Capacitación ................................................................57 Figura 13 Caso de Uso Gestionar Sensibilización .............................................................58 Figura 14 Diagrama de Secuencia Insertar Administrador .................................................59 Figura 15 Diagramas de Secuencia Consultar Administrador ............................................60 Figura 16 Diagramas de Secuencia Actualizar Administrador ..........................................61 Figura 17 Diagramas de Secuencia Eliminar Administrador ............................................62 Figura 18 Diagramas de Secuencia Consultar Cronogramas ............................................63 Figura 19 Diagramas de Secuencia Insertar Cronograma .................................................64 Figura 20 Diagramas de Secuencia Actualizar Cronograma ..............................................65 Figura 21 Diagramas de Secuencia Eliminar Cronograma ................................................66 Figura 22 Diagramas de Secuencia Actualizar Estado de Cronograma ............................67 Figura 23 Diagramas de Secuencia Consultar Solicitud ....................................................68 Figura 24 Diagramas de Secuencia Actualizar Solicitud ....................................................69 Figura 25 Diagramas de Secuencia Insertar Recolección ..................................................70 Figura 26 Diagramas de Secuencia Consultar Recolección ..............................................71 Figura 27 Diagramas de Secuencia Actualizar Recolección ..............................................72 Figura 28 Diagramas de Actividad Insertar Administrador .................................................73 Figura 29 Diagramas de Actividad Consultar Administrador ..............................................74 Figura 30 Diagramas de Actividad Actualizar Administrador ..............................................75 Figura 31 Diagramas de Actividad Eliminar Administrador ................................................76 Figura 32 Diagramas de Actividad Insertar Cronograma ...................................................77 Figura 33 Diagramas de Actividad Consultar Cronogramas ..............................................77 Figura 34 Diagramas de Actividad Actualizar Cronogramas ..............................................78 Figura 35 Diagramas de Actividad Eliminar Cronogramas .................................................79 Figura 36 Diagramas de Actividad Consultar Solicitud.......................................................80 Figura 37 Diagramas de Actividad Actualizar Solicitud ......................................................80 Figura 38 Diagramas de Actividad Insertar Recolección ....................................................81 Figura 39 Diagramas de Actividad Consultar Recolección .................................................81 Figura 40 Diagramas de Actividad Actualizar Recolección ................................................82 Figura 41 Diagrama de Registro de Usuarios ....................................................................83 Figura 42 Diagrama de Gestión de Usuarios .....................................................................84 Figura 43 Diagrama de Gestión de Centros .......................................................................85 Figura 44. Diagrama de Consulta de Cronogramas .......................................................86 Figura 45 Diagrama de Solicitudes.....................................................................................87 Figura 46 Diagrama de Inserción de Recolección ..............................................................88 Figura 47 Diagramas de Colaboración Insertar Administrador ...........................................89 9.

(10) Figura 48 Diagramas de Colaboración Consultar Administrador .......................................90 Figura 49 Diagramas de Colaboración Actualizar Administrador .......................................91 Figura 50 Diagramas de Colaboración Eliminar Administrador ..........................................92 Figura 51 Diagramas de Colaboración Insertar Cronograma .............................................93 Figura 52 Diagramas de Colaboración Consultar Cronograma ..........................................94 Figura 53 Diagramas de Colaboración Actualizar Cronograma .........................................95 Figura 54 Diagramas de Colaboración Eliminar Cronograma ............................................96 Figura 55 Diagramas de Colaboración Consultar Solicitud ................................................97 Figura 56 Diagramas de Colaboración Actualizar Solicitud ................................................98 Figura 57 Diagramas de Estado Creación de Usuarios .....................................................99 Figura 58 Diagramas de Estado Creación de Centro .......................................................100 Figura 59 Diagramas de Estado Ingresar CheckList ........................................................100 Figura 60 Diagramas de Estado Ingresar Cronograma ....................................................101 Figura 61 Diagramas de Estado Ingresar Recolección ....................................................101 Figura 62 Diagramas de Estado Ingresar al Sistema .......................................................102 Figura 63 Modelo Del Dominio .........................................................................................103 Figura 64 Modelo de Interfaz Coordinador .......................................................................115 Figura 65 Modelo de Interfaz Administrador .....................................................................116 Figura 66 Modelo de Interfaz Administrador de Coordinadores .......................................117 Figura 67 Modelo de Interfaz Administrador de Solicitudes .............................................117 Figura 68 Modelo Lógico ..................................................................................................118 Figura 69 Modelo Entidad Relación..................................................................................120 Figura 70 Diagrama de Componentes..............................................................................121 Figura 71 Diagrama de Paquetes .....................................................................................121 Figura 72 Diagrama de Despliegue ..................................................................................122 Figura 73 Diagramas de Secuencia Insertar Coordinador ...............................................183 Figura 74 Diagramas de Secuencia Consultar Coordinador ............................................184 Figura 75 Diagramas de Secuencia Actualizar Coordinador ...........................................185 Figura 76 Diagramas de Secuencia Eliminar Coordinador ...............................................186 Figura 77 Diagramas de Secuencia Insertar Centro ........................................................187 Figura 78 Diagramas de Secuencia Consultar Centro ....................................................188 Figura 79 Diagramas de Secuencia Actualizar Centro .....................................................189 Figura 80 Diagramas de Secuencia Insertar CheckList ...................................................190 Figura 81 Diagramas de Secuencia Consultar CheckList ...............................................191 Figura 82 Diagramas de Secuencia Consultar Movimientos ............................................192 Figura 83 Diagramas de Secuencia Consultar Reportes .................................................193 Figura 84 Diagramas de Secuencia Generar Excel .........................................................194 Figura 85 Diagramas de Secuencia Insertar Remisión ....................................................195 Figura 86 Diagramas de Secuencia Consultar Remisión .................................................196 Figura 87 Diagramas de Secuencia Actualizar Remisión .................................................197 Figura 88 Diagramas de Secuencia Insertar Capacitación ..............................................198 Figura 89 Diagramas de Secuencia Consultar Capacitación ...........................................199 Figura 90 Diagramas de Secuencia Actualizar Capacitación ...........................................200 Figura 91 Diagramas de Secuencia Consultar Cronograma ............................................201 Figura 92 Diagramas de Actividad Insertar Coordinador ..................................................202 Figura 93 Diagramas de Actividad Consultar Coordinador ..............................................202 Figura 94 Diagramas de Actividad Actualizar Coordinador ..............................................203 10.

(11) Figura 95 Diagramas de Actividad Eliminar Coordinador .................................................204 Figura 96 Diagramas de Actividad Insertar Centro ...........................................................205 Figura 97 Diagramas de Actividad Consultar Centro .......................................................205 Figura 98 Diagramas de Actividad Consultar Movimientos ..............................................206 Figura 99 Diagramas de Actividad Actualizar Centro .......................................................207 Figura 100 Diagramas de Actividad Insertar Checklist .....................................................208 Figura 101 Diagramas de Actividad Consultar Checklist ..................................................208 Figura 102 Diagramas de Actividad Insertar Remisión ....................................................209 Figura 103 Diagramas de Actividad Consultar Remisión .................................................209 Figura 104 Diagramas de Actividad Actualizar Remisión .................................................210 Figura 105 Diagramas de Actividad Insertar Capacitación ...............................................211 Figura 106 Diagramas de Actividad Consultar Capacitación ...........................................211 Figura 107 Diagramas de Actividad Actualizar Capacitación ...........................................212 Figura 108 Diagramas de Actividad Consultar Reportes ..................................................213 Figura 109 Diagramas de Actividad Generar Excel ..........................................................213 Figura 110 Diagrama de Movimientos ..............................................................................214 Figura 111. Diagrama de Consulta de Reportes ........................................................215 Figura 112 Diagrama de Consulta de Remisión ...............................................................216 Figura 113 Diagrama de Inserción de Remisión ..............................................................217 Figura 114 Diagrama de Consulta de Recolección ..........................................................218 Figura 115 Diagrama de Movimientos ..............................................................................219 Figura 116 Diagrama de Inserción de Remisión ..............................................................220 Figura 117 Diagrama de Inserción de Capacitación .........................................................221 Figura 118 Diagrama de Inserción de Sensibilización ......................................................222 Figura 119 Diagrama de Consulta de Cronograma ..........................................................223 Figura 120 Diagrama de Consulta de Remisión ...............................................................224 Figura 121 Diagrama de Consulta de Capacitación .........................................................225 Figura 122 Diagrama de Consulta de Sensibilización ......................................................226 Figura 123. Diagrama de Generación de Reportes ....................................................227 Figura 124 Diagramas de Colaboración Insertar Coordinador .........................................228 Figura 125 Diagramas de Colaboración Consultar Coordinador ......................................229 Figura 126 Diagramas de Colaboración Actualizar Coordinador .....................................230 Figura 127 Diagramas de Colaboración Eliminar Coordinador ........................................231 Figura 128 Diagramas de Colaboración Insertar Centro ..................................................232 Figura 129 Diagramas de Colaboración Consultar Centro ...............................................233 Figura 130 Diagramas de Colaboración Actualizar Centro ..............................................234 Figura 131 Diagramas de Colaboración Insertar CheckList .............................................235 Figura 132 Diagramas de Colaboración Consultar CheckList ..........................................236 Figura 133 Diagramas de Colaboración Consultar Movimientos .....................................237 Figura 134 Diagramas de Colaboración Consultar Reportes ...........................................238 Figura 135 Diagramas de Colaboración Generar Excel ...................................................239 Figura 136 Diagramas de Colaboración Insertar Recolección .........................................240 Figura 137 Diagramas de Colaboración Consultar Recolección ......................................241 Figura 138 Diagramas de Colaboración Actualizar Recolección ......................................242 Figura 139 Diagramas de Colaboración Insertar Remisión ..............................................243 Figura 140 Diagramas de Colaboración consultar Remisión ...........................................244 Figura 141 Diagramas de Colaboración Actualizar Remisión ..........................................245 11.

(12) Figura 142 Diagramas de Colaboración Insertar Capacitación ........................................246 Figura 143 Diagramas de Colaboración Consultar Capacitación .....................................247 Figura 144 Diagramas de Colaboración Actualizar Capacitación ....................................248 Figura 145 Diagramas de Estado Ingresar Remisión .......................................................249 Figura 146 Diagramas de Estado Ingresar Capacitación .................................................250 Tabla 1 Factibilidad Económica Costo de Hardware ..........................................................31 Tabla 2 Factibilidad Económica Recursos Humanos .........................................................31 Tabla 3 Factibilidad Económica Costo Total ......................................................................31 Tabla 4 Definición de actores .............................................................................................34 Tabla 5 Caso de Uso Gestionar Administrador Solicitudes ................................................40 Tabla 6 Caso de Uso Gestionar Administrador Coordinadores ..........................................42 Tabla 7 Caso de Uso Gestionar Coordinadores .................................................................44 Tabla 8 Caso de Uso Gestionar Centros ............................................................................46 Tabla 9 Caso de Uso Gestionar Movimientos ....................................................................47 Tabla 10 Caso de Uso Gestionar Reportes ........................................................................48 Tabla 11 Caso de Uso Gestionar Cronogramas .................................................................50 Tabla 12 Caso de Uso Solicitud de Recolección ................................................................52 Tabla 13 Caso de Uso Gestionar Recolección ...................................................................54 Tabla 14 Caso de Uso Gestionar Remisión .......................................................................56 Tabla 15 Caso de Uso Gestionar Capacitación..................................................................57 Tabla 16 Caso de Uso Gestionar Sensibilización ...............................................................58 Tabla 17 Lista de Clases ..................................................................................................107 Tabla 18 Clase Usuario ....................................................................................................108 Tabla 19 Clase Sesión......................................................................................................109 Tabla 20 Clase Centro ......................................................................................................110 Tabla 21 Clase Checklist ..................................................................................................111 Tabla 22 Clase Movimiento ..............................................................................................111 Tabla 23 Clase Reporte ....................................................................................................111 Tabla 24 Clase Cronograma.............................................................................................112 Tabla 25 Clase Recolección .............................................................................................112 Tabla 26 Clase Remisión..................................................................................................113 Tabla 27 Clase Capacitación ............................................................................................113 Tabla 28 Prueba Modulo Coordinador - Centro Actividades ............................................124 Tabla 29 Prueba Modulo Coordinador – Cronograma Mensual .......................................124 Tabla 30 Prueba Modulo Coordinador- Gestión de Centros ............................................125 Tabla 31 Prueba Modulo Coordinador – Movimientos .....................................................126 Tabla 32 Prueba Modulo Administrador - Usuarios ..........................................................127 Tabla 33 Prueba Modulo Administrador - Reportes .........................................................128 Tabla 34 Prueba Modulo Administrador Coordinadores - Cronogramas ..........................129 Tabla 35 Prueba Modulo Administrador Coordinadores – Actividades ............................130 Tabla 36 Prueba Solicitud de Recolección .......................................................................131. 12.

(13) RESUMEN El presente proyecto se desarrolló con el objetivo de optimizar el proceso de gestión de datos que maneja la empresa Colecta S.A.S. en sus procedimientos logísticos y operativos relacionados con los productos posconsumo del sector agrícola en el territorio nacional. Para lograr con dicho objetivo, se planteó un sistema de información web estructurado y de fácil manejo, para uso de los coordinadores y administrativos. Actualmente la empresa Colecta S.A.S. realiza todos sus procesos operativos de forma manual, por medio de diligenciamiento de formularios en papel y clasificación de la información con ayuda de herramientas ofimáticas, esto para poder llevar un control de las actividades realizadas. Sin embargo, vienen presentando dificultades, pues los formularios son escaneados y enviados por correo para luego clasificar la información en documentos de Excel, muchas veces la letra con la cual fueron diligenciados dichos formularios no es legible, en otras ocasiones envían información errónea o no envían la información. Al tener gran afluencia de información, dicha actividad se vuelve tediosa y difícil de controlar. Cómo respuesta a esta problemática se propuso el desarrollo del Sistema De Información Web Para La Gestión De Procesos Operativos De La Empresa Colecta S.A.S. un sistema desarrollado bajo el patrón Modelo Vista Controlador, en el lenguaje de programación PHP usando el sistema gestor de base de datos MySQL.. ABSTRACT The present project was developed with the objective of optimizing the data management process managed by the company Colecta S.A.S. in its logistical and operational procedures related to post-consumption products of the agricultural sector in the national territory. To achieve this goal, a structured and easy-to-use web information system was proposed for the use of the coordinators and administrators.. Currently the company Colecta S.A.S. performs all of its operational processes manually, by filling out paper forms and classifying the information with the help of office tools, in order to keep track of the activities carried out. However, they are presenting difficulties, because the forms are scanned and sent by mail to then classify the information in Excel documents, often the letter with which these forms. 13.

(14) were completed is not legible, on other occasions they send erroneous information or do not send information. Having a large influx of information, this activity becomes tedious and difficult to control. As a response to this problem, the development of the Web Information System for the Management of Operational Processes of the Company Collection S.A.S. a system developed under the pattern Model View Controller, in the PHP programming language using the MySQL database manager system.. 14.

(15) INTRODUCCION El presente proyecto de sistematización de datos busca desarrollar un sistema de información web para la empresa Colecta S.A.S. que permita gestionar la información referente a las actividades realizadas por los coordinadores en sus labores de gestión de los productos Posconsumo. Para ello el objetivo ha sido la construcción de un sistema donde participarán los coordinadores, administrativos, clientes y personas interesadas en los servicios prestados por la empresa; se ha realizado una investigación sobre aplicativos que ofrecen servicios similares y se han realizado levantamientos de información con personal de la empresa con el fin de presentar un proyecto innovador y que cumpla las expectativas de los usuarios. Partiendo de lo anterior, se realizó un análisis de la problemática, se diseñó y desarrolló el aplicativo a partir del lenguaje de programación web PHP, se usó el lenguaje de programación interpretado JavaScript para ofrecer un aplicativo más dinámico ante el usuario, el lenguaje SQL MySQL con el que se maneja el intercambio y la modificación de datos almacenados en el servidor; así mismo para mantener una comunicación asíncrona cliente-servidor se utiliza la tecnología AJAX la cual permite la interactividad del aplicativo.. 15.

(16) 1. FASE DE PLANEACION 1.1. PLANTEAMIENTO DEL PROBLEMA 1.1.1. Descripción. Colecta S.A.S. es una empresa colombiana que se dedica a prestar servicios integrales de gestión ambiental y de responsabilidad social empresarial dentro del sector agropecuario. Se especializa en el acompañamiento profesional y técnico al fabricante y comercializador de los insumos de uso agrícola, veterinario y de salud pública en el manejo racional y adecuado de los residuos que se generan en la agroindustria, de una manera segura, rentable y sostenible. Actualmente la empresa Colecta S.A.S. realiza todos sus procesos operativos de forma manual, por medio de diligenciamiento de formularios en papel y clasificación de la información con ayuda de herramientas ofimáticas, esto para poder llevar un control de las actividades realizadas. Sin embargo, vienen presentando dificultades, pues los formularios son escaneados y enviados por correo para luego clasificar la información en documentos de Excel, muchas veces la letra con la cual fueron diligenciados dichos formularios no es legible, en otras ocasiones envían información errónea o no envían la información. Al tener gran afluencia de información, dicha actividad se vuelve tediosa y difícil de controlar. En el área operativa, los trabajadores tienen que viajar por diferentes lugares del país, gestionando si los productos posconsumo son aptos para la recolección, si las vías de acceso permiten la movilización de los vehículos y si la cantidad de productos amerita dicha recolección, también entra dentro de sus labores determinar el destino del producto, verificar que los vehículos que transportarán el material se encuentre en óptimas condiciones y cumpla con los requisitos, programar capacitaciones, reuniones y/o sensibilizaciones. En consecuencia, tienen que manipular bastantes formularios en papel, lo que ocasiona que muchas veces por errores humanos o por otros motivos se pierdan formularios o se deteriore el estado del papel, imposibilitando que la información sea reportada a tiempo y de fácil entendimiento.. 16.

(17) 1.1.2. Formulación del problema ¿Cómo se puede optimizar la gestión de los datos a través de un sistema de información, para los procesos logísticos de recolección de residuos Posconsumo realizados por la empresa Colecta S.A.S.?. 1.2. ALCANCES Y DELIMITACIONES 1.2.1. Alcances. El proyecto en desarrollo tiene como alcance sistematizar los procesos operativos de la empresa Colecta S.A.S. Los aspectos puntuales que comprende el desarrollo están referidos a las actividades realizadas por los coordinadores, dentro de los cuales abarca “cronograma de actividades”, “acta de recolección”, “acta de remisión”, “capacitación”, “reunión o sensibilización”. 1.2.2. Limitaciones. Para que el proyecto sea efectivo los coordinadores y administrativos deben hacer un buen uso de la plataforma y estar pendientes de las alertas y notificaciones generadas por la misma.. 1.3. OBJETIVOS 1.3.1. Objetivo general. Desarrollar un sistema de información web para la empresa Colecta S.A.S. que permita gestionar la información referente a las actividades realizadas por los operadores en sus labores de gestión de los productos Posconsumo. 1.3.2. Objetivos específicos. • Realizar el levantamiento de los requerimientos necesarios para la estructuración de la aplicación web que permitirá optimizar los procesos de la empresa Colecta S.A.S. • Diseñar la base de datos que permitirá almacenar y gestionar la información del sistema a desarrollar. • Desarrollar los módulos de: acceso al sistema, cronograma de trabajo mensual, recolección, remisión, capacitación, reunión o sensibilización, consultas de información, ingreso de nuevos usuarios, materiales o centros. • Implementar método para generar un reporte descargable en formato Excel.. 17.

(18) 1.4. JUSTIFICACIÓN. El proyecto surge debido a la necesidad de un aplicativo que le permita a la empresa Colecta S.A.S. agilizar y organizar el manejo de la información de los procesos logísticos y operativos que realizan los coordinadores en sus actividades semanales. Estos actualmente se vienen manejando en herramientas ofimáticas y carpetas compartidas, sin embargo, aunque intentan llevar una minuciosa organización se vuelve una tarea tediosa para los coordinadores, esto genera demoras en la entrega de reportes a gerencia, lo que a su vez genera retrasos a la hora de entregar informes de cumplimiento a los clientes. Al existir demoras en los reportes de los coordinadores también se genera una cadena de inconvenientes, pues no se tiene claro cuanto material hay en un momento exacto en los centros de almacenamiento, por ende, puede generar sobrecupo en algunos centros, lo que puede acarrear sanciones impuestas por el ente de control. Para ello se propone un sistema de información web dotado con una base de datos sólida y escalable, esto con el fin de que los coordinadores puedan acceder desde cualquier lugar en el que se encuentren y puedan realizar sus respectivos reportes de las actividades realizadas semanalmente.. 1.5. MARCO DE REFERENCIA 1.5.1. Estado del arte. 1.5.1.1. Fuentes primarias. • GUIA PARA LA GESTION AMBIENTAL RESPONSABLE DE LOS PLAGUICIDAS QUIMICOS DE USO AGRICOLA EN COLOMBIA: Esta guía proporcionada por la ANDI, nos ayuda a entender desde un punto de vista técnico y jurídico la gestión y manejo ambiental que se le debe dar a los plaguicidas químicos del sector agrícola1. • La Responsabilidad Extendida del Productor y los programas posconsumo en Colombia: Este libro nos proporciona los fundamentos para entender sobre los planes posconsumo que se vienen manejando actualmente en el país2.. 1. A, O. A. (2011). Cuatro enfoques metodológicos para el desarrollo de Software RUP – MSF – XP – SCRUM.. 2. Del Valle Mora, E. (2017). La Responsabilidad Extendida del Productor y los programas posconsumo en Colombia. Bogotá D. C., Colombia: Editorial Universidad del Rosario. Obtenido de http://www.jstor.org/stable/j.ctt1qft1zb. 18.

(19) 1.5.1.2. Proyectos relacionados • CTPOS: SISTEMA DE GESTION POSCONSUMO Es un Software desarrollado por la empresa Calltech compañía colombiana enfocada en el desarrollo de software para la industria, consiste en un software para llevar la gestión de los procesos de programas posconsumo ambiental para todo tipo de residuos. Aportes: Este sistema aporta una guía de como otras empresas a nivel nacional implementan sus herramientas posconsumo mediante la implementación de software especializado3. •. LogiSIG: Plataforma de Asignación y Coordinación Logística Nacional Multi Posconsumo Es una Plataforma de asignación de cuotas de responsabilidad, coordinación logística y económica entre los diferentes SIG posconsumo (eco organismo creado por los productores para el cumplimiento solidario de la REP) y la autoridad. Desarrollado por Grupo Pronet (está compuesto por empresas especializadas en la gestión del conocimiento, la gestión integral de residuos y las tecnologías de la información). Aportes: Esta plataforma nos aportara al darnos una idea de cómo es la gestión del software para el apoyo del sistema posconsumo en otros países4.. 1.6. MARCO TEÓRICO 1.6.1. Programas Posconsumo: Actualmente existen en Colombia siete programas posconsumo regulados a través de varias resoluciones, los cuales establecen los sistemas de devolución selectiva para el caso de los plaguicidas (2007 y 2013), medicamentos humanos y veterinarios que se encuentren vencidos, parcialmente consumidos o deteriorados (2009), baterías usadas plomo acido (2009), luminarias (2010), computadores, periféricos e impresoras (2010), pilas y acumuladores (2010), y llantas usadas (2010). Adicionalmente, el Gobierno nacional se encuentra preparando la regulación para los programas posconsumo que aplicarán a los aparatos eléctricos y electrónicos en virtud de lo. 3. Calltech S.A. CTPOS. http://www.calltechsa.com/wordpress/index.php/portfolio-item/ctpos/ 4 Grupo Pronet. LogiSIG http://www.grupo-pronet.com/. 19.

(20) dispuesto en la Ley 1672 del 2013; así mismo, ha anunciado públicamente que regulara en el futuro los plásticos y aceites usados5.. 1.6.2.APORTES DE LOS PLAGUICIDAS QUÍMICOS DE USO AGRÍCOLA AL DESARROLLO SOSTENIBLE: Los plaguicidas químicos de uso agrícola. han sido utilizados, al menos en pequeña escala, desde los tiempos antiguos. Los griegos y los romanos usaban el arsénico como plaguicida, y hay informes de que los chinos ya usaban compuestos arsenicales como plaguicidas en el siglo XVI. Sin embargo, no fue sino en la década de 1930 que aparecieron los primeros plaguicidas químicos sintéticos. Luego, tras la segunda guerra mundial, se inició la producción y el uso de plaguicidas y fertilizantes químicos sintéticos a gran escala. Esto trajo como resultado un importante aumento inicial del rendimiento de los cultivos, con lo que el uso de plaguicidas químicos para la agricultura se extendió con rapidez.. 1.6.3. PLANEACION Y GESTION AMBIENTAL: En las diferentes actividades realizadas con los plaguicidas químicos de uso agrícola, la planeación y gestión ambiental busca reducir al mínimo los riesgos de efectos adversos logrando beneficios para el entorno, identificando claramente los componentes de cada actividad, relacionados con los potenciales impactos que puedan generar y la forma de controlarlos6. 1.6.4. PELIGROS PARA LA SALUD HUMANA: Un producto químico de uso agrícola puede tener un efecto negativo sobre la salud humana cuando el grado de exposición supera los niveles seguros. Puede darse una exposición directa a plaguicidas químicos de uso agrícola en el caso de un manejo inadecuado tanto por los operarios, trabajadores, agricultores, aplicadores, etc.: como también puede haber una exposición indirecta como en el caso de residentes y transeúntes, en particular durante la aplicación o un tiempo después de la aplicación de los plaguicidas químicos de uso agrícola. Los efectos negativos más comunes de los plaguicidas químicos de uso agrícola observados son dolores de cabeza, náuseas, vómitos, trastornos de personalidad, 5. Del Valle Mora, E. (2017). La Responsabilidad Extendida del Productor y los programas posconsumo en Colombia. Bogotá D. C., Colombia: Editorial Universidad del Rosario. Obtenido de http://www.jstor.org/stable/j.ctt1qft1zb 6. A, O. A. (2011). Cuatro enfoques metodológicos para el desarrollo de Software RUP – MSF – XP – SCRUM.. 20.

(21) dolores musculares, calambres, dolores de estómago y diarreas, que se deben a una exposición inadecuada durante la aplicación, la preparación o la mezcla de los productos y la manipulación de contenedores.. 1.6.5. BUENAS PRACTICAS AGRICOLAS (BPA): El mercado agroalimentario internacional tiene una gran importancia económica, en especial para países como Colombia, ya que la exportación de productos agrícolas no solo genera divisas sino también empleo en todas las fases de la cadena de producción, desde el cultivo hasta la exportación misma. Bajo esta perspectiva y con el propósito de prevenir los riesgos asociados con la producción prima y controlar los procesos, se han desarrollado esquemas de Buenas Prácticas Agrícolas como sistemas de aseguramiento de la inocuidad, los cuales reúnen las condiciones y practicas operativas recomendadas para asegurar la inocuidad, la protección ambiental y el bienestar de los trabajadores, con un enfoque preventivo aplicado a toda la cadena. 1.6.6. Sistema de información7: Se define como un conjunto de elementos orientados al tratamiento y administración de datos de información, organizados y listos para su posterior uso, generados para cubrir una necesidad u objetivo. Un sistema de información obtiene sus datos a través de los siguientes procesos: • Entrada de información: Proceso mediante el cual el sistema de información toma los datos que se requieren para procesar la información desde entradas manuales o automáticas. • Almacenamiento de información: es una de las actividades o capacidades más importantes que tiene un sistema. A través de esta propiedad el sistema puede recordar la información guardada en las sesiones o procesos anteriores. Esta información suele ser guardada en estructuras denominadas como archivos. • Procesamiento de información: Es la capacidad del sistema de información para efectuar cálculos de acuerdo con la secuencia de operaciones preestablecidas. Estos cálculos pueden efectuarse con datos introducidos recientemente en el sistema o bien con datos que están almacenados. 1.6.7.Aplicación web: Una aplicación web (web-based application) es un tipo. especial de aplicación cliente/servidor, donde tanto el cliente (el. 7. ASIC. Las bases de datos y los sistemas de información. https://www.asicamericas.com/las-bases-de-datos-y-los-sistemas-de-informacion/. 21.

(22) navegador, explorador o visualizador) como el servidor (el servidor web) y el protocolo mediante el que se comunican (HTTP) están estandarizados y no han de ser creados por el programador de aplicaciones8. 1.6.8.Cliente: El cliente web es un programa con el que interacciona el usuario. para solicitar a un servidor web el envío de los recursos que desea obtener mediante HTTP2. La parte cliente de las aplicaciones web suele estar formada por el código HTML que forma la página web más algo de código ejecutable realizado en lenguaje de script del navegador (JavaScript o VBScript) o mediante pequeños programas (applets) realizados en Java. También se suelen emplear plugins que permiten visualizar otros contenidos multimedia (como Macromedia Flash4), aunque no se encuentran tan extendidos como las tecnologías anteriores y plantean problemas de incompatibilidad entre distintas plataformas. Por tanto, la misión del cliente web es interpretar las páginas HTML y los diferentes recursos que contienen (imágenes, sonidos, etc.). Las tecnologías que se suelen emplear para programar el cliente web son: • HTML. • CSS. • DHTML. • Lenguajes de script: JavaScript, VBScript, etc. • ActiveX. • Applets programados en Java. • Distintas tecnologías que necesitan la existencia de un plugin en el navegador: Adobe Acrobat Reader, Autodesk Map Guide, Live Picture PhotoVista, Macromedia Flash, Macromedia Shockwave, Virtual Reality Modeling Language (VRML), etc. 1.6.9.El servidor: El servidor web es un programa que está esperando. permanentemente las solicitudes de conexión mediante el protocolo HTTP por parte de los clientes web. En los sistemas Unix suele ser un “demonio” y en los sistemas Microsoft Windows un servicio. La parte servidor de las aplicaciones web está formada por: • Páginas estáticas (documentos HTML) que siempre muestran el mismo contenido.. 8. Como Funciona la Web. Centro de Investigación de la Web. Universidad de Chile. http://www.libros.uchile.cl/files/presses/1/monographs/232/submission/proof/files/assets/basichtml/index.html#page26. 22.

(23) • •. •. Recursos adicionales (multimedia, documentos adicionales, etc.) que se pueden emplear dentro de las páginas o estar disponibles para ser descargados y ejecutados (visualizados) en el cliente. Programas o scripts que son ejecutados por el servidor web cuando el navegador del cliente solicita algunas páginas. La salida de este script suele ser una página HTML estándar que se envía al navegador del cliente. Tradicionalmente este programa o script que es ejecutado por el servidor web se basa en la tecnología CGI. En algunos casos pueden acceder a bases de datos9.. 1.6.10. Base de datos: Definiciones formales de base de datos. • Colección de datos, donde los datos están lógicamente relacionados entre sí, tienen una definición y descripción comunes y están estructurados de una forma particular. Una base de datos es también un modelo del mundo real y, como tal, debe poder servir para toda una gama de usos y aplicaciones” [Conference des Statisticiens Européens, 1977]. • “Es un conjunto exhaustivo de datos estructurados, fiables y homogéneos, organizados independientemente de su utilización y de su implementación en máquina, accesibles en tiempo real, compartibles por usuarios concurrentes que tienen necesidades de información diferentes y no predecibles en el tiempo” [Access, 2001]10. 1.6.11.. Tecnologías de desarrollo. 1.6.11.1. MySQL Una base de datos es una colección estructurada de datos. Puede ser cualquier cosa, desde una simple lista de compra a una galería de pintura o las más vastas cantidades de información en una red corporativa. Para añadir, acceder, y procesar los datos almacenados en una base de datos, necesita un sistema de gestión de base de datos como MySQL Server. Al ser los computadores muy buenos en tratar grandes cantidades de datos, los sistemas de gestión de bases de datos juegan un papel central en computación, como aplicaciones autónomas o como parte de otras aplicaciones. MySQL es un sistema de gestión de bases de datos relacionales. Una base de datos relacional almacena datos en tablas separadas en lugar de poner todos los datos en un gran almacén. Esto añade velocidad y flexibilidad. La parte SQL de "MySQL"se refiere a 9. LUJAN, Sergio; Programación de aplicaciones web: Historia, principios básicos y clientes web; España: Editorial Club Universitario, p 48-49. 10 GÓMEZ FUENTES, María C.; Notas del curso bases de datos, México: Departamento de Matemáticas Aplicadas y Sistemas, febrero 2013, p 5-6.. 23.

(24) "Structured Query Language". SQL es el lenguaje estandarizado más común para acceder a bases de datos y está definido por el estándar ANSI/ISO SQL. El estándar SQL ha evolucionado desde 1986 y existen varias versiones. En este manual, "SQL-92" se refiere al estándar del 1992, "SQL:1999" se refiere a la versión del 1999, y "SQL:2003" se refiere a la versión actual del estándar. Usamos la frase "el estándar SQL" para referirnos a la versión actual de SQL11. 1.6.11.2. HTML5 Es la última versión de HTML. El término representa dos conceptos diferentes: Se trata de una nueva versión de HTML, con nuevos elementos, atributos y comportamientos. Contiene un conjunto más amplio de tecnologías que permite a los sitios Web y a las aplicaciones ser más diversas y de gran alcance. A este conjunto se le llama HTML5 y amigos, a menudo reducido a HTML5. Diseñado para ser utilizable por todos los desarrolladores de Open Web, esta página referencia a numerosos recursos sobre las tecnologías de HTML5, que se clasifican en varios grupos según su función. • Semántica: Permite describir con mayor precisión cuál es su contenido. • Conectividad: Permite comunicarse con el servidor de formas nuevas e innovadoras. • Sin conexión y almacenamiento: Permite a las páginas web almacenar datos localmente en el lado del cliente y operar sin conexión de manera más eficiente. • Multimedia: Nos otorga un excelente soporte para utilizar contenido multimedia como lo son audio y video nativamente. • Gráficos y efectos 2D/3D: Proporciona una amplia gama de nuevas características que se ocupan de los gráficos en la web como lo son canvas 2D, WebGL, SVG, etc. • Rendimiento e Integración: Proporciona una mayor optimización de la velocidad y un mejor uso del hardware. • Acceso al dispositivo: Proporciona Apis para el uso de varios componentes internos de entrada y salida de nuestro dispositivo. • CSS3: Nos ofrece una nueva gran variedad de opciones para hacer diseños más sofisticados12. 11. MySQL. MySQL 5.0 Reference Manual https://downloads.mysql.com/docs/refman-5.0-es.pdf 12. HTML5. Mozilla. https://developer.mozilla.org/es/docs/HTML/HTML5. 24.

(25) 1.6.11.3. PHP PHP (acrónimo recursivo de PHP: Hypertext Preprocessor) es un lenguaje de código abierto muy popular especialmente adecuado para el desarrollo web y que puede ser incrustado en HTML. En lugar de usar muchos comandos para mostrar HTML (como en C o en Perl), las páginas de PHP contienen HTML con código incrustado que hace "algo" (en este caso, mostrar "¡Hola, soy un script de PHP!). El código de PHP está encerrado entre las etiquetas especiales de comienzo y final <?php y ?> que permiten entrar y salir del "modo PHP".. Lo que distingue a PHP de algo del lado del cliente como Javascript es que el código es ejecutado en el servidor, generando HTML y enviándolo al cliente. El cliente recibirá el resultado de ejecutar el script, aunque no se sabrá el código subyacente que era. El servidor web puede ser configurado incluso para que procese todos los ficheros HTML con PHP, por lo que no hay manera de que los usuarios puedan saber qué se tiene debajo de la manga.. Lo mejor de utilizar PHP es su extrema simplicidad para el principiante, pero a su vez ofrece muchas características avanzadas para los programadores profesionales. No sienta miedo de leer la larga lista de características de PHP. En unas pocas horas podrá empezar a escribir sus primeros scripts.13 Lenguaje de programación, interpretado, diseñado originalmente para la creación de Páginas web dinámicas. Es usado principalmente en interpretación del lado del servidor (server-side scripting) pero actualmente puede ser utilizado desde una interfaz de línea de comandos o en la creación de otros tipos de programas incluyendo aplicaciones con interfaz gráfica usando las bibliotecas Qt o GTK+. • Ventajas o Es un lenguaje multiplataforma. o Completamente orientado al desarrollo de aplicaciones web dinámicas con acceso a información almacenada en una Base de Datos. o El código fuente escrito en PHP es invisible al navegador y al cliente ya que es el servidor el que se 13. PHP. PHP https://secure.php.net/manual/es/intro-whatis.php. 25.

(26) encarga de ejecutar el código y enviar su resultado HTML al navegador. Esto hace que la programación en PHP sea segura y confiable o Capacidad de conexión con la mayoría de los motores de base de datos que se utilizan en la actualidad, destaca su conectividad con MySQL y PostgreSQL. o Capacidad de expandir su potencial utilizando la enorme cantidad de módulos (llamados ext's o extensiones). o Posee una amplia documentación en su página oficial (Sitio Oficial), entre la cual se destaca que todas las funciones del sistema están explicadas y ejemplificadas en un único archivo de ayuda. o Es libre, por lo que se presenta como una alternativa de fácil acceso para todos. o Permite aplicar técnicas de programación orientada a objetos. o No requiere definición de tipos de variables, aunque sus variables se pueden evaluar también por el tipo que estén manejando en tiempo de ejecución. o Tiene manejo de excepciones (desde PHP5). o Si bien PHP no obliga a quien lo usa a seguir una determinada metodología a la hora de programar (muchos otros lenguajes tampoco lo hacen), aun estando dirigido a alguna en particular, el programador puede aplicar en su trabajo cualquier técnica de programación y/o desarrollo que le permita escribir código ordenado, estructurado y manejable. Un ejemplo de esto son los desarrollos que en PHP se han hecho del Patrón de diseño Modelo Vista Controlador (o MVC), que permiten separar el tratamiento y acceso a los Datos, la Lógica de control y la Interfaz de usuario en tres componentes independientes14. 1.6.11.4. JavaScript. A veces llamado sólo de JS es un lenguaje de programación, leve, interpretado, orientado a objetos, basada en prototipos y en firstclass functions (funciones de primera clase), más conocida como el lenguaje de script de la Web. También se utiliza en otros entornos como node.js y Apache CouchDB". Javasript es el lenguaje de programación que Netscape creó para dar vida (del lado del cliente - front end) a su navegador. El nombre tiene una orientación comercial, quisieron aprovechar el éxito de Java y escogieron un 14. PHP. EcuRed https://www.ecured.cu/PHP. 26.

(27) nombre similar. El resultado es que hasta hoy (2015) hay una confusión enorme. JavaScript no es Java (y viceversa). El padre de este se llama Brendan Eich. JavaScript es un lenguaje orientado a objetos. Eso significa que, en vez de tener funciones definidas globalmente para operar en valores de varios tipos, los propios tipos definen métodos para trabajar con valores. Para clasificar los elementos de un array a, por ejemplo, no pasamos a hacia una función sort(). En vez de eso, Ilamamos al método sort() de a: a.sort( ) // versión orientada a objetos de "sort(a)"15. • AJAX El término AJAX es un acrónimo de Asynchronous JavaScript + XML, que se puede traducir como "JavaScript asíncrono + XML". “Ajax no es una tecnología en sí mismo. En realidad, se trata de varias tecnologías independientes que se unen de formas nuevas y sorprendentes.” Las tecnologías que forman AJAX son: o XHTML y CSS, para crear una presentación basada en estándares. o DOM, para la interacción y manipulación dinámica de la presentación. o XML, XSLT y JSON, para el intercambio y la manipulación de información. o XMLHttpRequest, para el intercambio asíncrono de información. o JavaScript, para unir todas las demás tecnologías. AJAX permite mejorar completamente la interacción del usuario con la aplicación, evitando las recargas constantes de la página, ya que el intercambio de información con el servidor se produce en un segundo plano. Las aplicaciones construidas con AJAX eliminan la recarga constante de páginas mediante la creación de un elemento intermedio entre el usuario y el servidor. La nueva capa intermedia de AJAX mejora la respuesta de la aplicación, ya que el usuario nunca se encuentra con una ventana del navegador vacía esperando la respuesta del servidor16. 1.6.12. Metodología de desarrollo: Metodología RUP. Es una metodología cuyo fin es entregar un producto de software. Se estructura todos los procesos y se mide la eficiencia de la organización. Es un proceso de desarrollo de software el cual utiliza el lenguaje unificado de modelado UML, constituye la metodología estándar más utilizada para el análisis, implementación y documentación de sistemas 15 16. AYOZE CASTILLO, Alberto; Curso de programación web: JavaScript, Ajax y jQuery; segunda Edición, p 13. EGUÍLUZ PÉREZ, Javier; Introducción a AJAX, 7 de junio de 2008, p 5-6. 27.

(28) orientados a objetos. El RUP es un conjunto de metodologías adaptables al contexto y necesidades de cada organización. Describe cómo aplicar enfoques para el desarrollo del software, llevando a cabo unos pasos para su realización. Se centra en la producción y mantenimiento de modelos del sistema. 1.6.12.1. Principales características. • Forma disciplinada de asignar tareas y responsabilidades (quién hace qué, cuándo y cómo) • Pretende implementar las mejores prácticas en Ingeniería de Software. • Administración de requisitos • Modelado visual del software • Verificación de la calidad del software El RUP es un producto de Rational (IBM). Se caracteriza por ser iterativo e incremental, estar centrado en la arquitectura y guiado por los casos de uso. Incluye artefactos (que son los productos tangibles del proceso como, por ejemplo, el modelo de casos de uso, el código fuente, etc.) y roles (papel que desempeña una persona en un determinado momento, una persona puede desempeñar distintos roles a lo largo del proceso). Esfuerzo en actividades según fase del proyecto: El ciclo de vida RUP es una implementación del Desarrollo en espiral. Fue creado ensamblando los elementos en secuencias semi-ordenadas. El ciclo de vida organiza las tareas en fases e iteraciones. RUP divide el proceso en cuatro fases, dentro de las cuales se realizan varias iteraciones en número variable según el proyecto y en las que se hace un mayor o menor hincapié en las distintas actividades. 1.6.12.2. Fases del ciclo de vida del RUP. • Fase de inicio: Esta fase tiene como propósito definir y acordar el alcance del proyecto con los patrocinadores, identificar los riesgos asociados al proyecto, proponer una visión muy general de la arquitectura de software y producir el plan de las fases y el de iteraciones posteriores. • Fase de elaboración: En la fase de elaboración se seleccionan los casos de uso que permiten definir la arquitectura base del sistema y se desarrollaran en esta fase, se realiza la especificación de los casos de uso seleccionados y el primer análisis del dominio del problema, se diseña la solución preliminar. • Fase de desarrollo: El propósito de esta fase es completar la funcionalidad del sistema, para ello se deben clarificar los requerimientos pendientes, administrar los cambios de acuerdo. 28.

(29) •. con las evaluaciones realizados por los usuarios y se realizan las mejoras para el proyecto. Fase de cierre: El propósito de esta fase es asegurar que el software esté disponible para los usuarios finales, ajustar los errores y defectos encontrados en las pruebas de aceptación, capacitar a los usuarios y proveer el soporte técnico necesario. Se debe verificar que el producto cumpla con las especificaciones entregadas por las personas involucradas en el proyecto17.. 1.7. MARCO CONCEPTUAL 1.7.1. Responsive web design Debido a la proliferación de smartphones y tablets en el mercado actual, existe más diversidad que nunca de formatos de pantalla. De acuerdo con el estudio realizado por Comscore, las ventas de smartphone superarán a las de computadoras de escritorio durante este año y la adopción de tablets en Estados Unidos se prevee que experimente un crecimiento del 40% en los próximos 4 años, alcanzando los 75.8 millones en 2016. Este panorama obliga a adaptar los formatos web a estos nuevos dispositivos y la estructura de cada uno de ellos, es indiscutible que necesitamos websites inteligentes que se adapten a todos ellos. Sobre todo si tenemos en cuenta las ventas a través de m-commerce (e-commerce adaptados a móvil), según eMarketer, las ventas a través de smartphones han crecido en un 81% ($25.000 millones en los Estados Unidos). A partir de todo esto, el término “responsive web design” se escucha frecuentemente, pero ¿qué es exactamente? El responsive design corresponde a una tendencia de creación de páginas web que pueden ser visualizadas perfectamente en todo tipo de dispositivos, desde ordenadores de escritorio hasta smartphones o tablets. Con este tipo de diseño no necesitas tener una versión para cada dispositivo, una sola web se adapta a todos ellos. En lugar de construir una website para cada tipo de dispositivo (smartphone, tablet, ordenador desktop, laptop e incluso, hoy en día, para smart TV), se crea una sola website utilizando CSS3 media queries y un layout con imágenes flexibles. De esta forma, la website detecta desde qué clase de dispositivo está accediendo el usuario y muestra la versión más optimizada para ese medio, reorganizando los elementos de la web e incluso. 17. Oliver Andrés Pérez A., Cuatro enfoques metodológicos para el desarrollo de Software RUP – MSF – XP – SCRUM, Junio 2011. 29.