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 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. 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.

BASE DE DATOS En cuanto a la base de datos tenemos 2 tablas las cuales son las mas 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.