Informe Final Desarrollo del Proyecto Áreas Naturales Protegidas del Ecuador. Desarrollado por: Jessica Nathaly Correa María Isabel Granda.

Transcripción

1 Informe Final Desarrollo del Proyecto Áreas Naturales Protegidas del Ecuador Desarrollado por: Jessica Nathaly Correa María Isabel Granda. 12 de febrero de 2015 Loja-Ecuador

2 Contenido Presentación... 3 Descripción general... 4 Objetivo del proyecto... 4 Estructura y diseño base Home... 4 Áreas... 5 Gallery... 6 Map... 7 Descripción del proceso... 8 Etapas del proceso Recolección de Información Diseño de Base de Datos Implementación de Base de Datos Diseño de Interfaz Conclusiones Página 2

3 Presentación El presente informe tiene como finalidad dar a conocer el proceso de desarrollo del proyecto denominado Áreas naturales Protegidas del Ecuador, el mismo que tiene como producto el desarrollo de un Portal Web del mismo nombre. El proceso inicio con la captura de información, seguidamente se desarrolló la base de datos y finalmente la estructura de navegación de la información, para lo cual se desarrolló la página web. La página web está diseñada con toda la información relevante a las áreas protegidas de nuestro país, mostrando así: Nombre, datos de creación, información geográfica, Flora, Fauna, Lugares turísticos y otros. Página 3

4 Descripción general Objetivo del proyecto - Fomentar el turismo e investigaciones en las áreas protegidas del Ecuador a través del desarrollo de una página web. Estructura y diseño base. Mapa del Sitio Web. Menú Principal.- Contiene las siguientes opciones: 1. Home 2. Areas 3. Gallery 4. Map Home Es la página de Bienvenida a la aplicación web, contiene el menú principal. Ilustración 1. Página principal Página 4

5 Áreas Esta vista muestra las áreas clasificadas por categorías. Al seleccionar un área se puede visualizar información como: - Datos de creación - Localización - Flora - Fauna - Lugares turísticos - Actividades Permitidas. - Entre otros. Ilustración 2-Vista Información de Áreas protegidas Página 5

6 Gallery Ofrece un álbum completo sobre la diversidad de recursos que se pueden encontrar en estos sitios, tanto fauna, flora y lugares turísticos. Ilustración 3- Vista Galerías Página 6

7 Map En está vista, se obtiene los datos de longitud y latitud de cada área de la base de datos, y mediante una API de google maps, se realiza la localización en el Mapa. Ilustración 4- Vista Maps Reservas Naturales Página 7

8 Descripción del proceso Etapas del proceso El proceso seguido para el desarrollo del sitio se basó en las siguientes etapas: - Recolección de Información. La información recolectada se la obtuvo de diferentes fuentes: recursos fiscos y digitales. Entre las principales fuentes, se encuentran las siguientes: - Guía Informativa de las Áreas Naturales Protegidas del Ecuador 2014 (Ministerio del Ambiente) - Libro Guía de Patrimonio de Áreas Naturales Protegidas del Ecuador (Ministerio del Ambiente) - Ministerio de Turismo del Ecuador: - Ministerio del Ambiente del Ecuador - Diseño de Base de Datos. El diseño y modelado de base de datos se desarrolló en la herramienta power designer, el modelo obtenido se muestra en la Ilustración 2. Página 8

9 Ilustración 5Modelo de base de datos - Implementación de Base de Datos. La Implementación de base de datos, se realizó en Postgres. A continuación se muestran las distintas tablas (Ilustración 4) que conforman la base de datos de la aplicación. Página 9

10 Ilustración 6Tablas que forman la base de datos - Diseño de Interfaz. Se programaron las plantillas (para la Página Principal y páginas internas). El desarrollo se explicó en el punto Estructura y diseño base. Tecnologías utilizadas. HTML HTML, siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (). CSS Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML). El W3C es el encargado de formular la especificación de las hojas de estilo que servirá de estándar para los agentes de usuario o navegadores. Página 10

11 JavaScriot, JQuery, Ajax. JavaScript es un lenguaje interpretado utilizado principalmente en páginas web, con una sintaxis semejante a la del lenguaje Java. Sin embargo, al contrario que Java, JavaScript no es un lenguaje orientado a objetos propiamente dicho, ya que no dispone de herencia. Es más bien un lenguaje basado en prototipos, ya que las nuevas clases se generan clonando las clases base (prototipos) y extendiendo su funcionalidad. jquery es una biblioteca o framework de JavaScript que permite simplificar la manera de interactuar con los documentos HTML, manipular el arbol DOM, manejar eventos, desarrollar animaciones y agregar interacción con la tecnología AJAX a páginas web. AJAX, acrónimo de Asynchronous JavaScript And XML (JavaScript asíncrono y XML), es una técnica de desarrollo web para crear aplicaciones interactivas o RIA (Rich Internet Applications). PostgreSQL PostgreSQL es un sistema de gestión de bases de datos objeto-relacional, distribuido bajo licencia BSD y con su código fuente disponible libremente. PostgreSQL utiliza un modelo cliente/servidor y usa multiprocesos en vez de multihilos para garantizar la estabilidad del sistema. Un fallo en uno de los procesos no afectará el resto y el sistema continuará funcionando. - Preparación de insumos: Paralelamente se seleccionaron los insumos y recursos necesarios: imágenes, fotografías, y otros, completándose así el guión web para el sitio. Página 11

12 Conclusiones - La elaboración de este proyecto nos ha servido para reforzar y aplicar los conocimientos adquiridos en el presente ciclo académico. - La aplicación desarrollada supone un importante beneficio en el turismo del país así como también en el aspecto investigativo. - La potencia de Django que ofrece es muy amplia para facilitar el desarrollo de aplicaciones web, el sistema jerárquico de plantillas que ofrece, proporciona la reutilización de código y la extensibilidad de aplicaciones. - El motor de base de datos utilizado, Postgres, tiene como características que mientras un proceso se escribe en una tabla, otros accedan a la misma tabla, sin que se produzcan bloqueos. Página 12