Project VoteLo primero que tenemos que hacer es hacer una base de datos que guarde los votos, al darclick en el botón de l...
Una vez creadas las tablas, procederemos a crear al archivo que contendrá los parámetrosde la encuesta..al igual que los d...
aquí se muestran los resultados con php crea la tabla conecta a la base de datos yselecciona la tabla de votaciones y el n...
Advanced PollEl index.html<html>  <head><title>Votaciones</title>       <scriptsrc="http://ajax.googleapis.com/ajax/libs/j...
<div id="image4" class="contadorClicks"><img src="republicanos.png" width="250"height="200" />  </div>  <div id="image5" c...
pueden ser 4 hasta 100 o asi, todo es dinámicamente y los candidatos generan elmensaje de cuántos votos, es importante que...
?>Esta imagen muestra algunas opciones de los partidos para votar y después al dar clica alguno sera sumado el voto repres...
Les recomendamos también la librería JavaScript JQuery, interactúa con Ajax y hacemas fácil trabajar con HTML
Upcoming SlideShare
Loading in …5
×

Reporte integrador bd - avance

821 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
821
On SlideShare
0
From Embeds
0
Number of Embeds
427
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Reporte integrador bd - avance

  1. 1. Project VoteLo primero que tenemos que hacer es hacer una base de datos que guarde los votos, al darclick en el botón de la opción se le sume y cuando no se le de click se le reste, las imagenesa las que se le daran click tendrán un ID y ponerle un campo como por ejemplo me gusta yque ese ID tenga un where, aparecerá la imagen de los partidos políticos de la votación, aldar click en la imagen va a tomar esa votación como seleccionada y será tomada en cuentaen los resultados, después quedará guardada la votación y se van sumando los votos quecada candidato obtengaEstaremos utilizando un que es un sistema para crear encuestas y sistemas devotaciones simples o múltiplesAdvanced Poll es un script en PHP para poder crear encuestas y sistemas de votación paraun sitio web, de dos modos: Puede ser mediante archivos de texto o mediante bases dedatos.Este sistema contiene características y funciones avanzadas y con una completa interfaz deadministración que te facilitará el trabajo, diseño y configuración de las encuestas quedesees crear para tu sitio web, blog, o portal.Por último cabe mencionar que es completamente gratis, y contiene varios ejemplos paraque puedas aprender a instalar y utilizar.REQUERIMIENTOS: Servidor que soporte php y base de datos(SQL)1.- Para comenzar es necesario acceder a nuestra base de datos y crear las tablasnecesarias para que se ejecute nuestro Script..CREATE TABLE `votaciones` ( `id` int(11) NOT NULL AUTO_INCREMENT, `clicks` int(11) NOT NULL DEFAULT 0, UNIQUE KEY `id` (`id`)) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ciAUTO_INCREMENT=0 ;
  2. 2. Una vez creadas las tablas, procederemos a crear al archivo que contendrá los parámetrosde la encuesta..al igual que los datos de nuestra base de datos<head><title>Resultados</title></head><center><?php mysql_connect("servidor", "usuario", "contrasena") or die(mysql_error()); mysql_select_db("baseDatos") or die(mysql_error()); $result=mysql_query("select * from votaciones");?><TABLE BORDER=0 CELLSPACING=1 CELLPADDING=1><?php while($row = mysql_fetch_array($result)) { printf("<tr><td><BR>&nbsp;<font color=green size=4><center><b>por lacandidata %s se han obtenido:</b> <font color=darkblue>%s</font>votos</font></center></font></td></TR>",$row["id"],$row["clicks"]);} mysql_free_result($result);?></table></center>
  3. 3. aquí se muestran los resultados con php crea la tabla conecta a la base de datos yselecciona la tabla de votaciones y el número de votos que obtienen según el id y los clicksque obtuvo, según como están organizados en el código html es como se van a mostrar
  4. 4. Advanced PollEl index.html<html> <head><title>Votaciones</title> <scriptsrc="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="css/style.css"></head><body> <center> <div id="ok" style="display: none;"><img src="ok.png" width="250" height="200"/></div> <div id="image1" class="contadorClicks"><img src="logo.jpg" width="250"height="200" /> </div> <div id="image2" class="contadorClicks"><img src="conservadores.jpg" width="250"height="200" /> </div> <div id="image3" class="contadorClicks"><img src="liberales.jpg" width="250"height="200" /> </div>
  5. 5. <div id="image4" class="contadorClicks"><img src="republicanos.png" width="250"height="200" /> </div> <div id="image5" class="contadorClicks"><img src="democratas.png" width="250"height="200" /> </div> <center></body><script src="js/script.js" type="text/javascript"></script></html>bueno este código html carga la libreria de JQuery que es la siguiente:src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="css/style.css">carga el estilo de las ccs y después los divs con las imágenes correspondientes paraelegir, y pues como ya lo habíamos mencionado cada imagen tiene su propioidentificador y cada una con su estilo el número de los id es igual al de los candidatos
  6. 6. pueden ser 4 hasta 100 o asi, todo es dinámicamente y los candidatos generan elmensaje de cuántos votos, es importante que sea el mismo Identificador que este en labase de datos para que el contador pueda ser cargado a la base de datos, tambiénusamos ajax que envía cosas por debajo sin necesidad de estar cargando la paginavarias veces, le envias los datos el tipo de dato, enviando la url que va a mandar losdatos a la base de datosEsta imagen muestra que el voto fue sumado al candidato elegidoeste codigo php recibe los datos, el id y lo mete en una variable id, después seincrementa en el contador update se seleccionó el click y se agrega un voto, que es elid que va a traer ajax<?php // Recibimos la ID del vinculo desde la URL $id = $_REQUEST[id]; mysql_connect("servidor", "usuario", "contrase� or die(mysql_error()); a") mysql_select_db("baseDatos") or die(mysql_error()); // Incrementamos en 1 el contador del link con la ID especificada en la url $update = "UPDATE votaciones SET clicks=(clicks + 1) WHERE id=$id"; mysql_query($update) or die (mysql_error());
  7. 7. ?>Esta imagen muestra algunas opciones de los partidos para votar y después al dar clica alguno sera sumado el voto representado por un check mark
  8. 8. Les recomendamos también la librería JavaScript JQuery, interactúa con Ajax y hacemas fácil trabajar con HTML

×