MANUAL TCNICO

SISTEMA DE INFORMACIN DE LOS RECURSOS

HDRICOS DE LA DEMARCACIN HIDROGRFICA
DEL PASTAZA


Aplicacin Inventario
Participativo de los Recursos Hdricos de la Demarcacin
Hidrogrfica de Pastaza.



Aplicacin Sistema de Datos de Calidad de Agua de la
provincia de Chimborazo


2014




MANUAL TCNICO DE LA APLICACIN: SISTEMA DE INFORMACIN DE LOS RECURSOS
HDRICOS DE LA DEMARCACIN HIDROGRFICA DEL PASTAZA

1.- TECNOLOGIAS USADAS

Como lenguaje de programacin se uso PHP versin 5.3.3 se puede verificar las versiones y
libreras usadas en el siguiente link: http://190.15.135.169/phpinfo.php

Como motor de base de datos se uso MSQL en la versin 5.1.66 podemos acceder al servidor
MYSQL mediante una interfaz grafica en el siguiente link:http://190.15.135.169/phpMyAdmin/

Usuario: root
Password: 2321

2.- SISTEMA DE ARCHIVOS DE LA APLICACIN

Para realizar la aplicacin SISTEMA DE INFORMACIN DE LOS RECURSOS HDRICOS DE LA
DEMARCACIN HIDROGRFICA DE PASTAZA se dividi de la siguiente manera los directorios:

Ficha_agua/
o Bin
o Classes
o Css
o Fotos
o Imgenes
o Js
o Plantillas
El directorio raz de la aplicacin es Ficha_agua a continuacin se detalla cada uno de los
subdirectorios.

La carpeta Bin.- Aqu podremos encontrar la clase de conexin a la base de datos
conexin.php as como tambin todos las clases CRUD(Create, Read, Update, Delete) para los
diferentes formularios ejemplo:

Para realizar el formulario de CANTONES se uso 3 archivos

ficha_agua/canton.php = Este archivo es la vista del formulario es decir contiene la plantilla
HTML .

ficha_agua/bin/canton.php = Este archivo contiene las funciones CRUD para la tabla
CANTONES es decir aqu encontraremos las funciones Insert, Update y Delete.

ficha_agua/bin/ cantones-json.php = Este archivo realiza el Select de la tabla CANTONES y lo
enva a la vista de CANTONES en formato JSON.

Para todos los formularios se realiza el mismo proceso.

La carpeta Classes.- En esta carpeta existe las libreras usadas para exportar e importar los
archivos Excel de la aplicacin ms documentacin en el siguiente link:
http://phpexcel.codeplex.com/


La carpeta Css.- Contiene las hojas de estilo de la aplicacin si se requiere hacer un cambio en
cuanto a la interfaz grafica todas las configuraciones se encuentran aqu.

La carpeta Fotos.- Se almacena los anexos y fotografas de cada ficha.

La carpeta Imgenes.- Aqu encontramos las imgenes usadas para la interfaz grafica de la
aplicacin ejemplo iconos y logotipos de las instituciones responsables.

La carpeta JS.- Encontramos los scripts y libreras ejemplo:

Jquery.- Librera para manipular el DOM de HTML
Flexgrid.- Librera para realizar la tabla creada en los formularios.
AjaxUpload.- Permite subir las imgenes por medio de ajax.

En esta carpeta tambin estn los scripts para llenar y enviar los datos de la ficha por medio de
ajax:

saveForm.js.- Enva todos los campos de la ficha de manera asncrona hacia la base de
datos.
loadForm.js.- De la misma manera trae los datos de manera asncrona y llena la ficha.

La carpeta Plantillas.- Contiene todas las plantillas en formato Excel que se exportan tanto
como reportes y la ficha.

3.- EXPLICACION DEL CODIGO

Para realizar la funcin guardar de la ficha se realiza mediante la funcin $.post de jquery
(http://api.jquery.com/jQuery.post/) esto lo realizamos en toda la aplicacin tanto como el
envi y recepcin de datos de manera asncrona para evitar que el navegador recargue la
pagina.

4.- BASE DE DATOS

En cuanto a la base de datos tenemos 2 tablas las cuales son las ms importantes para
relacionar las fichas:

La tabla formularios.- En esta tabla se guardan los datos de prellenado de la ficha, el campo id
es un cdigo generado por el sistema, el campo formulario es el numero de formulario
secuencial con un prefijo delante que representa a que provincia pertenece ejemplo:

CZRI0001: Es el formulario numero 0001 pertenece RIOBAMBA(CZRI).


La tabla f_formularios.- En esta tabla hacemos la relacin entre cada formulario y su
respectivo detalle.