UNIVERSIDAD FRANCISCO DE PAULA SANTANDER BIBLIOTECA “ARGEMIRO BAYONA PORTILLO” RESUMEN - TESIS DE GRADO AUTORES: HAROLD LEONARDO QUINTERO VELASQUEZ FACULTAD: DE INGENIERIAS PLAN DE ESTUDIOS: INGENIERÍA DE SISTEMAS DIRECTOR: Esp. CARMEN ELENA SANJUAN TÍTULO DE LA TESIS: ANÁLISIS, DISEÑO E IMPLEMENTACIÓN DEL PORTAL WEB AGRICOLA DE NORTE DE SANTANDER PARA EL PROYECTO “OCAÑA DIGITAL” . RESUMEN El proyecto Ocaña Digital dentro de su plan de acción, propuso el desarrollo e implementación de un Portal Agrícola para el Departamento Norte de Santander. Este portal busca mejorar la calidad de vida de los agricultores y usuarios que accedan a este, Así mismo el portal cuenta con información relacionada con los diferentes eventos que se generen dentro del sector agrícola, beneficiando a todos los agricultores de los diferentes municipios. CARACTERÍSTICAS: PÁGINAS 157 PLANOS: ILUSTRACIONES 47 CD-ROM __1_
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
UNIVERSIDAD FRANCISCO DE PAULA SANTANDER
BIBLIOTECA “ARGEMIRO BAYONA PORTILLO”
RESUMEN - TESIS DE GRADO
AUTORES: HAROLD LEONARDO QUINTERO VELASQUEZ
FACULTAD: DE INGENIERIAS
PLAN DE ESTUDIOS: INGENIERÍA DE SISTEMAS
DIRECTOR: Esp. CARMEN ELENA SANJUAN
TÍTULO DE LA TESIS: ANÁLISIS, DISEÑO E IMPLEMENTACIÓN DEL PORTAL
WEB AGRICOLA DE NORTE DE SANTANDER PARA EL PROYECTO “OCAÑA
DIGITAL” .
RESUMEN
El proyecto Ocaña Digital dentro de su plan de acción, propuso el desarrollo e implementación
de un Portal Agrícola para el Departamento Norte de Santander. Este portal busca mejorar la
calidad de vida de los agricultores y usuarios que accedan a este, Así mismo el portal cuenta
con información relacionada con los diferentes eventos que se generen dentro del sector
agrícola, beneficiando a todos los agricultores de los diferentes municipios.
CARACTERÍSTICAS:
PÁGINAS 157 PLANOS: ILUSTRACIONES 47 CD-ROM __1_
ANÁLISIS, DISEÑO E IMPLEMENTACIÓN DEL PORTAL WEB AGRICOLA DE
NORTE DE SANTANDER PARA EL PROYECTO “OCAÑA DIGITAL”
HAROLD LEONARDO QUINTERO VELASQUEZ
UNIVERSIDAD FRANCISCO DE PAULA SANTANDER OCAÑA
FACULTAD DE INGENIERÍAS
INGENIERÍA DE SISTEMAS
OCAÑA
2011
ANÁLISIS, DISEÑO E IMPLEMENTACIÓN DEL PORTAL WEB AGRICOLA DE
NORTE DE SANTANDER PARA EL PROYECTO “OCAÑA DIGITAL”
HAROLD LEONARDO QUINTERO VELASQUEZ
DIRECTOR
Esp. CARMEN ELENA SANJUAN
Ingeniero de Sistemas
UNIVERSIDAD FRANCISCO DE PAULA SANTANDER OCAÑA
FACULTAD DE INGENIERÍAS
INGENIERÍA DE SISTEMAS
OCAÑA
2011
CONTENIDO
Pág.
INTRODUCCIÓN 17
1 DESCRIPCIÓN DE LA EMPRESA 18
1.1 RESEÑA HISTÓRICA 18
1.2 OBJETIVOS 20
1.3 MISIÓN 20
1.4 VISIÓN 20
1.5 DESCRIPCIÓN DE LA ESTRUCTURA ORGANIZACIONAL DE LA EMPRESA 21
1.6 ESTRUCTURA Y FUNCIONES DEL DEPARTAMENTO DONDE SE
REALIZARON LAS PASANTÍAS 23
1.7 DESCRIPCION DEL DEPARTAMENTO DONDE SE REALIZAN LAS
PASANTIAS 23
1.7.1 Descripción 24
1.7.2 Reseña 24
1.7.3 Logros Obtenidos 24
1.7.4 Objetivo 25
1.7.4.1 Específicos 25
1.7.5 Misión 26
1.7.6 Visión 26
1.7.7 Valores 26
2 DESCRIPCIÓN DEL PLAN DE TRABAJO 27
2.1 LUGAR DE TRABAJO 27
2.2 PLAN DE TRABAJO 27
2.3 CRONOGRAMA DE ACTIVIDADES 28
2.4 OBJETIVOS 29
2.4.1 Objetivo General 29
2.4.2 Objetivos Específicos 29
2.5 DIAGNÓSTICO SITUACIONAL DEL PROYECTO OCAÑA DIGITAL 29
3 DESCRIPCIÓN DE LAS ACTIVIDADES A REALIZAR 30
3.1 DETERMINAR LOS REQUERIMIENTOS DE INFORMACIÓN 30
3.2 ACTIVIDAD CONCEPTUAL 32
3.3 FASE DE ANÁLISIS DEL PORTAL WEB AGRICOLA 39
3.4 DISEÑO DE CASOS DE USO 40
3.4.1 Diagrama de casos de uso para la Sección Administrable 40
3.4.2 Diagrama de casos de uso para la Sección Restringida 45
3.5 ESPECIFICACIÓN DE LOS CASOS DE USO 50
3.5.1 Especificación casos de uso sección Administrador 51
3.5.2 Especificación casos de uso sección Restringida 84
3.6 DIAGRAMA DE CLASES 98
3.7 MODELO ENTIDAD RELACION 99
3.8 DICCIONARIO DE DATOS 100
3.9 FASE DE DISEÑO DEL PORTAL AGRICOLA 106
3.9.1 Control de Acceso 108
3.9.2 Registro de Usuarios 108
3.9.3 Usuario Root o super Administrador 109
3.9.4 Diseño del módulo Nuestro Compromiso 111
3.9.5 Diseño del módulo Climatologia 112
3.9.6 Contactenos 112
3.9.7 Chat Portal Agricola de Norte de Santander 113
3.9.8 Diseño del módulo de Cultivos 114
3.9.9 Galeria Fotografica 115
3.9.10 Video Galeria 117
3.9.11 Diseño del módulo de Precios Agricolas 117
3.9.12 Diseño del módulo de Compra Venta 118
3.9.13 Diseño del módulo de Plagas 118
3.9.14 Diseño del módulo de Foro 119
3.9.15 Diseño del módulo Diccionario Agricola 119
3.9.16 Diseño del módulo Directorio Agricola 120
3.9.17 Diseño del módulo Estadisticas 120
3.9.18 Diseño del módulo de Centros de Acopio 121
3.9.19 Navega sobre el Mapa 122
3.9.20 Páginas Amigas 122
3.9.21 Diseño del módulo de Noticias 123
3.9.22 Usuario Administrador 123
3.9.23 Usuario Suscriptor 123
3.10 FASE DE PRUEBAS DEL PORTAL WEB AGRICOLA DE NORTE DE
SANTANDER 124
3.10.1 Pruebas de Caja Blanca 124
3.10.2 Pruebas de Caja Negra 135
4.FASE DE IMPLEMENTACIÓN DEL PORTAL WEB AGRICOLA DE NORTE DE
SANTANDER 140
4.1 DIAGNÓSTICO FINAL 140
4.1.1 Resultados del desarrollo del Portal 140
4.1.2 Capacitacion a los representantes de Agricultores acerca de la manipulacion del
Portal Web. 140
4.1.3 Manual del usuario. 140
4.1.4 Elaboración del articulo del portal Web Agricola de Norte de Santander. 140
5.CONCLUSIONES 141
6.RECOMENDACIONES 142
BIBLIOGRAFÍA 143
INFOGRAFÍA 144
ANEXOS 146
LISTA DE TABLAS
pág.
Tabla 1. Cronograma de Actividades 28
Tabla 2. UC1: Control de acceso 50
Tabla 3. UC2: Gestionar usuario administrador 51
Tabla 4. UC3: Incertar usuario administrador 52
Tabla 5. UC4: Modificar usuario administrador 52
Tabla 6. UC5: Eliminar usuario administrador 53
Tabla 7. UC6 Consultar usuario administrador 53
Tabla 8. UC7: Gestionar noticias 54
Tabla 9. UC8: Ingresar noticias 55
Tabla 10. UC9: Modificar noticias 55
Tabla 11. UC10: Eliminar noticias 56
Tabla 12. UC11: Consultar noticias 56
Tabla 13. UC12: Gestionar video galeria 57
Tabla 14. UC13: Ingresar video galeria 58
Tabla 15. UC14: Modificar video galeria 58
Tabla 16. UC15: Eliminar Video Galería 59
Tabla 17. UC16: Consultar video galeria 59
Tabla 18. UC17: Gestionar foto galeria 60
Tabla 19. UC18: Ingresar foto galeria 61
Tabla 20. UC19: Modificar foto galeria 61
Tabla 21. UC20: Eliminar foto galeria 62
Tabla 22. UC21: Consultar foto galeria 62
Tabla 23. UC22: Gestionar foro 63
Tabla 24. UC23: Ingresar tema 64
Tabla 25. UC24: Eliminar tema 64
Tabla 26. UC25: Consultar tema 65
Tabla 27. UC26: Gestionar directorio agricola 65
Tabla 28. UC27: Ingresar empresa 66
Tabla 29. UC28: modificar empresa 66
Tabla 30. UC29: Eliminar empresa 67
Tabla 31. UC30: consultar empresa 67
Tabla 32. UC31: gestionar diccionario agricola 68
Tabla 33. UC32: Ingresar termino 69
Tabla 34. UC33: Modificar termino 69
Tabla 35. UC34: Eliminar termino 70
Tabla 36. UC35: Consultar termino 70
Tabla 37. UC36: Gestionar centros de acopio 71
Tabla 38. UC37: Ingresar empresa 71
Tabla 39. UC38: Modificar empresa 72
Tabla 40. UC39: Eliminar empresa 72
Tabla 41. UC40: Consultar empresa 73
Tabla 42. UC41: Gestionar precios 73
Tabla 43. UC42: Ingresar precio 74
Tabla 44. UC43: Modificar precio 74
Tabla 45. UC44: Eliminar precio 75
Tabla 46. UC45: Consultar precio 75
Tabla 47. UC46: Gestionar Compra-venta 76
Tabla 48. UC47: Ingresar producto 77
Tabla 49. UC48: Modificar producto 77
Tabla 50. UC49: Eliminar producto 78
Tabla 51. UC50: Consultar producto 78
Tabla 52. UC51: Gestionar cultivo 79
Tabla 53. UC52: Ingresar nombre 80
Tabla 54. UC53: Modificar nombre 80
Tabla 55. UC54: Eliminar nombre 81
Tabla 56. UC55: Consultar nombre 81
Tabla 57. UC56: Gestionar plaga 82
Tabla 58. UC57: Ingresar nombre 82
Tabla 59. UC58: Modificar nombre 83
Tabla 60. UC59:Elimimar nombre 83
Tabla 61. UC60:Consultar nombre 84
Tabla 62. UC1: Control de acceso 84
Tabla 63. UC2: Gestionar cuenta de usuario 85
Tabla 64. UC3: Modificar cuenta de usuario 85
Tabla 65. UC4: Eliminar cuenta de usuario 86
Tabla 66. UC5: Visualizar cuenta de usuario 86
Tabla 67. UC6: Registrar usuario 87
Tabla 68. UC7: Visualizar noticias 87
Tabla 69. UC8: Visualizar foto galeria 88
Tabla 70. UC9: Visualizar video galeria 88
Tabla 71. UC10: Gestionar foro 89
Tabla 72. UC11: Visualizar tema 89
Tabla 73. UC12: Ingresar tema o comentario 90
Tabla 74. UC13: Gestionar chat 91
Tabla 75. UC14: Agregar comentarios 91
Tabla 76. UC15: Visualizar chat 92
Tabla 77. UC16: Agregar Compra venta 92
Tabla 78. UC17: Gestionar compra venta 93
Tabla 79. UC18: Visualizar compra venta 93
Tabla 80. UC19: Consultar compra venta 94
Tabla 81. UC20: Visualizar directorio agricola 94
Tabla 82. UC21: Visualizar diccionario agricola 95
Tabla 83. UC22: Visualizar centros de acopio 95
Tabla 84. UC23: Visualizar cultivo 96
Tabla 85. UC24: Visualizar plaga 96
Tabla 86. UC25: Visualizar mapa 97
Tabla 87. Diccionario de datos:municipio 100
Tabla 88. Diccionario de datos:perfil 100
Tabla 89. Diccionario de datos:persona 100
Tabla 90. Diccionario de datos:noticias 101
Tabla 91. Diccionario de datos:foro 101
Tabla 92. Diccionario de datos:respuesta foro 101
Tabla 93. Diccionario de datos:tema propuesto 102
Tabla 94. Diccionario de datos:acopio 102
Tabla 95. Diccionario de datos:directorio agricola 103
Tabla 96. Diccionario de datos:diccionario agricola 103
Tabla 97. Diccionario de datos:cultivo 104
Tabla 98. Diccionario de datos:plaga 104
Tabla 99. Diccionario de datos:precios 105
Tabla 100. Diccionario de datos:compra venta 105
Tabla 101. Diccionario de datos:control 106
Tabla 102. Diccionario de datos:nuestro compromiso 106
Tabla 103. Caja blanca módulo administrable de usuarios 124
Tabla 104. Caja blanca módulo administrable de noticias 125
Tabla 105. Caja blanca módulo administrable de compra venta 126
Tabla 106. Caja blanca módulo administrable de precios agricolas 127
Tabla 107. Caja blanca módulo administrable de plagas 128
Tabla 108. Caja blanca módulo administrable de foro 129
Tabla 109. Caja blanca módulo administrable de diccionario agricola 130
Tabla 110. Caja blanca módulo administrable de directorio agricola 131
Tabla 111. Caja blanca módulo administrable de estadisticas 132
Tabla 112. Caja blanca módulo administrable de centros de acopio 133
Tabla 113. Caja blanca módulo administrable de cultivos 134
Tabla 114. Caja negra módulo administrable de usuarios 135
Tabla 115. Caja negra módulo administrable de noticias 136
Tabla 116. Caja negra módulo administrable de compra venta 137
Tabla 117. Caja negra módulo administrable de precios agricolas 138
Tabla 118. Caja negra módulo administrable de plagas 139
LISTA DE FIGURAS
Pág.
Figura 1. Organigrama UFPSO 21
Figura 2. Organigrama UFPSO (continuación) 21
Figura 3. Cronograma UFPSO (continuación 2) 22
Figura 4. Cronograma UFPSO (continuación 3) 22
Figura 5. Estructura organizacional de Ocaña Digital. 23
Figura 6. Diagrama Casos de uso Sección admini y súper Admin 40
Figura 7. Diagrama casos de uso Seccion admin y super admin (continuación) 41
Figura 8. Diagrama casos de uso Seccion admin y super admin (continuación) 42
Figura 9. Diagrama casos de uso Seccion admin y super admin (continuación) 43
Figura 10. Diagrama casos de uso Sección admin y súper admín (continuación) 44
Figura 11. Diagrama Casos de uso Sección Limitado y visitante 45
Figura 12. Diagrama Casos de uso Sección Limitado y visitante (continuación ) 46
Figura 13. Diagrama Casos de uso Sección Limitado y visitante (continuación ) 47
Figura 14. Diagrama Casos de uso Sección Limitado y visitante (continuación ) 48
Figura 15. Diagrama Casos de uso Sección Limitado y visitante (continuación ) 49
Figura 16. Interfaz principal 107
Figura 17. Control de acceso 108
Figura 18. Formulario registro de usuarios 108
Figura 19. Formulario para registro de usuario root o super administrador 108
Figura 20. Menu horizontal para el usuario root o super administrador 109
Figura 21. Módulo agregar 110
Figura 22. Módulo modificar 110
Figura 23. Módulo eliminar 111
Figura 24. Módulo nuestro compromiso 111
Figura 25. Módulo climatología 112
Figura 26. Contáctenos 112
Figura 27. Chat 113
Figura 28. Cultivos 114
Figura 29. Galería fotográfica 115
Figura 30. Video galería 116
Figura 31. Precios agrícolas 117
Figura 32. Compra venta 117
Figura 33. Módulo de plagas 118
Figura 34. Módulo de foro 118
Figura 35. Módulo de diccionario agrícola 119
Figura 36. Módulo de directorio agrícola 119
Figura 37. Módulo de Estadísticas 120
Figura 38. Módulo centros de acopio 120
Figura 39. Mapa 121
Figura 40. Páginas amigas 122
Figura 41. Módulo de noticias 122
Figura 42. Usuario Administrador 123
Figura 43. Usuario Suscriptor 123
LISTA DE ANEXOS
pág.
Anexo A. Formato de carta entrevista dirigida a entidades como, ICA, 147
COORPONOR, ASOCIACION DE MUNICIPIOS, FEDERACION DE CAFETEROS.
Anexo B. Formato de asistencia capacitación agricultores. 149
Anexo C. Manual del usuario. 151
Anexo D. Artículo. 152
Anexo E. Aplicativo. 157
GLOSARIO
PORTAL: Un portal de Internet es un sitio web cuyo objetivo es ofrecer al usuario, de
forma fácil e integrada, el acceso a una serie de recursos y de servicios, entre los que suelen
encontrarse buscadores, foros, documentos, aplicaciones, compra electrónica, etc.
Principalmente están dirigidos a resolver necesidades específicas de un grupo de personas o
de acceso a la información y servicios de una institución pública o privada.
PORTAL ADMINISTRABLE: La principal característica de estos portales es que se
pueden mantener constantemente actualizados y por lo tanto son muy atractivos para los
usuarios. Los contenidos y las imágenes del portal se administran vía Internet desde su
propia empresa o domicilio.
Por ello, los portales dinámicos están especialmente indicados para contenidos de rápida
caducidad, como por ejemplo catálogos de productos, servicios, novedades, noticias,
eventos, boletines, etc.
Algunas de las ventajas de un portal dinámico son el ahorro en los costos de las
actualizaciones, el control total en los cambios, la optimización de los contenidos, el alto
número de visitas, y un ciclo de vida muy largo, entre otras.
W3C: El World Wide Web consortium, abreviado W3C, es un consorcio internacional que
produce recomendaciones para la World Wide web. Está dirigida por Tim Berners-Lee, el
creador original de URL (Uniform Resource Locator, Localizador Uniforme de Recursos),
HTTP (HyperText Transfer Protocol, Protocolo de Transferencia de HiperTexto) y HTML
(Lenguaje de marcado de HiperTexto) que son las principales tecnologías sobre las que se
basa la web.
COMERCIO ELECTRÓNICO: también conocido como e-commerce, consiste en la
compra y venta de productos o de servicios a través de medios electrónicos, tales como el
Internet y otras redes de ordenadores. Originalmente el término se aplicaba a la realización
de transacciones mediante medios electrónicos tales como el Intercambio electrónico de
datos, sin embargo con el advenimiento de la Internet y la World Wide Web a mediados de
los años 90 comenzó a referirse principalmente a la venta de bienes y servicios a través de
la Internet, usando como forma de pago medios electrónicos, tales como las tarjetas de
crédito.
RESUMEN
El proyecto Ocaña Digital dentro de su plan de acción, propuso el desarrollo e
implementación de un Portal Agrícola para el Departamento Norte de Santander. Este
portal busca mejorar la calidad de vida de los agricultores y usuarios que accedan a este,
Así mismo el portal cuenta con información relacionada con los diferentes eventos que se
generen dentro del sector agrícola, beneficiando a todos los agricultores de los diferentes
municipios que conforman la región de Norte de Santander.
Este portal web cuenta con herramientas las cuales facilitarán la navegación de los usuarios
que visiten o que sean miembros del portal agrícola, estas son: noticias, foros, compra
venta, foto galería, video galería, directorio agrícola, diccionario agrícola, centros de
acopio, precios, cultivos, además contendrá un chat, climatología y un mapa de Norte de
Santander el cual es navegable mostrando una breve información de cada municipio y un
enlace para ir a su página principal.
La mayor parte del territorio Norte Santandereano está formado por tierras agrícolas y
forestales vitales para nuestra salud y nuestra economía. La política agrícola común de
Colombia garantiza que la agricultura y conservación del medio ambiente vayan de la
mano. Interviene en el desarrollo del tejido económico y social de las comunidades rurales
y les ayuda a afrontar los nuevos retos como el cambio climático, la gestión hidrológica, la
bioenergía y la biodiversidad.
17
INTRODUCCIÓN
La Ingeniería web ha tenido gran avance en los últimos años, el desarrollo de las
comunicaciones y la popularidad de internet han provocado que las aplicaciones de
escritorio se estén desarrollando en entornos web. Por esta razón, desde hace varios años
son muchas las propuestas que han surgido y que han adaptado o desarrollado nuevas
técnicas y modelos adecuados para el entorno de internet, que es lo que conocemos hoy en
día como ingeniería web.
Día a día se busca actualizar los recursos existentes, y capacitar a la población.
Actualmente la Universidad Francisco de Paula Santander seccional Ocaña, bajo la división
de sistemas, lleva a cabo el proyecto de Ocaña digital, el cual tiene como misión
suministrar de forma responsable, alfabetización digital y servicios innovadores,
relacionados con las Tecnologías de la Información y las comunicaciones, que aporten a la
construcción y el fortalecimiento de una comunidad más productiva y competitiva.
Ocaña digital es un proyecto que va dirigido a la población en general, por lo que es necesario analizar las necesidades de sus usuarios y buscar la expansión de su mercado, por
lo anterior, teniendo en cuenta que actualmente la ciudad y el Departamento norte de
Santander no cuenta con un portal donde se maneje información para los agricultores, es
relevante realizar un portal web agrícola, adaptándolo al formato de la w3c (World Wide
Web Consortium), distribuyendo así el esquema del proyecto bajo las nuevas tecnologías
de la Información y Comunicación. Este portal facilita a los agricultores del departamento
la información de algunos trámites comerciales buscando como objetivo recolectar toda la
información que compete a la agricultura, noticias, un directorio agrícola donde se mostrará
la información de los establecimientos comerciales más relevantes del Departamento en
cuanto a la agricultura y un espacio para que el agricultor o usuario final se exprese y haga
sus consultas, dudas o sugerencias utilizando herramientas como foros, video galerías, foto
galerías, chat y una compra-venta donde pueda ofertar o demandar sus productos.
El portal agrícola de Norte de Santander es el portal oficial de los agricultores y publico en
general como una de las grandes apuestas, dentro del programa de innovación tecnológica
aplicada a los sectores agrícolas. El portal va dirigido a campesinos, al profesional agrario y
a las personas interesadas en el área agrícola de nuestra región. Entre sus contenidos
destaca la posibilidad de tramitar electrónicamente varias ayudas agrícolas, así como el
acceso a información de gran interés en el ámbito agrícola y medioambiental, boletines,
datos estadísticos, publicaciones, novedades sobre plagas y como combatirlas. Además, los
visitantes pueden encontrar información de la actualidad agrícola en el Departamento Norte
de Santander.
18
1. DESCRIPCIÓN DE LA EMPRESA
1.1 RESEÑA HISTÓRICA1
La Universidad Francisco de Paula Santander Ocaña, “Alma Mater” de la zona del
Catatumbo y Nororiente Colombiano, nace institucionalmente el 18 de julio de 1974, a
través del Acuerdo 003, como una opción de Educación Superior, para los estudiantes de la
Provincia de Ocaña y su zona de influencia.
El 5 de marzo de 1975 se dio inicio a las labores académicas en el Antiguo Convento anexo
al Templo de San Francisco, con un programa académico de corte tecnológico denominado
“Tecnología en Matemáticas y Física” abriendo sus puertas a los estudiantes, en su mayoría
profesores de Primaria y Secundaria. En 1981, gracias a la gestión del entonces Director, El
Doctor Edmundo Sarmiento Núñez, el ICFES expide la resolución de que da inicio al
programa de Tecnología en Producción Agropecuaria, programa con el cual adquiere un
amplio desarrollo, crecen las expectativas y se dan solución inmediata, como la ampliación
de la pequeña biblioteca existente.
Posteriormente con el fin de darle continuidad al programa de Tecnología en Producción
Agropecuaria se aprueba para la seccional el Programa de Zootecnia, primero en la historia
de la Universidad con completa autonomía, ya que en la sede central no existía dicho
programa académico. En su constante preocupación el cuerpo docente y el personal
Administrativo, logran más tarde crear el programa de Tecnología en Administración
Comercial y Financiera, como una respuesta también al pensamiento comercial del
habitante general de nuestra Provincia.
Esta nueva tecnología, alcanza su profesionalización, creándose en la seccional la carrera
de Administración de Empresas, seguidamente vendrían los primeros semestres de las
Ingenierías de Sistemas, Civil y Mecánica, e igualmente un segundo ciclo de
Profesionalización de Tecnología en Producción Agropecuaria, dirigido hacia la Ingeniería
Ambiental.
Con el paso de los años la seccional se ha fortalecido con la creación de nuevos programas
logrando así ampliar su oferta académica que se muestra a continuación:
Programas de pregrado:
Facultad de Ingenierías
Ingeniería de Sistemas.
Ingeniería Civil.
Ingeniería Mecánica.
1 Disponible en Internet: < http://www.ufpso.edu.co/secciones.php?seccion=historia>
19
Facultad de Ciencias Administrativas y Económicas
Tecnología en Gestión Comercial y Financiera.
Administración de Empresas.
Contaduría Pública.
Facultad de Ciencias Agrarias y del Ambiente
Tecnología Agropecuaria.
Zootecnia.
Ingeniería Ambiental.
Facultad de Educación, Artes y Humanidades
Comunicación Social.
Derecho
Programas de Posgrado:
Especialización en Informática Educativa.
Especialización en Estadística Aplicada.
Especialización en Práctica Docente Universitaria.
Programas de Educación Abierta y a Distancia:
Universidad Francisco de Paula Santander Ocaña.
Tecnología en Producción Agropecuaria.
Convenio Universidad del Tolima.
Administración Agropecuaria (Ciclo tecnológico y profesional).
Administración de Empresas Turísticas por ciclos.
Ingeniería de Sistemas (Ciclo tecnológico y profesional).
Licenciatura en Pedagogía Infantil.
Salud Ocupacional.
Tecnología Forestal.
Convenio Universidad Francisco de Paula Santander Cúcuta.
Licenciatura en Educación Básica con Énfasis en Educación Artística.
Licenciatura en Humanidades.
Licenciatura en Educación Básica con Énfasis en Educación Física.
Licenciatura en Informática.
Licenciatura en Matemáticas.
20
Tecnología en Obras Civiles.
Tecnología Comercial y Financiera.
Administración Financiera (II Ciclo l).
1.2 OBJETIVOS
Desarrollo de Talento Humano: La Universidad mantendrá su preocupación por el
desarrollo del talento humano (Estudiantes, Docentes y Administrativos) para que se
integren con entusiasmo a los desafíos de la organización y el entorno en general.
Modernización Tecnológica: En los próximos 3 años, deberá concluir la modernización de
todos los medios de operación para garantizar la productividad y el permanente control del
proceso, con máxima flexibilidad y calidad académica y administrativa.
Fortalecimiento Investigación y Extensión: La universidad considera de vital importancia el
liderazgo en el desarrollo tecnológico, para ello propone 2 objetivos fundamentales; la
Revitalización de la Investigación y la búsqueda de nuevas tecnologías para el desarrollo de los sectores social y productivo.
Crecimiento de Nuevas Líneas de Productos: Especialmente en el desarrollo de postgrados
y Planes de Estudio, Educación Continuada y Universidad a Distancia2.
1.3 MISIÓN
La universidad Francisco de Paula Santander seccional Ocaña, como universidad Pública,
tiene como Misión, el compromiso de formar en el nivel superior, profesionales idóneos,
mediante la generación y difusión del conocimiento en los ámbitos de la ciencia, la cultura
y el arte, la técnica, la tecnología y las humanidades, con autonomía y vocación de servicio
social. Atendiendo a su carácter de institución estatal, asume compromisos indelegables
con la construcción de una sociedad justa y democrática3.
1.4 VISIÓN
La universidad Francisco de Paula Santander seccional Ocaña, como institución de
educación superior, con criterios de cobertura, calidad y diversidad de sus servicios, busca
con la acreditación institucional, consolidarse como la IES, mas importante del nororiente
del país, por su excelencia, eficiencia, pertinencia, innovación, proyección e investigación4.
2 Disponible desde internet: < http://www.ufpso.edu.co/secciones.php?seccion=objetivos>
3 Resolución número 036 de marzo 27 de 2009 emanada de la Dirección, por medio de la cual se adopta la
misión y la visión de la Universidad Francisco de Paula Santander Ocaña. 4 Resolución número 036 de marzo 27 de 2009 emanada de la Dirección, por medio de la cual se adopta la
misión y la visión de la Universidad Francisco de Paula Santander Ocaña.
21
1.5 DESCRIPCIÓN DE LA ESTRUCTURA ORGANIZACIONAL DE LA
EMPRESA
Figura 1. Organigrama UFPSO5
Figura 2. Organigrama UFPSO (continuación)
5Oficina de Planeación Ufpso
22
Figura 3. Cronograma UFPSO (continuación 2)
Figura 4. Cronograma UFPSO (continuación 3)
23
1.6 ESTRUCTURA Y FUNCIONES DEL DEPARTAMENTO DONDE SE
REALIZARON LAS PASANTÍAS
Figura 5. Estructura organizacional de Ocaña Digital
La pasantía se desarrolla en la universidad Francisco de Paula Santander seccional Ocaña,
dentro del proyecto Ocaña Digital, en el área de desarrollo de contenidos, este eje del
proyecto esta soportado por profesionales con habilidades en el diseño y producción de
contenidos tanto impresos como digitales.
1.7 DESCRIPCIÓN DEL DEPARTAMENTO DONDE SE REALIZAN LAS
PASANTIAS
1.7.1 Descripción. El proyecto Ocaña Digital busca disminuir la brecha digital (La brecha
digital se define como la separación que existe entre las personas (comunidades, estados,
países…) que utilizan las Tecnologías de Información y Comunicación (TIC) como una
parte rutinaria de su vida diaria y aquellas que no tienen acceso a las mismas y que aunque
las tengan no saben como utilizarlas) a través de ambiciosas estrategias de inclusión digital
la cual promueve no solo el acceso sino el uso y apropiación social de tecnologías digitales
para atender las necesidades de las comunidades y promover la formulación de políticas
públicas, la creación de conocimientos, la elaboración de contenidos apropiados y el
fortalecimiento de las capacidades de las personas. De esta manera la inclusión digital
contribuye a mejorar las condiciones sociales, económicas, políticas y personales de la
inmensa mayoría.
24
Así mismo, Ocaña Digital contribuye a fortalecer las comunidades de acuerdo con las
necesidades de cada uno como lo son:
Empleo: Fortalecen habitantes y conocimientos que abre nuevas puertas al empleo o a la
generación de ingresos propios y ayuda a consolidar las microempresas mejorando su
gestión, mercadeo, compras y publicidad.
Salud: Facilita el acceso a información sobre enfermedades, tratamientos, medicina
preventiva y alternativa, higiene y educación sexual.
Educación: apoya actividades escolares y contribuye a la educación formal y no formal en
la comunidad especialmente con la niñez y la juventud.
Fortalecimiento de la Autoestima: Ayuda a reconocer las capacidades propias para
visualizar un mejor futuro, desarrollar la capacidad y fortalecer el trabajo en equipo.
Organización Comunitaria: Propicia la construcción de nuevas formas de organización
fortaleciendo las capacidades individuales y colectivas promoviendo nuevos líderes y
ayudando a solucionar problemas y necesidades concretas de la comunidad.
Fortalecimiento de Grupos Marginados Ofrece herramientas que fortalecen y defienden las
voces de grupos indígenas, de mujeres cabeza de hogar, de campesinos, jóvenes y otros
sectores, ejecuciones de proyectos de vivienda, prevención y mitigación de desastres y
mejoramiento de servicios públicos y espacios comunales.
El impacto generado por el proyecto se ve reflejado en el desarrollo socioeconómico de las
comunidades, disminución del índice de analfabetismo, generación de alternativa de
empleo y generación de ingresos y además contribuye al crecimiento del Municipio, la
Región y el Departamento
1.7.2 Reseña. Gracias al apoyo del Ministerio de Comunicaciones y al respaldo de la
Alcaldía Municipal, la Universidad Francisco de Paula Santander Ocaña, ha logrado
ejecutar un proyecto que busca disminuir la brecha digital e involucrar a las personas de la
comunidad a espacios de alta tecnología, para su uso e implementación en tareas cotidianas.
Ocaña digital es hoy para nuestra comunidad un elemento que sirve de plataforma para la
incursión de ambientes digitales en cada rincón de nuestra ciudad. Han sido meses de
trabajo que hoy conducen a este proyecto a su consolidación. Los objetivos logrados han
sido muchos, niños, jóvenes y adultos de la provincia de Ocaña, han acogido y apropiado
cada centro interactivo y sus debidas capacitaciones. Afianzando conocimiento y el gusto
por las nuevas tecnologías de la información y la comunicación.
1.7.3 Logros Obtenidos. Masificación de la infraestructura.
Adecuación de las oficinas.
Cuarto de comunicaciones.
25
Cámaras IP para video vigilancia.
Zonas de acceso gratuito a Internet.
Alfabetización, apropiación de las TIC.
Sensibilización a la comunidad frente a Ocaña digital.
A 2008 una inversión aproximada de 940 millones de pesos.
Portal Web.
Centros interactivos.
1.7.4 Objetivo. Desarrollar un (1) programa comunitario de acceso a la Tecnología de la
Información y la Comunicación donde Ocaña Digital promueva su apropiación y uso
intensivo, ejecutando y fortaleciendo la infocultura, la infoestructura y la infraestructura en
todos los ámbitos del territorio digital, de acuerdo con la caracterización del municipio para
incrementar la eficacia y la eficiencia en todos los sectores de la sociedad.
1.7.4.1 Específicos
Mejorar la infraestructura de las comunicaciones mediante sistemas modernos y
eficientes de información, convergentes en la virtualización del municipio en la Web, como
una de las estrategias del plan de desarrollo del municipio.
Mejorar la calidad académica a través de la red Municipal de Alta Velocidad las
instituciones educativas del municipio tendrán acceso a contenidos virtuales donde se
encontraran servicios de información, comunicación, colaboración y recursos didácticos
que facilitaran los procesos de enseñanza aprendizaje.
Mejorar la seguridad pública mediante redes de datos para integrar las aplicaciones
existentes con las nuevas aplicaciones avanzadas, por ejemplo, video vigilancia IP y
sistemas de supervisión del tránsito.
Incrementar la colaboración entre los organismos mediante la instalación de
aplicaciones orientadas a las redes que mejoran el intercambio de información entre los
organismos municipales.
Mejorar los sistemas de transporte y su infraestructura mediante la actualización de las
rutas y los sistemas de transporte público en uso con sistemas de transporte inteligente que
administren más adecuadamente las operaciones internas e impidan incidentes de manera
proactiva al supervisar el tránsito y la seguridad pública en zonas potencialmente
peligrosas.
Mejorar la prestación de los servicios públicos al aumentar la productividad y la
capacidad de respuesta de los empleados públicos. Este objetivo puede lograrse al
automatizar las tareas administrativas y al facilitar el acceso a la información por parte de
los empleados en el campo, con lo cual se reduce la necesidad de que vuelvan a la oficina
principal para realizar determinadas actividades.
26
Fomentar el desarrollo económico al forjar alianzas mediante la participación y
colaboración multisectorial de todos los actores de la sociedad, con el fin de elaborar
programas y generar oportunidades para promover el desarrollo económico del municipio,
determinante en la construcción de una sociedad basada en el conocimiento.
1.7.5 Misión. Basándonos en nuestro compromiso social y conocimiento en tecnología,
suministramos de forma responsable, capacitación y servicios innovadores, relacionados
con las Tecnologías de la Información y el Conocimiento, que aporten a la construcción y
el fortalecimiento de una comunidad más productiva y competitiva.
1.7.6 Visión. Mejorar la calidad de vida del ciudadano a través de procesos de
alfabetización digital, con el manejo de las TIC. Consolidarnos, posicionarnos y ser
reconocidos por toda la comunidad como una empresa capacitada para involucrar a las
personas con las nuevas tecnologías. Ser una empresa cambiante y creciente con una
estructura organizacional, orientada a los requerimientos de la sociedad para satisfacer sus
necesidades.
1.7.7 Valores
Compromiso social
Comportamiento ético
Respeto por los demás
Delegación responsable
Trabajo en equipo
Esta pasantía se desarrolla en la universidad Francisco de Paula Santander seccional Ocaña,
dentro del proyecto Ocaña Digital, en el área de infoestructura6. Este eje del proyecto tiene
a cargo el desarrollo y sostenimiento del portal Web, la producción de software educativo,
comercial y gubernamental, el diseño y diagramación de medios impresos (boletín Ocaña
Digital, certificados, separatas, manuales), la producción de un programa de radio emitido
una vez por semana en la emisora de la universidad, así mismo la producción de un
segmento televisivo para el canal comunitario TV San Jorge emitido con la misma
periodicidad del programa de radio.
Las funciones específicas de esta pasantía son el desarrollo del portal web agrícola para el
proyecto de Ocaña digital.
6 En las políticas de territorios digitales, es el área a cargo de la producción de información del proyecto
usando su propia infraestructura tecnológica.
27
2 DESCRIPCIÓN DEL PLAN DE TRABAJO
2.1 LUGAR DE TRABAJO
Universidad Francisco De Paula Santander Ocaña, Sede de Ocaña Digital
2.2 PLAN DE TRABAJO
El desarrollo de este proyecto es importante puesto que en la actualidad no existe un portal
que brinde apoyo e información a los agricultores de Norte de Santander, y si se tiene en
cuenta el auge de las telecomunicaciones y el amplio servicio informativo que brinda
Internet, se hace necesario establecer un punto de encuentro en el ciber espacio, donde
todos los norte santandereanos, puedan encontrar información agrícola que oriente a los
usuarios del portal en los pasos y necesidades a la hora de ofertar y demandar sus productos
a la comunidad.
28
2.3 CRONOGRAMA DE ACTIVIDADES
Tabla 1. Cronograma de Actividades
Fuente: Autor del Informe.
ACTIVIDADES
MARZO
ABRIL
MAYO
JUNIO
Recolección de información para el sistema
de archivo.
Realización de la fase de análisis del sistema.
Diseño de base de datos, interfaces y
componentes.
Creación de interfaces agradable y de fácil
uso.
Creación e Implementación del portal
agrícola de Norte de Santander.
Realización de pruebas al sistema creado
Realización de correcciones o mejoras
necesarias.
Desarrollar la documentación del portal .(manual de usuario)
Capacitación a los representantes de
agricultores acerca de la manipulación del
portal Web.
29
2.4 OBJETIVOS
2.4.1 Objetivo General. Analizar, diseñar e implementar un portal Web para el sector
agrícola de Norte de Santander, para el proyecto “Ocaña digital”
2.4.2 Objetivos Específicos. Utilizar la modelo en CASCADA ya que esta cumple con
los estándares adecuados para el diseño y elaboración del portal Web propuesto.
Definir las temáticas que se abordarán en el portal Web propuesto.
Definir el entorno de programación que se utilizará en el diseño del portal Web.
Desarrollar la documentación del portal (Manual de Usuario).
Redactar un artículo con el fin de presentar los beneficios que se derivan de la presente
propuesta para el sector Agrícola de Norte de Santander.
Capacitar a los representantes de agricultores acerca de la manipulación del portal Web
2.5 DIAGNÓSTICO SITUACIONAL DEL PROYECTO OCAÑA DIGITAL
El proyecto actualmente cuenta con una sede principal ubicada en la universidad Francisco
de Paula Santander Ocaña sede La Primavera , donde están instalados 6 puestos de trabajo
administrativos, un centro interactivo con 20 equipos, la antena de comunicación, tres
servidores, una central telefónica con una línea, entre otros dispositivos.
Actualmente se está cubriendo la fase de sensibilización y capacitación en el uso de las TIC
a la comunidad ocañera, en los 6 centros interactivos con los que cuenta el proyecto Ocaña
digital en el municipio de Ocaña: Misión madre Leticia ubicada en el barrio la perla sector
de santa clara en la congregación Madre Leticia, Policafe ubicado en la estación de policía,
bellas artes ubicada en la sede de la universidad francisco de Paula Santander Ocaña,
escuela de bellas artes, Cristo rey ubicado en la escuela de Cristo rey, la piñuela ubicado en
el antiguo restaurante escolar, y la primavera ubicado en el primer piso de la sede de la
universidad francisco de Paula Santander Ocaña, antigua edificación INVIAS.
En cuanto a contenidos digitales se tiene en funcionamiento un portal Web, con galería de
imágenes, foro de discusión, cuentas de correo electrónico, Chat, modulo administrador
para la publicación de noticias, tramites en línea, bolsa de empleo, directorio comercial y
portal educativo para el mejor desarrollo de la comunicación entre los miembros de las
comunidades educativas locales.
30
3. DESCRIPCIÓN DE LAS ACTIVIDADES A REALIZAR
3.1 DETERMINAR LOS REQUERIMIENTOS DE INFORMACIÓN
Después de hacer una búsqueda en internet de los portales agrícolas existentes, no se
encontró alguno dedicado al sector agrícola de la región.
Es importante mencionar que en la web se encontró con portales agrícolas como son la
nueva agricultura para Colombia7, portal institucional del ICA que maneja la parte agrícola
y pecuaria8, infoagro de España
9, los cuales contiene secciones como directorios
comerciales donde se registran las empresas del país o la región, noticias, eventos, foros
entre otras cosas.
Teniendo en cuenta la información obtenida y con el fin de determinar los requerimientos
de información para implementar estrategias que permitan la elaboración y consolidación
de un portal en Internet, que contenga toda la información agrícola del departamento Norte
de Santander. Luego se realizo una reunión con el Gerente de Ocaña Digital y el pasante de
ingeniería de sistemas donde se estableció la información y las herramientas que a su juicio
consideraron necesarias dentro del portal.
De acuerdo a la magnitud del proyecto fue necesario dividir en dos fases la propuesta, en la
primera fase se cubrirá el Sector Agrícola de la Provincia de Ocaña, la cual está integrada
por los siguientes municipios: Ocaña, Abrego, San Calixto, Teorama, Convención, El tarra,
El Carmen, La Playa, Hacari, La Esperanza y Villa caro.
Se indago con entes como CORPONOR, ICA, FEDERACION DE CAFETEROS Y
ASOCIACION DE MUNICIPIOS de la provincia de Ocaña y les pareció un proyecto
bastante ambicioso y muy bueno, como recomendaciones asignaron colocar enlaces de sus
páginas o noticias de sus entidades en el portal agrícola. (Ver Anexo A. Formato de carta
y encuesta dirigida a los entes anteriores).
A continuación las conclusiones que arrojó la reunión sostenida entre el pasante de
ingeniería de sistemas y Ocaña digital:
1. El color que llevara el portal es verde, ya que da alusión a la naturaleza y a la parte
agrícola.
2. Las secciones que contendrá serán las siguientes:
7 Disponible desde internet:<http://www.angelfire.com>
8 Disponible desde internet:< http://www.ica.gov.co>
9 Disponible desde internet:< http://www.infoagro.com/>
31
noticias: Las noticias a mostrar en el portal son aquellas que genere el sector agrícola del
departamento norte de Santander y noticias de gran importancia a nivel nacional.
video galería: se mostraran los videos que se realicen en los eventos realizados para el
sector agrícola y videos sobre los cultivos que se dan en el departamento norte de
Santander.
Foto galería: se mostraran las fotos que se tomen en los eventos realizados para el sector
agrícola y de los diferentes cultivos que se dan en el departamento norte de Santander.
Foros: Esta sección es solo para usuarios registrados en el portal, la sección permite
ingresar temas y hacer comentarios lo cual facilita la comunicación entre usuarios
Chat: Esta sección es para cualquier tipo de usuario en el sistema y permite la interacción
en tiempo real de los usuarios.
Directorio comercial: En esta sección se manejara información de las empresas del
departamento norte de Santander, donde se mostrara datos como: el nombre de la empresa,
teléfono, dirección y el sector al que pertenece.
Diccionario agrícola: En esta sección se manejara un vocabulario de la A a la Z de la
diferente terminología que se utiliza en la parte agrícola.
Precios agrícolas: en esta sección el agricultor encontrara el precio de cada producto a nivel
regional y nacional para su venta.
Compra-venta agrícola: esta sección es para usuarios registrados en el sistema y permite
colocar mensajes de compra y de venta para sus cultivos o productos.
Estadísticas de producción: en esta sección se manejaran las estadísticas anuales de
producción de todos los cultivos dados en el departamento norte de Santander.
Plagas: en esta sección el usuario encontrara información relevante a las diferentes plagas
que atacan a los cultivos del departamento y sus posibles controles.
Centros de acopio: en esta sección el usuario encontrara información de posibles empresas
o personas a quien pueda vender o comprar sus diferentes cultivos.
Cultivos: en esta sección se encontrara información relevante a cada cultivo con su nombre
científico y en que región de norte de Santander se cultiva.
Climatología: en esta sección el usuario vera el estado del tiempo de cada municipio del
departamento norte de Santander
32
Navega sobre el mapa: en esta sección encontrara un mapa de Norte de Santander donde al
seleccionar algún municipio aparecerá a un lado una imagen representativa y las
características principales del municipio, otra de las funcionalidades de esta aplicación es,
al darle doble clic al municipio seleccionado lo direccionará a la página principal de cada
municipio.
Paginas amigas: en esta sección el usuario encontrara links donde podrá visitar páginas
como Ocaña digital, Universidad Francisco de Paula Santander Ocaña, Ica, Corponor y
Federación de cafeteros.
El portal manejara cuatro usuarios los cuales son Súper Administrador o (root),
administrador, limitado y visitante, donde el Súper Administrador es aquel que tiene acceso
a todo y adicionalmente puede crear usuarios con permiso de administrador, El
Administrador es el que se encarga de actualizar el sitio en cuanto a noticias, directorio
agrícola, centros de acopio, puede proponer temas para el foro y ver temas del foro,
también puede vender, visualizar la oferta y eliminar la oferta. El usuario Limitado es aquel
que se registra en el portal y puede primero visualizar la información del portal, también
como esta registrado puede proponer temas para el foro, y ver los temas que hay
propuestos, también puede acceder a la venta de productos colocando un anuncio puede
visualizar esta oferta y también puede eliminarla. Por último, el visitante es aquel usuario
que abre el portal y visualiza la información que contiene el mismo.
3.2 ACTIVIDAD CONCEPTUAL
En esta etapa del proyecto se consultan diversas fuentes, con el objetivo de definir
conceptos básicos y herramientas que puedan ayudar al buen desarrollo del proyecto.
Actualmente la red de Internet, compuesta por páginas web, sirve de soporte a una gran
cantidad de sistemas de información y comunicaciones que engloban áreas tan importantes
como la investigación, el comercio electrónico, la visualización de información, el correo
electrónico, entre otras.
Desarrollo en cascada10
. En Ingeniería de software el desarrollo en cascada, también
llamado modelo en cascada, es el enfoque metodológico que ordena rigurosamente las
etapas del ciclo de vida del software, de tal forma que el inicio de cada etapa debe esperar a
la finalización de la inmediatamente anterior.
Un ejemplo de una metodología de desarrollo en cascada es:
Análisis de requisitos
Diseño del Sistema
10
GISELLA SERRANO SILVA. Metodología en cascada. [online]. Actualizado en el 2009. [citado el 18 de
marzo de 2011]. Disponible en Internet En: http://es.scribd.com/doc/35015019/Metodologia-en-Cascadap. 1
de 7.
33
Diseño del Programa
Codificación
Pruebas
Implantación
Mantenimiento
De esta forma, cualquier error de diseño detectado en la etapa de prueba conduce
necesariamente al rediseño y nueva programación del código afectado, aumentando los
costes del desarrollo. La palabra cascada sugiere, mediante la metáfora de la fuerza de la
gravedad, el esfuerzo necesario para introducir un cambio en las fases más avanzadas de un
proyecto.
Si bien ha sido ampliamente criticado desde el ámbito académico y la industria, sigue
siendo el paradigma más seguido al día de hoy.
Fases del modelo.
Análisis de requerimientos. En esta fase se analizan las necesidades de los usuarios finales
del software para determinar qué objetivos debe cubrir. De esta fase surge una memoria
llamada SRD (documento de especificación de requisitos), que contiene la especificación
completa de lo que debe hacer el sistema sin entrar en detalles internos.
Es importante señalar que en esta etapa se debe consensuar todo lo que se requiere del
sistema y será aquello lo que seguirá en las siguientes etapas, no pudiéndose requerir
nuevos resultados a mitad del proceso de elaboración del software.
Diseño del Sistema. Se descompone y organiza el sistema en elementos que puedan
elaborarse por separado, aprovechando las ventajas del desarrollo en equipo. Como
resultado surge el SDD (Documento de Diseño del Software), que contiene la descripción
de la estructura relacional global del sistema y la especificación de lo que debe hacer cada
una de sus partes, así como la manera en que se combinan unas con otras.
Es conveniente distinguir entre diseño de alto nivel o arquitectónico y diseño detallado. El
primero de ellos tiene como objetivo definir la estructura de la solución (una vez que la fase
de análisis ha descrito el problema) identificando grandes módulos (conjuntos de funciones
que van a estar asociadas) y sus relaciones. Con ello se define la arquitectura de la solución
elegida. El segundo define los algoritmos empleados y la organización del código para
comenzar la implementación.
34
Diseño del Programa. Es la fase en donde se realizan los algoritmos necesarios para el
cumplimiento de los requerimientos del usuario así como también los análisis necesarios
para saber que herramientas usar en la etapa de Codificación.
Codificación. Es la fase en donde se implementa el código fuente, haciendo uso de
prototipos así como de pruebas y ensayos para corregir errores.
Dependiendo del lenguaje de programación y su versión se crean las bibliotecas y
componentes reutilizables dentro del mismo proyecto para hacer que la programación sea
un proceso mucho más rápido.
Pruebas. Los elementos, ya programados, se ensamblan para componer el sistema y se
comprueba que funciona correctamente y que cumple con los requisitos, antes de ser
entregado al usuario final.
Verificación. Es la fase en donde el usuario final ejecuta el sistema, para ello el o los
programadores ya realizaron exhaustivas pruebas para comprobar que el sistema no falle.
Mantenimiento. Una de las etapas que creo considerables porque se destina un 75% de los
recursos, es el mantenimiento del Software ya que al utilizarlo como usuario final puede ser
que no cumpla con todas nuestras expectativas.
Las páginas web son textos ASCII escritos en HTML (Hypertext Markup Language), que
se transfieren entre los servidores de WWW y los navegadores mediante el protocolo HTTP
(Hypertext Transfer Protocol).
Cuando comenzó la World Wide Web, los sitios web ofrecían páginas estáticas, es decir,
que a efectos del usuario, el único proceso realizado era el de visualización de sus
contenidos por parte del navegador del cliente.
A medida que pasaron los años, aumentó la afluencia de público y surge la necesidad de
reunir y procesar las peticiones del cliente con la finalidad de ofrecerle informaciones
mejor dirigidas, escogidas y elaboradas.
Es entonces, cuando surgen dos alternativas de diseño web:
- Las llamadas páginas en el lado del cliente, programadas en HTML dinámico (DHTML),
que se ejecutan en el navegador y son capaces de cambiar su apariencia. Utilizando
DHTML podemos conseguir que los objetos aparezcan y desaparezcan, que varíen su
tamaño, que se les asocie posiciones absolutas en pantalla… En definitiva, DHTML
aumenta las posibilidades de visualización de las instrucciones HTML.
35
-Las páginas del lado del servidor, permiten modificar los contenidos antes de enviarlos al
cliente. Las primeras fueron CGI (Common Gateway Interface) que implementan páginas
web activas en el servidor, capaces de leer lo que le enviaba un cliente al servidor a través
de un formulario, o escribir en la página del cliente.
Los lenguajes de programación que se van a utilizar en el proceso de construcción del
proyecto son: HTML (Hypertext Markup Language o Lenguaje de Marcado de Hipertexto),
PHP (Hypertext Preprocessor), Javascript, SQL (Structured Query Language o Lenguaje de
Consulta Estructurado), ajax y CSS (Cascading Style Sheets o lenguaje de Hojas de Estilo
en Cascada).
HTML: es un lenguaje de programación que se utiliza para el desarrollo de páginas de
Internet. Se trata de la sigla de HyperText Markup Language, es decir, Lenguaje de Marcas
de Hipertexto.
EL HTML permite describir la estructura y el contenido en forma de texto, además de
complementar el texto con objetos tales como imágenes. Este lenguaje se escribe mediante
etiquetas, que aparecen especificadas por corchetes angulares (< y >).
Por otra parte, el HTML permite incluir scripts (por ejemplo, de Javascript), códigos que
pueden modificar el comportamiento de los navegadores web y de otros procesadores de
HTML. Los archivos de formato HTML utilizan la extensión .htm o.html.
Tim Berners-Lee fue el primero en proponer una descripción de HTML en un documento
que publicó en 1991. Allí describía veintidós elementos que suponen el diseño inicial y
simple del HTML. De estos elementos, trece todavía aparecen en el HTML 4.
Entre los componentes del HTML, aparecen los elementos y sus atributos, los tipos de data
y la declaración de tipo de documento. Los elementos son la estructura básica de este
lenguaje, ya que tienen dos propiedades: atributos y contenido.
El marcado estructural es el que describe el propósito del texto, aunque no define cómo se
verá el elemento. El marcado presentacional es el que describe la apariencia del texto, sin
importar su función.
Para conocer el código HTML que utiliza una página web, hay que seleccionar la opción
Ver código fuente en nuestro navegador (como Internet Explorer o Firefox). Al seleccionar
esta opción, se abrirá el editor de texto con el código HTML de la página que se está
visualizando.
PHP (PHP Hypertext Preprocessor): es un lenguaje script (no se compila para conseguir
códigos máquina si no que existe un intérprete que lee el código y se encarga de ejecutar las
instrucciones que contiene éste código), para el desarrollo de páginas web dinámicas del
lado del servidor, cuyos fragmentos de código se intercalan fácilmente en páginas HTML,
36
debido a esto, y a que es de Open Source (código abierto), es el más popular y extendido en
la web11
.
PHP es capaz de realizar determinadas acciones de una forma fácil y eficaz sin tener que
generar programas programados en un lenguaje distinto al HTML. Esto se debe a que PHP
ofrece un extenso conjunto de funciones para la explotación de bases de datos sin
complicaciones. Es por esto, que levanta un mayor interés con respecto a los lenguajes
pensados para los CGI.
PHP fue desarrollado originalmente por Rasmus Ledford en 1994 como un CGI escrito en
Perl que permitía la interpretación de un número limitado de comandos. El sistema fue
denominado Personal Home Page Tools y consiguió relativo éxito gracias a que otras
personas pidieron a Rasmus que les permitiese utilizar sus programas en sus propias
páginas. Cuando Rasmus tuvo la necesidad de crear páginas dinámicas que trabajasen con
formularios, creó una serie de etiquetas a las que denominó “Form Interpreters”, y lo sacó
al público con el nombre de PHP/FI en 1995. Luego salió la versión mejorada, llamada
PHP/FI 2.0.
Zeev Suraski y Andi Gutmans programaron el analizador sintáctico incluyendo nuevas
funcionalidades como el soporte a nuevos protocolos de Internet y el soporte a la gran
mayoría de las bases de datos comerciales, como MySQL y Postgre SQL, así como un
módulo para Apache. Con estas mejoras surgió PHP3 en 1997. Este analizador define la
sintaxis y semántica de la versión PHP3 y la siguiente: PHP4.
PHP3 carecía del uso de sesiones, algo muy común en las páginas web de cierta
complejidad. En el año 2000, PHP3 evolucionó a PHP4, que utiliza el motor Zend
(desarrollado por Zeev y Andi encargado de interpretar el código fuente de los scripts de
PHP), desarrollado para cubrir las necesidades actuales y solucionar algunos
inconvenientes de la anterior versión. Algunas mejoras de esta nueva versión son su mayor
independencia del servidor web y su rapidez, ya que primero se compila y luego se ejecuta,
mientras que antes se ejecutaba a la vez que se interpretaba el código.
La última versión es PHP5, que utiliza el motor Zend-2 y presenta mejoras significativas y
un entorno de programación orientado a objetos mucho más completo, que permite que el
PHP proporciona un alto rendimiento a las aplicaciones Web empresariales a nivel de las
plataformas J2EE y .NET. Otro lenguaje de scripting para la generación dinámica de
contenidos en el servidor es ASP. Aunque se parece a PHP en cuanto a potencia y
dificultad, su sintaxis llega a diferir notablemente.
Una diferencia sensible es que PHP ha sido desarrollado inicialmente para entornos UNIX
y es en este sistema operativo donde se aprovechan mejor sus prestaciones y consigue un
11
16 CIBERAULA. PHP. [online]. Actualizado en el 2008. [citado el 22 de junio de 2010]. Disponible en
Internet en: http://php.ciberaula.com/articulo/introduccion_php/ p. 1 de 5.
37
mayor rendimiento. ASP, que es una tecnología Microsoft, está orientado a sistemas
Windows, especialmente NT.
JavaScript es un lenguaje interpretado orientado a las páginas web, con una sintaxis
semejante a la del lenguaje Java.
El lenguaje fue inventado por Brendan Eich en la empresa Netscape Communications, que
es la que fabricó los primeros navegadores de Internet comerciales.
Apareció por primera vez en el producto de Netscape llamado Netscape Navigator 2.0.
Se utiliza en páginas web HTML, para realizar tareas y operaciones en el marco de la
aplicación cliente.
Los autores inicialmente lo llamaron Mocha y más tarde LiveScript pero fue rebautizado
como JavaScript en un anuncio conjunto entre Sun Microsystems y Netscape, el 4 de
diciembre de 1995.
En 1997 los autores propusieron JavaScript para que fuera adoptado como estándar de la
the European Computer Manufacturers' Association ECMA, que a pesar de su nombre no
es europeo sino internacional, con sede en Ginebra. En junio de 1997 fue adoptado como
un estándar ECMA, con el nombre de ECMAScript. Poco después también lo fue como un
estándar ISO12
.
JScript es la implementación de ECMAScript de Microsoft, muy similar al JavaScript de
Netscape, pero con ciertas diferencias en el modelo de objetos del navegador que hacen a
ambas versiones con frecuencia incompatibles.
Para evitar estas incompatibilidades, el World Wide Web Consortium diseñó el estándar
Document Object Model (DOM, ó Modelo de Objetos del Documento en castellano), que
incorporan las versiones 6 de Internet Explorer y Netscape Navigator, Opera versión 7, y
Mozilla desde su primera versión
SQL: el Lenguaje de Consulta Estructurado (Structured Query Language) es un lenguaje
declarativo de acceso a bases de datos relacionales que permite especificar diversos tipos de
operaciones sobre las mismas. Aún características del álgebra y el cálculo relacional
permitiendo lanzar consultas con el fin de recuperar información de interés de una base de
datos, de una forma sencilla. Es un lenguaje de cuarta generacion (4GL).
AJAX: es el nombre que recibe el proceso de utilizar un objeto JavaScript para
intercambiar información en formato XML con el servidor sin tener que hacer submit de un
formulario o poner una URL en el navegador: el famoso XmlHttpRequest. Eso es todo, no
12
DISCLAIMER. Efecto java Script. Definición de Java Script. [online]. Actualizado en el 2009. [citado el
18 de marzo de 2010]. Disponible en Internet En: http://www.efectosjavascript.com/javascript.html p. 1 de
10.
38
tiene más. Básicamente, mediante programación JavaScript se puede crear un objeto de tipo
XmlHttpRequest que realice una petición a una URL determinada y encapsule el resultado
en un árbol XML. Nota: en el caso de Internet Explorer, el objeto en cuestión se llama
XMLHTTP13
.
CSS: las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal
usado para definir la presentación de un documento estructurado escrito en HTML o XML
(y por extensión en XHTML). El W3C (World Wide Web Consortium) es el encargado de
formular la especificación de las hojas de estilo que servirá de estándar para los agentes de
usuario o navegadores.
La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un
documento de su presentación.
Por ejemplo, el elemento de HTML <H1> indica que un bloque de texto es un
encabezamiento y que es más importante que un bloque etiquetado como <H2>. Versiones
más antiguas de HTML permitían atributos extra dentro de la etiqueta abierta para darle
formato (como el color o el tamaño de fuente). No obstante, cada etiqueta <H1> debía
disponer de la información si se deseaba un diseño consistente para una página, y además,
una persona que lea esa página con un navegador pierde totalmente el control sobre la
visualización del texto.
Cuando se utiliza CSS, la etiqueta <H1> no debería proporcionar información sobre como
va a ser visualizado, solamente marca la estructura del documento. La información de estilo
separada en una hoja de estilo, especifica cómo se ha de mostrar <H1>: color, fuente,
alineación del texto, tamaño, y otras características no visuales como definir el volumen de
un sintetizador de voz (véase Sinterización del habla), por ejemplo.
La información de estilo puede ser adjuntada tanto como un documento separado o en el
mismo documento HTML. En este último podrían definirse estilos generales en la cabecera
del documento o en cada etiqueta particular mediante el atributo "style".
Las ventajas de utilizar CSS (u otro lenguaje de estilo) son:
Control centralizado de la presentación de un sitio web completo con lo que se agiliza de
forma considerable la actualización del mismo.
Los Navegadores permiten a los usuarios especificar su propia hoja de estilo local que será
aplicada a un sitio web, con lo que aumenta considerablemente la accesibilidad. Por
ejemplo, personas con deficiencias visuales pueden configurar su propia hoja de estilo para
aumentar el tamaño del texto o remarcar más los enlaces.
13
WORDPRESS. AJAX. [online]. Actualizado en el 2005. [citado el 19 de abril de 2010]. Disponible en
Internet En: http://phedetech.wordpress.com/2006/05/24/ajax-una-definicion-sencilla/ p. 1 de 10.
39
Una página puede disponer de diferentes hojas de estilo según el dispositivo que la muestre
o incluso a elección del usuario. Por ejemplo, para ser impresa, mostrada en un dispositivo
móvil, o ser "leída" por un sintetizador de voz.
El documento HTML en sí mismo es más claro de entender y se consigue reducir
considerablemente su tamaño.
Hay varias versiones: CSS1 y CSS2, con CSS3 en desarrollo por el World Wide Web
Consortium (W3C). Los navegadores modernos implementan CSS1 bastante bien, aunque
existen pequeñas diferencias de implementación según marcas y versiones de los
navegadores¹. CSS2, sin embargo, está solo parcialmente implentado en los más recientes.
3.3 FASE DE ANÁLISIS DEL PORTAL WEB AGRÍCOLA
Teniendo en cuenta la información obtenida, se empieza hacer el análisis de los módulos
del sistema, y el diagrama de la base de datos, que permitirá la interacción del usuario con
el portal.
El lenguaje a utilizar para el modelamiento es UML (Lenguaje de Modelamiento
Unificado), el cual permite especificar o describir métodos o procesos. Es decir sirve para
definir un sistema, para detallar los artefactos en el sistema y para documentar y construir.
En otras palabras, es el lenguaje en el que está descrito el modelo.
40
3.4 DISEÑO DE CASOS DE USO
3.4.1 Diagrama de casos de uso para la Sección Administrable
Figura 6. Diagrama Casos de uso Sección administrador y súper Administrador
Fuente: Autor del Informe.
41
Figura 7. Diagrama Casos de uso Sección administrador y súper Administrador (continuación)
Fuente: Autor del Informe.
42
Figura 8. Diagrama Casos de uso Sección administrador y súper Administrador (continuación)
Fuente: Autor del Informe
43
Figura 9. Diagrama Casos de uso Sección administrador y súper Administrador (continuación)
Fuente: Autor del Informe.
44
Figura 10. Diagrama Casos de uso Sección administrador y súper Administrador (continuación)
Fuente: Autor del Informe.
45
3.4.2 Diagrama de casos de uso para la Sección Restringida
Figura 11. Diagrama Casos de uso Sección Limitado y visitante
Fuente: Autor del Informe.
46
Figura 12. Diagrama Casos de uso Sección Limitado y visitante (continuación)
Fuente: Autor del Informe.
47
Figura 13. Diagrama Casos de uso Sección Limitado y visitante (continuación)
Fuente: Autor del Informe.
48
Figura 14. Diagrama Casos de uso Sección Limitado y visitante (continuación)
Fuente: Autor del Informe.
49
Figura 15. Diagrama Casos de uso Sección Limitado y visitante (continuación)
Fuente: Autor del Informe.
50
3.5 ESPECIFICACIÓN DE LOS CASOS DE USO
3.5.1 Especificación casos de uso sección Administrador
Tabla 2. UC1: Control de acceso
Caso de uso UC1: Control de acceso
Actor Principal: Súper Administrador , Administrador
Personal involucrado e intereses:
Súper Administrador: Gestionar toda la información relacionada con los usuarios administradores, información institucional, noticias, fotogaleria, video
galería, diccionario agrícola, directorio agrícola, centros de acopio, precios, compra-
venta, cultivo, plagas, foro, chat.
Precondiciones:
El usuario este registrado en el sistema
El usuario debe haber abierto la aplicación
Escenario principal de éxito (o flujo Básico):
1. El usuario ingresa a la interfaz control de acceso
2. El usuario digita el nombre de usuario y contraseña, hace clic en el botón entrar.
3. El usuario ingresa a la interfaz de usuarios superadministrador y/o administrador.
Extensiones(o Flujos Alternativos):
2a.Si el usuario no ingresa el nombre de usuario y la contraseña, y hace clic en el botón
Entrar, el sistema muestra el mensaje “Debe digitar su nombre de usuario”. El usuario
hace clic en el botón Aceptar. Vuelve al paso 1.
2b. Si el usuario no ingresa el nombre de usuario, y hace Clic en el botón Entrar, el
sistema muestra el mensaje “Debe digitar su nombre de usuario”. El usuario hace clic
en el botón Aceptar. Vuelve al paso 1.
2c. Si el usuario no ingresa la contraseña, y hace clic en el botón Entrar, el sistema
muestra el mensaje “Debe digitar su contraseña”. El usuario hace clic en el botón
Aceptar. Vuelve al paso 1.
2d. Si el nombre de usuario y/o la contraseña son incorrectos el sistema muestra el
mensaje “El nombre de usuario y/o la contraseña son incorrectos”. El usuario hace
clic en el botón Aceptar. Vuelve al paso 1.
Garantías de éxito (Poscondiciones):
Una vez el usuario se haya logueado podrá realizar las operaciones que tenga
permitidas
Fuente: Autor del Informe.
51
Tabla 3. UC2: Gestionar usuario administrador
Caso de uso UC2: Gestionar usuario administrador
Actor Principal: Súper Administrador
Personal involucrado e intereses:
Súper Administrador: Gestionar toda la información relacionada con los usuarios administradores.
Precondiciones:
El usuario este registrado en el sistema
Escenario principal de éxito (o flujo Básico):
1. El usuario se autentica.
2. El usuario el usuario selecciona la pestaña usuario.
3. El sistema muestra una interfaz donde se listan todos los usuarios administradores y
el superadministrador puede gestionar la información correspondiente al usuario.