1El diseño de “la plataforma” surge como una necesidad de la DSJM para contar
con una herramienta que estructure una red virtual para la conservación de labiodiversidad enfocada inicialmente al grupo de los felinos y sus presas, por su
papel de indicador de salud y conservación de los ecosistemas, que brinde
información sobre actividades de conservación y los servicios ecosistémicosasociados a los sitios con presencia de felinos y que además permita lacolaboración y el intercambio de información entre especialistas, académicos,empresarios, tomadores de decisiones y el público en general, conindependencia del formato digital en que se encuentre esta información,
favoreciendo el proceso de consulta y toma de acuerdos relacionados con lossitios de mayor diversidad biológica atiende la DSJM.
Además debido al proceso temporal y dinámico de las actividades deconservación y su relación con la biodiversidad, se hace necesaria la adopciónde herramientas para difundir información actualizada y completa de tipo
ambiental sobre la presencia de especies, estado de la conservación y losservicios ecosistémicos que aporta cada ANP, con la finalidad de tomar
decisiones adecuadas y potenciar la innovación en el tema a nivel de toda lasociedad.
La información procedente de sensores satelitales fotografías, mapas y las
creadas por los sistemas de información geográficos aunadas a las de las
fototrampas y muestreos biológicos en campo adquiere cada vez mayor
relevancia para los propietarios de los terrenos, la comunidad científica, laacadémica y las organizaciones civiles, con vista a la toma de decisiones rápidas
y oportunas.
Las tecnologías de la información y comunicación facilitan la conexión necesaria
entre los sensores remotos y otros dispositivos de vigilancia y observación delmedio y los centros de obtención y análisis de la información y los colocan adisposición de sus posibles usuarios, vía Internet en lo que se conoce como “sitioweb” esta puede ser de gran utilidad para el manejo de un área desde el puntode vista comunitario, científico, para uso de la ciudadanía que así puede disponerde información actualizada en el tema.
Para desarrollar el sitio web y de acuerdo a las características del proyecto seutilizó la metodología del ciclo de vida evolutivo (Figura 1), que permite realizar
cambios de acuerdo con especificaciones que no fueron planteadas en un
principio, pero que pueden surgir a la par del desarrollo del sistema (Figura 2).

2

Figura 1. Diagrama del ciclo de vida evolutivo.

Obtener información, archivos Excel,
fotografías y videos relacionados a labiodiversidad de las ANPs.

Especificación(Recolección deinformación)

Creación del mapa del sitio, sedetermino el diseño y estructuración dela información a mostrar y se desarrollo
el sitio web.

Desarrollo delproducto

El sito web fue alojado en el servidor
DreamHost, se realizó la capacitación aladministrador, y se hicieron
demostraciones de la funcionalidad delsitio.

Implementación,
uso y evaluación.

Se hizo entrega de un CD que incluye laprogramación del sitio web, en conjunto
con los manuales de administrador yprogramador. Y el resultado final delsitio web se puede visualizar en lapágina de internet http://dsjm-conanpmonitoreo.org/Producto final

Figura 2. Diagrama del ciclo de vida evolutivo del sitio web.

3DESARROLLO DEL SISTEMA
Para el desarrollo del sistema, surgieron 3 evoluciones en base al ciclo de vida
evolutivo de desarrollo de software.
Especificación (Recolección de Información)
La recolección de información, es una de las principales etapas y de ella dependeel éxito del proyecto, es aquí donde se utilizaron medios para indagar y recabar
la información necesaria que permitió realizar una estructura sobre el sitio web.
Se realizó un primer acercamiento para conocer la información que se tenía
relacionada a la conservación de la biodiversidad de las ANP, para ello seobtuvieron archivos, fotografías y videos de las fototrampas instaladas en lasestaciones de muestreo, y se llevó a cabo una junta donde se concretó las bases
para la estructura del sitio web.
Desarrollo del producto
Una vez analizada la información recopilada se creó el mapa de sitio, que es larepresentación gráfica o textual del sitio web, donde se refleja el contenido que
se desea mostrar dentro de la página.
Se determinó que el primer módulo a desarrollar contendría la implementaciónde un mapa que mostraría los polígonos de las ANP y las ubicaciones de las
fototrampas que están instaladas en determinados lugares.
Base de Datos
Utilizando el programa workbench se elaboraron los esquemas que mostraron larelación entre los datos y los atributos contenidos dentro de la base de datos; labase de datos se creó en MySQL porque es el gestor manejado por el servidor
web donde está alojado el sitio web. Una vez elaborados los diagramas, sedeterminó la creación de una base de datos, que se encarga de almacenar toda
la información relacionada a la biodiversidad de cada ANP.

Diseño del Sitio Web4
El sistema se encuentra dividido en dos tipos usuarios, el administrador y elusuario final, por lo cual se determinaron los elementos a mostrar en cada unode ellos.
El administrador muestra en la parte superior (cabecera) el nombre de laempresa, y la opción para cerrar su sesión, debajo este elemento en el lateralizquierdo se mostrara las opciones del menú y al centro contiene el espacio sobre
el cual se colocara el contenido de cada opción de menú seleccionado.
Por su parte el usuario final o visitante web contiene en la parte superior un slider
de imágenes de las diferentes ANPs debajo de este elemento se encuentran loslogos de las empresas que colaboran con el proyecto monitoreo comunitario dela biodiversidad después se encuentra el mapa que mostrara las estaciones demuestreo, las fototrampas, los polígonos de las ANP e información adicional decada fototrampa, debajo de este elemento se encuentra botones para realizar
una búsqueda por fotografías de las especies encontradas en las ANPs; después
se encuentra una presentación del sitio web, siguiendo debajo opciones
adicionales y un formulario de contacto.
Programación del Sistema
Una vez que se tuvo la distribución de la información del sitio web, se realizó eldiseño de todas las interfaces utilizando HTML (HyperText Markup Language)
que es el formato de los documentos de la World Wide Web y CCS (Cascading
Style Sheets) que es un lenguaje utilizado en la presentación de documentos
HTML y sirve para organizar la presentación y aspecto de una página web. Elsitio web fue desarrollado utilizando el lenguaje de programación PHP (PreHypertext Processor) que se encarga de conectar el sitio web con las bases dedatos, organizar los datos obtenidos y devolver el contenido como lenguaje HTMLpara que el navegador pueda interpretarlo; también se utilizó el lenguaje deprogramación JavaScript haciendo uso de la librería JQUERY, que es una
biblioteca de JavaScript, y permite simplificar la manera de interactuar con losdocumentos HTML que hace más dinámico el funcionamiento de las páginas,
interactuando con los botones, estilos, etc. y también se utilizan algunos plugins
como JQUERY.VALIDATE, JQUERY.UI, JQUERY.AUTOSIZE, MODERNIZR
para mejorar la interacción del sitio web con el usuario; para la compilación delsitio web se utilizó el programa NetBeans.
Implementación, uso y evaluación.

5Una vez terminado el desarrollo del sitio web fue alojado en el servidor
DreamHost que nos brinda una total flexibilidad en cuanto a capacidad dealojamiento y velocidad de conexión al sitio web; también se realizó lacapacitación al administrador, y se hicieron demostraciones de la funcionalidaddel sitio, donde se entregó el sitio web en un CD, en conjunto con los manuales
de administrador y programador que fueron elaborados. Y el resultado final delsitio web se puede visualizar en la página de internet http://dsjm-conanpmonitoreo.org/