INDICE.

1. INTRODUCCION ............................................................................................. 1 2. JUSTIFICACION .............................................................................................. 3 3. OBJETIVOS GENERALES Y ESPECIFICOS ............................................................ 4 3.1. Objetivo general ................................................................................. 4 3.2. Objetivos especficos.......................................................................... 4 4. CARACTERIZACIN DEL REA EN QUE SE PARTICIPO ...................................... 6 4.1. Organigrama de JMAS ........................................................................ 6 4.2. Misin y Visin ................................................................................... 7 4.2.1. Misin ..................................................................................... 7 4.2.2. Visin. .................................................................................... 7 5. PROBLEMAS A RESOLVER ............................................................................... 8 6. ALCANCES Y LIMITACIONES ........................................................................... 9 6.1. Alcances ............................................................................................ 9 6.2. Limitaciones ....................................................................................... 9 7. FUNDAMENTO TEORICO ................................................................................ 11 7.1. HTML ................................................................................................. 11 7.2. Web 2.0 ............................................................................................. 11

7.3. PHP .................................................................................................... 13 7.3.1. Ventajas de PHP ...................................................................... 13 7.4. MYSQL ............................................................................................... 13 7.5. Ajax ................................................................................................... 14 7.6. JavaScript ........................................................................................... 14 7.7. Ingeniera del software ....................................................................... 15 8. PROCEDIMIENTO Y DESCRIPCION DE LAS ACTIVIDADES REALIZADAS .............. 16 8.1. Programacin o cdigo ...................................................................... 16 8.1.1. Conexin a la base de datos ................................................... 16 8.1.2. Autentificacin de usuarios ..................................................... 17 8.1.3. Seguridad ............................................................................... 18 8.1.4. Cerrar sesin .......................................................................... 18 8.1.5. Funcin Ajax ........................................................................... 19 8.1.6. Alta de usuarios ...................................................................... 20 8.1.7. Eliminar censador ................................................................... 20 8.1.8. Editar clave ............................................................................. 22 8.1.9. Consulta configuracin ........................................................... 22 8.1.10. Reporte clave ........................................................................ 23 9. RESULTADOS ................................................................................................. 25 9.1. Autentificacin ................................................................................... 25 9.1.1. Log in ..................................................................................... 25 9.1.2. Log in error ............................................................................. 26 9.2. Inicio.................................................................................................. 27

9.2.1. Pantalla de inicio para el nivel administrador ........................... 27 9.2.2. Pantalla de inicio para el nivel capturista ................................. 27 9.3. Usuarios............................................................................................. 28 9.3.1. Pantalla de men usuarios para el nivel administrador ............ 28 9.3.2. Pantalla de men usuarios para el nivel capturista .................. 28 9.3.3. Pantalla que muestra el formulario para registrar usuario ....... 29 9.3.4. Validacin de informacin de usuarios. ................................... 29 9.3.5. Validacin de datos exitosos en el registro de usuarios ........... 30 9.3.6. Pantalla que muestra el formulario para eliminar un usuario ... 30 9.3.7. Validacin del formulario eliminar usuario .............................. 31 9.3.8. Validacin de datos exitosos en la eliminacin de registros de usuarios. ........................................................................................... 31 9.3.9. Pantalla que muestra el formulario para modificar los datos de un usuario ........................................................................................ 32 9.3.10. Pantalla que muestra el formulario para consultar los datos de usuarios. ........................................................................................... 32 9.4. Medidores .......................................................................................... 33 9.4.1. Pantalla men medidores para nivel administrador ................. 33 9.4.2. Pantalla men medidores para nivel capturista ........................ 33

9.4.3. Pantalla que muestra formulario para registrar un medidor ..... 34 9.4.4. Pantalla de mensaje que muestra que todos los medidores han sido registrados. ............................................................................... 34 9.4.5. Pantalla que muestra formulario para editar medidor .............. 35 9.4.6. Pantalla que muestra la opcin de consultar medidores .......... 35 9.4.7. Reporte en PDF de medidores registrados ............................... 36 9.5. Censadores ........................................................................................ 36 9.5.1. Pantalla que muestra el formulario para registrar un censador ......................................................................................................... 37 9.5.2. Pantalla que muestra como eliminar un censador .................... 37 9.5.3. Pantalla que muestra el formulario para modificar los datos de un censador ...................................................................................... 39 9.5.4. Pantalla que muestra el formulario para consultar un censador ......................................................................................................... 39 9.5.5. Reporte en PDF de censadores registrados ............................. 40 9.6. Claves ................................................................................................ 40 9.6.1. Reporte en PDF de claves ........................................................ 41 9.7. Configuracin .................................................................................... 41

9.7.1. Pantalla que muestra el formulario para agregar usuarios con acceso al padrn ............................................................................... 42 9.7.2. Eliminacin de datos de usuarios con acceso al padrn .......... 42 9.7.3. Edicin de los datos de usuarios con acceso al padrn ............ 43 9.7.4. Consulta de los datos de usuarios con acceso al padrn ......... 43 9.7.5. Reporte en PDF de usuarios con acceso al sistema .................. 44 10. Conclusiones............................................................................................... 45 11. Referencias bibliogrficas ............................................................................ 47 11.1. Internet ............................................................................................ 47

INDICE DE FIGURAS.

Figura. 4.1. Organigrama de la Junta Municipal de Agua y Saneamiento. ........... 6 Figura. 7.1 Clasificacin web 2.0. ...................................................................... 12 Figura. 9.1 Pagina de log in ............................................................................... 25 Figura. 9.2 Mensaje seleccionar tipo de usuario................................................. 26 Figura. 9. 3Mensaje usuario y contrasea incorrectos ........................................ 26 Figura. 9.4 Inicio para administrador ................................................................. 27 Figura. 9.5 Inicio para capturista ....................................................................... 27 Figura. 9.6 Usuarios para administrador ............................................................ 28 Figura. 9.7 Usuarios para capturista .................................................................. 28 Figura. 9.8 Registro de usuario.......................................................................... 29 Figura. 9.9 Mensaje introduce solo nmeros en No. De Cuenta ......................... 29 Figura. 9.10 Mensaje registro exitoso ................................................................ 30 Figura. 9.11 Formulario eliminar usuario ........................................................... 30 Figura. 9.12 Mensaje no existe nmero de Cuenta ............................................ 31 Figura. 9.13 Eliminacin de registros exitosamente ........................................... 31

Figura. 9.14 Formulario modificar usuario ......................................................... 32 Figura. 9.15 Consulta de usuarios ..................................................................... 32 Figura. 9.16 Medidores para administrador ....................................................... 33 Figura. 9.17 Medidores para capturista ............................................................. 33 Figura. 9.18 Formulario medidores.................................................................... 34 Figura. 9.19 Mensaje todos los medidores han sido registrados ........................ 34 Figura. 9.20 Editar medidores ........................................................................... 35 Figura. 9.21 Consultar medidores ..................................................................... 35 Figura. 9.22 Reporte medidores ........................................................................ 36 Figura. 9.23 Men censadores ........................................................................... 36 Figura. 9.24 Nuevo censador ............................................................................. 37 Figura. 9.25 Forma 1 de eliminar un censador ................................................... 38 Figura. 9.26 Forma 2 de eliminar un censador ................................................... 38 Figura. 9.27 Formulario editar censador ............................................................ 39 Figura. 9.28 Formulario consultar censador ....................................................... 39 Figura. 9.29 Reporte censador........................................................................... 40 Figura. 9.30 Formulario de claves ...................................................................... 40 Figura. 9.31Reporte de claves ........................................................................... 41 Figura. 9.32 Men configuracin ....................................................................... 41

Figura. 9.33 Formulario agregar usuarios .......................................................... 42 Figura. 9.34 Formulario para eliminar usuarios.................................................. 42 Figura. 9.35 Formulario edicin de usuarios ...................................................... 43 Figura. 9.36 Formulario para consultar usuarios ................................................ 43 Figura. 9.37 Reporte usuarios ........................................................................... 44

1. INTRODUCCION.
Las soluciones computacionales, para la resolucin de problemas de la vida diaria ha sido cada vez ms comn durante los ltimos 20 aos. Al da de hoy difcilmente entenderamos las actividades sociales y humanas en general sin la asistencia de una aplicacin computacional, ya sea para entornos de escritorio o aplicaciones Web.

El apoyo a la toma de decisiones mediante sistemas computacionales, aparece todos los das en casi cualquier lugar (en el supermercado, la tienda de ropa, las oficinas, entre otras). Por eso actualmente las empresas utilizan la tecnologa para el desarrollo de sistemas computacionales, para agilizar operaciones que anteriormente las hacia una persona.

Con el desarrollo de sistemas computacionales se trata de tener el mnimo error de las operaciones realizadas por un sistema, lo cual beneficia tanto a la empresa que lo tiene como a los usuarios que lo utilizan.

El proyecto Actualizacin del padrn de usuarios es una aplicacin web ms, que se desarrollara para La junta Municipal de Agua y Saneamiento de Cd. Cuauhtmoc, para el control y ubicacin de la de los usuarios de JMAS.

Por eso se tom la decisin de desarrollar una aplicacin web, la cual permitira el control de la informacin a travs de cualquier navegador instalado en los equipos de cmputo.

A lo largo de este documento se pretende detallar el desarrollo de una aplicacin web, aplicada al control del padrn de usuarios de La Junta Municipal de Agua y Saneamiento de Cd. Cuauhtmoc para la optimizacin de las operaciones que esta realiza.

2. JUSTIFICACION.

El padrn de usuarios de la Junta Municipal de Agua y Saneamiento de Cuauhtmoc tiene como funcin principal el control y registro de sus usuarios as como sus cuentas. Actualmente este proceso se lleva a cabo mediante registros hechos a mano y archivados en gavetas, ya que cuando se inici con este padrn no se tena los requerimientos necesarios como computadoras o equipos de informacin que cumplieran con las especificaciones necesarias para poderlos hacer mediante sistemas informticos. En la actualidad es un problema poder llevar un control fidedigno de los usuarios ya que estos archivos fueron creados hace 17 aos, con el crecimiento demogrfico de la ciudad estos registros han sido distorsionados y hechos sin un criterio previamente establecido, con estos problemas el control del padrn de usuarios se ha hecho prcticamente imposible por mal manejo de la informacin. El padrn de usuarios en este momento se encuentra obsoleto ya que muchos de los registros se han perdido o borrado con el tiempo. Para solucionar este problema se propone la creacin de una aplicacin web para el control del PADRON DE USUARIOS que administre los registros de este departamento. Se propone la implementacin de la tecnologa HTML con un lenguaje de programacin interpretado como lo es PHP interactuando con un gestor de base de datos MySQL ya que en la actualidad es una de las tecnologas ms utilizadas.

3. OBJETIVOS GENERALES Y ESPECIFICOS.

3.1. Objetivo general.

Desarrolla una aplicacin web que lleve a cabo cada una de una de las actividades administrativas relacionadas con el control del padrn de usuarios, reducir el periodo de tiempo de trabajo para las personas a cargo de este departamento y la reduccin de errores. Utilizando la tecnologa de desarrollo HTML, PHP con el

gestor de bases de datos MySQL.

3.2. Objetivos especficos

Recaudar informacin sobre el funcionamiento actual del proceso de registros de usuarios, denominado Actualizacin de padrn de usuarios.

Realizar un anlisis de la informacin obtenida.

Disear el diagrama de base de datos y dems diagramas necesarios. 5

Desarrollar una herramienta de software, que facilite el proceso de registro y consulta de los usuarios de JMAS.

Facilitar el proceso de registro y consulta desde cualquier ubicacin con acceso a la intranet, mediante una cuenta de usuario

Reducir tiempos de operacin.

Mejor presentacin de informacin, mediante resultados concisos

Tener una interfaz amigable para el usuario.

4. CARACTERIZACIN DEL REA EN QUE SE PARTICIP.

El proyecto se desarroll en el rea de Direccin de Atencin Ciudadana y Comercializacin de la dependencia Junta Municipal de Agua y Saneamiento.

4.1. Organigrama de JMAS.

PRESIDENTE

SECRETARIA TECNICA

COMUNICACIO N SOCIAL

SECRETARIA ADMINISTRATIVA

DIRECCION TECNICA

TESORERIA

DIRECCION ADMINISTRATIVA

DIRECCION DE ATENCION CIUDADANA

Figura 4.1 Organigrama de la Junta Municipal de Agua y Saneamiento.

La Junta Municipal de Agua y Saneamiento de Cd. Cuauhtmoc, es una dependencia dedicada a proporcionar servicios en el sector pblico, tiene como objetivo el servicio y control del agua potable de la ciudad. Su principal poltica es la calidad en el servicio del agua para los usuarios de ella, pretendiendo as un servicio de calidad para los beneficiados por ellos.

Se localiza al noreste del Estado de Chihuahua, a 100km de la capital del mismo. 8

Las oficinas se encuentran ubicadas en la calle Xochimilco y 36 No. 1876, en la colonia Lerdo.

4.2. Misin y Visin.

4.2.1. Misin.
Somos un organismo que puede satisfacer de manera sustentable, permanente y continua las necesidades de agua potable, alcantarillado y saneamiento en la ciudad de Cuauhtmoc, ofreciendo atencin excelente a nuestros usuarios en el marco de calidad, eficiencia, respeto, honestidad, transparencia, y rendicin de cuentas, con personal altamente capacitado y comprometido.

4.2.2. Visin.
La junta Municipal de Agua y Saneamiento ser un organismo autosuficiente que de una cobertura total a las necesidades de agua potable, alcantarillado y

saneamiento de sus usuarios. Cumpliendo con los estndares de calidad establecidos por la normatividad aplicable y los organismos certificadores, mediante la capacitacin del personal, el uso de los recursos tecnolgicos e infraestructura adecuada en un ambiente laboral armnico.

5. PROBLEMAS A RESOLVER.
El problema que se presenta en la direccin de atencin ciudadana y

comercializacin y el departamento de padrn de usuarios es la falta de un sistema de base de datos que ayude a registrar y ubicar todos los contratos nuevos y supervisar el alta inmediata de los contratos as como la actualizacin de las correcciones, mediante la creacin de un padrn de usuarios en base a la informacin obtenida por censadores.

El otro inconveniente a resolver, sera la mejora de la interaccin del usuario con la herramienta de administracin, permitindole tener en sus manos una aplicacin web con un ambiente amigable, en el que el usuario se sienta cmodo y no tenga problemas de uso.

Actualmente este proceso se lleva a cabo mediante registros hechos a mano y archivados en gavetas, ya que cuando se inici con este padrn no se tena los requerimientos necesarios como computadoras o equipos de informacin que cumplieran con las especificaciones necesarias para poderlos hacer mediante sistemas informticos. 10

Debido a que su proceso de operacin actual es obsoleto, cuando se desea encontrar algn registro, este suele ser muy laborioso y tardado debido a que la bsqueda se tiene que realizar registro por registro.

Desde el inicio de la propuesta se pens en la construccin de una aplicacin web como solucin, sin embargo se necesitaba ms fundamentos para poder precisar que sta sera la mejor solucin.

6. ALCANCES Y LIMITACIONES.
6.1. Alcances.
1. A travs del sistema se podr llevar un control y ubicacin de cada uno de los usuarios de agua potable.

2. Contar con un control de acceso al sistema

3. Agilizar la bsqueda de los usuarios almacenados en una base de datos mediante el diseo de pginas dinmicas

11

4. Se podr acceder desde cualquier computadora.

5. La aplicacin se desarroll utilizando como lenguaje PHP y MYSQL para el gestor de base de datos.

6.2. Limitaciones
1. Solo existen dos tipos de usuarios del sistema: administradores y capturistas.

2. El desarrollo del proyecto solo contempla un periodo mximo de 4 meses.

3. El proyecto no contempla el mantenimiento del producto final.

4. Solo se implementar en la dependencia y no se proporcionar soporte para el enlace a otras dependencias del mismo servicio, sin embargo si se establece algn acuerdo se podr proceder a dicho requisito.

5. El proyecto solo contempla el desarrollo de la aplicacin web y no la configuracin del servidor.

12

13

7. FUNDAMENTO TERICO

Es importante mencionar las terminologas que hacen referencia al proyecto, adems de las materias que sustentan el conocimiento adquirido durante nuestra instancia de aprendizaje en la escuela.

7.1. HTML.

Siglas de HyperText Markup Language (Lenguaje de Marcas de Hipertexto), es el lenguaje de marcado predominante para la construccin de pginas web. Es usado para describir la estructura y el contenido en forma de texto, as como para complementar el texto con objetos tales como imgenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>). HTML tambin puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Java script), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.

7.2. Web 2.0.

El trmino es asociado usualmente con Tim O'Reilly debido a la referencia hecha en la conferencia O'Reilly Media Web 2.0 en 2004. El trmino fue utilizado para 14

referirse a una segunda generacin en la historia del desarrollo de tecnologa Web basada en comunidades de usuarios y una gama especial de servicios, como las redes sociales, los blogs, los wikis, que fomentan la colaboracin y el intercambio gil y eficaz de informacin entre los usuarios de una comunidad o red social. La Web 2.0 es tambin llamada web social por el enfoque colaborativo y de construccin social de esta herramienta.

En general, cuando mencionamos el trmino Web 2.0 nos referimos a una serie de aplicaciones y pginas de Internet que utilizan la inteligencia colectiva para proporcionar servicios interactivos en red dando al usuario el control de sus datos.

As, podemos entender como 2.0 "todas aquellas utilidades y servicios de Internet que se sustentan en una base de datos, la cual puede ser modificada por los usuarios del servicio, ya sea en su contenido (aadiendo, cambiando o borrando informacin o asociando datos a la informacin existente), pues bien en la forma de presentarlos, o en contenido y forma simultneamente." Ribes (2007).

15

Figura 7.1 Clasificacin web 2.0.

7.3. PHP.

Un lenguaje programacin diseado especficamente para ser usado en la Web, es una herramienta para crear pginas Web dinmicas. PHP significa Hypertext Preprocessor/ Preprocesador de Hipertexto.

7.3.1. Ventajas de PHP

16

Es rpido. Como esta empotrado en cdigo HTML, el tiempo de respuesta es muy corto. Es fcil de usar. PHP contiene muchas caractersticas y funciones especiales necesarias para crear pginas dinmicas. El lenguaje PHP est diseado para incluirse con facilidad en archivos HTML. Independiente de la plataforma. Funciona en gran variedad de sistemas operativos

Amplio soporte tcnico. Una gran base de usuarios brinda soporte gratuito por medio de las listas de discusin electrnicas.

7.4. MySQL.

Es un sistema de gestin de base de datos relacional, multi-hilo y multiusuario con ms 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.

Jquery. Es una biblioteca o framework de Javascript, creada inicialmente por John Resig, que permite simplificar la manera de interactuar con los documentos HTML, manipular el rbol DOM, manejar eventos, desarrollar animaciones y agregar interaccin con la tecnologa AJAX a pginas web.

17

7.5. Ajax.
Acrnimo de Asynchronous JavaScript And XML (JavaScript asncrono y XML), es una tcnica de desarrollo web para crear aplicaciones interactivas o RIA ( Rich

Internet Applications). Estas aplicaciones se ejecutan en el cliente, es decir, en el

navegador de los usuarios mientras se mantiene la comunicacin asncrona con el servidor en segundo plano. De esta forma es posible realizar cambios sobre las pginas sin necesidad de recargarlas, lo que significa aumentar la interactividad, velocidad y usabilidad en las aplicaciones. Ajax es una tecnologa asncrona, en el sentido de que los datos adicionales se requieren al servidor y se cargan en segundo plano sin interferir con la visualizacin ni el comportamiento de la pgina. JavaScript es el lenguaje interpretado (scripting language) en el que normalmente se efectan las funciones de llamada de Ajax mientras que el acceso a los datos se realiza mediante

XMLHttpRequest, objeto disponible en los navegadores actuales. En cualquier

caso, no es necesario que el contenido asncrono est formateado en XML.

7.6. JavaScript.
JavaScript, es un lenguaje de programacin utilizado para crear pequeos programitas encargados de realizar acciones dentro del mbito de una pgina web. Se trata de un lenguaje de programacin del lado del cliente, porque es el navegador el que soporta la carga de procesamiento. Gracias a su compatibilidad

18

con la mayora de los navegadores modernos, es el lenguaje de programacin del lado del cliente ms utilizado. Con JavaScript podemos crear efectos especiales en las pginas y definir interactividades con el usuario. El navegador del cliente es el encargado de interpretar las instrucciones JavaScript y ejecutarlas para realizar estos efectos e interactividades, de modo que el mayor recurso, y tal vez el nico, con que cuenta este lenguaje es el propio navegador.

7.7. Ingeniera del software.

Bohem (1976). Ingeniera de software. Es la aplicacin prctica del conocimiento cientfico al diseo y construccin de programas de computadora y a la documentacin asociada requerida para desarrollar, operar y mantenerlos. Se conoce tambin como Desarrollo de Software o Produccin de Software

Las materias que ayudaron al desarrollo del proyecto son:

Desarrollo de proyectos web. El cual nos encamina a los conocimientos previos y tcnicas para el desarrollo de sitios web. Sistemas Operativos. Tiene como objetivo el conocer las diferentes plataformas existentes y poder decidir cundo es factible implementarlo en el campo laboral, ya sea en servidores o como estaciones de trabajo.

19

Programacin orientada a objetos. Su objetivo es el aprender a resolver problemas mediante algoritmos, la cual fue de mucha importancia debido a que la mayora de las funciones del sistema dependan del conocimiento de esta materia. Creando funciones y volverlas a usar en cualquier parte del sistema y no volver a crear lo que ya est programado. Matemticas. Cualquier problema por simple que sea necesita de un

razonamiento analtico, es por ello que nunca debe falta las matemticas para la resolucin de problemas.

8. PROCEDIMIENTO Y DESCRIPCIN DE LAS ACTIVIDADES REALIZADAS.

8.1. Programacin o cdigo.

20

La programacin o codificacin se basa en un buen diseo, ya que se tiene que interpretar a un lenguaje de programacin adecuado para cumplir con las tareas planteadas con anterioridad.

A continuacin se muestran las herramientas y tecnologas utilizadas para la creacin del proyecto.

Lenguaje interpretado PHP Editor de cdigo Dreamweaver 9. Manejador de base de datos MySQL.

8.1.1. Conexin a la base de datos.

<?php function conecta() { $conn = mysql_connect("127.0.0.1","root",""); if (!$conn) { echo ("Error al Conectar a Mysql"); } if (!mysql_select_db("jmas",$conn)) { echo ("Error al intentar seleccionar la Base de Datos"); } return $conn; } ?>

8.1.2. Autentificacin de usuarios.

21

<?php

$usuario= $_POST['usuario']; $contraseia= $_POST['contrasenia']; $tipo=$_POST['tipo_usuario'];

require('conexion.php'); $con= conecta(); $ssql= "SELECT usuario,contrasenia, tipo FROM tipo_usuario WHERE

tipo='".$tipo."' order by tipo " ;

$res= mysql_query($ssql,$con);

while ($reg = mysql_fetch_array($res,MYSQL_ASSOC)) {

if($reg['usuario']==$usuario and $reg['contrasenia']== $contraseia ) { if ($tipo=="capturista") { session_start(); $_SESSION['capturista_activo']= $reg['usuario']; header("location:inicio.php"); } else 22

{ session_start(); $_SESSION['administrador_activo']= $reg['usuario']; header("location:inicio.php"); } } }

if($reg['usuario']!=$usuario || $reg['contrasenia']!= $contraseia) { echo"<center><h1><blink>Ingrese contraseia</blink></h1></center>"; echo"<center><a inicio</a></center>"; } ?> href='autentificacion.php' >volver a correctamente su usuario y

8.1.3. Seguridad.
<?php session_start(); if(!isset($_SESSION['administrador_activo'])and(!isset($_SESSION['capturista_activo'] ))) { header("location: autentificacion.php"); exit(); 23

} ?>

8.1.4. Cerrar sesin.

<?php session_start(); session_destroy(); header ("location:autentificacion.php"); ?>

8.1.5. Funcion Ajax.

function objetoAjax(){ var xmlhttp=false; try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) { xmlhttp = false; } } if (!xmlhttp && typeof XMLHttpRequest!='undefined') { xmlhttp = new XMLHttpRequest();

24

} return xmlhttp; } function MostrarConsulta(datos){ divResultado = document.getElementById('resultado'); ajax=objetoAjax(); ajax.open("GET", datos); ajax.onreadystatechange=function() { if (ajax.readyState==4) { divResultado.innerHTML = ajax.responseText } } ajax.send(null) }

8.1.6. Alta de usuarios.

<?php require("conexion.php"); $dbd=conecta(); echo $_POST['personas']; $sent=" select no_cuenta from usuarios where no_cuenta='".$_POST['no']."'"; 25

$result=mysql_query($sent,$dbd); $total = mysql_num_rows($result);

if($total<1) { $ssql= "insert into usuarios

values('".$_POST['no']."','".$_POST['nom']."','".$_POST['dom']."','".$_POST['casa ']."','".$_POST['col']."','".$_POST['tipo']."','".$_POST['clave']."','".$_POST['person as']."','".$_POST['aires']."','".$_POST['banos']."','".$_POST['jardin']."','".$_POST[' albercas']."','".$_POST['medidor']."','".$_POST['censador']."','".$_POST['fecha']. "') " ; $res= mysql_query($ssql,$dbd); header('location:usuarios.php?user_new=true&listo=true'); } else { echo $total; header('location:usuarios.php?user_new=true&existe=true'); } ?>

8.1.7. Eliminar censador.

<?php echo $_POST['no_censador']; if(isset($_POST['no_censador'])) 26

{ require('conexion.php'); $con=conecta(); $no_censa= $_POST['no_censador']; $sql="select * from censadores where no_censador=$no_censa"; $result= mysql_query($sql,$con); while ($reg=mysql_fetch_array($result)) { echo' <table border="1"> <tr> <td>'.$reg['no_censador'] .'</td> <td>'.$reg['nombre'] .'</td> <td>'.$reg['domicilio'] .'</td> <td>'.$reg['telefono'] .'</td>

</tr> </table> '; $no=$reg['no_censador']; $nom=$reg['nombre']; $dom=$reg['domicilio']; $tel=$reg['telefono']; header("location:censadores.php?censa_drop=true&no=$no&nom=$nom&dom=$ dom&tel=$tel"); 27

} } if(isset($_GET['eliminar'])==true) { require('conexion.php'); $con =conecta(); $ssql="delete from censadores where no_censador=".$_GET['num'].""; $res=mysql_query($ssql, $con); if(isset($res)) header ("location:censadores.php?censa_drop&eliminar=true"); } ?>

8.1.8. Editar clave.

<?php require('conexion.php'); $con=conecta(); echo $_POST['nom']; $sql="update claves set nombre='".$_POST['nom']."'WHERE

no_clave='".$_GET['no']."'"; $res=mysql_query($sql,$con); header('location:claves.php'); ?>

28

8.1.9. Consulta configuracin.

<?php require('conexion.php'); $con = conecta(); $sql=mysql_query("SELECT * FROM tipo_usuario",$con); ?> <a href="pdf-php-mysql/reporte_conf.php"><img src="images/01 -

copia.gif" /></a><?php echo '<table border=".5" bordercolor="#009933" bordercolordark="#33CC00"

bordercolor="#33CC00" > <tr align="center" bgcolor="#00CC33"> <th>No.usuario</th> <th>Nombre</th> <th>Domicilio</th> <th>telefono</th> <th>puesto</th> <th>tipo</th> <th>usuario</th> <th>contrasenia</th> </tr>'; while($row = mysql_fetch_array($sql)) { echo'<tr align="center" bgcolor="#ffffff"> <td>'.$row['no_usuario'].'</td> <td>'.$row['nombre'].'</td> <td>'.$row['domicilio'].'</td> 29

<td>'.$row['telefono'].'</td> <td>'.$row['puesto'].'</td> <td>'.$row['tipo'].'</td> <td>'.$row['usuario'].'</td> <td>'.$row['contrasenia'].'</td> </tr>'; } echo'</table>'; ?>

8.1.10. Reporte de clave.

<?php require_once('class.ezpdf.php'); $pdf =& new Cezpdf('a4'); $pdf->selectFont('../fonts/courier.afm'); $pdf->ezSetCmMargins(1,1,1.5,1.5);

$conexion = mysql_connect("localhost", "root", ""); mysql_select_db("jmas", $conexion); $queEmp = "SELECT no_clave,nombre FROM claves ORDER BY no_clave ASC"; $resEmp = mysql_query($queEmp, $conexion) or die(mysql_error()); $totEmp = mysql_num_rows($resEmp);

$ixx = 0; while($datatmp = mysql_fetch_assoc($resEmp)) { 30

$ixx = $ixx+1; $data[] = array_merge($datatmp, array('num'=>$ixx)); } $titles = array( 'num'=>'<b>Cantidad</b>', 'no_clave'=>'<b>No.Clave</b>', 'nombre'=>'<b>Clave</b>', ); $options = array( 'shadeCol'=>array(0.9,0.9,0.9), 'xOrientation'=>'center', 'titleFontSize' => 10, 'width'=>500 ); $txttit = "<b>REPORTE DE CLAVES</b>\n\n"; $txsubtit = "No. total de Claves registradas en el sistema \n\n\n\n";

$pdf->ezText($txttit,16); $pdf->ezText($txsubtit,12); $pdf->ezTable($data, $titles, '', $options); $pdf->addJpegFromFile("logo.jpg",450,740,80); $pdf->addJpegFromFile("chih.jpg",350,730,80); $pdf->ezText("\n\n\n", 10); $pdf->ezText("<b>Fecha:</b> ".date("d/m/Y"), 10); $pdf->ezText("<b>Hora:</b> ".date("H:i:s")."\n\n", 10); 31

ob_end_clean(); $pdf->ezStream(); ?>

9. RESULTADOS.
A continuacin presentamos el resultado obtenido durante el periodo de programacin.

9.1. Autentificacin.
9.1.1. Login.
Cualquier usuario que necesite registrar, eliminar, modificar o consultar deber contar con una cuenta de acceso al sistema, esto nos garantiza la integridad de la informacin.

32

Figura 9.1Pagina de log in.

9.1.2. Login error.

Como puede observarse en la figura en caso de tener algn dato de entrada errneo lo marca con el mensaje Selecciona un usuario para esta situacin particular no seleccionamos u usuario.

33

Figura 9.2 Mensaje seleccionar tipo de usuario. En caso de tener algn dato de entrada errneo como el nombre de usuario o contrasea muestra un mensaje Ingrese correctamente el usuario y contrasea.

Figura 9.3 Mensaje usuario y contrasea incorrectos.

9.2. Inicio

34

En caso contrario de que se haya ingresado en forma exitosa, se definieron dos roles para los usuarios los cuales fueron: Administrador y Capturista. El nivel administrador tiene acceso a todo el sistema, esto es a usuarios, medidores, censadores, claves y configuracin. El nivel capturista solo tiene acceso a usuario nuevo y a medidor nuevo.

9.2.1. Pantalla de inicio para el nivel administrador.

Figura 9.4 Inicio para administrador.

9.2.2. Pantalla de inicio para el nivel de capturista.

35

Figura 9.5 Inicio para capturista.

9.3. Usuarios.
En el men usuarios para el nivel administrador se muestra las opciones de usuario nuevo, eliminar usuario, editar usuario y consultar usuario. Para el nivel de capturista solo se muestra la opcin de usuario nuevo como se muestra en las siguientes pantallas:

9.3.1. Pantalla men usuarios para nivel administrador.

Figura 9.6 Usuarios para administrador. 36

9.3.2. Pantalla men usuarios para nivel capturista.

Figura 9.7 Usuarios para capturista.

9.3.3. Pantalla que muestra el formulario para registrar

usuario.

Figura 9.8 Registro de usuario.

37

9.3.4. Validacin de la informacin de usuarios.

Figura 9.9 Mensaje introduce solo nmeros en No. De cuenta.

9.3.5. Validacin de datos exitosos en el registro de los

38

usuarios.

Figura 9.10 Mensaje registro exitoso.

9.3.6. Pantalla que muestra el formulario para eliminar un usuario.

La opcin de eliminar usuario permitir realizar la bsqueda de un nmero de cuenta de cualquier usuario registrado para despus poder ser eliminado.

Figura 9.11 Formulario eliminar usuario.

39

9.3.7. Validacin del formulario eliminar usuario.

Figura 9.12 mensaje no existe nmero de cuenta.

9.3.8. Validacin de datos exitosos en la eliminacin de registros de usuarios.

40

Figura 9.13 Eliminacin de registros, exitosamente.

9.3.9. Pantalla que muestra el formulario para modificar los datos de un usuario.
La opcin modificar usuario es similar a la opcin nuevo usuario con la diferencia de que se realiza la bsqueda para identificar el registro a modificar, en lo que corresponde a los mensajes de validacin son los mismos.

41

Figura 9.14 Formulario modificar usuario.

9.3.10. Pantalla que muestra el formulario para realizar consultas de usuarios.

Figura 9.15 Consulta de usuarios.

9.4. Medidores.
En el men medidores para el nivel administrador se muestra las opciones de medidor nuevo, editar medidor y consultar medidor. Para el nivel de capturista solo se muestra la opcin de medidor nuevo como se muestra en las siguientes pantallas:

42

9.4.1. Pantalla men medidores para nivel administrador.

Figura 9.16 Medidores para administrador.

9.4.2. Pantalla men medidores para nivel capturista.

Figura 9.17 Medidores para capturista.

9.4.3. Pantalla que muestra formulario para registrar un

43

medidor.
Figura 9.18 formulario medidores.

9.4.4. Pantalla de mensaje que muestra que todos los medidores han sido registrados.
En caso de que todos los nmeros de medidor hayan sido registrados el sistema mostrara un aviso: Todos los medidores han sido registrados por el

momento. Figura 9.19 Mensaje todos los medidores han sido registrados.

9.4.5. Pantalla que muestra formulario para editar un medidor.

44

Figura 9.20 Editar medidores.

9.4.6. Pantalla que muestra la opcin de consultar medidores.

Figura 9.21 Consultar medidores.

45

9.4.7. Reporte en PDF de medidores registrados.

Figura 9.22 Reporte medidores.

9.5. Censadores.
El men de censadores solo se muestra cuando se ha iniciado sesin como administrador. A continuacin se muestra la pantalla men censadores:

Figura 9.23 Men censadores. 46

9.5.1. Pantalla que muestra el formulario para registrar un censador.

Figura 9.24 Nuevo censador.

9.5.2. Pantalla muestra como eliminar un censador.

En la opcin eliminar censador existen dos formas de eliminar un registro:

1) Eliminar un nmero de censador que nos muestra una lista que aparece por default. 2) Buscar un nmero de censador para posteriormente ser eliminado.

47

Forma 1.-

Figura 9.25 Forma 1 de eliminar un censador.

48

Forma 2.-

Figura 9.26 Forma 2 de eliminar un censador.

9.5.3. Pantalla que muestra formulario para modificar datos de un cesador.

49

Figura 9.27 Formulario editar censador.

9.5.4. Pantalla que muestra formulario para consultar un censador.

Figura 9.28 Formulario consultar censador.

9.5.5. Reporte en PDF de censadores registrados.

Figura 9.29 Reporte de censador. 50

9.6. Claves.
El men de claves solo se muestra cuando se ha iniciado sesin como administrador. A continuacin se muestra la pantalla con el formulario para

realizar las operaciones concernientes al registro, bsqueda, eliminacin y edicin

de claves: Figura 9.30 Formulario de claves.

9.6.1 Reporte en PDF de claves.

51

Figura 9.31 Reporte de claves.

9.7. Configuracin.
En men configuracin se agregan, eliminan, modifican y consultan todos los

datos que tienen que ver con los usuarios que tienen acceso al sistema, en este caso administradores y capturistas.

Figura 9.32 Men configuracin.

52

9.7.1. Pantalla que muestra el formulario para agregar usuarios con acceso al padrn.

Figura 9.33 Formulario agregar usuarios.

9.7.2. Eliminacin de datos de usuarios con acceso al padrn.

53

Figura 9.34 Formulario para eliminar usuarios.

9.7.3. Edicin de datos de usuarios con acceso al padrn.

Figura 9.35 Formulario edicin de usuarios.

9.7.4. Consulta de datos de usuarios con acceso al padrn.

54

Figura 9.36 Formularios para consultar usuarios.

9.7.5. Reporte en PDF de usuarios con acceso al sistema.

55

Figura 9.37 Reporte usuarios.

10. CONCLUSIONES Y RECOMENDACIONES.

Durante el desarrollo del proyecto se analizaron cada uno de los procesos que utilizaban los departamentos que dependen de este servicio, esto es, mediante entrevistas y cuestionarios no formales, sin embargo, por la poca participacin y

56

disposicin de los usuarios no se logr obtener las necesidades principales y considerando lo que deca la direccin de atencin ciudadana y comercializacin se desarroll el sistema con ese criterio. Hasta este punto podemos recordar nuestro objetivo general: Desarrollo de una aplicacin web que lleve a cabo cada una de actividades administrativas

relacionadas con el control del padrn de usuarios. Al trmino de la creacin del sistema del padrn de usuarios, se nos permiti reafirmar nuestros conocimientos en lenguaje PHP y en el gestor de base de datos MySQL y tambin aplicar nuestros conocimientos de programacin en un problema real y no solo en simulacin. Se concluye que el sistema padrn de usuarios cumple con las expectativas esperadas, con la mejora del entorno de trabajo respecto al control de usuarios se refiere, haciendo ms fcil el uso y control de usuarios dentro de la Junta Municipal de Agua y Saneamiento de Cd. Cuauhtmoc, permitiendo un control ms preciso sobre las cuentas de cada usuario as como de su consumo y deudas, teniendo como resultado un programa de ms fcil manejo y grafico que el anterior. Se recomienda que este sistema sea empleado bajo las mismas normas que fue creado con el uso del mismo gestor de base de datos, y que tambin sea actualizado con una frecuencia de por lo menos dos aos con la finalidad de que no se convierta en un programa obsoleto y sin funcin alguna. Se pueden agregar reportes dependiendo de lo requerido por el cliente o aplicar modificaciones con el fin de hacer ms amigable el sistema. 57

58

11.

REFERENCIAS

BIBLIOGRFICAS

VIRTUALES.
11.1. Internet.

Tutorial de PHP y MySQL en.

http://es.tldp.org/Manuales-LuCAS/manual_PHP/manual_PHP/

Concepto de ingeniera en: HTML en : http://es.wikipedia.org/wiki/HTML 59 http://www.monografias.com/Ingenieria/ http://definicion.de/ingenieria/ http://definicion.de/ingenieria-de-sistemas/ http://es.wikipedia.org/wiki/Ingeniera_de_sistemas

http://es.wikipedia.org/wiki/Web_2.0

Definicin de PHP y MySQL en: http://es.wikipedia.org/wiki/PHP http://www.php.net/ http://www.php-es.com/ http://www.mysql.com/ http://es.wikipedia.org/wiki/MySQL

Requisito Funcional en: http://es.wikipedia.org/wiki/Requisito_no_funcional http://es.wikipedia.org/wiki/Requisito_funcional http://www.softqanetwork.com/2009/07/requisitos-nofuncionales-nfr/ http://synergix.wordpress.com/2008/07/07/requisitofuncional-y-no-funcional/

60