Story Transcript
UNIVERSIDAD AUTONOMA DE LOS ANDES ‘‘UNIANDES’’
FACULTAD DE SISTEMAS MERCANTILES
PREVIO A LA OBTENCIÓN DEL TÍTULO DE INGENIERO EN SISTEMAS INFORMATICOS
TEMA: PORTAL WEB PARA LA GESTIÓN DE LOS SERVICIOS DEL JARDÍN BOTÁNICO LAS ORQUÍDEAS DE LA CIUDAD DE PUYO.
AUTORES: TLGO. GONZALO ZABALA TLGO. RICHARD MARCELO HACHI AÑO 2013
DECLARACI ÓN
Nosotros Gonzal o Fabrici o Zabal a Sánchez, Ri char d Marcel o Hachi Ur eña decl aramos baj o j uramento que el trabaj o aquí descrito es de nuestra autorí a; que no ha si do
previ amente presentada para ni ngún grado o calificaci ón profesi onal; y, que he mos consultado l as referenci as bi bliográficas que se i ncl uyen en este documento.
A través de l a presente decl araci ón cede mos nuestros derechos de propiedad i ntelectual correspondi entes a este trabaj o, a l a Uni versidad Regi onal Autóno ma de l os Andes ‘ ‘ Uni andes’ ’, según l o estableci do por l a Ley de Propiedad Intelectual, por s u Regl ame nto y por l a nor mati vi dad i nstituci onal vi gente.
Gonzal o Fabricio Zabal a Sánchez
Ri chard Marcel o Hachi Ureña
CERTI FI CACI ÓN
Certifico que el presente trabaj o fue desarroll ado por Gonzal o Fabrici o Zabal a Sánchez, Ri char d Marcel o Hachi Ur e ña, baj o mi supervisión.
Ing. Rodri go Aguil ar DI RECTOR DE PROYECTO
AGRADECI MI ENTO Agr adezco a Di os por dar me tantas cosas, especial mente fuerza y val or para enfrentar todas l as dificultades que se me han presentado.
A mi famili a por ser como son, ade más, de bri ndar me s u apoyo, cari ño y toda s u comprensi ón, han si do mi soporte para que pueda seguir adel ante.
A mi s ami gos que con sus pal abras de apoyo me supi eron dar aliento cuando necesitaba.
A l a Uni versi dad Regi onal Autóno ma de l os Andes ‘ ‘ Uni andes’ ’ donde pasé l os mej ores mo me ntos de mi vi da estudi antil, dej ándo me l os mej ores recuerdos.
Ri char d Marcel o Hachi Ur e ña
AGRADECI MI ENTO A todas l as personas, amigos y compañeros que me bri ndaron su cari ño, confi anza y apoyo para fi nali zar este proyecto y cul mi nar así una etapa i mportante de l a vi da.
Al señor Director de tesis, por su li derazgo, sus sabi os consej os en l a conducci ón, direcci ón y apoyo en el desarrollo de l a tesis.
Por últi mo un agradeci miento i nfi nito a DI OS, que con su bondad e il umi naci ón me ha dado l a fuerza y vol untad necesari as para cul mi nar con este Trabaj o.
A l a Uni versi dad Regi onal Autóno ma de los Andes ‘ ‘ Uni andes’ ’ por habernos dado l a oportuni dad de superación profesi onal.
Gonzal o Fabrici o Zabala Sánchez
DEDI CATORI A Este proyecto dedico a mis padres quienes me han apoyado a lo l argo de l a carrera.
A mi s her manos que sie mpre estuvieron conmigo en l os mo me ntos que más yo he necesitado, que con s us consej os y apoyo me s upieron dar val or para que pueda fi nali zar
una etapa muy i mportante de mi vi da, graci as por ser mis mej ores ami gos.
. A mis compañeros y ami gos que me han ayudado para que pueda cul mi nar la carrera.
Gonzal o Fabrici o Zabala Sánchez
DEDI CATORI A
Este trabaj o dedico con todo mi amor y cari ño A ti Di os que me diste l a oportuni dad de vi vir y bri ndar me una famili a maravillosa. Con todo cari ño pri nci pal mente a mi s padres que me di eron l a vi da y me han apoyado en
todo mo me nto.
Gr aci as por todo papá y ma má por dar me una carrera para mi futuro y por creer en mí. Gr aci as por el eje mpl o que me han bri ndado y los val ores que me han i nculcado sie mpre.
A mi s queri dos ami gos qui enes sie mpre me de mostraron s u a mi stad en l os mo me ntos en l os que más los necesite.
Ri char d Marcel o Hachi Ur e ña
INDICE CONTENIDO DECLARACIÓN.............................................................. ....................................
I
CERTIFICACIÓN............................................................ ....................................
II
AGRADECIMIENTO........................................................... ................................
III
DEDICATORIA.............................................................. .....................................
IV
CONTENIDO................................................................ ......................................
V
Resumen Ejecutivo…………………………………………………………………… Executive Summary…….…………………………………………………………….. Introducción…………………………………………………………………………....
1 3 4
CAPITULO I ……………………………………………………………………………. 5 1. 1.1 1.1.1 1.1.2 1.2 1.2.1 1.2.2 1.3 1.4
El Problema……………………………………………………………………. 6 Planteamiento del Problema…………………………………………………. 6 Formulación del Problema ...………………………………………………… 6 Delimitación del Problema……………………………………………………. 7 Objetivos……………………………………………………………………….. 7 Objetivo General………………………………………………………………. 7 Objetivos Específicos…………………………………………………………. 7 Línea de Investigación………………………………………………………… 7 Justificación…………………………………………………………………….. 8
CAPITULO II……………………………………………………………………………
9
2. Marco Teórico………………………………………………………………….. 10 2.1 Antecedentes Investigativos……………..…………………………………… 10 2.2 Fundamentación Teórica…………..…………………………………………. 11 2.2.1 Apache………………………………………………………………………….. 11 2.2.2 Lenguaje PHP………………………………………………………………….. 11 2.2.3 MYSQL………………………………………………………………………….. 13 2.2.4 Wamp Server…………………………………………………………………… 13 2.2.5 PhpMyAdmin……………………………………………………………………. 14 2.2.6 Enterprise Architec…………………………………………………………….. 14 2.2.7 Macromedia Dreamweaver 8…………………………………………………. 15 2.2.8 Macromedia Flash……………………………………………………………… 15 2.2.9 Power Designer…………………………………………………………………. 16 2.2.10 Flash Player……………………………………………………………………... 16 2.2.11 Miscrosoft Expresion Web …………………………………………………….. 17 2.2.12 Arquitectura Cliente Servidor Web……………………………………………. 18 2.3 Idea a Defender ……………………………………………………………………. 20 CAPITULO III…………………………………………………………………………… 21 3 Marco Metodológico……………………………………………………………….. 22 3.1 Modalidad de la Investigación……………………………………………………. 3.2 Tipos de Investigación…………………………………………………………….. 22 3.2.1 Investigación de Campo………………………………………………………… 22 3.3 Población y Muestra……………………………………………………………….. 23 3.4 Métodos Técnicas e Instrumentos……………………………………………….. 3.4.1 Entrevista…………………………………………………………………………. 24 3.4.2 Observación………………………………………………………………………. 25 3.4.3 Instrumentos……………………………………………………………………… 25 3.5 Interpretación de Resultados……………………………………………………...
22
24
26
CAPITULO IV…………………………………………………………………………… 27 4 Marco Propositivo…………….…………………………………………………. 28 4.1 Título……………………………………………………………………………… 28 4.2 Desarrollo de la Propuesta……………………………………………………….. 28 4.2.1 Estudio de Factibilidad………………………………………………………….. 28 4.2.1.1 Factibilidad Técnica…………………………………………………………… 28 4.2.1.2 Factibilidad Operativa…………………………………………………………. 29 4.2.1.3 Factibilidad Económica……………………………………………………….. 29 4.2.1.4 Análisis de Factibilidad………………………………………………………. 30 4.2.2 Desarrollo de la Propuesta Empleando la Metodología OOHDM………….. 4.2.2.1 Introducción a OOHDM……………………………………………………….. 31 4.2.2.2 Fases de la Metodología OOHDM…………………………………………… 32 4.2.2.2.1 Modelo Conceptual………………………………………………………….. 32
31
4.2.2.2.1.1 Modelado de Objetos…………………………………………………….. 33 4.2.2.2.2 Diseño Navegacional……………………………………………………….. 33 4.2.2.2.3 Diseño de Interfaz Abstracta……………………………………………….. 34 4.2.2.2.4 Implementación……………………………………………………………… 34 4.2.2.3 Determinación de Requerimientos………………………………………….. 35 4.2.2.4 Identificación de Actores y Tareas…………………………………………… 36 4.2.2.4.1 Descripción de Cada Autor…………………………………………………. 36 4.2.2.5 Modelo Conceptual……………………………………………………………. 37 4.2.2.5.1Casos de Uso………………………………………………………………… 37 4.2.2.5.2 Diagrama General de Casos de Uso……………………………………… 37 4.2.2.5.3 Diagrama de Casos de Uso Nivel I……………………………………...... 38 4.2.2.5.4 Diagrama de Caso de Uso Administrador Sitio Web……………………. 41 4.2.2.5.5 Diagrama de Caso de Uso Administrar Voluntarios…………………….. 43 4.2.2.5.6 Diagrama de Caso de Uso Registrar Plantas……………………………. 45 4.2.2.5.7 Diagrama de Caso de Uso Registrarse…………………………………… 47 4.2.2.5.8 Diagrama de Caso de Uso Consultar……………………………………... 48 4.2.2.6 Diagrama de Secuencia……………………………………………………... 50 4.2.2.6.1 Diagrama de Secuencia Administrar Registro de Plantas……………… 50 4.2.2.6.2 Diagrama de Secuencia Administrar Registro de Filos…………………. 51 4.2.2.6.3 Diagrama de Secuencia Administrar Registro de Familias……......…… 52 4.2.2.6.4 Diagrama de Secuencia Administrar Registro de Genero……………… 53 4.2.2.6.5 Diagrama de Secuencia Administrar Registro de Especie……………... 54 4.2.2.6.6 Diagrama de Secuencia Administrar Registro de Taxón……………….. 55 4.2.2.6.7 Diagrama de Secuencia Administrar Voluntarios………………………... 56 4.2.2.6.8 Diagrama de Sec. Reg de Vol Emitiendo Reportes de Voluntarios…… 57 4.2.2.7 Modelo Funcional……………………………………………………………… 58 4.2.2.8 Diccionario de Datos………………………………………………………….. 68 4.2.2.9 Modelo Conceptual - Modelado de Objetos…..……………………………. 76 4.2.2.10 Modelo Lógico de la Base de Datos……………………………………….. 77 4.2.2.11 Modelo Físico de la Base de Datos………………………………………... 78 4.2.2.12 Arquitectura Cliente Servidor Web…………………………………………. 79 4.2.2.13 Diseño de Interfaz Abstracta……………………………………………….. 81 4.2.2.14 Implementación………………………………………………………………. 90 4.2.2.14.1 Actividades del Sistema………………………………………………….. 90 4.2.2.14.2 Productos Obtenidos………………………………………………………. 91 4.2.2.15 Pruebas……………………………………………………………………….. 92 4.2.2.15.1 Pruebas de Compatibilidad de Navegadores…………………………... 92 4.2.2.15.1.1 Navegadores en Sistemas Operativos Windows……………………. 93 4.2.2.15.1.2 Navegadores en Sistemas Operativos Linux……………………….. 95 4.2.2.16 Pruebas de Función Operacional…………………………………………. 96 4.2.2.17 Conclusiones…………………………………………………………………104 4.2.2.18 Recomendaciones…………………………………………………………..104 4.2.2.19 Bibliografía………………………………………………………………….. 4.2.2.20 Anexos……………………………………………………………………….
INDICE DE FIGURAS Figura Figura Figura Figura Figura Figura Figura Figura Figura 43 Figura 45 Figura Figura Figura 50 Figura 51 Figura Figura 53 Figura 54 Figura 55 Figura 56 Figura 57 Figura Figura 59 Figura Figura 61 Figura Figura Figura 64 Figura 65 Figura 66 Figura 67 Figura
1: 2: 3: 4: 5: 6: 7: 8: 9:
Lenguaje PHP…………………………………………………. 12 Arquitectura Multinivel………………………………………… 19 Arquitectura de Tres Niveles…………………………………. 20 Fases de OOHDM…………………………………………….. 32 Identificación de Actores……………………………………… 36 Diagrama General de Casos de Uso...……………………… 37 Diagrama de Casos de Uso Nivel I…………………………. 38 Casos de Usos Administrador del Sitio Web………………. 41 Diagrama de Casos de Uso Nivel 2, Administrar Voluntario
10: Diagrama de Casos de Uso Nivel 2, Registrar Plantas…. 11: Diagrama de Casos de Uso Nivel 2, Registrarse……….. 47 12: Diagrama de Casos de Uso Nivel 2, Buscar Plantas…… 48 13: Diagrama de Secuencia, Administrar Registro de Plantas 14: Diagrama de Secuencia, Administrar Registro de Filos… 15: Diagrama de Secuencia, Administrar Registro de Familias 52 16: Diagrama de Secuencia, Administrar Registro de Género. 17: Diagrama de Secuencia, Administrar Registro de Especie 18: Diagrama de Secuencia, Administrar Registro de Taxón. 19: Diagrama de Secuencia, Administrar Registro de Vol…… 20: Diag. De Secuencia, Reg. Vol Emitiendo Rep. De Vol….. 21: Modelo Funcional, Inicio de Sesión……………………….. 58 22: Modelo Funcional, Ingresar/Actualizar Datos de Vol….. 23: Modelo Funcional, Registro de Ingreso de Vol.…………. 60 24: Modelo Funcional, Ingresar Aportes de Voluntarios…….. 25: Modelo Funcional, Ingresar Actualizar Taxón……………. 62 26: Modelo Funcional, Ingresar Actualizar Filo……………….. 63 27: Modelo Funcional, Ingresar Actualizar Familia..………….. 28: Modelo Funcional, Ingresar Actualizar Género….……….. 29: Modelo Funcional, Ingresar Actualizar Especie………….. 30: Modelo Funcional, Ingresar Actualizar Usuario………….. 31: Modelado de Objetos…………………….………………….
76
Figura Figura Figura Figura Figura Figura Figura Figura Figura Figura Figura Figura
32: 33: 34: 35: 36: 37: 38: 39: 40: 41: 42: 43:
Modelos Lógico de La Base de Datos…………………….. 77 Modelo Físico de la Base de Datos……………………….. 78 Arquitectura de Tres Capas………………………………… 79 ADV, Página Principal………………………………………. 82 ADV, Página Nosotros………………………………………. 83 ADV, Página Historia………………………………………… 84 ADV, Página Ubicación……………………………………… 85 ADV, Página Investigación…………………………………. 86 ADV, Página Galería……………………………………….. 87 ADV, Página Contactos…………………………………….. 88 ADV, Página Comentarios………………………………….. 89 Compatibilidad con Internet Explorer 6 (Windows).……..
93 Figura 44: Compatibilidad con Firefox………………………………… 94 Figura 45: Compatibilidad con Epiphany (Linux)……………………..
95
INDICE DE TABLAS Tabla 23 Tabla Tabla Tabla Tabla
1: Población del Jardín Botánico ‘‘Las Orquídeas’’……………. 2: 3: 4: 5:
Factibilidad Técnica……………………………………………. 28 Factibilidad Económica………………………………………… 30 Descripción de cada Actor…………………………………….. 36 Especificación del Caso de Uso, Administrar el Sitio Web….
39 Tabla 6: Especificación del Caso de Uso, Administrar Voluntarios…. 39 Tabla 7: Especificación del Caso de Uso, Consultar Reportes……… 39 Tabla 8: Especificación del Caso de Uso, Registrar Plantas………... 39 Tabla 9: Especificación del Caso de Uso, Registrarse……………….. 40 Tabla 10: Especificación del Caso de Uso, Consultar Plantas…….... 40 Tabla Tabla Tabla Tabla
11: 12: 13: 14:
Especificación Especificación Especificación Especificación
del del del del
Caso Caso Caso Caso
de de de de
Uso, Uso, Uso, Uso,
Agregar………………….. 42 Modificar………………… 42 Eliminar………………….. 43 Buscar/Modificar………..
44 Tabla 15: Especificación del Caso de Uso, Inactivar…………………. 44 Tabla 16: Especificación del Caso de Uso, Agregar Reg. Plantas….. 45 Tabla 17: Especificación del Caso de Uso, Bus/Modificar………….... 46 Tabla 18: Especificación del Caso de Uso, Inactivar Reg. Plantas….. 46 Tabla 19: Especificación del Caso de Uso, Agregar Registrarse……. 47
Tabla 20: Especificación del Caso de Uso, Modificar Registrarse..…. 48 Tabla 21: Especificación del Caso de Uso, Buscar Plantas…………. 49 Tabla 22: Especificación del Caso de Uso, Modificar Plantas………. 49 Tabla Tabla Tabla Tabla Tabla Tabla Tabla Tabla Tabla Tabla Tabla Tabla Tabla
23: 24: 25: 26: 27: 28: 29: 30: 31: 32: 33: 34: 35:
Diccionario de Datos, Tabla Administrador…………………. 68 Diccionario de Datos, Tabla Filo…………………………….. 68 Diccionario de Datos, Tabla Familia………………………… 69 Diccionario de Datos, Tabla Género……………………….. 69 Diccionario de Datos, Tabla Especie……………………….. 70 Diccionario de Datos, Tabla Taxón…………………………. 70 Diccionario de Datos, Tabla Registro………………………. 71 Diccionario de Datos, Tabla Voluntarios…………………… 72 Diccionario de Datos, Tabla Voluntariado…………………. 73 Diccionario de Datos, Tabla Aporte………………………… 74 Diccionario de Datos, Tabla Comentarios…………………. 75 Formato de Pruebas del Sistema…………………………… 96 Pruebas del Sistema, Inicio de Sesión (Us Incorrecto)…….
97 Tabla 36: Pruebas del Sistema, Inicio de Sesión (Us correcto)……… 98 Tabla Tabla Tabla Tabla Tabla
37: 38: 39: 40: 41:
Pruebas Pruebas Pruebas Pruebas Pruebas
del del del del del
Sistema, Sistema, Sistema, Sistema, Sistema,
Voluntarios-.………………………… 99 Voluntariado……………………..…… 100 Especie, Género y Familia………… 101 Consultar Registro de Plantas………102 Consultar Usuarios-………………… .103
RESUMEN EJECUTIVO Un Portal brinda la oportunidad de implementar una gran cantidad de servicios, además de centralizar en un mismo Sitio la Información que se requiere dentro de una Empresa para sus actividades. Es considerado como una herramienta que contribuye a la difusión de la misma, teniendo a los Usuarios actualizados acerca de la realidad de la misma. La razón fundamental de implementar un Sitio Web en una organización es que el Internet es hoy en día el medio de comunicación más eficiente y económica para impulsar una relación comercial entre las empresas que ofertan sus productos y servicios y los mercados consumidores. El presente Proyecto de Titulación tiene por objetivo la elaboración del Portal para el Jardín Botánico ‘‘Las Orquídeas’’ que permitirá a usuarios afiliados o no afiliados beneficiarse con los servicios que éste brinda.
El proyecto presentado a continuación se encuentra dividido en cuatro capítulos, anexos y bibliografía cuya descripción es la siguiente: Capítulo
1:’’Introducción’’
Se
detalla
el
ámbito
en
donde
se
va
a
desarrollar el proyecto, la formulación y sistematización del problema, los objetivos general y específicos del sistema, y la justificación del proyecto. Capítulo2: ‘‘Aspectos Teóricos’’ Se presentan los conceptos principales de la ingeniería Web, el desarrollo de las aplicaciones Web, herramientas de diseño existentes, lenguajes, servidor Web y características. Capítulo3:
‘‘Aspectos
principales
del
proyecto, diseños
la
Metodológicos’’
Paradigma
Metodología
conceptúales,
Espiral OOHDM
Se
Orientado
utilizada,
diseños
presentan
de
a
las
navegación,
la
los web
etapas
aplicado
junto
diseño
conceptos
de
con
al los
interfaz
abstracta, y la implementación. Capítulo4:
‘‘Marco
Propositivo’’
Se
describen
las
herramientas
utilizadas, descripción de los elementos de un sitio web, la publicación del sitio, y el diseño que es la organización de los módulos de acuerdo con el perfil del usuario y sus tareas. Además tenemos ‘‘Conclusiones
y
Recomendaciones
‘‘
Se
presentan
las
conclusiones
obtenidas al final del proyecto al igual que las recomendaciones que se deberían seguir para el buen funcionamiento del portal Web. Bibliografía: Se detalla la bibliografía utilizada para el desarrollo del proyecto. Anexos: Se presenta, manual de usuario y manual del administrador del portal Web del Jardín Botánico ‘‘Las Orquídeas’’.
EXECUTIVE SUMMARY A Portal provides the opportunity to implement a lot of services, and centralized in one site the information required within a company for its activities. It is regarded as a tool that contributes to the spread of it, having current users about the reality of it. This titling project aims at developing the Portal for "the Orchids" Botanical Garden that will allow to affiliate or unaffiliated users, get benefit from services that it provides. The project is divided into four chapters, appendices and bibliography which description is the following: Chapter 1: "Introduction" is detailed the field, in which the project is going to develop, the formulation and systematization of the problem, the general and specific aims of the system and the project justification. Chapter 2: "Theoretical Aspects" it present the main concepts of Web engineering, the development of Web applications, existing design tools, languages, Web server and features. Chapter 3: "Methodological Issues" it present the main concepts of Spiral Paradigm Oriented to the web site and applied to the project, the OOHDM methodology applied, the stages along with conceptual designs, navigation design, abstract interface design and the implementation. Chapter 4: "Marco Proposition’’ It describes applied tools, the elements description of a website, the publication of a website, and design, that is, the organization of the modules, according to the user's profile and its tasks.we also have "Conclusions and Recommendations" it presented obtained conclusions at
the end of the project as well as the recommendations that should apply for the proper functioning of the Portal Web. Bibliography:
is
details
the
bibliography
used
to
the
project
development. Appendices : it Presents, user and administrator manual to the
portal
Web for "the Orchids" Botanical Garden INTRODUCCION El Jardín Botánico ‘‘Las Orquídeas’’ de la provincia de Pastaza es una empresa destina principalmente a la conservación de la flora y fauna, con sus más de 1000 tipos de orquídeas, se pretende rescatar biodiversidad que aún existe dentro de nuestra y provincia.
esa
gran
Es fácil tratar de recordar años atrás cuando vivíamos en la era donde la tecnología no se involucraba tanto en la vida del ser humano, pero hemos llegado al pleno siglo XXI y hoy en día podemos decir que contamos con medios tecnológicos e informáticos que nos ayuden a mejor y a facilitar un servicio dentro de una empresa en particular. Por estas circunstancias y más que todo, para ponerse al corriente de la tecnología existente, las grandes y pequeñas empresas de turismo, han empezado a implementar portales WEB, en los cuales se permite gestionar de manera ordenada, adecuada y correcta todos los recursos con los que dicha empresa cuenta. El jardín botánico necesita agilizar sus procesos tal es el caso de control del orquideario, u inscripción de voluntarios que ayudaran a las investigaciones botánicas y biológicas dentro del jardín. La información que se maneja no es actualizada, puesto que no da a conocer al público en general de los servicios que presta a la comunidad como es el caso de proyectos de reforestación de pastizales, paseos guiados a través del jardín. El jardín cuenta con invernaderos para la producción
de
orquídeas
con
lo
cual
necesita
difundir
la
comercialización de estas orquídeas para el sustento del jardín puesto que no es una empresa con fines de lucro y necesita de donaciones para poder expandir el jardín y poder proteger más la vida silvestre.
CAPÍTULO I ELPROBLEMA
CAPITULO I. EL PROBLEMA 1.1 Planteamiento del Problema Gracias al avance de la ciencia y al adentrarnos cada vez más en la era tecnológica, con el pasar de los años los procesos que se los lleva de forma manual están dejando de llevarse de la misma manera compleja con la que hoy en día se los hace. En muchas ocasiones la escaza organización de los servicios dentro de un lugar turístico, centros de rescate de flora y fauna, se hace presente ahora en la actualidad en pleno siglo XXI, lo cual amerita soluciones emergentes,
rápidas,
concretas
y
que
sirvan
de
beneficio
para
la
población y contribuyan de manera positiva a la conservación del medio ambiente. Actualmente existen varias maneras de contribuir a la gestión de recursos en cuanto a lugares turísticos y centros de rescate de flora y fauna, y es necesario implementarlas dentro de nuestra sociedad. Con
todo
ello
dentro
del
Jardín
Botánico
‘‘Las
Orquídeas’’
se
debe
priorizar la implementación de soluciones emergentes y concretas que vayan en beneficio de la empresa para poder tener un mayor crecimiento y exista mayor afluencia de turistas que visiten la misma.
1.1.1
Formulación del Problema ¿Cómo contribuir de manera positiva a la mejor administración de recursos
y a la falta de promoción de los atractivos turístico
dentro del Jardín Botánico ‘‘Las Orquídeas’’ de la provincia de Pastaza?
1.1.2
Delimitación del Problema La
presente
investigación
se
procedió a
realizar
dentro de
la
Provincia de Pastaza, Cantón Pastaza, Parroquia Puyo, Barrio Los Ángeles durante el periodo 25 de Abril del 2011 al 31 de Agosto del 2012. 1.2 OBJETIVOS 1.2.1 Objetivo General:
Implementar
un portal web para difundir los servicios y proyectos
que se desarrollan en el Jardín Botánico ‘‘Las Orquídeas’’. 1.2.2 Objetivos
Específicos:
Fundamentar bibliográficamente el manejo de recursos de flora y la utilización de herramientas de desarrollo web.
Recopilar información de la situación actual del jardín botánico. Desarrollar los componentes de un portal web Botánico. 1.3 LINEA DE INVESTIGACION
Desarrollo de Software y Programación de Sistemas
para
el
Jardín
1.4 JUSTIFICACION La motivación principal para realizar el presente trabajo de investigación es la constante demanda por falta de información a través de la red para casos como el descrito con soluciones reales y efectivas para nuestro medio. Un sitio web informativo y que permita administrar los recursos de una empresa, a través de internet beneficiara en su totalidad a nuestro jardín puesto que existirá mayor demanda de turistas locales y extranjeros. En
pleno
siglo
XXI
los
avances
tecnológicos
nos
han
permitido
que
cambiemos no solamente la forma en la que accedemos al conocimiento y como se produce el mismo, sino además las relaciones que establecemos a la hora de mantenernos informados. Así
como
otros
medios
previos
permitieron
disolver
barreras
sociales
referentes al tiempo y espacio, un portal web nos permitirá que la gente se encuentre más informados basta con el uso de un computador con acceso a internet, además con esto permitir evitar el desconocimiento de lugares turísticos y atractivos dentro de la provincia de Pastaza. No hay que olvidar que la forma en que las personas hacemos uso de la tecnología
afecta
tanto
positivamente
como
negativamente
sociedad, por eso es justo y necesario contribuir positivos que vayan en beneficio de la misma.
con
en
nuestra
planteamientos
La investigación que se realizará se considera de mucha importancia y aplicación práctica, pues incluye el análisis y recomendaciones técnicas de todas las alternativas posibles para ayudar en la toma de decisiones en el momento de establecer un sistema de información completo en nuestro medio para la situación propuesta.
CAPÍTULO II MARCOTEORICO
CAPITULO II. MARCO TEORICO 2.1 ANTECEDENTES INVESTIGATIVOS La presente investigación se basa en trabajos sobre portales web ya realizados los cuales nos ayudan y nos sirven como guía para poder realizar
un
trabajo más
eficiente
y
eficaz
tratando
de aportar
con
soluciones a todos los requerimientos dentro de nuestro ámbito con los que cuenta el Jardín Botánico ‘‘Las Orquídeas’’ Un ejemplo claro que tenemos dentro de la web es el Jardín Botánico de Quito su link, www.jardinbotanicoquito.com 1 donde claramente al momento de ingresar al sitio web podemos encontrar una interfaz muy llamativa, claramente detallado cada uno de sus servicios que la mencionada empresa ofrece.
Tiene
gran relación
con
el
trabajo
propuesto
puesto
que
se
asemeja a la propuesta plateada para el Jardín Botánico ‘‘Las Orquídeas’’ de la ciudad de Puyo el portal mencionado anteriormente nos servirá de manera adecuada como guía para que el desarrollo de la aplicación.
1 http://www.jardinbotanicoquito.com
Para poder obtener mayor ayuda también tenemos como referencia diferentes sitios los cuales se menciona a continuación www.orquideasecuador.org 2 y www.nybg.org3
que
integra
tanto
las
perspectivas
académicas
como
profesional en el desarrollo de portales web. Con esto nos ayuda tomar en cuenta aspectos esenciales que sirven como base y guía para el desarrollo de un buen trabajo durante su elaboración. Teniendo
como
base
fundamental
lo
anteriormente
mencionado
podemos
recalcar que es imprescindible la creación e implementación de un portal web que nos permita aplicarlo a nuestro jardín teniendo como base las necesidades
con
las que
cuenta
el
jardín
botánico
las
orquídeas
al
momento de la administración de los recursos dentro del mismo.
2.2 FUNDAMENTACION TEORICA 2.2.1 APACHE El servidor HTTP Apache es un servidor web HTTP de código abierto para plataformas Unix (BSD, GNU/Linux, etc.), Microsoft Macintosh y otras, que implementa el protocolo HTTP/1.1
Windows,
y la noción
de sitio virtual. El servidor Apache se desarrolla dentro del proyecto HTTP Server (httpd) de la Apache Software Foundation. Apache presenta entre otras características altamente configurables, bases de datos de autenticación y negociado de contenido, pero fue criticado por la falta de una interfaz gráfica que ayude en su configuración. Apache tiene amplia aceptación en la red: desde 1996, Apache, es el servidor HTTP más usado. Alcanzó su máxima cuota de mercado en 2005 siendo el servidor empleado en el 70% de los sitios web en el mundo, sin embargo ha sufrido un descenso en su cuota de mercado en los últimos
años.
(Estadísticas
históricas
y
de
uso
diario
proporcionadas por Netcraft). La mayoría de las vulnerabilidades de la seguridad descubiertas y resueltas tan sólo pueden ser aprovechadas por usuarios locales y no remotamente. Sin embargo, algunas se pueden accionar remotamente en ciertas situaciones, o explotar por los usuarios locales malévolos
2 http://www.orquideasecuador.org 3 http://www.nybg.org
en las disposiciones de recibimiento compartidas que utilizan PHP como módulo de Apache.4 2.2.2 Lenguaje PHP: Es un lenguaje interpretado de alto nivel embebido en páginas HTML y ejecutado en el servidor. El código PHP se incluye entre etiquetas especiales de comienzo y final que permiten entrar y salir del modo PHP. Lo que distingue a PHP de la tecnología Javascript, la cual se ejecuta en la máquina cliente, es que el código PHP es ejecutado en el servidor. PHP puede hacer cualquier cosa que se pueda hacer con un script CGI, como procesar la información de formularios, generar páginas con contenidos dinámicos, o mandar y recibir cookies. PHP es un lenguaje de programación de estilo clásico, con variables, sentencias condicionales, bucles, funciones. No es un lenguaje de marcas como podría ser HTML, XML o WML. El resultado es normalmente una página HTML pero igualmente podría ser una pagina WML.PHP es un lenguaje con asequible estructura de programación, la facilidad de llevar
a
cabo
sentencias
SQL
embebidas,
además
de
permitir
la
posibilidad de correr en diferentes tipos de servidores, entre ellos Apache.
Fi g. PHP
1 : Le ngua j e
4 http://es.wikipedia.org/wiki/Servidor_HTTP_Apache
2.2.3 MYSQL: Es un sistema de gestión de base de datos relacional, multihilo y multiusuario con más de seis millones de instalaciones. MySQL AB --desde enero de 2008 una subsidiaria de Sun Microsystems y ésta a su vez de Oracle Corporation desde abril de 2009--- desarrolla MySQL como software libre en un esquema de licenciamiento dual.5 Por un lado se ofrece bajo la GNU GPL para cualquier uso compatible con
esta
licencia,
pero
para
aquellas
empresas
que
quieran
incorporarlo en productos privativos deben comprar a la empresa una licencia específica que les permita este uso. Está desarrollado en su mayor parte en ANSI C. Al
contrario
de
proyectos
como
Apache,
donde
el
software
es
desarrollado por una comunidad pública y el copyright del código está en poder del autor individual, 2.2.4 WampServer: Wamp Server, antes conocido como WAMP, es un completo paquete al estilo
’apachefriends’
que
te
permite
instalar
y
configurar
fácilmente en tu sistema lo último del servidor Web Apache, el lenguaje de programación PHP y el servidor de base de datos MySQL. Pero Wamp Server no es simplemente un paquete de programas, esta aplicación instala una interfaz residente en la barra de tareas que permite iniciar, supervisar y tener los distintos servicios. Una de las ventajas de usar Wamp Server es que la instalación modificará los archivos de configuración (*.conf) con la ruta donde finalmente
se
ubicará
el
programa.
También
crea
un
directorio
denominado ’www’ que será la raíz para tus documentos.6
2.2.5 PhpMyAdmin PhpMyAdmin es una utilidad que nos sirve para interactuar con una base de datos de forma muy sencilla y desde una interfaz web. Nos 5 http://es.wikipedia.org/wiki/MySQL 6 http://wamp-server-wamp5.uptodown.com/
sirve por ejemplo para crear bases de datos, tablas, borrar o modificar dados, añadir registros, hacer copias de seguridad, etc. Es una aplicación tan útil que casi todos los hosting con MySQL disponen de ella, por ello se analizará su instalación. Además, vamos
a
usarlo
para
crear
los
usuarios
MySQL
para
así
poder
utilizar las bases de datos de forma segura. Al ser una aplicación escrita en PHP, necesita de Apache y MySQL para poder funcionar. 2.2.6 ENTERPRISE ARCHITECT Enterprise Architect combina el poder de la última especificación UML
2.1
con
alto
rendimiento,
interfaz
modelado avanzado al escritorio, y desarrollo
e
implementación.
intuitiva,
para el
Con
equipo
un
gran
para
traer
completo de conjunto
de
características y un valor sin igual para el dinero, EA puede equipar
a
su
equipo
administradores
de
entero,
incluyendo
proyectos,
personal
analistas, del
evaluadores,
control
de
calidad,
equipo de desarrollo y más, por una fracción del costo de algunos productos
competitivos.
las herramientas
y
Verifique
características
el case
rango en
completo
detalle.
Es
de unas
herramientas comprensibles de diseño y análisis UML, cubriendo el desarrollo de software desde el paso de los requerimientos a través de
las
etapas
mantenimiento.
del EA
es
análisis, una
modelos
herramienta
de
diseño,
pruebas
y
basada
en
multi-usuario,
Windows, diseñada para ayudar a construir software robusto y fácil de mantener. Ofrece salida de documentación flexible y de alta calidad. El manual de usuario está disponible en línea.7 El Lenguaje Unificado de Modelado provee beneficios significativos para ayudar a construir modelos de sistemas de software rigurosos y donde es posible mantener la trazabilidad de manera consistente. Enterprise Architect soporta este proceso en un ambiente fácil de usar, rápido y flexible. Para una mirada rápida al modelado UML en Enterprise Architect vea nuestro tutorial UML y documentos. EA le ayuda a administrar la complejidad con herramientas para rastrear
las
dependencias,
soporte
para
modelos
muy
grandes,
control de versiones con proveedores CVS o SCC, Líneas Base por cada punto del tiempo, la utilidad de comparar (diff) para seguir los cambios del modelo, interfaz intuitiva y de alto rendimiento con vista de proyecto como un "explorador". 2.2.7 Macromedia Dreamweaver 8
7 http://sparxsystems.com.ar/products/ea.html
Macromedia
Dreamweaver
8
es
un
editor
HTML
profesional
para
diseñar, codificar y desarrollar sitios, páginas y aplicaciones Web. Tanto si desea controlar manualmente el código HTML como si prefiere trabajar en un entorno de edición visual, Dreamweaver le proporciona útiles herramientas que mejorarán su experiencia de creación Web. Dreamweaver le permite crear aplicaciones Web dinámicas basadas en bases
de
datos
empleando
tecnologías
de
servidor
como
CFML,
ASP.NET, ASP, JSP y PHP. Si prefiere trabajar con datos en XML, Dreamweaver incorpora herramientas que le permiten crear fácilmente páginas XSLT, adjuntar archivos XML y mostrar datos XML en sus páginas.8 2.2.8 Macromedia Flash Es un programa que facilita la utilización de tecnología en la Web, permitiendo la creación de animaciones vectoriales. El interés en el uso de gráficos vectoriales es que éstos permiten llevar a cabo animaciones de poco peso, es decir, que tardan poco tiempo en ser cargadas por el navegador. Flash almacena sus archivos con varias extensiones. La extensión ‘‘.fla’’ contiene el programa fuente mientras que los ‘‘.swf’’ contienen el gráfico que será mostrada en la web. Los
archivos
‘‘.swf’’
son
industria de la publicidad banners, skyscrapers, etc.).
muy
populares
virtual
especialmente
(propaganda
y
archivos
en
avisos
la como
Es recomendable no realizar sitios web completos solo con Flash. A pesar que Google ya puede verlos, aun no se indexan correctamente por los buscadores. 2.2.9 Power Designer Es
la
herramienta
de
modelamiento
número
uno
de
la
industria,
permite a las empresas, de manera más fácil, visualizar, analizar y manipular metadatos, logrando un efectiva arquitectura empresarial de información. PowerDesigner
para
Arquitectura
Empresarial
también
brinda
un
enfoque basado en modelos, el cual permite alinear al negocio con la
tecnología
de
información,
facilitando
la
implementación
arquitecturas efectivas de información empresarial. 8 http://infodaniela02.blogspot.com/2012/05/aspectos basicos-de-dreamweaver.html
de
Brinda potentes técnicas de análisis, diseño y gestión de metadatos a la empresa. PowerDesigner combina varias técnicas estándar de modelamiento
con
herramientas
líder
de
desarrollo,
como
.NET,
Sybase WorkSpace, Sybase Powerbuilder, Java y Eclipse, para darle a las empresas soluciones de análisis de negocio y de diseño formal de base de datos. Además trabaja con más de 60 bases de datos relacionales. 2.2.10 Es
Flash Player: una
aplicación
inicialmente por
en
forma
Macromedia
de
y
reproductor
actualmente
multimedia
distribuido
creado
por
Adobe
Systems. Permite reproducir archivos SWF que pueden ser creados con la herramienta de autoría Adobe Flash, con Adobe Flex o con otras herramientas de Adobe y de terceros. Estos archivos se reproducen en un entorno determinado (en un sistema operativo tiene el formato de
aplicación
del
sistema,
mientras
que
si
el
entorno
es
un
navegador, su formato es el de un Plug-in u objeto ActiveX).También es
utilizado
para
mejorar
la
calidad
de
vídeo
sobre
todo
de
internet; cada nueva versión que sale de este producto hace que la carga de video sea mas óptima y más rápida los efectos en el vídeo serán mejores, vídeo más nítidos con disminución en el pixelado (cuadrados grandes en el vídeo). 2.2.11
Microsoft Expresión Web
Microsoft Expression Web con nombre código Quartz es un editor de páginas
web
HTML desarrollado
por Microsoft como
una
aplicación
para sitios web, considerada una versión superior de FrontPage 2003 por
su
semejanza
en
aspectos
a
este
último.
Utiliza
el
mecanismo WYSIWYG (Lo que ve es lo que obtiene) para modificar páginas Web. Está enfocada al cumplimiento de estándares, ya que permite validar nuestro contenido contra el estándar que el usuario desee seguir o navegadores en
los
que
se
planea
montar
la aplicación
Web.
Además, Expression Web es compatible con hojas de estilo CSS y con Microsoft Visual Studio. Asimismo, incluye la capacidad de procesar archivos XML mediante JavaScript. Desde la versión 2 del programa, se permite la integración con lenguajes de servidor como ASP.NET o PHP sin necesitar de instalar un
servidor.
También
permite
Photoshop para generar imágenes.
la
interacción
con Adobe
Novedades Microsoft Expression Studio 2 trabaja de forma óptima con Visual Studio
2005 y Visual
Studio
2008,
lo
que
resuelve
el
eterno
problema de flujo de trabajo entre diseñadores y desarrolladores. Las
innovaciones
en
(XAML),
utilizado
por
Expression
Studio
y Visual Studio, permiten a diseñadores y desarrolladores colaborar de una manera sin precedentes para crear tanto experiencias Web basadas
en
estándares
Microsoft Silverlight,
como
así
experiencias
como
mejoradas
aplicaciones
con
cliente
Windows
resulta
adecuado
Vista y .NET Framework 3.5.9
2.2.12 Al
Arquitectura Cliente Servidor WEB hablar
del
desarrollo
de
aplicaciones
Web
presentarlas dentro de las aplicaciones multinivel. Los sistemas típicos
cliente/servidor
pertenecen
a
la
categoría
de
las
aplicaciones de dos niveles. La aplicación reside en el cliente mientras que la base de datos se encuentra en el servidor. En este tipo de aplicaciones el peso del cálculo recae en el
cliente,
mientras que el servidor hace la parte menos pesada, y eso que los clientes suelen ser máquinas menos potentes que los servidores. Además, está el problema de la actualización y el mantenimiento de las aplicaciones, ya que las modificaciones a la misma han de ser trasladada a todos los clientes. Para solucionar estos problemas se ha
desarrollado
el
concepto
de
arquitecturas
de
tres
niveles:
interfaz de presentación, lógica de la aplicación y los datos. La
capa
intermedia
es
el
código
que
el
usuario
invoca
para
formatea
para
recuperar los datos deseados. La
capa
de
mostrarlos
presentación
recibe
adecuadamente.
los
Esta
datos
división
y
los
entre
la
capa
de
presentación y la de la lógica permite una gran flexibilidad a la hora de construir aplicaciones, ya que se pueden tener múltiples interfaces sin cambiar la lógica de la aplicación. La tercera capa consiste en los datos que gestiona la aplicación. Estos datos pueden ser cualquier fuente de información como una base de datos o documentos XML. Convertir un sistema de tres niveles a otro multinivel es fácil ya que
consiste
en
extender
la
capa
intermedia
permitiendo
convivan múltiples aplicaciones en lugar de una sola.
9 http://es.wikipedia.org/wiki/Expression_Web
que
La arquitectura de las aplicaciones Web suelen presentar un esquema de tres
niveles como se muestra en la figura El primer nivel Fi gur a 2 : consiste en la capa de presentación que incluye no sólo el Ar q u i t e c t u r a navegador, sino también web que es el responsable de Mu l el t i nservidor i vel dar a los datos un formato adecuado. El segundo nivel está referido habitualmente a algún tipo de programa o script. Finalmente, el tercer nivel proporciona al segundo los datos necesarios para su ejecución. Una
aplicación
Web
típica
recogerá
datos
del
usuario
(primer
nivel), los enviará al servidor, que ejecutará un programa (segundo y tercer nivel) y cuyo resultado será formateado y presentado al usuario en el navegador (primer nivel otra vez).1 0
10 http://www.infor.uva.es/~jvegas/cursos/taller/interaweb/node 12.html
Lamentablemente, el uso de toda esta tecnología pasa por el dominio de técnicas de programación y de acceso a bases de datos, condición esta que no se puede presuponer en un curso de divulgación como éste. Así, nos vamos a restringir al uso de herramientas básicas a la hora de la construcción de un portal docente.1 1 2.3 IDEA A DEFENDER El
sistema
de
administrativos Orquídeas’’.
información y
CERFA
promoción
permitirá
turística
del
mejorar Jardín
los
procesos
Botánico
‘‘Las
11 http://www.infor.uva.es/~jvegas/cursos/buendia/pordocente/no de21.html
CAPÍTULO III MARCOMETODOLOGICO
CAPITULO III. MARCO METODOLOGICO 3.1
MODALIDAD DE LA INVESTIGACION El presente proyecto se basa en una investigación cualitativa debido a que se basa en registros narrativos de los fenómenos que son estudiados mediante técnicas como la observación participante y las entrevistas no estructuradas para poder resolver alguna situación, necesidad o problema en un contexto determinado, donde el investigador trabaja en un ambiente natural en que conviven las personas y las fuentes consultadas, de donde podremos obtener los datos más relevantes a ser analizados. Dentro de la presente investigación trataremos de recopilar la mayor cantidad
de
información
sobre
el
problema
planteado
a
través
de
la
entrevista ejecutada hacia el administrador y mediante la observación artificial donde nos permitirá integrarnos a la comunidad con el objetivo de realizar una investigación a profundidad. 3.2
TIPOS DE INVESTIGACION 3.2.1
INVESTIGACION DE CAMPO Se
puede
comentar
que,
la
investigación
de
Campo
dentro
del
proyecto de tesis permitirá relacionar con el objeto y construir por
sí
mismo
la
realidad
aplicada,
se
tiene
como
uno
de
los
propósitos principales recopilar información empírica sobre la realidad del fenómeno a estudiar dentro de un ambiente determinado.
La
investigación
de
campo
es
entendida
como
el
análisis
sistemático de problemas en la realidad, con el propósito bien sea de describirlos, interpretarlos, entender su naturaleza y factores constituyentes,
explicar
sus
causas,
y
efectos,
o
predecir
su
ocurrencia, haciendo uso de métodos característicos de cualquiera de
los
paradigmas
o
enfoques
de
investigación
conocidos
o
en
desarrollo. Otra característica de la investigación de campo es que los datos de interés son recogidos en forma directa de la realidad. Este tipo de investigación es también conocida como investigación in situ ya que se realiza en el propio sitio donde se encuentra el objeto de estudio. Ello permite el conocimiento más a fondo del investigador, puede manejar los datos con más seguridad y podrá soportarse en diseños exploratorios, descriptivos y experimentales, creando una situación de control en la cual manipula sobre una o más variables dependientes (efectos). 3.3
POBLACION Y MUESTRA El presente proyecto investigativo se llevara a cabo dentro Jardín Botánico ‘‘Las Orquídeas’’ ubicado en la provincia de Pastaza-Puyo. El
marco
poblacional
sujeto
a
estudio
tiene
como
principales
características: personas involucradas dentro del jardín, poseen más de dos años laborando, poseen conocimientos acerca de la problemática sujeta a estudio, y pueden suministrar datos e información para elaborar el diagnóstico y solucionar el problema planteado. Este marco poblacional abarca a las diferentes instancias: personas. En la tabla 1 podemos observar la conformación de la población.
CARGO Gerente
Sujetos General
1
(Propietario) Administrador
1
Supervisor
1
Obreros
10
Total
13
TABLA 1: Población del Jardín B o t á n i c o ‘‘ l a s O r q u í d e a s ’’ Al ser una población pequeña no es necesario calcular la muestra, por tal motivo se hablará de la población en su totalidad.
3.4 METODOS, TECNICAS E INSTRUMENTOS Nos basaremos en una metodología Inductiva, la cual partiendo de la observación dirigida de muchos casos particulares y concretos se llegara a una ley, regla, principio o generalización. Su base fundamental es la observación
de
los
hecho
reales
y
particulares
para
realizar
una
comparación de varios casos En concreto, podemos establecer que este método se caracteriza por varias cosas y entre ellas está el hecho de que al razonar lo que hace quien lo utiliza general o
bien de una
es ir de lo particular a lo
parte concreta al
todo del que forma
parte.
Para establecer los requisitos técnicos implementados dentro del presente proyecto
de
obtención
investigación,
de
requisitos
se
más
aplicará
utilizada
dos como
de es
las la
estrategias entrevista
y
de la
observación. 3.4.1 ENTREVISTA Se
realizó
la
entrevista
al
Sr.
Nelson
Omar
Tello,
gerente
propietario del Jardín Botánico ‘‘Las Orquídeas’’; persona a la cual
se
ha
realizado
una
entrevista,
para
conocer
el
actual
desenvolvimiento del Jardín, dentro de las diferentes áreas, en los diferentes planes operativos presentados dentro del Jardín, con la finalidad
de
aplicarlos
conocer
dentro
todos
del
los
proyecto.
entrevistas, se pudo conocer el
requerimientos, Con
la
principal
para
realización
poder de
las
problema que se generan
en cuanto a información se refiere. Dentro
de
una
organización,
la
entrevista
es
la
técnica
más
significativa y productiva de que dispone el analista para recabar datos.
En
otras
palabras,
la
entrevista
es
un
intercambio
de
información que se efectúa cara a cara. Es un canal de comunicación entre el analista y la organización; sirve para obtener información acerca de las necesidades y la manera de satisfacerlas, así como concejo y comprensión por parte del usuario para toda idea o método nuevos.
Por
otra
parte,
la
entrevista
ofrece
al
analista
una
excelente oportunidad para establecer una corriente de simpatía con el
personal
usuario,
lo
cual
estudio.Anexo I (Entrevista)
es
fundamental
en
transcurso
del
3.4.2 OBSERVACION La
Observación
dentro
del
proyecto
será
una
guía
para
conocer
principalmente lo que ocurre en la vida real dentro del jardín, ya que
permite recopilar información para el proceso de investigación
y desarrollo. Así también se requiere de habilidad para establecer las
condiciones
realicen
dentro
de
manera
tal
que
de
forma
del jardín
los
hechos
natural
en
observables este
caso
se sin
influencia del investigador u observador. Al respecto, la técnica de la observación se complementa con la técnica de la entrevista o el cuestionario y la técnica del análisis de contenido; dependiendo esto del tipo (Observación)
y
3.4.3 INSTRUMENTOS Entrevista: Anexo I Observación: Anexo II
alcances
de
la
investigación.
Anexo
II
3.5 INTERPRETACION DE RESULTADOS Basados en los resultados obtenidos durante la entrevista al Sr. Omar Tello, Gerente propietarios del Jardín Botánico ‘‘Las Orquídeas’’, se concluye lo siguiente: Una
mejor
Orquídeas’’
difusión al vendría
a
público
en
contribuir
general de
del
manera
Jardín
excelente
Botánico ‘‘Las manifiesta
el
propietario de la empresa, y mejor que este tipo de difusión se dé a través de un medio muy reconocido ahora en la actualidad como es el de la web con el uso del internet. El gerente propietario Sr. Omar Tello y el personal que labora dentro de la empresa, considera que no cuentan con un sistema que permita la mejor administración de los servicios dentro de la empresa, la cual ayude a mejorar enormemente el servicio que prestan. Con respecto al acceso a la información manifiesta el señor propietario que se encuentra llevando de manera rudimentaria sin ningún tipo de sistema el cual ayude a un mejor control de la misma y en caso de haber perdidas de toda esta información ocasionaría
grandes pérdidas
a
la
empresa. Según los argumentos anteriormente descritos y en base a la entrevista realizada al propietario de la empresa, se confirma que, el problema que se tratara de dar solución traerá consigo grandes ventajas y beneficios que contribuirían de manera positiva, logrando así que la empresa se fortalezca y crezca de manera para con la sociedad.
CAPÍTULO IV MARCOPROPOSITIVO
CAPITULO IV. MARCO PROPOSITIVO 4.1 TITULO Desarrollar los componentes de un portal web para mejorar gestión de los procesos del Jardín Botánico ‘‘Las Orquídeas’’.
la
4.2 DESARROLLO DE LA PROPUESTA 4.2.1
ESTUDIO DE FACTIBILIDAD 4.2.1.1
FACTIBILIDAD TECNICA
Para la implementación del presente proyecto se ha tomado en cuenta la factibilidad técnica la cual tiene ciertos requerimientos que se detallan a continuación:
ELEMENTO
REQUERIMIENTO MINIMO
INVENTARIO
VIABLE
Hardware
Software
Intel Pentium IV 1.6 Intel Pentium(R) SI Ghz Dual 3.4 GHz
Memoria RAM 512 Mb
Memoria 1Gb. DDR2
Disco Duro 250 Gb
Disco Duro 500Gb
Teclado
Teclado
Mouse
Mouse Ps
Internet Explorer 7
Internet
Mozilla Firefox
Windows Seven
Windows xp sp3
Dreamweaver
SI SI SI
7
Explorer
SI
SI
SI
SI
SI
Mozilla Firefox
Windows Seven
Wampserver
SI
Dreamweaver
TABLA 2: FACTIBILIDAD T E CSr. N I C AOmar Tello gerente propietario presta En vista que, el las
garantías
software considerar
para
necesarias la
factible
en
cuanto
implementación y/o
viable
la
respecta
del
portal
elaboración
a
hardware
web, del
y
podemos presente
proyecto dentro del aspecto técnico. 4.2.1.2 FACTIBILIDAD OPERATIVA El personal requerido para la administración del sistema, en cuanto podemos referirnos a ingreso de información a la base de datos, actualización de información y levantamiento de la misma a las paginas estáticas, deben contar con los conocimientos básicos en computación por ende estas personas se encuentran en la capacidad de la realización de todo este trabajo por lo que podemos decir que el proyecto es viable en cuanto a operatividad. 4.2.1.3 FACTIBILIDAD ECONOMICA La Factibilidad Económica es de vital importancia puesto que nos permitirá detallar la inversión que se va a realizar ejecución del proyecto, se detalla a continuación:
para
la
COSTO
VALOR
DISPONIBILIDAD
VIABLE
Programación
$ 300
DONACION
SI
Diseño
$ 300
DONACION
SI
$ 200
DONACION
SI
PROPIO
SI
DONACION
SI
Insumos Materiales
y
$ 980
Equipos Transporte
$ 40
Internet
$ 30
DONACION
SI
Contratación Dominio
$ 30
DONACION
SI
$10
DONACION
SI
$15
DONACION
SI
Servicios Básicos Copias Impresiones
e
TOTAL
$ 1905 TABLA 3: FACTIBILIDAD ECONOMICA
Desde el punto de vista económico los costos que representa la elaboración del presente proyecto serán asumidos por las personas encargadas del desarrollo del mismo por lo puede
considerar
presupuesto
para
económicamente.
que su
existe
ejecución,
plena por
lo
que se
predisposición tanto
es
y
viable
4.2.1.4 ANALISIS DE FACTIBILIDAD El presente proyecto es considerado viable para su ejecución debido a que cuenta con la acogida y apoyo para la elaboración del mismo teniendo en cuenta que el acceso a la información requerida no se encuentra al alcance de toda persona que así lo desee por tal razón las facilidades que se nos brinda por parte del propietario el Sr. Omar Tello nos da las garantías para la elaboración y ejecución del mencionado proyecto.
4.2.2
DESARROLLO DE LA PROPUESTA EMPLEANDO LA METODOLOGIA OOHDM 4.2.2.1 INTRODUCCION A OOHDM En la actualidad son pocas las metodologías existentes que permiten a los desarrolladores conseguir productos de software hipermedia, reusables y fáciles de mantener. La Metodología OOHDM es una metodología orientada a objetos que tiene por objetivo simplificar y a la vez hacer más eficaz el diseño
de
las
aplicaciones
web,
fue
desarrollada y
creada por
Gustavo Rossi y Daniel Schwabe en el año de 1998 donde se combinan notaciones gráficas UML con otras propias de la metodología. En una primera instancia debido al poco auge que tenía Internet, OOHDM era sólo para aplicaciones que incluían hipertexto y algo de multimedia (CD-ROM promociónales, enciclopedias, museos virtuales, etc.). Pero el gran desarrollo de Internet obligó su adaptación para el desarrollo de aplicaciones hipermedia en Internet, tales como
comercio
electrónico,
motores
de
búsqueda,
sitios
educacionales y de entretenimiento. Hoy en día esta metodología es una propuesta ampliamente aceptada para el desarrollo de aplicaciones de la web. Posee una notación diagramática bastante completa, que permite representar en forma precisa elementos propios de las aplicaciones hipermedia, tales como nodos, anclas, vínculos, imágenes, estructuras de acceso y contextos. La metodología propone que el análisis de requerimientos se lo realice utilizando User Interaction Diagrams UID, esta propuesta parte
de
los
casos
de
uso
que
se
considera
una
técnica
muy
difundida, ampliamente aceptada y fácilmente entendible por los usuarios y
clientes no
representan la
expertos,
UID son
interacción entre el
modelos
usuario y
el
gráficos que sistema, sin
considerar aspectos específicos de la interfaz, además, centra el desarrollo de un sistema de información web entorno del modelo conceptual de clases, este diagrama debe surgir de los requisitos que se definan del sistema. OOHDM propone un proceso de desarrollo de cinco fases que son las siguientes:
MODEL DI S E Ñ DI SEÑ O O O DE CONCE NA V E G I NT ER PT UAL A CI ON F AZ Figura 4: Fases de
OB T E NC I ON DE RE QUE R I MI E NT
I MP L E M E NT A CI ON
OHDM 4.2.2.2.- FASES DE LA OMETODOLOGIA OOHDM La herramienta en la cual se fundamenta esta fase son los diagramas de casos de usos, los cuales son diseñados por escenarios con la finalidad de obtener de manera clara los requerimientos y acciones del sistema. Los
casos
de
uso
representados
que
mediante
surgen los
a
partir
Diagramas
de
de
aquí,
serán
Interacción
de
luego
Usuario
(UIDs), los cuales proveen de una representación gráfica concisa de la interacción entre el usuario y el sistema durante la ejecución de
alguna
requisitos
tarea. de
Con
la
este
tipo
aplicación
de
de
diagramas
manera
se
capturan
independiente
de
los la
implementación. 4.2.2.2.1 Modelo Conceptual Durante
esta
actividad
se
lleva
a
cabo,
según
Koch
(2002)
un
esquema conceptual representado por los objetos del dominio, las relaciones y colaboraciones existentes establecidas entre ellos. El
esquema
conectadas
de por
las
clases
relaciones.
consiste Los
en
objetos
un son
conjunto
de
instancias
clases de
las
clases. Las clases son usadas durante el diseño navegacional para derivar
nodos,
y
las
relaciones
que
son
usadas
para
construir
enlaces.
4.2.2.2.1.1 Modelado de Objetos El
Modelo
de
Objetos
define
la
estructura
y
las
relaciones
estáticas entre clases identificadas en el dominio del problema. En
este modelo constan actores y los objetos sobre los que estos operan, y se especifican las relaciones que existen entre ellos. Se tienen a los siguientes actores:
! Administrador
! Usuario registrado
Voluntario
Usuario no registrado
4.2.2.2.2 Diseño Navegacional La primera generación de aplicaciones web fue pensada para realizar navegación
a
través
del
espacio
de
información,
utilizando
un
simple modelo de datos de hipermedia. Según Koch (2002) esquemas:
el
El diseño de navegación es expresado en dos
esquema
de
clases
navegacionales
y
el
esquema
de
contextos navegacionales, los cuales se definen a continuación:
Esquema
de
Clases
Navegacionales:
establece
las
posibles
vistas del hiperdocumento a través de unos tipos predefinidos de clases, llamadas navegacionales como son los nodos,
los
enlaces y otras clases que representan estructuras o formas alternativas de acceso a los nodos, como los índices y los recorridos guiados (Koch, ob. cit).
Esquema
de
Contexto
Navegacional:
es
el
que
permite
la
estructuración del hiperespacio de navegación en sub-espacios para los que se indica la información que será mostrada al usuario y los enlaces que estarán disponibles cuando se accede a un objeto (nodo) en un contexto determinado (Koch, ob. cit). Sánchez (s.f.) comenta con respecto a esta fase, ‘‘es la fase en que diseñamos la aplicación teniendo en cuenta los usuarios a los que va dirigida y los objetivos de la misma’’, en pocas palabras, es la fase en que se plantea la manera de cómo será la navegación del usuario en el hiperdocumento. Las tareas que se ejecutan son las siguientes: * Se
reorganiza
conceptual.
la
información
representada
en
el
modelo
*
Se
estructura
la
vista
de
navegación
sobre
el
modelo
conceptual. 4.2.2.2.3 Diseño de Interfaz Abstracta Una vez que las estructuras navegacionales son definidas, se deben especificar los aspectos de interfaz. Según Schwabe, Rossi y Simone (s.f.) esto significa definir la forma en la cual los objetos navegacionales activarán
la
pueden
aparecer,
navegación
y
el
cómo
resto
los de
objetos
la
de
interfaz
funcionalidad de
la
aplicación. El modelo de interfaz ADVs (Vista de Datos Abstractos), especifica la organización y comportamiento de la interfaz, pero la apariencia física real o de los atributos, y la disposición de las propiedades de las ADVs (Vista de Datos Abstractos), en la pantalla 4.2.2.2.4 Implementación En
esta
Schwabe
fase, y
el
diseñador
Rossi.
construidos
en
(1998), forma
implementación;
en
debe
hasta
implementar
ahora todos
independiente
esta
fase
es
de
tenido
el
diseño.
Según
los
modelos fueron
la
plataforma
en
cuenta
el
de
entorno
particular en el cual se va a correr la aplicación. Al
llegar
a
esta
fase,
el
primer
paso
que
debe
realizar
el
diseñador es definir los ítems de información que son parte del dominio
del
problema.
Debe
identificar
también,
cómo
son
organizados los ítems de acuerdo con el perfil del usuario y su tarea; decidir qué interfaz debería ver y cómo debería comportarse. A fin de implementar todo en un entorno web, el diseñador debe decidir además qué información debe ser almacenada. Es de especial importancia el hacer notar que hoy en día, hay muchos y varios ambientes
de
implementación,
con
características
distintas.
Es
claro, por ejemplo, que no se puede usar el mismo conjunto de líneas de acción en la traducción de un proyecto OOHDM para un documento HTML que para un programa en Macromedia Flash. 4.2.2.3 DETERMINACION DE REQUERIMIENTOS El Jardín Botánico ‘‘Las Orquídeas’’ es considerado dentro de la provincia
de
importantes de
Pastaza la
uno
de
los
zona, además de
atractivos
turísticos
contribuir enormemente a
más la
conservación del medio ambiente, se ratifica esto con el ingreso del
mencionado
International,
jardín
además
de
al
Botanic
ser
miembro
Gardens de
la
Red
Conservation Global
de
Restauración Ecológica. Razón por la cual se está actualizando y
mejorando permanentemente de acuerdo a lo avances tecnológicos. El
mencionado
consecuencia nacional
y
inscripción
jardín la
no
falta
extranjero, de
cuenta
de
además
voluntarios
con
un
conocimiento de
para
portal por
reducir
dicho
web
parte en
jardín
dando del
gran por
la
como
turista
parte
la
falta
de
conocimiento; además de ello podemos decir que no se lleva un adecuado registro y control de las orquídeas que hay dentro del jardín, es por tal razón que el sistema que pretende implementarse permitirá la automatización de todos estos brindar otros servicios referentes al jardín.
procesos
además
de
Por ende se ha dado gran apertura y todas las facilidades de acceso a la información requerida para la elaboración del mencionado portal por parte del gerente propietario el Sr. Omar Tello. Son varios los servicios que brinda dicho jardín, por ello es importante
la
automatización
de
dichos
procesos
los
cuales
faciliten y mejoren el rendimiento, evolución y crecimiento de este gran atractivo turístico para la zona. 4.2.2.4 IDENTIFICACION DE ACTORES Y TAREAS Para una mejor comprensión del rol que tienen los usuarios del Sistema se realizó una breve descripción de cada uno de ellos colocando su descripción, responsabilidades y uso del sistema.
Administrador
FIGURA
4.2.2.4.1
N°
1
Voluntario
5:
I D E N T I F I C A C I OCliente N DE
ACTORES DESCRIPCION DE CADA ACTOR
ACTORES
USUARIO ADMINISTRADOR
DESCRIPCION Es aquel usuario que tendrá el acceso a toda la información del sitio puesto que es quien se encargara de vigilar y control el portal web
2
Es aquel usuario registrado en la página el cual tendrá acceso a los diferentes servicios con los que cuenta el sitio web.
USUARIO VOLUNTARIO
Este usuario tendrá acceso a la página informativa del sitio. 3
USUARIO CLIENTE TABLA
4:
DESCRIPCION
DE
CADA
ACTOR
4.2.2.5
MODELO CONCEPTUAL
4.2.2.5.1 CASOS DE USO Dentro
de
lo
siguientes
casos
de
uso
vamos
a
representar
gráficamente la secuencia y actividades que va a realizar el sitio web del Jardín Botánico ‘‘las Orquídeas’’ 4.2.2.5.2 DIAGRAMA GENERAL DE CASOS DE USO
ADMI NI STRADO
ADMI NI STRACI ON DE PROYECTOS EN EL JARDI N BOTANI CO LAS ‘ ‘ ORQUI DES’ ’ VOLUNTARI O
USUARI O
F I GURA 6 :
DI AGRAMA GENERAL DE CASOS
4.2.2.5.3 DIAGRAMA DE CASO DE USO NIVEL I
administrar sitio web administrador
administrar voluntarios
voluntario registrar plantas
registrarse
buscar plantas
usuario
FIGURA
7:
USO NIVEL I
DIAGRAMA
DE
CASOS
DE
Caso de Uso
Administrar sitio web
Actores
Administrador
Descripción
Función a través de la cual el administrador se encargar de agregar, modificar y eliminar información del Sitio Web. TABLA
5:
ESPECIFICACION
DEL
CASO
DE
USO,
ADMINISTRAR
SITIO WEB
Caso de Uso
Administrar voluntarios
Actores
Administrador
Descripción
Función a través de la cual el administrador agrega, modifica e inactiva los voluntarios registrados en el sistema.
TABLA
6:
ESPECIFICACION
DEL
CASO
DE
USO,
ADMINISTRAR
VOLUNTARIOS
Caso de Uso
Consultar de Reportes
Actores
Administrador, Voluntarios
Descripción
Función a través de la cual se consultaran registradas, registro de voluntarios inscritos.
plantas
TABLA 7: ESPECIFICACION DEL CASO DE USO, CONSULTAR REPORTES Caso de Uso Actores
Registrar plantas Voluntarios
Descripción
Función a través de la cual el voluntario puede agregar, modificar e inactivar registro de plantas.
Caso de Uso Actores
TABLA
Registrarse 8Voluntarios : ESPECIFICACION
PLANTAS Descripción
DEL
CASO
DE
USO,
REGISTRAR
Función a través de la cual los usuarios pueden registrarse dentro del sitio web e ingresar nuevas plantas.
TABLA
9:
ESPECIFICACION
DEL
CASO
DE
USO,
REGISTRARSE
Caso de Uso
Consultar plantas
Actores
Usuario
Descripción
Función a través de la cual un usuario visitante podrá visualizar las plantas registradas. TABLA
PLANTAS
10:
ESPECIFICACION
DEL
CASO
DE
USO,
CONSULTAR
4.2.2.5.4 DIAGRAMA DE CASO DE USO ADMINISTRAR SITIO WEB En la Figura 8 se observa el detalle del caso de uso Administrar sitio web en un segundo nivel de abstracción. Luego, se muestra la especificación correspondiente en las Tablas 11,12 y 13.
Administración sitio web
agregar informacion administrador
modificar informacion
eliminar informacion FIGURA 8: CASO DE USO ADMINISTRADOR DEL SITIO WEB
Caso de Uso Actores Pre-condición
Agregar Administrador El usuario debe estar autenticado.
Descripción
Post-condición
Agregar información correspondiente Botánico ‘‘Las Orquídeas’’
al
Jardín
El cambio se visualiza en la página web.
TABLA 11: ESPECIFICACION DEL CASO DE USO, AGREGAR
Caso de Uso Actores
Modificar Administrador
Pre-condición
El usuario debe estar autenticado y debe existir al menos una información a modificar.
Descripción
Se selecciona la información a ser modificada, se realizan los cambios correspondientes.
Post-condición
El cambio se visualiza en la página web.
TABLA 12: ESPECIFICACION DEL CASO DE USO, MODIFICAR
Caso de Uso Actores Pre-condición
Eliminar Administrador El usuario debe estar autenticado y debe existir al menos una información a eliminar.
Descripción
Se selecciona la información de eliminación y se la suprime.
Post-condición
El cambio se visualiza en la página web.
4.2.2.5.5 DIAGRAMA DE CASO DE ADMINISTRAR VOLUNTARIOS En la Figura # 9 se observa el detalle del caso de uso Administrar voluntarios en un segundo nivel de abstracción. Luego, se muestra la especificación correspondiente en las Tablas 14 y 15. TABLA
13:
ESPECIFICACION
ELIMINAR
DEL
CASO DE
USO,
Administración voluntarios
buscar/modificar informacion
administrador
inactivar voluntarios
FIGURA
9:
DIAGRAMA
DE
ADMINISTRAR VOLUNTARIOS Caso de Uso Actores
CASOS
DE
USO
NIVEL
2,
Buscar/Modificar
Administrador
Pre-condición
El usuario debe estar autenticado y debe existir al menos una información a ser modificada.
Descripción
Se selecciona la información a ser modificada, se presiona la opción modificar y se realiza los cambios necesarios.
Post-condición
El cambio se almacena
TABLA
14:
en la base de datos.
ESPECIFICACION
DEL
CASO DE
USO,
BUSCAR/MODIFICAR
Caso de Uso
Inactivar
Actores
Administrador
Pre-condición
El usuario debe estar autenticado y debe existir al menos una información a inactivar.
Descripción
Se selecciona la información a inactivar.
Post-condición
El registro es inactivado en la base de datos.
TABLA
15:
ESPECIFICACION
DEL
CASO DE
INACTIVAR
4.2.2.5.6 DIAGRAMA DE CASO DE USO REGISTRAR PLANTAS
Registro de plantas
agregar nueva planta administrador
buscar/modificar info planta
inactivar
USO,
FIGURA 10: DIAGRAMA DE CASOS DE USO NIVEL 2, REGISTRAR PLANTAS.
Caso de Uso
Agregar
Actores
Voluntario
Pre-condición Descripción
El usuario debe estar autenticado. Agregar información correspondiente plantas encontradas en el jardín.
Post-condición
a
nuevas
El registro se almacena en la base de datos.
TABLA
16:
ESPECIFICACION
DEL
CASO
DE
USO,
AGRERAR
Caso de Uso
Buscar/Modificar
Actores
Voluntario
Pre-condición
El usuario debe estar autenticado y debe existir al menos una información a modificar.
Descripción
Se selecciona la información a ser modificada, se presiona la opción modificar y se realiza los cambios necesarios.
Post-condición
El cambio del registro se almacena en la base de datos.
TABLA
17:
ESPECIFICACION
BUSCAR/MODIFICAR
DEL
CASO
DE
USO,
Caso de Uso Actores Pre-condición
Descripción Post-condición
TABLA
Inactivar Voluntario El usuario debe estar autenticado y debe existir al menos una información a inactivar. Se selecciona la información a inactivar. El registro es inactivado en la base de datos.
18:
ESPECIFICACION
DEL
CASO
DE
USO,
INACTIVAR
4.2.2.5.7 DIAGRAMA DE CASO DE USO REGISTRARSE
Registro de nuevos usuarios
agregar nuevo voluntarios
Usuario
buscar/modificar información
FIGURA
11:
DIAGRAMA
DE
USO NIVEL 2, REGISTRARSE
CASOS
DE
Caso de Uso Actores
Agregar Voluntario
Pre-condición Descripción Post-condición
Aceptar términos de registro. Agregar información solicitada en el formulario El registro se almacena en la base de datos.
TABLA
19:
ESPECIFICACION
DEL
CASO
DE
USO,
AGREGAR
Caso de Uso Actores
Modificar Voluntario
Precondición
El usuario debe estar autenticado y debe existir al menos una información a modificar.
Descripción
Se selecciona la información presiona la opción modificar y necesarios.
Postcondición
El cambio del registro se almacena en la base de datos.
TABLA
20:
ESPECIFICACION
a ser modificada, se se realiza los cambios
DEL
CASO
DE
USO,
BUSCAR/MODIFICAR
4.2.2.5.8 DIAGRAMA DE CASO DE USO CONSULTAR
busqueda de plantas
buscar planta administrador
Usuario
FIGURA
12:
DIAGRAMA
DE
CASOS
DE
USO NIVEL 2, BUSCAR PLANTAS Caso de Uso Actores
Buscar Plantas Visitante
Pre-condición
Ingresar términos de búsqueda.
Descripción
Realizara una búsqueda de plantas registradas en la base de datos del jardín.
Post-condición
Muestra un listado de plantas registradas.
TABLA 21: ESPECIFICACION DEL CASO DE USO, BUSCAR PLANTAS Caso de Uso Actores
Modificar Visitante
Pre-condición
El usuario debe estar autenticado y debe existir al menos una información a modificar.
Descripción
Se selecciona la información a ser modificada, se presiona la opción modificar y se realiza los cambios necesarios.
Post-condición
El cambio del registro se almacena en la base de datos.
TABLA
22:
ESPECIFICACION
MODIFICAR PLANTA
DEL
CASO
DE
USO,
4.2.2.6 DIAGRAMA DE SECUENCIA El diagrama
de
secuencia es
permitir en este caso sistema
del
Jardín
un
tipo
de
diagrama
que
nos va
modelar interacción entre objetos en nuestro Botánico
‘‘Las
orquídeas’’.
A
continuación
presentamos los diagramas: 4.2.2.6.1
a
DIAGRAMA DE SECUENCIA ADMINISTRAR REGISTRO DE PLANTAS
SequenceDiagram_1
registro plantas administrador2 listar registro plantas
buscar registro de plantas lista de registro de plantas
agregar nuevo registro
guardar registro registro guardado modificar registro
registro modificado
modificar registro
eliminar registro registro eliminado
eliminar regsitro
F I GURA 1 3 : Se mu e s t r a e l d i a g r a ma d e s e c u e n c i a d e Ad mi n i s t r aDE r SECUENCIA r e g i s t r o ADMINISTRAR d e p l a n t aREGISTRO s , e n eDE l FILOS c ual 4.2.2.6.2 DIAGRAMA el a d mi n i s t r a d o r podr á l i st ar , mo d i f i c a r , a g r e g a r y e l i mi n a r l o s r e g i s t r o s d e p l a n t a s .
SequenceDiagram_1
filo administrador listar filos
buscar filos lista de filo
agregar nuevo filo
guardar filo filo guardado
modificar filo modificar filo
filo modificado
eliminar filo eliminar filo filo eliminado
F I GURA 1 4 : En l a F i g u r a s e mu e s t r a e l d i a g r a ma d e s e c u e n c i a d e Ad mi n i s t r a r r egi s t r o de f i l os par a el r egi s t r o de pl ant as , en el c ual el a d mi n i s t r a d o r podr á l i s t ar , mo d i f i c a r , agr egar y
4.2.2.6.3
DIAGRAMA DE SECUENCIA ADMINISTRAR REGISTRO DE FAMILIAS
SequenceDiagram_1
familia administrador listar familias
buscar famila lista de familias
agregar nueva familia
4.2.2.6.4 DIAGRAMA DE SECUENCIA ADMINISTRAR REGISTRO DE GÉNERO
SequenceDiagram_1
genero administrador listar generos
buscar generos lista de generos
agregar nuevo genero
genero guardado
guardar nuevo genero
modificar genero
genero modificado
modificar genero
4.2.2.6.5 DIAGRAMA DE SECUENCIA ADMINISTRAR REGISTRO DE ESPECIE
SequenceDiagram_1
especie administrador
listar especie buscar especie lista de especies
agregar nueva especie guardar nueva especie especie guardada
modificar especie
especie modificada
modificar especie
eliminar especie eliminar especie especie eliminada
F I GURA 17: se mu e s t r a el d i a g r a ma de s ec uenc i a de Ad mi n i s t r a r r egi s t r o de es pec i e par a el r egi st r o de pl ant as , en el c ual el a d mi n i s t r a d o r podr á l i s t ar , mo d i f i c a r , a g r e g a r y e l i mi n a r l a s e s p e c i e s .
4.2.2.6.6 DIAGRAMA DE SECUENCIA ADMINISTRAR REGISTRO DE TAXON
SequenceDiagram_1
taxon administrador
listar taxon buscar taxon lista de taxones
agregar nuevo taxon guardar nuevo taxon taxon guardado
modificar taxon
taxon modificado
modificar taxon
eliminar taxon eliminar taxon taxon eliminado
F I GURA 1 8 : s e mu e s t r a e l d i a g r a ma d e s e c u e n c i a d e Ad mi n i s t r a r r egi s t r o del t ax ón par a el r egi s t r o de p l a n t a s , e n e l c u a l e l a d mi n i s t r a d o r p o d r á l i s t a r , mo d i f i c a r , a g r e g a r y e l i mi n a r e l t a x ó n . 4.2.2.6.7 DIAGRAMA DE SECUENCIA REGISTRO DE VOLUNTARIOS
SequenceDiagram_1
4.2.2.6.8 DIAGRAMA DE SECUENCIA REGISTRO DE VOLUNTARIOS EMITIENDO REPORTES DE VOLUNTARIOS
SequenceDiagram_1
voluntarios administrador
listar voluntarios buscar voluntario lista de voluntarios
4.2.2.7 MODELO FUNCIONAL
INICIAR SESION
F I GURA 2 1 :
Di a g r a ma d e a c t i v i d a d e s . Se s i ó n
I ni c i o de
INGRESAR/ACTUALIZAR DATOS DE VOLUNTARIOS
REGISTRO DE INGRESO DE VOLUNTARIOS
INGRESAR APORTE DE VOLUNTARIOS
INGRESAR/ACTUALIZAR TAXÓN
. F I GURA 2 5 :
Di a g r a ma d e a c t i v i d a d e s . t ax ón
INGRESAR/ACTUALIZAR FILO
I ngr es ar / ac t ual i z ar
INGRESAR/ACTUALIZAR FAMILIA
INGRESAR/ACTUALIZAR GENERO
INGRESAR/ACTUALIZAR ESPECIE
F I GURA 2 9 : Di a g r a ma d e a c t i v i d a d e s . I n g r e s a r / a c t u a l i z a r Es p e c i e .
INGRESAR/ACTUALIZAR USUARIO
F I GURA 3 0 : Di a g r a ma d e a c t i v i d a d e s . I ngr es ar / ac t ual i z ar dat os de us uar i os
4.2.2.8 DICCIONARIO DE DATOS
Nombre del Archivo: Bd Admin Descripción: Base de datos que contendrá la información correspondiente al ingreso del administrador al sitio.
CAMPO
TAMAÑO
TIPO DE
DESCRIPCION
DATO id_admin
20
U s u a r iToA B L A
3203 :
intger
r IcOhNaArR I O DvI a CC
ADMINISTRADOR Pass
30
varchar
Clave única de identificación Administrador
del
NDoEm bDrAeT OdSe DuEs u L aA r i oT Ad l Be LA Administrador para ingresar al sitio Clave principal del administrador para el ingreso al sitio.
Nombre del Archivo: Bd Filo Descripción: Base de datos que contendrá la información correspondiente al tipo de filo al que corresponde una planta sea este vegetal u hongo
CAMPO
TAMAÑO
TIPO DE
DESCRIPCION
DATO id_filo
20
intger
Clave única de identificación del tipo de filo
Nombre
50
varchar
Nombre del filo con el que identifican a la orquídea.
Nombre del Archivo: Bd Familia Descripción: Base de datos que contendrá la información correspondiente al tipo de familia al que pertenece una planta u orquídea. CAMPO
TAMAÑO
TIPO DE
DESCRIPCION
DATO id_familia
20
intger
id_filo
20
varchar
Clave única de identificación de la familia a la cual pertenece la planta u orquídea
Clave única de identificación al tipo de filo TABLA 25: DICCIONARIO DE DATOS DE LA N o m b r e T A B L A F A3M0I L I A v a r c h a r Nombre de la familia con el que identifican a la orquídea.
Nombre del Archivo: Bd Género Descripción: Base de datos que contendrá la información correspondiente al tipo de Género al que pertenece una planta u orquídea. CAMPO
TAMAÑO
TIPO DE
DESCRIPCION
DATO id_género
20
intger
Clave única de identificación de la familia a la cual pertenece la planta u orquídea
id_familia
20
varchar
Clave única de identificación al tipo de familia de la orquídea
Nombre
50
varchar
Nombre del género con el
que identifican a la orquídea
Nombre del Archivo: Bd Especie Descripción: Base de datos que contendrá la información correspondiente al tipo de Especie al que pertenece una planta u orquídea. CAMPO
T A B L A T A2M6A:Ñ O D I CTCIIPOON ADREI O DATO TABLA GÉNERO
DE
RE I P CLIAO N D A T DO E SS CD
id_especie
20
intger
id_genero
20
varchar
Clave única de identificación al tipo de género de la orquídea
Nombre
50
varchar
Nombre de la especie con el que identifican a la D E o rDqAuTíOdSe a D E L A
TABLA
27:
TABLA ESPECIE Caracteristica 50 s
DICCIONARIO varchar
Clave única de identificación de la especie a la cual pertenece la planta u orquídea
Campo que me permite añadir algún dato específico q permita mejor la identificación de la orquídea o planta.
Nombre del Archivo: Bd Taxón Descripción: Base de datos que contendrá la información
correspondiente al tipo de taxón
al que pertenece una planta
u orquídea. CAMPO
TAMAÑO
TIPO DE
DESCRIPCION
DATO id_taxón
20
intger
Clave única de identificación del taxón a la cual pertenece la planta u orquídea
Nombre
50
varchar
Nombre del taxón con el que identifican a la orquídea
TABLA
28:
DICCIONARIO
DE
DATOS
DE
LA
TABLA TAXON
TABLA 29: DICCIONARIO DE DATOS DE LA TABLA REGISTRO
Nombre del Archivo: Bd Registro Descripción: Base de datos que contendrá la información correspondiente al registro con el que cuenta una planta u orquídea. CAMPO
TAMAÑO
TIPO DE
DESCRIPCION
DATO id_registro
20
intger
id_especie
20
varchar
Clave única de identificación al tipo de especie de la orquídea o planta.
id_taxón
20
varchar
Clave única de identificación del taxón a la cual pertenece la planta u orquídea
id_filo
20
varchar
Clave única de identificación del tipo de filo
Atributos
50
varchar
Campo específico para añadir algún atributo con la cuenta la planta u orquídea.
250
varchar
Campo para comentarios o sugerencias con respecto a orquídeas.
Comentarios
Clave única para identificación del registro.
Nombre del Archivo: Bd Voluntarios Descripción: Base de datos que contendrá la información correspondiente a los voluntarios del Orquideario
CAMPO
TAMAÑO
TIPO DE
DESCRIPCION
DATO Id_voluntarios
20
Integer
Clave única para identificación de los voluntarios
Nombre
50
Varchar
Nombre del voluntario que ingresa al Orquideario
Apellido
50
Varchar
Apellido del voluntario que ingresa al Orquideario
Dirección
50
Varchar
Apellido del Voluntario donde se le puede localizar.
País
50
Varchar
País al que pertenece el Voluntario
Sexo
10
Varchar
Sexo del Voluntario
Ocupacion
50
Varchar
Ocupación o a que se dedica actualmente el Voluntario
Correo
50
Varchar
Correo electrónico del Voluntario
Teléfono
50
Number
Número telefónico para poder localizar al voluntario.
Nombre del Archivo: Bd Voluntariado
TABLA
30:
VOLUNTARIOS
DICCIONARIO
DE
DATOS
DE
LA
TABLA
Descripción: Base de datos que contendrá la información correspondiente al proceso que llevara a cabo el voluntario dentro de la empresa. CAMPO
TAMAÑO
TIPO DE
DESCRIPCION
DATO Id_voluntariado
20
Integer
Clave única identificar a la voluntariado
para tabla
Id_volunatios
20
Integer
Clave única identificar a la voluntarios.
para tabla
Fec_llegada
20
date
Fecha en la que llega el voluntaio a la empresa
Fec_salida
20
Date
Fecha en termina voluntariado
Activo
50
Varchar
TABLA
31:
VOLUNTARIADO
DICCIONARIO
DE
la
cual el
Campo el cual permitirá reconocer si el voluntarios es activo o está pendiente para realizar el voluntariado
DATOS
DE
LA
TABLA
Nombre del Archivo: Bd Aporte Descripción: Base de datos que contendrá la información correspondiente a los voluntarios del Orquideario.
CAMPO
TAMAÑO
TIPO DE
DESCRIPCION
DATO Id_aporte
20
Integer
Clave única para identificar a la tabla aporte.
Id_voluntario
20
Integer
Clave única para identificación de los voluntarios.
Fecha_aporte
50
Date
Cantidad
30
Varchar
Cantidad o valor aportado por el voluntario.
Cant_total
30
Varchar
Cantidad total aportada x el volutario durante su estancia.
Saldo
30
Varchar
Saldo que debe aportar el voluntario.
Fecha en la que se realiza el aporte al orquideario.
TABLA
32:
DICCIONARIO
DE
DATOS
DE
LA
TABLA
APORTE
TABLA APORTE
31:
DICCIONARIO
DE
DATOS
DE
LA
TABLA
Nombre del Archivo: Bd Comentarios Descripción: Base de datos que contendrá la información correspondiente a los comentarios que el visitante del sitio puede hacer CAMPO
TAMAÑO
TIPO DE
DESCRIPCION
DATO Id_comnetario
20
Integer
Clave única para identificar a la tabla comentario.
Nombre
25
Integer
Nombre de la persona que va a realizar un comentario
País
25
Date
País de la persona que hace el comentario
Ciudad
25
Varchar
Ciudad de la persona que hace el comentario
Dirección
50
Varchar
Dirección de la persona que hace el comentario
Teléfono
25
Number
e-mail TABLA
33:
40 Varchar DICCIONARIO DE
COMENTARIOS Mensaje 250
Varchar
Teléfono de la persona que hace el comentario e-mail de la persona Du Ae T Oh Sa cDeE e lL Ac oTmAeBnLtAa r i o q Mensaje o comentario del visitante de la pagina
4.2.2.9 DISEÑO CONCEPTUAL - MODELADO DE OBJETOS
4 .2.2 .10 MODE LO LOGI CO DE LA BASE DE DATOS
4.2.2.11 MODELO FISICO DE LA BASE DE DATOS
4.2.2.12 ARQUITECTURA
CLIENTE SERVIDOR WEB
En lo que respecta a la arquitectura cliente-servidor dentro del proyecto pretendemos aplicar con el objetivo de que la tarea que cada uno de ellos realizará se efectúe con la mayor eficiencia, y permita simplificar los procesos. Es de vital importancia aplicar este tipo de Arquitectura debido a que es un modelo que intenta proveer usabilidad, flexibilidad, interoperabilidad,
y
escalabilidad
en
las
comunicaciones.
Adicional a esto podemos mencionar que en esta arquitectura la capacidad
de
proceso
está
repartida
entre
el
servidor
y
los
clientes. Podemos comentar que la funcionalidad de un programa distribuido se puede distinguir 3 capas o niveles: 1. Manejador de Base de Datos (Nivel de almacenamiento), 2.
Procesador
de
aplicaciones
o
reglas
del
negocio
(Nivel
lógico) y 3. Interface del usuario (Nivel de presentación)
FI GURA 3 4 : Ar qui t ect ur a d e t r es Ca pas . A continuación daremos a conocer ciertas características que van aplicarse dentro del presente proyecto en base a la arquitectura cliente-servidor. En la arquitectura C/S el remitente de una solicitud es conocido como cliente. Sus características son:
Es quien inicia solicitudes o peticiones, tienen por tanto un papel activo en la comunicación (dispositivo maestro o amo).
Espera y recibe las respuestas del servidor.
Por lo general, puede conectarse a varios servidores a la vez.
Normalmente
interactúa
directamente
con
los
usuarios
finales
mediante una interfaz gráfica de usuario.
Al contratar un servicio de redes, se debe tener en cuenta la velocidad de conexión que le otorga al cliente y el tipo de cable que utiliza, por ejemplo: cable de cobre ronda entre 1 ms y 50 ms. Al receptor
de
la
solicitud enviada
por
el
cliente
se
conoce
como servidor. Sus características son:
Al iniciarse esperan a que lleguen las solicitudes de los clientes, desempeñan
entonces
un
papel
pasivo
en
la
comunicación
(dispositivo esclavo).
Tras la recepción de una solicitud, la procesan y luego envían la respuesta al cliente.
Por lo general, aceptan conexiones desde un gran número de clientes (en
ciertos
casos
el
número
máximo
de
peticiones
puede
estar
limitado).
No
es
frecuente
que
interactúen
directamente
con
los
usuarios
finales.
4.2.2.13 DISEÑO DE INTERFAZ ABSTRACTA A continuación nos enfocaremos a realizar el Diseño de la Interfaz Abstracta el cual nos permitirá definir la forma en el cual los objetos navegacionales pueden aparecer en el Portal Web de Jardín Botánico las ‘‘Orquídeas’’. A demás mediante los ADVs definiremos la manera en que diferentes objetos
de navegación aparecerán, que objetos de navegación
de
la interfaz se activaran y que transformaciones de la interfaz tendrán
lugar
y
cuando.
A
continuación
tenemos
el
Diseño
de
Interfaz
Abstracta
del
Portal
Web
del
Jardín
Botánico
las
‘‘Orquídeas’’
DETALLES DE LA PAGINA PRINCIPAL
ADV BANNER 1
Me nú ADV I ni c i o
ADV Nos ot r os
ADV LOGO
I MAGEN
ADV Bus c a r
Pr oduc t os
ADV Ven t a de Pl an t as y f l or e s
ADV Gal er í a ADV Bl o g de Ev en t os
Ami gos
ADV Con t a c t o s I nf or ma t i v o
Shade Tr ee Ex per t Ec omi nga Lou J os t ' s bi ol ogi a en Ec uador Nat i v e Or c hi d
PAAGINA NOSOTROS
ADV BANNER 1
Me nú
ADV LOGO
ADV I nf or mac i ón
ADV Bus c a r
ADV I ni c i o
Pr oduc t os
ADV Nos ot r os
ADV Ven t a de Pl an t as y f l or e s
ADV Gal er í a ADV Bl o g de Ev en t os
ADV Con t a c t o s I nf or ma t i v o
Vi s í t anos Hac er
v ol unt ar i ado Tes t i moni o de v ol unt ar i os Apoy o r ec i bi do Suger enc i as o
Ami gos
Shade Tr ee Ex per t Ec omi nga Lou J os t ' s bi ol ogi a en Ec uador Nat i v e Or c hi d Cons er v at i on Fl or a Sana Pas t az a Ec uador J ungl e La Hor mi ga I deal i s t Cor por ac i ón par a el Des ar r ol l o F I G U R A 3 6 . A D V P a g i n a N o s o t r o s Sos t eni bl e
ADV Háb i t at
ADV Red es s oc i al e s PAGINA HISTORIA ADV BANNER 2 ADV BANNER 1
Me nú
ADV LOGO
ADV I mag en
ADV I nf or mac i ón
ADV I ni c i o
Pr oduc t os
ADV Nos ot r os ADV Gal er í a
ADV Bus c a r
ADV Ven t a de Pl an t as y f l or e s ADV I nf or mac i ón
ADV
FIGURA 37: ADV Pagina Historia
PAGINA UBICACIÓN
ADV BANNER 1
ADV LOGO
Me nú
ADV I nf or mac i ón
ADV I ni c i o
ADV I nf or mac i ón
ADV Nos ot r os
ADV Bus c a r ADV I ma ge n
Pr oduc t os ADV Ven t a de Pl an t as y f l or e s
ADV Gal er í a ADV Bl o g de Ev en t os ADV Con t a c t o s I nf or ma t i v o
Vi s í t anos Hac er
v ol unt ar i ado Tes t i moni o de v ol unt ar i os Apoy o r ec i bi do Suger enc i as o
ADV I nf or mac i ón
Ami gos
Shade Tr ee Ex per t Ec omi nga Lou J os t ' s bi ol ogi a en Ec uador Nat i v e Or c hi d Cons er v at i on Fl or a Sana Pas t az a Ec uador J ungl e La Hor mi ga I deal i s t Cor por ac i ón par a el Des ar r ol l o Sos t eni bl e
FIGURA 38: ADV Pagina Ubicación.
PAGINA INVESTIGACION ADV BANNER 1
Me nú
ADV LOGO
ADV I nf or mac i ón
ADV Bus c a r
ADV I ni c i o
Pr oduc t os
ADV Nos ot r os
ADV Ven t a de Pl an t as y f l or e s
ADV Gal er í a ADV Bl o g de Ev en t os ADV Con t a c t o s I nf or ma t i v o
Vi s í t anos Hac er
v ol unt ar i ado Tes t i moni o de v ol unt ar i os Apoy o r ec i bi do Suger enc i as o c oment ar i os
Ami gos
Shade Tr ee Ex per t Ec omi nga Lou J os t ' s bi ol ogi a en Ec uador Nat i v e Or c hi d Cons er v at i on Fl or a Sana Pas t az a Ec uador J ungl e La Hor mi ga I deal i s t Cor por ac i ón par a el Des ar r ol l o t eni F I G U R A 3 9 : A D V P a g i n a I n v e s t i g a cSos ión . bl e
ADV Háb i t at PAGINA GALERIA
ADV Red es s oc i al e s ADV BANNER 1
ADV LOGO
ADV BANNER 2
Me nú ADV I ni c i o
ADV Bus c a r ADV I ma ge n
ADV I ma ge n Pr oduc t os
FIGURA 40: ADV Pagina Galería.
PAGINA CONTACTOS
ADV BANNER 1
Me nú ADV I ni c i o ADV Nos ot r os
ADV LOGO
ADV I nf or mac i ón
ADV Bus c a r Pr oduc t os ADV Ven t a de Pl an t as y f l or e s
ADV Gal er í a ADV Bl o g de Ev en t os
Ami gos
ADV Con t a c t o s I nf or ma t i v o
Vi s í t anos
Shade Tr ee Ex per t Ec omi nga Lou J os t ' s bi ol ogi a en Ec uador Nat i v e Or c hi d Cons er v at i on
FIGURA 41: ADV Pagina Contactos.
PAGINA COMENTARIOS ADV BANNER 1
ADV LOGO
Me nú ADV I ni c i o ADV Nos ot r os
ADV Bus c a r ADV For mu l ar i o
Pr oduc t os ADV Ven t a de Pl an t as y f l or e s
ADV Gal er í a ADV Bl o g de Ev en t os ADV Con t a c t o s I nf or ma t i v o
Vi s í t anos Hac er
v ol unt ar i ado Tes t i moni o de v ol unt ar i os Apoy o r ec i bi do Suger enc i as o c oment ar i os
ADV Háb i t at
ADV Red es s oc i al e s
ADV BANNER 2
Ami gos
Shade Tr ee Ex per t Ec omi nga Lou J os t ' s bi ol ogi a en Ec uador Nat i v e Or c hi d Cons er v at i on Fl or a Sana Pas t az a Ec uador J ungl e La Hor mi ga I deal i s t Cor por ac i ón par a el Des ar r ol l o Sos t eni bl e FIGURA 42: ADV Pagina Comentarios.
4.2.2.14 IMPLEMENTACION El desarrollo del portal contempla la implementación de los modelos obtenidos anteriormente aplicados a la metodología y herramientas seleccionados en los capítulos anteriores. En esta etapa se
codifica, prueba y documenta los módulos del
sistema basados en el diseño del sistema realizado en el capítulo 3 del presente documento, para satisfacer las necesidades planteadas por el encargado y aquellas que se
ha podido identificar,
las
cuales ameritaban soluciones emergentes del Jardín Botánico ‘‘Las Orquídeas’’. Para
el
proceso
programación codificación
de
PHP
codificación
(Hypertext
consiste
en
se
Preprocessor),
transformar
instrucciones específicas
utilizó
que
la
puedan
el
lenguaje
de
el
proceso
de
lógica ser
del
negocio
ejecutadas
en
en una
computadora. Después
de
codificar
se
realizaron
pruebas
del
programa
para
asegurar que la solución trabaje correctamente y los requerimientos planteados se cumplan. A continuación daremos a cocer la etapa que se implementa
CERFA
probando los componentes e integrando al sistema, además se dará a conocer
ciertas
ventanas
principales
de
la
codificación
del
sistema.: 4.2.2.14.1 ACTIVIDADES DEL SISTEMA
Se definió la estructura de implementación de CERFA para la Facultad de Ingeniería en Sistemas, para ellos se ha usado la estructura de tres capas, lo cual permite un manejo eficiente y confiable de la información.
Se preparó el modelo físico de datos, a partir del diagrama de clases de diseño.
Se generó el script
de la base de datos.
Se ejecutó el script de la base de datos para CERFA. Se programó todos los casos de usos. 4.2.2.14.2 PRODUCTOS OBTENIDOS
Se obtiene el código fuente del sistema entres capas:
Capa Presentación: Es la capa que presenta la interfaz
del
usuario e interactúa con el mismo permitiéndole ingresar y recibir datos, adicionalmente se manejara validación de ingreso y registro de información. Capa Negocio: Es la capa que realizará procesos una vez ingresados los datos necesarios. Capa de Datos: Es la capa que realizara el acceso al origen de los datos que requiere la capa de negocio.
Modelo físico de datos, en el cual se pueden visualizar diferentes entidades que se utiliza para la base de datos de CERFA.
Script de la base de datos para CERFA. Base de datos.
4.2.2.15 PRUEBAS El
sitio
Web
deberá
cumplir
los
estándares
establecidos
anteriormente, además debe contar con una fácil navegación a través del sitio web y un diseño que sea atractivo para el usuario. El plan de pruebas nos ayudará a corregir posibles errores que estén presentes en el desarrollo de este proyecto con el único objetivo de rectificar y de esta manera presentar un buen producto al cliente. Por tal razón, se debe considerar los diferentes tipos de pruebas para los componentes del Sitio Web. El plan de pruebas nos permitirá primeramente detectar y corregir errores presentes en el Sitio Web, permitiéndonos posteriormente generar un reporte de errores existentes, para lo cual se realizará las siguientes pruebas:
Prueba de compatibilidad de navegadores.
Pruebas de función operacional
4.2.2.15.1 PRUEBAS DE COMPATIBILIDAD DE NAVEGADORES Estas pruebas se las realizaron con distintos navegadores, tanto en sistemas operativos Windows y Linux.
4.2.2.15.1.1 NAVEGADORES EN SISTEMAS OPERATIVOS WINDOWS En la figura 43
se muestra el correcto funcionamiento del Portal
Web
Botánico
del
Jardín
‘‘Las
Orquídeas’’
utilizando
Internet
Explorer 6.
93
F I GURA 4 3 : En la figura
Co mp a t i b i l i d a d c o n I n t e r n e t ( Wi n d o ws ) 44
Ex p l o r e r
6
se muestra el portal utilizando el navegador
Firefox 9.0.1 para visualizar la página del Jardín Botánico ‘‘Las Orquídeas’’
94
4.2.2.15.1.2 NAVEGADORES EN SISTEMAS OPERATIVOS LINUX A continuación se muestra la compatibilidad del portal web del Jardín Botánico ‘‘Las Orquídeas’’ con el navegador de la plataforma Linux. En la figura 45 se muestra el funcionamiento del Portal en el sistema operativo Linux, con el navegador Epiphany.
95
4.2.2.16 PRUEBAS DE FUNCION OPERACIONAL Los procesos que realizara el sistema son los siguientes:
Ingreso al Portal. Consultar Voluntarios. Consultar Especie, Género y Familia, Taxon, Especie. Consultar Registro de Plantas. Consultar Usuarios. Inicio sesión Gestiono Información. Gestiono Publicaciones. Gestiono Imágenes. Gestiono Noticias.
Para llevar a cabo este tipo de pruebas, se define el siguiente formato: Número:
Número de la Prueba
Prueba #:
Nombre de la Prueba
N°
Acción
Resultado
1
Acción 1
Resultado obtenido 1
2
Acción 2
S/N
…
…….
S/N
N
Acción n
S/N
Conclusión Observación
Intentos
Éxito S/N
Conclusión del resultado de la prueba Comentario realizado sobre la prueba TABLA 34: Formato de pruebas del sistema (operación funcional) 96
A continuación se muestra las pruebas del sistema para el portal web del Jardín Botánico ‘‘Las Orquídeas’’
PRUEBAS DEL SISTEMA: INICIO DE SESION CORRECTO - INCORRECTO. Número:
1
Prueba #:
Interfaz: Inicio de sesión (Parámetros incorrectos)
N° 1
Acción Ingreso
Resultado de
usuario
Presenta de
incorrecto
y
contraseña
del
administrador (pulsando
Éxito
1
S
1
S
pantalla
error
menjase del
Intentos
con ‘‘ E r r o r
Usuario
o
C o n t r a s e ñ a ’’ el
botón enviar) 2
Dejar
campos
vacíos usuario contraseña administrador Conclusión
de y del
Se
marcan
color
rosado
campos
vacíos
de los de
Usuario
y
contraseña La
interfaz
sistema,
permite
siempre
que
el tenga
ingreso el
al
usuario
y contraseña válidos. Observación
En
caso
de
ocurrir
un
error,
la
pantalla muestra un mensaje de error y permite ingresar los datos nuevamente. TABLA 35: Pruebas del Sistema - Inicio de sesión (usuario incorrecto)
97
PRUEBAS DEL SISTEMA: INICIO DE SESION CORRECTO Número:
2
Prueba #:
Interfaz: Inicio de sesión (Parámetros correctos).
N° 1
Acción
Resultado
Ingreso
de
Presenta
usuario
y
pantalla
contraseña correcto
Intentos
Éxito
1
S
la de
menú
de administrador. del
administrador (pulsando
el
botón enviar). Conclusión
La interfaz permite el ingreso al sistema, siempre que tenga el usuario y contraseña válidos.
Observación
En caso de ocurrir un error, la pantalla muestra un mensaje de error y permite ingresar los datos nuevamente.
TABLA 36: Pruebas del Sistema - Inicio de sesión (usuario correcto)
98
PRUEBAS DEL SISTEMA: CONSULTAR VOLUNTARIOS. Número:
3
Prueba #: N° 1
Interfaz: Consultar Voluntarios Acción
Resultado
Ingresa Browser
con
dirección
al
Presenta
la
pantalla
web
del sitio. 2
Selecciona menú
principal
Éxito
1
S
1
S
1
S
1
S
1
S
del
sitio. en
el
principal
la
la
Intentos
opción
Voluntarios.
Se
despliega
sub-menú
el de
Voluntarios
donde
se
todas
muestran
las
opciones
permite
que el
sistema ingresando
con
usuario
el de
administrador. 3
Seleccionar
Se
despliega
Voluntario-Nuevo
menú
donde
el se
muestra
todos
campos
a
los
llenar
concernientes registro
a de
Voluntarios 4
Seleccionar
Se
despliega
Voluntario-
menú
Modificar
permite una
donde realizar
búsqueda
número o
el
de
por
cédula
nombres
de
los
voluntarios registrados 5
Seleccionar
Nos
Voluntario-
realizar
permite la
99
Eliminar
eliminación creada
de
un
voluntario Conclusión
Esta
sección
requiere
muestra
sobre
la
ficha
los
que
se
Voluntarios
registrados. Observación
En
caso
buscar
de
ocurrir
de
un
nuevo
error, la
se
debe
información
requerida. TABLA 37: Pruebas del Sistema - Consultar Voluntarios
PRUEBAS DEL SISTEMA: VOLUNTARIADO. Número:
4
Prueba #:
Interfaz: Consultar Voluntariado
N° 1
Acción
Resultado
Ingresa al Browser con la
Presenta
dirección web del sitio.
pantalla
la
principal
Intento
Éxit
s
o
1
S
1
S
1
S
del
sitio. 2
Selecciona
en
principal
la
el
menú opción
Voluntariado.
Se
despliega
sub-menú
el del
Voluntariado donde
se
muestran las que
todas opciones
permite
el
sistema ingresando el
con
usuario
de
administrador. 3
Seleccionar Fichas
de
Voluntariado-
Voluntarios
con
Dependiendo
la
opción
se
que
100
las
opciones
Registro
escoja
se
ingreso/Modificar/Elimina
despliega
el
r
menú
se
donde
muestra las
todos opciones
que
permite
el
menú seleccionado sean
estos
Crear, Buscar/Modifica r o Eliminar. Conclusión
Esta sección muestra la ficha que
se
requiere
sobre
los
Voluntarios registrados. Observación
En
caso
se
debe
de
ocurrir
buscar
de
un
error,
nuevo
la
información requerida. TABALA 38: Pruebas del Sistema Voluntariado.
PRUEBAS DEL SISTEMA: ESPECIE, GÉNERO, FAMILIA. Número:
5
Prueba #: N° 1
Interfaz: Consultar Especie, Genero, Familia Acción
Resultado
Ingresa Browser
con
dirección
al
Presenta
la
pantalla
web
del sitio. 2
Selecciona menú
la
principal
Intentos
Éxito
1
S
1
S
del
sitio. en
el
principal
Se
despliega
sub-menú
de
el la
101
la
opción
Especie,
Genero,
Familia.
Especie, Familia
Género, donde
muestran las
se
todas
opciones
que
permite
el
sistema ingresando
con
el
usuario
de
administrador. 3
Seleccionar
Dependiendo
la
Especie,
opción
se
Familia opciones Filo,
Genero, con
las
Taxón, Familia,
Género, Especie
que
escoja
1
S
se
despliega
el
donde
muestra
se
menú
todos
las
opciones
que
permite
el
menú
seleccionado estos
sean
Crear,
Buscar/Modificar o Eliminar. Conclusión
Esta
sección
requiere
muestra
sobre
los
la
ficha
Especie,
que
se
Genero,
Familia registrados. Observación
En
caso
buscar
de de
ocurrir nuevo
un
error, la
se
debe
información
requerida. TABLA 39: Pruebas del Sistema - Especie, Género, Familia
PRUEBAS DEL SISTEMA: REGISTRO DE PLANTAS.
102
Número:
6
Prueba #: N° 1
Interfaz: Consultar Registro de Plantas Acción
Resultado
Ingresa Browser
con
dirección
al
Presenta
la
pantalla
web
del sitio. 2
Selecciona menú
la
principal
Éxito
1
S
1
S
1
S
1
S
1
S
del
sitio. en
el
Se
despliega
el
principal
sub-menú
de
opción
Registro
de
la
Intentos
Registro
de
Plantas.
Plantas
donde
muestran las
se
todas
opciones
permite
que el
sistema ingresando
con
usuario
el de
administrador. 3
Seleccionar Registro
Se de
Plantas - Nuevo
despliega
menú
donde
el se
muestra
todos
campos
a
los
llenar
concernientes
a
registro
de
Registro
de
Plantas 4
Seleccionar Registro
Se de
Plantas Buscar/Modificar
-
despliega
menú
donde
permite una
el
realizar
búsqueda
nombre
de
por la
planta. 5
Seleccionar
Nos
Voluntario-
realizar
Eliminar
eliminación creada
permite la
de
una
Planta.
103
Conclusión
Esta
sección
requiere
muestra
sobre
la
los
ficha
que
Registros
se de
Plantas. Observación
En
caso
de
buscar
ocurrir
de
nuevo
un
error, la
se
debe
información
requerida. TABLA 40: Pruebas del Sistema - Consultar Registro de Plantas
PRUEBAS DEL SISTEMA: USUARIOS.
Número:
6
Prueba #: N° 1
Interfaz: Consultar Usuarios Acción
Resultado
Ingresa Browser
con
dirección
al
Presenta
la
pantalla
web
del sitio. 2
Selecciona menú
principal
Éxito
1
S
1
S
1
S
del
sitio. en
el
Se
despliega
principal
sub-menú
opción
Usuarios
la
la
Intentos
Usuarios.
de donde
muestran las
el
se
todas
opciones
que
permite
el
sistema ingresando
con
el
usuario
de
administrador. 3
Seleccionar
Se
Usuario - Nuevo
menú
despliega
el
donde
muestra
todos
campos
a
se los
llenar
concernientes
a
Usuarios Nuevos
104
4
Seleccionar Usuarios
Se -
Buscar/Modificar
despliega
menú
donde
permite una
el S
1
S
realizar
búsqueda
nombre
1
de
por
Usuario
o Cédula. . 5
Seleccionar
Nos
permite
Voluntario-
realizar
Eliminar
eliminación
la
creada
de
un
Usuario. Conclusión
Esta
sección
requiere
muestra
la
sobre
ficha
los
que
se
Usuarios
registrados. Observación
En
caso
buscar
de de
ocurrir nuevo
un
error, la
se
debe
información
requerida. TABLA 41: Pruebas del Sistema - Consultar Usuarios
4.2.2.17 CONCLUSIONES
Una vez culminado el desarrollo del sistema se ha procedido a su implantación y ejecución dentro del Jardín Botánico, permitiendo una buena gestión y administración de la gran mayoría de los servicios que brinda al público en general en forma provisional.
Este sistema ofrece una solución tecnológica capaz de acceder de forma rápida y sencilla a la información que el Jardín Botánico ‘‘las Orquídeas’’ considere
relevante, la
misma
que
actualizada en cualquier momento en los cuales sea
puede
ser
necesario
brindar información al público.
El modelo expuesto en el presente trabajo, si bien se focaliza en dar una solución para la administración de los procesos en cuanto a orquídeas y administración de voluntarios; también puede hacerse extensibles a otros procesos que a la larga se implementen dentro del Jardín Botánico ‘‘Las Orquídeas’’.
105
4.2.2.18 RECOMENDACIONES
Es importante que una vez implantado el sistema, se realice la aprobación por parte de Sr. Omar Tello Gerente propietario para que
se
dicte
utilizarán
un
el
administrador
curso
mismo del
de
en
capacitación este
sistema
y
caso
a
las
personas
personal
gerente,
para
que
voluntario,
que
se
pueda
aprovecharlo al máximo y despejar cualquier duda.
Se recomienda al Sr. Omar Tello gerente propietario que, el manejo del
sistema
debe
ser
por
parte
de
una
persona
confiable
que
administre todo el sitio, ya que esta información es muy valiosa para el Jardín Botánico ‘‘Las Orquídeas’’, por ende el acceso al mismo
solo
debe
ser
limitado
a
personas
autorizadas:
administrador/a o dueño.
Para un mejor funcionamiento del sistema, se recomienda al Sr. Omar Tello gerente propietario llevar un mantenimiento continuo, obtener backups durante un periodo de tiempo que puede ser tres meses o si es menor el tiempo
mucho mejor.
4.2.2.19 BIBLIOGRAFIA
Admini-JV,
Año
2010,
‘‘Introducción
a
la
Arquitectura
Cliente
Servidor’’, http://oposicionestic.blogspot.com/2011/06/arquitectura-clienteservidor.html.
BATINI Carlo, CERI Stefano, NAVATHE Shamkant, Año 1994, Diseño Conceptual de Bases de Datos. Ed. Addison-Wesley/Diaz de Santos. Wlilmington, Delaware.
DEL
PESO
Emilio,
Informática,
un
PIATTINE
enfoque
Mario,
práctico’’,
Año
2007,
Editorial
‘‘Auditoría
Ra-ma,
Madrid-
España, Segunda edición.
El Parque Botánico de Nueva York, año 2008, http://www.nybg.org.
Entreprise
Arhitect,
año
2007,
http://sparxsystems.com.ar/products/ea.html.
Franco
Yaquelin,
Año
12/04/12
Población
y
Muestra,
http://tesisdeinvestig.blogspot.com/2012/04/poblacion-y-muestraejemplo.html.
106
GARCIA
Rafael,
Año 2007, ‘‘Bases de Datos’’, Editorial Ra-ma,
Madrid-España,
Jardín
Botánico
de
Quito,
año
2011,
http://www.jardinbotanicoquito.com.
Jeffrey Wilson,
Año
2001,
Expression
Web,
http://es.wikipedia.org/wiki/Expression_Web.
Hernández Vegas
Jesús,
Año
2001,
Aplicación
Multinivel,
http://www.infor.uva.es/~jvegas/cursos/taller/interaweb/node12.htm l.
KENDALL, Kenneth E., Año 2007, ‘‘Análisis y diseño de sistemas’’, 3a. edición, Ed Prentice hall.
Kbruja, 27 de Abril del 2010, ‘‘La importancia de aplicar la Gestión
de
Procesos
en
las
organizaciones
actuales,
http://siscapem.wordpress.com/2010/04/27/gestion-por-proceso/.
Lamarca
Lapuente
María
Jesús,
Año
2010,
Modelo
OOHDM,
http://www.hipertexto.info/documentos/oohdm.htm.
Leithe,
Año
05/2012,
Teoría
de
Dreamweaver,
http://infodaniela02.blogspot.com/2012/05/aspectos-basicos-dedreamweaver.html.
Liza Ávila, C (2000), Año 2001, Modelando con UML Principios y Aplicaciones,
Modelando
con
UML
Principios
y
Aplicaciones,
editorial Concepción Fernández R(2002).
Pascual Gonzáles, Junio 2006, Francisco, ‘‘Navegar en Internet, Macromedia Dreamweaver MX’’, México, México, Editorial Alfa Omega, Alfaomega,
Plazas Parrales, Marzo 2003, IEEE computer society, Practicas recomendadas para la ingeniería de sitios web en la Internet administración de un sitio web - y ciclo de vida de un sitio web Std IEEE 2001-2002,
Pressman,
R
(2002),
Ingeniería
de
Software,
5ª,
editorial
Concepción Fernández.
Pablo
Ronquillo,
Año
2010,
‘‘Asociación
Ecuatoriano
de
Orquideología’’, http://www.orquideasecuador.org.
107
Toledo Alvaro, Año 2010, Wamp Server WAMPS, http://wamp-serverwamp5.uptodown.com.
Vegas
Jesus,
Año
2002,
Aplicación
Multinivel,
http://www.infor.uva.es/~jvegas/cursos/buendia/pordocente/node21.h tml.
Wikipedia,
Año
2009,
Servidor
HTTP
Apache,
http://es.wikipedia.org/wiki/Servidor_HTTP_Apache.
A N E X O S
ANEXO I ENTREVISTA 1. ¿Cuáles son los objetivos del Jardín Botánico ‘‘Las Orquídeas’’? Promover la importancia de la Flora Amazónica por medio del rescate que se ha hecho en este espacio, que es una regeneración de un ecosistema con la misma vegetación que existió, lo que ha servido como
medio
para
educar,
concientizar
y
fomentar
la
actividad
turística. 2. ¿Por qué sería necesario difundir el trabajo del Jardín Botánico? El
trabajo
difundir,
que
realiza
el
puesto
que
tiene
Jardín
Botánico
aspectos
es
muy
relevantes
en
importante el
área
ambiental, cultural, educativa y social, es indispensable difundir para que la sociedad valore lo que aún tenemos vivo y podemos recuperar, también los efectos que se están dando causados por la
108
desaparición de muchas especies de flora y fauna, es decir, la difusión es un punto clave para que espacios como este sean creados en
otros
lugares
como
una
metodología
de
regeneración
de
ecosistemas con fines de protección, no solo de aprovechamiento. 3. ¿A
través
de
qué
medios
está
siendo
promocionado
el
Jardín
Botánico? El
Jardín
Botánico
principalmente tarjetas
de
a
‘‘Las
través
Orquídeas del
presentación,
la
se
folletería publicidad
ha
venido
promocionando
(trípticos que
las
y
dípticos),
instituciones
pertinentes hacen en la ciudad y la Provincia, como el Ministerio de
Turismo, el
Departamento
de
Turismo
del GAD
Municipal,
las
recomendaciones de visitantes y la página web.
109
4. ¿Considera importante la difusión del Jardín Botánico a través del internet? Por supuesto, me parece el medio más adecuado considerando que actualmente todos utilizamos como una herramienta el internet, para informarnos o contactarnos, por ello es además importante estar vinculados a redes sociales como facebook o twitter, lo que permite que más gente conozca de nuestro trabajo y logros. Otro aspecto importante es que la información que se difunda no debe ser solo en español, considerar otros idiomas es necesario, en el caso del Jardín Botánico, los turistas que más nos visitan provienen en su mayoría de Alemania, Francia y Estados Unidos. 5. ¿Cómo
considera
usted
que
beneficiaría
al
Jardín
Botánico
la
creación de un sitio web? El Jardín cuenta con una página web informativa, sin embargo se requiere mejorar dicha página para que sea más dinámica, donde se organice de mejor manera la información a través de un menú para que estudiantes o interesados puedan encontrar la información que requieran de una forma más sencilla y rápida, pero además puedan acceder
a
nuestras
bases
de
datos,
registros
o
inventarios,
investigaciones, etc. considerando indispensable que el sitio web sea actualizado permanentemente para no perder el interés de la gente, es así que, mantener un espacio donde se pueda interactuar con ellos, puedan emitir comentarios o hacer preguntas, etc. El beneficio es mutuo, tanto para el Jardín así como
para la
persona que accede al página web, puesto que permitirá que cada vez se incremente el número de interesados en visitarnos o participar de nuestras actividades. Además es importante recalcar que la información que se publica en la página web es verídica, es decir, son datos que se mantienen en los
archivos
del
Jardín
Botánico,
puesto
que
muchos
no
solo
accederán al sitio web sino además nos visitarán y corroborarán esa información, lo que permitirá mantener el prestigio de
nuestra
organización. 6. ¿Cuenta con una base de datos de la flora existente en el Jardín Botánico? Se mantiene archivos internos, los cuales han sido elaborados por especialistas
que
han
venido
a
colaborar
como
voluntarios,
el
inventario consta de archivos en Excel donde se encuentra la lista de las especies registradas en un orden taxonómico, además de un archivo con fotografías de todas las especies y un instructivo en Word para el uso del inventario, puesto que los archivos utilizados
110
por estudiantes o especialistas son diferentes. Sin embargo es de gran importancia buscar la forma más idónea para presentar esta información en nuestro sitio web. 7. ¿El Jardín Botánico cuenta con un registro o una base de datos de voluntarios? Los voluntarios que han llegado al Jardín han sido principalmente extranjeros, quienes han visitado la pagina web y a través de un correo
electrónico
experiencia
y
indispensable
solicitan
expectativas para planificar
el
voluntariado,
durante las
su
manifestando
estadía,
actividades,
sin
su
información embargo,
el
Jardín Botánico no lleva ninguna base de datos de los voluntarios; lo que se requiere es contar con un registro o una ficha en el sitio web donde el interesado pueda acceder y facilite mantener en una base de datos toda esta información. 8. ¿Considera necesario que en su sitio web se visualice links de organizaciones afines al Jardín Botánico? Mantener los vínculos con otras organizaciones o empresas en muy necesario,
puesto
que
si
hablamos
en
el
ámbito
turístico,
se
colabora a que la gente conozca otras alternativas de visita, es decir, otros atractivos turísticos, su estadía perdure por más tiempo en nuestra ciudad y ayude a dinamizar la economía. ANEXO II OBSERVACION DE CAMPO Se procedió a realizar la observación de campo dentro del Jardín Botánico ‘‘Las Orquídeas’’, donde se logró recopilar gran cantidad de información que es de vital importancia para el desarrollo de la aplicación. Personal que Labora dentro del Jardín Botánico ‘‘Las Orquídeas’’
Dentro del Jardín Botánico ‘‘Las Orquídeas’’ existen 4 cargos principales: o
Gerente General
o
Administrador
o
Supervisor
o
Obreros
Funciones que desempeñan en cada cargo.
111
El
Gerente
General(Propietario)
cumple
con
las
siguientes
funciones: o
Se encarga de coordinar los proyectos a desarrollarse y los que se encuentran ejecutando dentro del Jardín.
o
Se encarga de la gestión para la importación y exportación de lo que son orquídeas, con empresas nacionales y extranjeras.
El Administrador
cumple con las siguientes funciones:
o
Se encarga de aprobar el ingreso del personal voluntario.
o
Revisa gasto e inversiones en cada proyecto que se realice o se vaya a realizar.
o
Revisa
el
gasto
e
inversiones
en
la
adquisición
de
las
diferentes orquídeas. o
Tramita el listado de las orquídeas que se adquieren para el Jardín
El Supervisor o
cumple con las siguientes funciones:
Registra
y
coordina
con
el
personal
a
laborar
en
cada
proyecto o
Consolida el listado de las orquídeas dentro del Jardín.
Los Obreros o
cumple con las siguientes funciones:
Cuidado y tratamiento de las Orquídeas que existen dentro del Jardín,
o
Realizan la ejecución de los proyectos dentro del Jardín o sirven de apoyo para el personal que requiera su ayuda.
112
UNIVERSIDAD AUTONOMA DE LOS ANDES ‘‘UNIANDES’’
FACULTAD DE SISTEMAS MERCANTILES PREVIO A LA OBTENCIÓN DEL TÍTULO DE INGENIERO EN SISTEMAS INFORMATICOS TEMA: PORTAL WEB PARA LA GESTIÓN DE LOS SERVICIOS DEL JARDÍN BOTÁNICO LAS ORQUÍDEAS DE LA CIUDAD DE PUYO. MANUAL DE USUARIO AUTORES: TLGO. GONZALO ZABALA TLGO. RICHARD MARCELO HACHI 2013 INDICE CARATULA CAPITULO I ……………………………………………………………………………. 2
113
1.1. Generalidades…………………………………………………………………. 3 1.1.1 A Quien Va Dirigido……..……………………………………………………. 1.2 Acerca De Este Manual…....…………………………………………………
3 3
CAPITULO II…………………………………………………………………………… 2. 2.1
4
Ingreso al Sitio Web…………………………………………………………… 4 Pasos Para el Uso de Una Computadora y Cargar el Navegador.……… 5
CAPITULO III…………………………………………………………………………… 8 3 3.1 3.2 3.3 3.4 3.5 3.6 3.7
Operaciones en el Sitio Web………………………………………………….. 8 Menú Principal……………….…………………………………………………. 9 Diagrama Navegacional……………………………………………………….. 11 Estructura……………..………………………………………………………… 12 Encabezado…………………………………………………………………….. 12 Body…………………………….……………………………………………….. 12 Descripción de la Página Principal...…………………………………………. Ingreso al Sistema………..……………………………………………………. 13
12
CAPITULO IV…………………………………………………………………………… 15 4 4.1 4.2 4.2.1 4.2.2 4.2.3 4.3. 4.4. 4.5. 4.6.
Modulo Administrador……….…………………………………………………. 16 Opción Voluntarios……………………………………………………………… 16 Opción Voluntariado………..………………………………………………….. 18 Opción Voluntariado, Fichas de Voluntarios..……………………………….. 19 Opción Voluntariado Aportes……………..…………………………………… 19 Opción Voluntariado, Listar Ficha……………………………………………. 20 Opción Especie, Género, Familia…………………………………………….. 20 Opción Registrar Plantas………………………………………………………. 21 Opción Comentarios………………………………………………..………….. 22 Opción Usuarios……….……………………………………………………….. 22
CAPITULO V…………………………………………………………………………… 5 5.1
23
Modulo Usuario…….……….…………………………………………………. 24 Opciones de Usuario…………………………………………………………… 24
CAPITULO Vi…………………………………………………………………………… 25 6 6.1 6.2 6.3
Modulo Voluntarios….……….…………………………………………………. Opciones Especie, Genero, Familia……..…………………………………… Opciones Registro de Plantas……….…..…………………………………… Opciones Comentarios……………….…..…………………………………… 29
26 27 28
FIN
114
CAPÍTULO 1
GENERALIDADES
115
1.1
GENERALIDADES
El presente manual esta realizado para brindar una mejor comprensión del presente software, además dar a conocer a los usuarios finales las características y formas de funcionamiento del software. El Objetivo del este portal principalmente es tratar de mejorar los servicios que brinda el Jardín Botánico ‘‘Las Orquídeas’’, también dar a conocer al mundo entero este gran atractivo turístico mediante la Web.
1.1.1 A QUIEN VA DIRIGIDO
Este
Manual
de
Usuario
del
Portal
Web
del
Jardín
Botánico
‘‘Las
Orquídeas’’ va dirigido para todos los usuarios que visiten el sitio, permitiéndoles consultar el mismo. Para aquellos usuarios que deseen manipular la Base de Datos (Ingresar o Actualizar Registros), será necesario que sean Usuarios Registrados o el Administrador quien tendrá el acceso a toda la información del Portal Web y a la vez a su manipulación de la información. Se debe aclarar que previamente el usuario debe tener ya una conexión a
Internet
con
cualquiera
de
los
Proveedores
que
prestan
este
servicio.
1.2 El
ACERCA DE ESTE MANUAL presente
manual
nos
permitirá
clara todo acerca de cómo utilizar
detallar
de
manera explícita
o
de manera correcta y adecuada
la página que se visualiza a través de la red, también cabe aclarar que en el presente manual podremos visualizar todos los menús y ventanas que se despliegan al dar un clic, siempre y cuando sean
116
considerados
usuarios
visitantes
o
mas
no
usuarios
registrado
dentro de la Base de Datos del Sistema.
CAPÍTULO 2
INGRESO AL SITIO WEB
117
2.1 PASOS PARA EL USO DE UNA COMPUTADORA Y CARGAR EL NAVEGADOR
Fi g. Una
vez
que
nos
1:
Par e s d el
encontremos
frente
Comp ut a do r a
un
ordenador
o
computadora
procedemos a realizar los siguientes pasos:
Encendemos el CPU presionando el botón adecuado.
Presionamos el botón de encendido de nuestro monitor.
Esperamos un tiempo estimado mientras se carga el sistema operativo de nuestro computador.
Una vez cargado totalmente el sistema operativo del computador procederemos
a
pantalla
inicio
de
computador, variar
visualizar
esta
en
nuestro
puede
dependiendo
la
venir
del
a
sistema
operativo que el computador tenga, ya sea este Windows XP, Windows 7, Windows 8, Linux, entre otros.
Posteriormente
que
pantalla
inicio
computador
de
estamos
procedemos
de a
en
la
nuestro
buscar
Fi g.
2:
Pant al l as d e I ni c i o d e Wi nd ows
el
navegador para poder cargar la pantalla de inicio en la Web, este icono
de
igual
manera
puede
variar
dependiendo
del
tipo
de
navegador que tengamos instalados, por lo general el navegador que tenemos por defecto es el Internet Explorer pero también podemos utilizar Firefox, Chrome, entre otros, como se muestra en la figura 2.
118
Fi g. 3: Ti po s d e Nav e gad or es
Cargamos
el
navegador
a
elección
del
usuario,
en
este
caso
trabajaremos con el navegador Firefox 12.0
Fig. 4: Navegador Firefox
Una vez que presionamos enter o damos doble clic en el navegador, se cargara la pantalla de inicio del mismo, para posteriormente en la barra de direcciones proceder a poner la dirección del Sitio Web, en este caso
Fi g. 5: Bar r a d e Di r e c c i on es
119
Luego de poner la dirección de nuestro Sitio Web en la barra de direcciones y presionar enter podremos visualizar la pantalla de inicio de nuestro Portal Web.
CAPÍTULO 3
OPERACONES EN EL SITIO WEB
Fi g.
6:
Pant al l a de I n i c i o
120
3.1 MENU PRINCIPAL El menú principal del Portal está ubicado en la parte izquierda, en este se encuentran las siguientes opciones: MENU
INICIO
NOSOTROS
GALERIA BLOG DE EVENTOS
CONTACTOS
INFORMATIVO
VISITANOS QUIERES HACER EL VOLUNTARIADO EN EL JARDIN TESTIMONIOS DE VOLUNTARIOS
121
APOYO RECIBIDO SUGERENCIAS O COMENTARIOS AYUDANOS A SALVAR LA RESERVA
En la Figura 6 se muestra el menú principal del Portal Web del Jardín Botánico ‘‘Las Orquídeas’’ el cual será visible permanentemente en la parte izquierda del portal.
También podemos comentar que el Portal Web cuenta con otro menú adicional que está ubicado en la parte derecha del Portal web, el cual están las siguientes opciones:
BUSCAR
PRODUCTOS
VENTA DE PLANTAS Y FLORES AMIGOS
Shade Tree Expert Ecominga Lou Jost’s Biologia en Ecuador Native Orchid Conservation Flora Sana Pastaza Ecuador Jungle La Hormiga
122
Fi g.
8:
Menú Se c und ar i o
Idealist Corporacion Para el Desarrollo Sostenible
3.2 DIAGRAMA NAVEGACIONAL
123
3.3 ESTRUCTURA Podemos dar a conocer que las páginas se encuentran estructuradas de la siguiente manera:
Encabezado
Menú Principal y Submenú
Body o cuerpo (La información cambia dependiendo del menú que se elija)
Pie de pagina
3.4 ENCABEZADO Con respecto al encabezado podemos dar a conocer que se encuentra ubicado en la parte superior de todas las páginas además de que se mostrará al dar clic en todas las opciones del menú, consta con una imagen
de
una
rana
el
cual
representa
la
flora
y
fauna
de
la
amazonia, además cuenta con el nombre del Jardín plasmado en un fondo verde claro. 3.5 BODY Dependiendo del menú que se llegue a elegir el body o cuerpo de la página viene a variar, como un claro ejemplo dentro de la página principal podemos decir que se encuentra una imagen de visualización y un mensaje el cual tiene relación con el Jardín. 3.6
DESCRIPCION DE LA PAGINA PRINCIPAL El Portal Web del Jardín Botánico ‘‘Las Orquídeas’’ está diseñado en código
PHP,
javascrit
y
Dreamwever.
Se
encuentra
ubicada
en
el
centro de la pantalla propuesta en una resolución de 1024 x 768 pixeles.
A más de presentar toda la información referente al Jardín podemos encontrar
Venta
de
Plantas,
Registro
de
Voluntarios,
tipos
de
124
Orquídeas, etc.
10 :
Fi g.
Pan t al l a d e I ni c i o de l J ar dí n Bot á ni c o ‘ ‘ Las Or qu í de as ’ ’
3.7 INGRESO AL SISTEMA Dentro
de
la
página
principal
encontraremos un link en el cual nos permitirá online
ingresar del
a
Jardín
la
plataforma
Botánico
‘‘Las
Orquídeas’’. Al seleccionar la opción de ‘‘Ingreso
al
ingresara
a
Sistema’’ una
el
navegante
el
cual
página
nos
mostrara la opción de ingreso de usuario y su respectiva clave.
Fi g.
11 :
Luego de la respectiva selección en la
opción
de
‘‘Ingreso
al
Sistema’’ podremos
Li n k d e I n gr e s o al Si s t ema . visualizar
una
125
pantalla
el
cual
nos
solicitara
el
respectivo
usuario
y
contraseña ya sea este de Administrador del Portal, V oluntario o Usuario,
los
cuales
son
facilitados
portal web, luego de su aprobación
por
el
administrador
del
por parte del Sr. Omar Tello
Gerente propietario del Jardín.
Fig. 12: Página Principal de la Aplicación.
126
CAPÍTULO 4
MODULO ADMINISTRADOR
4. MODULO ADMINISTRADOR Al realizar el respectivo ingreso al sistema con el usuario y contraseña correspondiente al Administrador, se visualiza la siguiente pantalla con las diferentes opciones principales.
127
Fig. 13: Pantallas de Inicio del Administrador Dentro de menú principal se visualiza diferentes funciones que cumple el Administrador como son, la creación de voluntarios, la creación de la ficha de voluntarios, la creación de un taxón, filo, familia, genero,
especie, a demás el registro de plantas, también tenemos la
opción de comentarios, y la creación de nuevos usuarios. 4.1
OPCION VOLUNTARIOS Al visualizar las opciones dentro del menú voluntario se puede claramente ver que tenemos diferentes opciones como son:
Crear voluntarios: Permite la opción de creación de nuevos voluntarios con sus respectivos datos
128
Fig. 14: Opción crear Voluntarios Buscar/modificar (Voluntarios): nuevosDentro de esta opción se puede buscar y/o modificar la ficha de un voluntario ya registrado.
Fig. 15: Opción Buscar/Modificar Voluntarios Eliminar (Voluntarios): Esta opción permite eliminar un voluntario ya registrado.
Fig. 16: Opción Eliminar Voluntarios Listar (Voluntarios): la opción de listar permite listar todos los
voluntarios
ya
registrados
en
el
Jardín
Botánico
‘‘Las
Orquídeas’’
Fig. 17: Opción Listar Voluntarios 129
4.2
OPCION VOLUNTARIADO Dentro
del
menú
voluntariado
se
visualiza
claramente
todas
las
opciones correspondientes a la ficha del voluntario el cual contiene diferentes campos como son fechas de ingreso, aportaciones, etc. Fichas de Voluntarios/Registrar Ingreso es una de las opciones que encontramos dentro del menú
correspondiente a Voluntariado, la cual
permitirá registrara datos como Fechas de Ingreso para el Voluntario, fecha de salida, aportaciones, etc., como nos muestra en la figura.
Fig. 18: Opción Voluntariado 4.2.1 OPCION VOLUNTARIADO-FICHA DE VOLUNTARIOS Se puede notar que dentro de la opción Ficha Voluntarios encontraremos diferentes sub-menús las
cuales
nos
permitirán
Buscar/modificar Eliminar
la
la
ficha
opciones
ficha
creada
de
para
como
son
voluntarios, el
respectivo
voluntario.
Fig. 19: Opción Voluntariado, Fichas de Voluntarios
4.2.2 OPCION VOLUNTARIADO-APORTES
Se tiene en el siguiente sub-menú la opción de Aportes, la cual permitirá
cada
aportación
con
su
respectiva
fecha
y
saldo
a
cancelar para poder realizar el voluntariado. A demás dentro de la opción
Aportes
también
se
puede
encontrar
opciones
como
Buscar/Modificar lo que corresponde para aportaciones además de eliminar una aportación, cabe aclarar que la eliminación de la
130
aportación
solo
se
puede
realizar
de
la
última
aportación
ingresada.
Fig. 20: Opción Voluntariado, Aportes
4.2.3 OPCION VOLUNTARIADO-LISTAR FICHAS Dentro de la opción listar se puede ver claramente el listado de voluntarios
registrados
y
a
su
vez
si
se
encuentran
activos,
adicionalmente la fecha de ingreso y salida del voluntario como nos muestra en la figura.
Fig. 21: Opción Voluntariado, Listar Fichas 131
4.3 OPCION ESPECIE, GENERO, FAMILIA Dentro de esta opción que se puede visualizar en el menú principal del Administrador, se encontrará un sub-menú el cual contendrá las opciones de Taxon , Filo, Familia, Genero y Especie; todas estas opciones del submenú
permitirán
ingresar
una
nueva
orquídea,
buscar/modificar
una
orquídea ya creada, listar todas las orquídeas registradas y eliminar algún registro mal ingresado, dependiendo la opción que elijamos podemos utilizar todas estas opciones.
Fig. 22: Opción Especie, Genero, Familia
4.4 OPCION REGISTRAR PLANTAS La opción de registro de plantas en esta ocasión permitirá realizar un ingreso de una planta u orquídea dependiendo a que tipo pertenece, además de permitir ingresar los atributos y/o características de la misma.
132
Fig. 23: Opción Registrara Plantas Como se visualiza en la figura anterior se puede dar cuenta que se tiene varias opciones al dar clic en Registro de Plantas, anteriormente ya se menciona la opción de crear una orquídea o planta. Además de ello se tiene opciones como se puede visualizar
que son de Buscar Modificar
una
planta u orquídea ya creada, Eliminar una planta u orquídea y Listar todas las plantas u orquídeas creadas dentro de la base de datos.
4.5 OPCION COMENTARIOS Ahora como se puede visualizar dentro la opción comentarios se tiene las opciones de Crear Nuevos comentarios, Buscar un comentario que se haya realizado con anterioridad, Eliminar un comentario que no se desea que se visualice
y
se
tiene
también
la
opción
de
dar
contestación
a
un
comentario o pregunta que realice algún visitante a nuestra página, todas estas opciones se puede visualizar en el siguiente gráfico.
Fig. 24: Opción Comentarios 4.6
OPCION USUARIOS
Esta existe menú
opción
que
dentro principal
Administrador
es
del del de
133
mucha
importancia puesto
que permitirá la
creación
de
usuarios
para
posteriormente puedan ingresar al portal web ya como usuarios registrador y puedan trabajar con cierta información.
CAPÍTULO 5
MODULO USUARIO
134
5. MODULO USUARIO En esta parte del módulo se trata de dar a conocer la función que el Usuario
ya
registrado
usuario
y
contraseña son
previamente. Para
ello es
importante
tener un
una
las
cuales
facilitadas
por
parte del administrador del
sitio
poder
web,
para
realizar
el
ingreso al sistema.
Fig. 26: Inicio del Módulo Usuarios
5.1
OPCIONES DE USUARIO
Una
vez
que
se
ha
procedido al ingreso de la
respectiva
clave
y
usuario para el ingreso al sistema como usuario se puede ver claramente un menú
principal el
cual
permite
que
opciones
realizar
dicho
conocer puede usuario
registrado. Dentro
del
menú
del
usuario
se
encuentra Registro de Fig. 27: opciones Opciones como del menú de Plantas con la opción de Listar todas aquellas Usuarios plantas que ya han sido registrados anteriormente por el Administrador o Voluntario autorizado. También se cuenta con la opción de comentarios el cual permitirá al usuario realizar
un comentario que se considere importante, además de
135
permitir
realizar
la
contestación
a
un
comentario
anteriormente
realizado.
CAPÍTULO 6
MODULO VOLUNTARIO
136
6. MODULO VOLUNTARIOS Las funciones que este tipo de usuario puede cumplir son varias, para ello el Administrador del sistema previamente debe registrarle en la base de datos, cabe aclarar que una vez registrado con el número de cedula, nombres
y
apellidos
la
contraseña automáticament e pasara a ser el
mismo
número
de
cedulo
con
que
la
podrá
acceder
al
sistema.
Una
vez
ingresado sistema
al
se puede visualizar en el menú diferentes Fig. 28: Inicio del Módulo opciones con las que el Voluntario puede trabajar, entre ellas tenemos: Voluntarios
como
voluntario
Registro
de
Especie;
Género,
Familia
Registro de Plantas
Comentarios
Salir
Fig. 29: Menú Voluntarios
6.1 OPCION ESPECIE, GENERO, FAMILIA
137
Esta opción del menú permite al Voluntario registrado previa autorización del
Administrador crear
un
nuevo
registro
de
una
orquídea
existente
dentro del Jardín Botánico, cabe aclarar que para el registro de la nueva orquídea es necesario llenar todos los campos que le caracterizan, además de ello
Fi g. 31 : Opc i ón t ax ó n, f i l o f ami l i a , gén er o , e s pe c i e
Fig. 30: Opción Especie, Género, Familia
Dentro del Menú de principal correspondiente a Especie, Genero, Familia al momento de elegir el Tipo de Taxón, Filo, Familia, Especie o Genero también
se
puede
visualizar
con
cada una
de
ellas
las opciones
de
Buscar/Modificar y listar dependiendo de la opción que se elija dentro del menú como se muestra en la figura 31.
6.2 OPCION REGISTRO DE PLANTAS La opción de registro de plantas permite ingresar los tipos de plantas y/o orquídeas que existan dentro del jardín a su vez aquellas nuevas que lleguen al orquideario permitiendo así, poder mantener una base de datos actualizada con todos los tipos de orquídeas y plantas que existen dentro
138
del Jardín Botánico ‘‘Las Orquídeas’’. A su vez dentro de la opción de registro
de
plantas
se
puede
visualizar
lo
que
corresponde
a
Buscar/Modificar las plantas ingresas en la base de datos y Listar todas las plantas y/o orquídeas ya registradas.
Fig. 32: Opción Registro de Plantas Para poder realizar el registro de la planta u orquídea es necesario tener ingresado el taxón, filo, familia, género, y especie a la cual pertenece la planta, por ende luego de saber a qué tipo pertenece se procede a llenar en el sistema con todos los parámetros obligatorios como nos muestra en la figura anterior.
6.3 COMENTARIOS Esta opción dentro del menú principal del Módulo de Voluntarios permite realizar un comentario, aclaración, sugerencia y/o pregunta que desee realizar este usuario y a la vez se tiene la opción de contestar, la cual permitirá dar una respuesta a una inquietud o duda que algún usuario realice.
139
Fig. 33: Opción Comentarios
UNIVERSIDAD AUTONOMA DE LOS ANDES ‘‘UNIANDES’’
140
FACULTAD DE SISTEMAS MERCANTILES PREVIO A LA OBTENCIÓN DEL TÍTULO DE INGENIERO EN SISTEMAS INFORMATICOS TEMA: PORTAL WEB PARA LA GESTIÓN DE LOS SERVICIOS DEL JARDÍN BOTÁNICO LAS ORQUÍDEAS DE LA CIUDAD DE PUYO. MANUAL DE TECNICO AUTORES: TLGO. GONZALO ZABALA TLGO. RICHARD MARCELO HACHI 2013 INDICE CARATULA CAPITULO I ……………………………………………………………………………. 1 1.2. 1.1.2 1.1.2 1.2 1.2.1 1.2.2 1.3
Generalidades…………………………………………………………………. 2 Acerca de Este Manual....……………………………………………………. 2 A Quien Va Dirigido………....………………………………………………… Recursos Utilizados…………………………………………………………… 2 Recursos de Hardware……………………………………………………….. 2 Herramientas de Software……………………………………………………. 3 Diagrama Navegacional………………………………………………………. 4
2
CAPITULO II…………………………………………………………………………… 2.1 2.1.1 2.1.2 2.1.3 2.1.4 2.1.5 2.1.6
Descripción de la Página Principal…………………………………………… Tamaño de la Página…………………………………………………………. 6 Estructura………………………………………………………………………. 6 Encabezado……………………………………………………………………. 7 Menú Principal…………………………………………………………………. 7 Submenú……………………………………………………………………….. 8 Body…………………………………………………………………………….. 8
5 6
141
2.1.7 Pie de Página………………………………………………………………….. 9 CAPITULO III…………………………………………………………………………… 10 3.1
Organización de los Archivos………………………………………………….
11
CAPITULO IV…………………………………………………………………………… 12 4.1 4.1.2 4.1.3 4.2 4.2.1 4.2.2 4.2.3 4.2.4 4.2.5 4.2.6 4.2.7 4.3 4.3.1 4.3.2 4.3.3 4.3.4 4.3.5
Modelo Estático….……………………………………………………………… 13 Identificación de Actores.………………………………..…………………….. 13 Descripción de Cada Actor...……………..…………………………………… 13 Diagrama de Casos de Uso……..……………………………………………. 14 Diagrama General de Casos de Uso..……………………………………….. 14 Diagrama de Casos de Uso Nivel I..…………………………………………. 15 Diagrama de Casos de Uso, Administrar Sitio Web……………………….. 17 Diagrama de Casos de Uso, Administrar Voluntarios……………………… 18 Diagrama de Casos de Uso, Registrar Plantas…………………………….. 19 Diagrama de Casos de Uso, Registrarse……………………………………. 21 Diagrama de Casos de Uso, Consultar………………………………………. 22 Diagrama de Secuencia……………………………………………………….. 24 Diagrama de Secuencia, Administrar Registro de Plantas………………… 24 Diagrama de Secuencia, Administrar Registro de Filos…………………… 25 Diagrama de Secuencia, Administrar Registro de Familias……………….. 26 Diagrama de Secuencia, Administrar Registro de Género……………….. 27 Diagrama de Secuencia, Administrar Registro de Especie………………. 28 4.3.6 Diagrama de Secuencia, Administrar Registro de Taxón…………………. 29 4.3.7 Diagrama de Secuencia,, Registro de Voluntarios………………………… 30 4.3.8 Diagrama de Secuencia, Administrar Voluntarios………………………….. 30 4.4 Diseño Conceptual……………………………………………………………... 31 4.5 Diccionario de Datos…………………………………………………………… 32 4.6 Modelo Funcional………………………………………………………………. 40 4.6.1 Inicio de Sesión………………………………………………………………… 40 4.6.2 Ingresar/Actualizar Datos de Voluntario…………………………………….. 41 4.6.3 Registro de Ingreso de Voluntarios………………………………………….. 42 4.6.4 Ingresar Aportes de Voluntarios……………………………………………… 43 4.6.5 Ingresar/Actualizar Taxón…………………………………………………….. 44 4.6.6 Ingresar/Actualizar Filo………………………………………………………... 45 4.6.7 Ingresar/Actualizar Familia……………………………………………………. 46 4.6.8 Ingresar/Actualizar Género……………………………………………………. 47 4.6.9 Ingresar/Actualizar Especie…………………………………………………… 48 4.6.10 Ingresar/Actualizar Usuario…………………………………………………… 49 4.7 Diagrama de Clase…………………………………………………………….. 50 4.8 Modelo Físico de la Base de Datos………………………………………….. 51 FIN
142
1 . CAPÍTULO 1 GENERALIDADES
143
1.1. GENERALIDADES En este capítulo se explica la distribución del manual y para quienes va dirigido. 1.1.1. Este
ACERCA DE ESTE MANUAL
manual
detallará
la
estructuración,
diagramación
y
todos
los
elementos necesarios que se utilizaron para la creación del PORTAL WEB PARA LA GESTION DE LOS SERVICIOS DEL JARDIN BOTANICO ‘‘LAS ORQUIDEAS’’ DE LA CIUDAD DE PUYO. A su vez esta información servirá como guía para la actualización y/o modificaciones futuras. 1.1.2.
A QUIÉN VA DIRIGIDO
Este manual va dirigido a todas las personas la cual corresponde el manejo o modificación del portal web para la gestión de los servicios del Jardín Botánico ‘‘Las Orquídeas’’ de la ciudad de Puyo. 1.2. RECURSOS UTILIZADOS 1.2.1.
REQUERIMIENTOS DE HARDWARE
Computador Core2Dúo 3,10 GHZ
2 GB Memoria RAM
Disco duro de 160 GB
PUERTOS USB
Mouse
Teclado
Unidad DVD-WRITER
1.2.2.
HERRAMIENTAS DE SOFTWARE
El Portal Web para la Gestión de los servicios del Jardín Botánico ‘‘Las Orquídeas’’ de la ciudad de Puyo fue creado con los siguientes programas:
Sistema Operativo: Windows 7
Software de Diseño Web: Dreamweaver Versión CS5.
Software de Ilustración: Adobe Illustrator CS5
Software de edición de imágenes: Adobe Photoshop CS5
Software de levantamiento de texto: Microsoft Word
Software de Desarrollo: MySQL Server 5.1
1.3. DIAGRAMA NAVEGACIONAL El Portal Web para la Gestión de los servicios del Jardín Botánico ‘‘Las Orquídeas’’ de la ciudad de Puyo cuenta con las siguientes opciones
CAPÍTULO 2 DESCRIPCION DEL SITIO 2.
2.1
DESCRIPCIÓN DE LA PÁGINA PRINCIPAL
2.1.1 TAMAÑO DE LA PÁGINA La página se encuentra ubicada en el centro de la pantalla, propuesta en una resolución de 1024x768 píxeles. Su diseño de formato vertical, tiene una resolución de 800 píxeles de ancho, y los píxeles de largo varían según la cantidad de información.
2.1.2 ESTRUCTURA Fi g. 2: en: Pági na Pr i n c i p al La página está estructurada
Encabezado
Menú Principal y submenú
Body o cuerpo
Pie
La información que presenta en
el body cambia según las opciones que
sean visitadas del menú principal. 2.1.3 ENCABEZADO El encabezado se encuentra ubicado en la parte superior de la página. Consta de un fondo transparente donde se encuentran el nombre de la empresa junto al logo y un slogan característico del Jardín.
Fi g.
Enc a bez ado de l a Pá gi n a Pr i n c i p al
3:
2.1.4 MENU PRINCIPAL El menú principal está ubicado en la parte izquierda del body o cuerpo. Consta de botones sencillos, que al pasar el mouse sobre ellos cambian el color de fondo los cuales contiene la información que el usuario necesita conocer sobre la empresa. El menú principal consta de:
Inicio
Nosotros
Galería
Blog de Eventos
Contactos
Fi g. 4: Menú 2.1.5 SUBMENÚ El Submenú se despliega al hacer clic en una de las opciones del menú principal.
Fi g. 5: Submenú
2.1.6 BODY Como página Inicial en el Body se encuentra una imagen representativa del Jardín así como también un pequeño mensaje, mencionado espacio sirve para cargar la información de cualquier enlace que sea seleccionado.
2.1.7 PIE DE PÁGINA El pie está ubicado en la parte inferior de la pantalla, consta de: una barra de color verde con datos de la empresa y el logo. Fi g. 6: Body
Fi g.
7:
Pi e
CAPÍTULO 3
ESTANDARIZACIÓN DE LOS 3.
ELEMENTOS DEL SISTEMA
3.1 El
ORGANIZACIÓN DE LOS ARCHIVOS directorio
principal,
es,
posee
una
subdivisión
de
carpetas
que
contienen los archivos a utilizarse en todo el sitio web.
Fi g. 8 Or gani z ac i ón de El archivo principal llamado Arindex.php, se encuentra ubicado en la raíz c hi v os del directorio, al mismo nivel de las carpetas antes mencionadas, éste se encarga de llamar a las diferentes páginas, según sea decidido por el usuario.
4 . CAPÍTULO 4
4.1 MODELO ESTATICO 4.1.2 IDENTIFICACION DE ACTORES Para una mejor comprensión del rol que tienen los usuarios del Sistema se realizó
una
breve
descripción
de
cada
uno
de
ellos
colocando
su
descripción, responsabilidades y uso del sistema.
Fi g. 9: 4.1.3 DESCRIPCION DE CADA ACTOR
N°
I den t i f i c ac i ón de Ac t o r es
ACTORES
DESCRIPCION
USUARIO ADMINISTRADOR
Es aquel usuario que tendrá el acceso a toda la información del sitio puesto que es quien se encargara de vigilar y control el portal web
2
USUARIO VOLUNTARIO
Es aquel usuario registrado en la página el cual tendrá acceso a los diferentes servicios con los que cuenta el sitio web.
3
USUARIO CLIENTE
Este usuario tendrá acceso a la página informativa del sitio.
1
Fig. 10: Descripción de Cada Actor 4.2 DIAGRAMA DE CASOS DE USO 4.2.1 DIAGRAMA GENERAL DE CASOS DE USO
ADMI NI STRA ADMI NI STRACI ON DE PROYECTOS EN EL J ARDI N BOTANI CO LAS ‘ ‘ ORQUI DES’ ’
VOLUNTARI O
USUARI O Fi g.
11:
Di agr ama
d e Us o
4.2.2 DIAGRAMA DE CASOS DE USO NIVEL I
Ge n e r a l
de
Ca s os
administrar sitio web administrador
administrar voluntarios
voluntario registrar plantas
registrarse
buscar plantas
usuario
Fi g . Ni v e l
12: I
Caso de Uso
Actores
Di a g r a ma d e Ca s o s d e Us o
Administrar sitio web
Administrador
Descripción
Tabla
Función a través de la cual el administrador se encargar de agregar, modificar y eliminar información del Sitio Web. 1:
ESPECIFICACION
DEL
CASO
DE
USO,
ADMINISTRAR
SITIO WEB Caso de Uso
Administrar voluntarios
Actores
Administrador
Descripción
Función a través de la cual el administrador agrega, modifica e inactiva los voluntarios registrados en el sistema.
Tabla 2: E S P E C I F I C A C I O N
DEL
CASO
DE
USO,
ADMINISTRAR
VOLUNTARIOS VOLUNTARIOS Caso de Uso
Consultar de Reportes
Actores
Administrador, Voluntarios
Descripción
Función a través de la cual se consultaran plantas registradas, registro de voluntarios inscritos.
Tabla
3:
ESPECIFICACION
DEL
CASO
DE
USO,
CONSULTAR REPORTES Caso de Uso
Registrar plantas
Actores
Voluntarios
Descripción
Función a través de la cual el voluntario puede agregar, modificar e inactivar registro de plantas.
Tabla
4:
ESPECIFICACION
REGISTRAR PLANTAS
DEL
CASO
DE
USO,
Caso de Uso
Actores
Registrarse
Voluntarios
Descripción
Función a través de la cual los usuarios pueden registrarse dentro del sitio web e ingresar nuevas plantas. Tabla 5: ESPECIFICACION DEL CASO DE USO,
REGISTRARSE
Caso de Uso
Consultar plantas
Actores
Usuario
Descripción
Función a través de la cual un usuario visitante podrá visualizar las plantas registradas.
Tabla
6:
ESPECIFICACION
DEL
CASO
DE
USO,
CONSULTAR PLANTAS 4.2.3 DIAGRAMA DE CASO DE USO ADMINISTRAR SITIO WEB
Admi ni straci ón si ti o web
agregar i nformaci on admi ni strador
modi fi car i nformaci on
el i mi nar i nformaci on
Fi g .
14:
CASOS DE USO ADMI NI ST RADOR DEL
Caso de Uso
Actores
Pre-condición
Descripción
Post-condición
Agregar
Administrador
El usuario debe estar autenticado.
Agregar información correspondiente Botánico ‘‘Las Orquídeas’’
al
Jardín
El cambio se visualiza en la página web. Tabla
7:
CASOS
DE
USO
AGREGAR Caso de Uso
Actores
Modificar
Administrador
Pre-condición
El usuario debe estar autenticado y debe existir al menos una información a modificar.
Descripción
Se selecciona la información a ser modificada, se realizan los cambios correspondientes.
Post-condición
El cambio se visualiza en la página web.
Caso de Uso
Eliminar
Actores
Administrador
Pre-condición
El usuario debe estar autenticado y debe existir al menos una información a eliminar.
Descripción
Se selecciona la información de eliminación y se la suprime.
Post-condición
El cambio se visualiza en la página web. Tabla 9: CASOS DE USO,
ELIMINAR 4.2.4 DIAGRAMA DE CASO USO DE ADMINISTRAR VOLUNTARIOS Administración voluntarios
buscar/modificar informacion
administrador
Tabla
8:
C A inactivar SOS Dvoluntarios E USO,
MODIFICAR
Fi g . Caso de Uso 2 ,
Actores
15:
DI AGRAMA DE CASOS DE USO NI VEL
ADMI NI ST RAR VOL UNT ARI OS Buscar/Modificar
Administrador
Pre-condición
El usuario debe estar autenticado y debe existir al menos una información a ser modificada.
Descripción
Se selecciona la información a ser modificada, se presiona la opción modificar y se realiza los
cambios necesarios.
Post-condición Tabla
El cambio se almacena 10:
en la base de datos.
ESPECIFICACION
DEL
CASO
DE
USO,
BUSCAR/MODIFICAR Caso de Uso
Actores
Pre-condición
Inactivar
Administrador
El usuario debe estar autenticado y debe existir al menos una información a inactivar.
Descripción T A B L A Se1 1selecciona la : ESPECIFI C Ainformación C I O N D E L C AaS inactivar. O DE USO, INACTIVAR Post-condición
El registro es inactivado en la base de datos.
4.2.5 DIAGRAMA DE CASO DE USO, REGISTRAR PLANTAS Registro de plantas
agregar nueva planta administrador
buscar/modificar info planta
inactivar
Caso de Uso
Actores
F I GURA
16:
DE USO Voluntario
Agregar DI AGRAMA DE CASOS
NI VEL
2,
REGI ST RAR
Pre-condición
Descripción
El usuario debe estar autenticado.
Agregar información correspondiente plantas encontradas en el jardín.
Post-condición
a
nuevas
El registro se almacena en la base de datos.
TABLA
12:
ESPECIFICACION
DEL
CASO
DE
USO,
AGRERAR Caso de Uso
Actores
Buscar/Modificar
Voluntario
Pre-condición
El usuario debe estar autenticado y debe existir al menos una información a modificar.
Descripción
Se selecciona la información a ser modificada, se presiona la opción modificar y se realiza los cambios necesarios.
Post-condición
El cambio del registro se almacena en la base de datos. TABLA 13: ESPECIFICACION DEL CASO DE USO, BUSCAR/MODIFICAR
Caso de Uso
Actores
Pre-condición
Descripción
Post-condición TABLA
Inactivar
Voluntario
El usuario debe estar autenticado y debe existir al menos una información a inactivar.
Se selecciona la información a inactivar.
El registro es inactivado en la base de datos. 14:
INACTIVAR
ESPECIFICACION
DEL
CASO
DE
USO,
4.2 6 DIAGRAMA DE CASO DE USO, REGISTRARSE
Registro de nuevos usuarios
agregar nuevo voluntarios
Usuario
buscar/modificar información
F I GURA
17:
USO NI VEL 2 ,
Caso de Uso
Actores
DI AGRAMA
DE
CASOS
DE
REGI ST RARSE
Agregar
Voluntario
Pre-condición
Descripción
Post-condición
Aceptar términos de registro.
Agregar información solicitada en el formulario
El registro se almacena en la base de datos.
TABLA
15:
AGREGAR
ESPECIFICACION
DEL
CASO
DE
USO,
Caso de Uso
Actores
Precondición
Descripción
Postcondición
Modificar
Voluntario
El usuario debe estar autenticado y debe existir al menos una información a modificar.
Se selecciona la información presiona la opción modificar y necesarios.
a ser modificada, se se realiza los cambios
El cambio del registro se almacena en la base de datos. TABLA 16 ESPECIFICACION DEL CASO DE USO, MODIFICAR
4.2.7 DIAGRAMA DE CASO DE USO CONSULTAR
busqueda de plantas
Usuario
buscar planta administrador
buscar/modificar información
voluntario F I GURA
18:
USO NI VEL 2 ,
DI AGRAMA
DE
CASOS
CONSUL T AR PL ANT AS
DE
Caso de Uso
Actores
Buscar Plantas
Visitante
Pre-condición
Ingresar términos de búsqueda.
Descripción
Realizara una búsqueda de plantas registradas en la base de datos del jardín.
Post-condición
Muestra un listado de plantas registradas.
TABLA 17: ESPECIFICACION DEL CASO DE USO, BUSCAR PLANTAS
Caso de Uso
Actores
Modificar
Visitante
Pre-condición
El usuario debe estar autenticado y debe existir al menos una información a modificar.
Descripción
Se selecciona la información a ser modificada, se presiona la opción modificar y se realiza los cambios necesarios.
Post-condición El cambio del registro se almacena en la base de TABLA 1 8 : datos. ESPECIFICACION DEL CASO DE USO, MODIFICAR PLANTA
4.3 DIAGRAMA DE SECUENCIA 4.3.1 DIAGRAMA DE SECUENCIA, ADMINISTRAR REGISTRO DE PLANTAS
SequenceDiagram_1
registro plantas administrador2 listar registro plantas
buscar registro de plantas lista de registro de plantas
agregar nuevo registro
guardar registro registro guardado modificar registro
registro modificado
modificar registro
eliminar registro registro eliminado
F I GURA
19:
DE PL ANT AS
eliminar regsitro
ADMI NI ST RAR
REGI ST RO
4.3.2 DIAGRAMA DE SECUENCIA ADMINISTRAR REGISTRO DE FILOS
SequenceDiagram_1
filo administrador listar filos
buscar filos lista de filo
agregar nuevo filo
guardar filo filo guardado
modificar filo
filo modificado
modificar filo
eliminar filo eliminar filo filo eliminado
F I GURA 2 0 :
ADMI NI ST RAR REGI ST RO DE F I L OS
4.3.3 DIAGRAMA DE SECUENCIA ADMINISTRAR REGISTRO DE FAMILIAS
SequenceDiagram_1
familia administrador listar familias
buscar famila lista de familias
agregar nueva familia
guardar familia familia guardada
modificar familia
familia modificado
modificar familia
eliminar familia eliminar familia familia eliminado
F I GURA 15: F AMI L I AS
ADMI NI ST RAR
REGI ST RO
DE
4.3.4 DIAGRAMA DE SECUENCIA ADMINISTRAR, REGISTRO DE GÉNERO
SequenceDiagram_1
genero administrador listar generos
buscar generos lista de generos
agregar nuevo genero
genero guardado
guardar nuevo genero
modificar genero
genero modificado
modificar genero
eliminar genero eliminar genero genero eliminado
F I GURA GENERO
21:
ADMI NI ST RAR
REGI ST RO
DE
5.3.5 DIAGRAMA DE SECUENCIA, ADMINISTRAR REGISTRO DE ESPECIE
SequenceDiagram_1
especie administrador
listar especie buscar especie lista de especies
agregar nueva especie guardar nueva especie especie guardada
modificar especie
especie modificada
modificar especie
eliminar especie eliminar especie especie eliminada
F I GURA
22:
ADMI NI ST RAR
REGI ST RO
DE
4.3.6 DIAGRAMA DE SECUENCIA, ADMINISTRAR REGISTRO DE TAXON
SequenceDiagram_1
taxon administrador
listar taxon buscar taxon lista de taxones
agregar nuevo taxon guardar nuevo taxon taxon guardado
modificar taxon modificar taxon
taxon modificado
eliminar taxon eliminar taxon taxon eliminado
F I GURA T AXON
23:
ADMI NI ST RAR
REGI ST RO
DE
4.3.7 DIAGRAMA DE SECUENCIA, REGISTRO DE VOLUNTARIOS
SequenceDiagram_1
inscripcion voluntario
agregar nuevo voluntario guardar nuevo voluntario datos voluntario guardado
F I GURA 24: REGI ST RO DE 4.3.8 DIAGRAMA DE SECUENCIA, ADMINISTRAR VOLUNTARIOS VOL UNT ARI OS SequenceDiagram_1
voluntarios administrador
listar voluntarios buscar voluntario lista de voluntarios
F I GURA
25:
ADMI NI ST RAR
DE
4.4 DISEÑO CONCEPTUAL - MODELADO DE OBJETOS
4.5 DICCIONARIO DE DATOS
Nombre del Archivo: Bd Admin Descripción: Base de datos que contendrá la información correspondiente al ingreso del administrador al sitio.
CAMPO
TAMAÑO
TIPO DE
DESCRIPCION
DATO
id_admin
20
intger
Clave única de identificación del Administrador
Usuario
30
varchar
Nombre de usuario del Administrador para ingresar al sitio
Pass
30
varchar
Clave principal del administrador para el ingreso al sitio.
Nombre del Archivo: Bd Filo Descripción: Base de datos que contendrá la información correspondiente al tipo de filo al que corresponde una planta sea este vegetal u hongo
TABLA FILO
23:
DICCIONARIO
DE
DATOS
DE
LA
TABLA
TABLA
19:
DICCIONARIO
DE
DATOS
DE
LA
TABLA
ADMINISTRADOR
CAMPO
TIPO DE
TAMAÑO
DESCRIPCION
DATO
id_filo
20
intger
Clave única de identificación del tipo de filo
Nombre
50
varchar
Nombre del filo con el que identifican a la orquídea.
TABLA FILO
20:
DICCIONARIO
DE
DATOS
DE
LA
TABLA
Nombre del Archivo: Bd Familia Descripción: Base de datos que contendrá la información correspondiente al tipo de familia al que pertenece una planta u orquídea.
CAMPO
TIPO DE
TAMAÑO
DESCRIPCION
DATO
id_familia
20
intger
Clave única de identificación de la familia a la cual pertenece la planta u orquídea
id_filo
20
varchar
Clave única de identificación al tipo de filo
Nombre
30
varchar
Nombre de la familia con el que identifican a la orquídea.
TABLA
21:
DICCIONARIO
DE
DATOS
DE
LA
TABLA FAMILIA Nombre del Archivo: Bd Género Descripción: Base de datos que contendrá la información correspondiente al tipo de Género al que pertenece una planta u orquídea.
CAMPO
TIPO DE
TAMAÑO
DESCRIPCION
DATO
id_género
20
intger
Clave única de identificación de la familia a la cual pertenece la planta u orquídea
id_familia
20
varchar
Clave única de identificación al tipo de familia de la orquídea
Nombre
50
varchar
Nombre del género con el que identifican a la orquídea
TABLA
22:
TABLA GÉNERO
DICCIONARIO
DE
DATOS
DE
LA
Nombre del Archivo: Bd Especie Descripción: Base de datos que contendrá la información correspondiente al tipo de Especie al que pertenece una planta u orquídea.
CAMPO
TAMAÑO
TIPO DE
DESCRIPCION
DATO
id_especie
20
intger
Clave única de identificación de la especie a la cual pertenece la planta u orquídea
id_genero
20
varchar
Clave única de identificación al tipo de género de la orquídea
Nombre
50
varchar
Nombre de la especie con el que identifican a la orquídea
Caracteristicas
50
varchar
Campo que me permite añadir algún dato específico q permita mejor la identificación de la orquídea o planta.
Nombre del Archivo: Bd Taxón Descripción: Base de datos que contendrá la información correspondiente al tipo de taxón
al que pertenece una planta
u orquídea.
CAMPO
TAMAÑO
TIPO DE
DESCRIPCION
DATO
id_taxón
20
intger
Clave única de identificación del taxón a la cual pertenece la planta u orquídea
Nombre
50
varchar
Nombre del taxón con el que identifican a la orquídea
TABLA
24:
TABLA TAXON
DICCIONARIO
DE
DATOS
DE
LA
Nombre del Archivo: Bd Registro Descripción: Base de datos que contendrá la información correspondiente al registro con el que cuenta una planta u orquídea.
CAMPO
TAMAÑO
TIPO DE
DESCRIPCION
DATO
id_registro
20
intger
id_especie
20
varchar
Clave única de identificación al tipo de especie de la orquídea o planta.
id_taxón
20
varchar
Clave única de identificación del taxón a la cual pertenece la planta u orquídea
id_filo
20
varchar
Clave única de identificación del tipo de filo
Atributos
50
varchar
Campo específico para añadir algún atributo con la cuenta la planta u orquídea.
Comentarios 250 TABLA 25:
Clave única para identificación del registro.
varchar Campo para comentarios o D I C C I O N A R I O sugerencias D E D A T O S con D E respecto LA a orquídeas. TABLA REGISTRO
Nombre del Archivo: Bd Voluntarios Descripción: Base de datos que contendrá la información correspondiente a los voluntarios del Orquideario
CAMPO
TAMAÑO
TIPO DE DATO
DESCRIPCION
Id_voluntarios
20
Integer
Clave única para identificación de los voluntarios
Nombre
50
Varchar
Nombre del voluntario que ingresa al Orquideario
Apellido
50
Varchar
Apellido del voluntario que ingresa al Orquideario
Dirección
50
Varchar
Apellido del Voluntario donde se le puede localizar.
País
50
Varchar
País al que pertenece el Voluntario
Sexo
10
Varchar
Sexo del Voluntario
Ocupacion
50
Varchar
Ocupación o a que se dedica actualmente el Voluntario
TABLA 26: DICCIONARIO DE DATOS DE LA TABLA Correo 50 Varchar Correo electrónico del VOLUNTARIOS REGISTRO Voluntario
Teléfono
50
Number
Numero telefónico para poder localizar al voluntario.
Nombre del Archivo: Bd Voluntariado Descripción: Base de datos que contendrá la información correspondiente al proceso que llevara a cabo el voluntario dentro de la empresa.
CAMPO
TAMAÑO
TIPO DE DATO
DESCRIPCION
Id_voluntariado
20
Integer
Clave única identificar a la voluntariado
para tabla
Id_volunatios
20
Integer
Clave única identificar a la voluntarios.
para tabla
Fec_llegada
20
date
Fecha en la que llega el voluntaio a la empresa
Fec_salida
20
Date
Fecha en la cual termina el voluntariado
Activo
50
Varchar
Campo el cual permitirá reconocer si el voluntarios es activo o está pendiente para realizar el voluntariado
TABLA 27: DICCIONARIO DE DATOS DE LA TABLA VOLUNTARIADO
Nombre del Archivo: Bd Aporte Descripción: Base de datos que contendrá la información correspondiente a los voluntarios del Orquideario.
CAMPO
TAMAÑO
TIPO DE
DESCRIPCION
DATO
Id_aporte
20
Integer
Clave única para identificar a la tabla aporte.
Id_voluntario
20
Integer
Clave única para identificación de los voluntarios.
Fecha_aporte
50
Date
Cantidad
30
Varchar
Cantidad o valor aportado por el voluntario.
Cant_total
30
Varchar
Cantidad total aportada x el volutario durante su estancia.
Saldo
Fecha en la que se realiza el aporte al orquideario.
TABLA 28: DICCIONARIO DE DATOS DE LA 30 Varchar Saldo que debe aportar el TABLA APORTE voluntario.
Nombre del Archivo: Bd Comentarios Descripción: Base de datos que contendrá la información correspondiente a los comentarios que el visitante del sitio puede hacer
CAMPO
TAMAÑO
TIPO DE
DESCRIPCION
DATO
Id_comnetario
20
Integer
Clave única para identificar a la tabla comentario.
Nombre
25
Integer
Nombre de la persona que va a realizar un comentario
País
25
Date
Ciudad
25
Varchar
Ciudad de la persona que hace el comentario
Dirección
50
Varchar
Dirección de la persona que hace el comentario
Teléfono
25
Number
e-mail
40
Varchar
e-mail de la persona que hace el comentario
250
Varchar
Mensaje o comentario del visitante de la pagina
Mensaje
País de la persona que hace el comentario
Teléfono de la persona que hace el comentario
TABLA 29: DICCIONARIO DE DATOS DE LA TABLA COMENTARIOS
4.6 MODELO FUNCIONAL
4.6.1 INCIO DE SESION
F I GURA 2 7 :
DI AGRAMA DE ACT I VI DADES. DE SESI ÓN
4.6.2 INGRESAR/ACTUALIZAR DATOS DE VOLUNTARIOS
I NI CI O
4.6.3 REGISTRO DE INGRESO DE VOLUNTARIOS
F I GURA 2 9 :
DI AGRAMA DE ACT I VI DADES. VOL UNT ARI OS.
4.6.4 INGRESAR APORTE DE VOLUNTARIOS
REGI ST RAS I NGRESO DE
F I GURA 3 0 :
DI AGRAMA DE ACT I VI DADES. VOL UNT ARI OS.
4.6.5 INGRESAR/ACTUALIZAR TAXÓN
REGI ST RAR APORT E DE
4.6.6 INGRESAR/ACTUALIZAR FILO
4.6.7 INGRESAR/ACTUALIZAR FAMILIA
F I GURA 3 3 : DI AGRAMA DE ACT I VI DADES. I NGRESAR/ ACT UAL I Z AR F AMI L I A.
4.6.8 INGRESAR/ACTUALIZAR GENERO
4.6.9 INGRESAR/ACTUALIZAR ESPECIE
4.6.10 INGRESAR/ACTUALIZAR USUARIO
F I GURA 3 6 : DI AGRAMA DE ACT I VI DADES. I NGRESAR/ ACT UAL I Z AR DAT OS DE USUARI OS
4.7 DIAGRAMA DE CLASE - MODELO LOGICO DE LA BASE DE DATOS
4.8 MODELO FISICO DE LA BASE DE DATOS