56
PHP Jquery Sistemas Web Información para proyecto M.C. Mario Alberto Carrillo Ancheyta

63940217 Php y Jquery Proyectomod

Embed Size (px)

Citation preview

Page 1: 63940217 Php y Jquery Proyectomod

PHP Jquery

Sistemas Web

Información para proyecto

M.C. Mario Alberto Carrillo Ancheyta

Page 2: 63940217 Php y Jquery Proyectomod

PHP

PHP es el lenguaje de lado servidor más extendido en la web. Nacido en 1994,

se trata de un lenguaje de creación relativamente reciente, aunque con la

rapidez con la que evoluciona Internet parezca que ha existido toda la vida. Es

un lenguaje que ha tenido una gran aceptación en la comunidad de

desarrolladores, debido a la potencia y simplicidad que lo caracterizan, así

como al soporte generalizado en la mayoría de los servidores de hosting.

PHP nos permite embeber su pequeños fragmentos de código dentro de la

página HTML y realizar determinadas acciones de una forma fácil y eficaz,

combinando lo que ya sabemos del desarrollo HTML. Es decir, con PHP

escribimos scripts dentro del código HTML, con el que se supone que ya

estamos familiarizados.

Page 3: 63940217 Php y Jquery Proyectomod

PHP

PHP vs ASP

En estos momentos ya no es tan polémica la comparación de PHP con ASP,

puesto que son dos lenguajes que han evolucionado de maneras distintas.

Mientras que ASP se ha estancado y han salido productos nuevos como .NET

para sustituirlo, PHP ha ido mejorando mucho con los años y actualmente su

potencia y posibilidades son totalmente distintas, con lo que ha dejado muy

atrás la competencia con ASP

1. PHP, aunque multiplataforma, ha sido concebido inicialmente para

entornos UNIX y es en este sistema operativo donde se pueden aprovechar

mejor sus prestaciones. ASP, siendo una tecnología Microsoft, esta orientado

hacia sistemas Windows, especialmente NT

Page 4: 63940217 Php y Jquery Proyectomod

PHP

PHP vs ASP

2. Las tareas fundamentales que puede realizar directamente el lenguaje

son definidas en PHP como funciones mientras que ASP invoca más

frecuentemente los objetos. Por supuesto, esto no es más que una simple

cuestión de forma ya que ambos lenguajes soportan igualmente ambos

procedimientos

3. ASP realiza numerosas tareas sirviéndose de componentes (objetos)

que deben ser comprados a determinadas empresas especializadas (o

programados por nosotros mismos en otros lenguajes). PHP presenta una

filosofía totalmente diferente y, con un espíritu más generoso, es

progresivamente construido por colaboradores desinteresados que

implementan nuevas funciones en nuevas versiones del lenguaje.

Page 5: 63940217 Php y Jquery Proyectomod

Nacimiento de PHP

PHP

PHP es un lenguaje creado por una gran comunidad de personas. El sistema

fue desarrollado originalmente en el año 1994 por Rasmus Lerdorf como un CGI

escrito en C que permitía la interpretación de un número limitado de comandos.

El sistema fue denominado Personal Home Page Tools y adquirió relativo éxito

gracias a que otras personas pidieron a Rasmus que les permitiese utilizar sus

programas en sus propias páginas. Dada la aceptación del primer PHP y de

manera adicional, su creador diseñó un sistema para procesar formularios al

que le atribuyó el nombre de FI (Form Interpreter) y el conjunto de estas dos

herramientas, sería la primera versión compacta del lenguaje: PHP/FI.

La siguiente gran contribución al lenguaje se realizó a mediados del 97 cuando

se volvió a programar el analizador sintáctico, se incluyeron nuevas

funcionalidades como el soporte a nuevos protocolos de Internet y el soporte a

la gran mayoría de las bases de datos comerciales.

Page 6: 63940217 Php y Jquery Proyectomod

PHP y Mysql Tareas principales del PHP

Funciones de correo electrónico:

enviar un e-mail a una persona o lista parametrizando toda una serie de

aspectos tales como el e-mail de procedencia, asunto, persona a responder...

Otras funciones menos frecuentes pero de indudable utilidad para gestionar

correos electrónicos son incluidas en su librería

Gestión de bases de datos

Resulta difícil concebir un sitio actual, potente y rico en contenido que no es

gestionado por una base de datos. El lenguaje PHP ofrece interfaces para el

acceso a la mayoría de las bases de datos comerciales y por ODBC a todas

las bases de datos posibles en sistemas Microsoft.

Gestión de archivos

Crear, borrar, mover, modificar...cualquier tipo de operación más o menos

razonable que se nos pueda ocurrir puede ser realizada a partir de una

amplia librería de funciones para la gestión de archivos por PHP. También

podemos transferir archivos por FTP.

Tratamiento de imágenes

Page 7: 63940217 Php y Jquery Proyectomod

PHP y Mysql

Plataforma PHP

Windows

Linux

IIS

APACHE

PHP MySql

Db2

Informix

Oracle

Como todo lenguaje de lado servidor, PHP, requiere de la instalación de un

servidor en nuestro PC para poder trabajar en local. Este modo de trabajo

resulta a todas luces más práctico que colgar los archivos por FTP en el

servidor y ejecutarlos desde Internet.

Page 8: 63940217 Php y Jquery Proyectomod

PHP

Primero pasos con PHP

PHP se escribe dentro de la propia página web, junto con el código HTML y,

como para cualquier otro tipo de lenguaje incluido en un código HTML, en PHP

necesitamos especificar cuáles son las partes constitutivas del código escritas

en este lenguaje. Esto se hace, como en otros casos, delimitando nuestro

código por etiquetas.

Estos modos de abrir y cerrar las etiquetas son:

<? y ?>

<% y %>

<?php y ?> <script language="php">

Page 9: 63940217 Php y Jquery Proyectomod

PHP

Primero pasos con PHP

El modo de funcionamiento de una página PHP, a grandes rasgos, no difiere del

clásico para una página dinámica de lado servidor: El servidor va a reconocer la

extensión correspondiente a la página PHP (phtml, php, php4,...) y antes de

enviarla al navegador va a encargarse de interpretar y ejecutar todo aquello que

se encuentre entre las etiquetas correspondientes al lenguaje PHP. El resto, lo

enviara sin más ya que, asumirá que se trata de código HTML absolutamente

comprensible por el navegador.

Otra característica general de los scripts en PHP es la forma de separar las

distintas instrucciones. Para hacerlo, hay que acabar cada instrucción con un

punto y coma ";". <?

$mensaje="Tengo hambre!!"; //Comentario de una linea

echo $mensaje; #Este comentario también es de una linea

/*En este caso

mi comentario ocupa

varias lineas, lo ves? */

?>

Page 10: 63940217 Php y Jquery Proyectomod

PHP

Variables en PHP

Las variables estan definidas anteponiendo el símbolo dólar ($) al nombre de la

variable que estábamos definiendo.

Dependiendo de la información que contenga, una variable puede ser

considerada de uno u otro tipo:

Page 11: 63940217 Php y Jquery Proyectomod

PHP

A diferencia de otros lenguajes, PHP posee una gran flexibilidad a la hora de

operar con variables. En efecto, cuando definimos una variable asignándole un

valor, el ordenador le atribuye un tipo.

Page 12: 63940217 Php y Jquery Proyectomod

PHP y Mysql

Variables de sistema en PHP

Dada su naturaleza de lenguaje de

lado servidor, PHP es capaz de

darnos acceso a toda una serie de

variables que nos informan sobre

nuestro servidor y sobre el cliente.

La información de estas variables

es atribuida por el servidor y en

ningún caso nos es posible

modificar sus valores directamente

mediante el script. Para hacerlo es

necesario influir directamente

sobre la propiedad que definen.

Page 13: 63940217 Php y Jquery Proyectomod

PHP

Variables de sistema en PHP

No todas estas variables están

disponibles en la totalidad de

servidores o en determinadas

versiones de un mismo

servidor. además, algunas de

ellas han de ser previamente

activadas o definidas por

medio de algún

acontecimiento.

Page 14: 63940217 Php y Jquery Proyectomod

PHP

Variables superglobales

A partir de PHP 4.1.0, se dispone de un conjunto de varibles de tipo array que

mantienen información del sistema, llamadas superglobales porque se definen

automáticamente en un ámbito global.

$_SERVER

Variables definidas por el servidor web ó directamente relacionadas con el

entorno en don el script se esta ejecutando.

$_GET

Variables proporcionadas al script por medio de HTTP GET. Análoga a la antigua

matriz $HTTP_GET_VARS (la cual está todavía disponible, aunque no se use).

$_POST

Variables proporcionadas al script por medio de HTTP POST. Análoga a la

antigua matriz $HTTP_POST_VARS (la cual está todavía disponible, aunque no

se use).

$_COOKIE

Variables proporcionadas al script por medio de HTTP cookies. Análoga a la

antigua matriz $HTTP_COOKIE_VARS (la cual está todavía disponible, aunque

no se use).

Page 15: 63940217 Php y Jquery Proyectomod

PHP

Variables superglobales

$_FILES

Variables proporcionadas al script por medio de la subida de ficheros via HTTP .

Análoga a la antigua matriz $HTTP_POST_FILES (la cual está todavía

disponible, aunque no se use).

$_ENV

Variables proporcionadas al script por medio del entorno.

$_REQUEST

Variables proporcionadas al script por medio de cuaquier mecanismo de entrada

del usuario y por lo tanto no se puede confiar en ellas. La presencia y el orden en

que aparecen las variables en esta matriz es definido por la directiva de

configuración variables_order.

$_SESSION

Variables registradas en la sesión del script.

Page 16: 63940217 Php y Jquery Proyectomod

PHP

Operadores

Operadores aritméticos Operadores de comparación

Operadores lógicos

Operadores de incremento

Operadores combinados

Page 17: 63940217 Php y Jquery Proyectomod

PHP y Mysql

Arrays

Un array es una variable que está compuesta de varios elementos cada uno

de ellos catalogado dentro de ella misma por medio de una clave.

$sentido[1]="ver";

$sentido[2]="tocar";

$sentido[3]="oir";

$sentido[4]="gustar";

$sentido[5]="oler";

<?

$moneda["espana"]="Peseta";

$moneda["francia"]="Franco";

$moneda["usa"]="Dolar";

?>

<?

$moneda=array("espana"=> "Peseta","francia" => "Franco","usa" => "Dolar");

?>

Una forma muy practica de

almacenar datos es

mediante la creación de

arrays multidimensionales

(tablas).

<?

$pais=array

(

"espana" =>array

(

"nombre"=>"España",

"lengua"=>"Castellano",

"moneda"=>"Peseta"

),

"francia" =>array

(

"nombre"=>"Francia",

"lengua"=>"Francés",

"moneda"=>"Franco"

)

);

echo $pais["espana"]["moneda"]

//Saca en pantalla: "Peseta"

?>

Page 18: 63940217 Php y Jquery Proyectomod

PHP

Funciones en PHP

Una función puede ser definida como un conjunto de instrucciones que explotan

ciertas variables para realizar una tarea más o menos elemental.

PHP basa su eficacia principalmente en este tipo de elemento. Una gran librería

que crece constantemente, a medida que nuevas versiones van surgiendo, es

complementada con las funciones de propia cosecha dando como resultado un

sinfín de recursos que son aplicados por una simple llamada.

<?

function hacer_encabezado($titulo)

{

$encabezado="<html><head>t<title>$titulo</title></head>";

echo $encabezado;

}

?>

Esta función podría ser llamada al principio de todas nuestras páginas de la

siguiente forma: $titulo="Mi web";

hacer_encabezado($titulo);

Page 19: 63940217 Php y Jquery Proyectomod

PHP

Librería de Funciones

Se pueden crear una serie de librerias con funciones para ser utilizadas desde

otras archivo PHP,

Estos archivos en los que se guardan las funciones se llaman librerías. La

forma de incluirlos en nuestro script es a partir de la instrucción require o

include:

require("libreria.php") o include("libreria.php")

<? //librería.php

//función de encabezado y colocación del

titulo

function hacer_encabezado($titulo)

{

$encabezado="<html>n<head>nt<title>$titul

o</title>n</head>n";

echo $encabezado;

}

?>

<?

include("libreria.php");

$titulo="Mi Web";

hacer_encabezado($titulo);

?>

Page 20: 63940217 Php y Jquery Proyectomod

PHP Estructuras de Control

Control del flujo en PHP: Condiciones IF

Cuando queremos que el programa, llegado a un cierto punto, tome un camino

concreto en determinados casos y otro diferente si las condiciones de ejecución

difieren, nos servimos del conjunto de instrucciones if, else y elseif.

if (condición)

{

Instrucción 1;

Instrucción 2;

...

}

else

{

Instrucción A;

Instrucción B;

...

}

Page 21: 63940217 Php y Jquery Proyectomod

PHP Estructuras de Control

Bucle while

Sin duda el bucle más utilizado y el más

sencillo. Lo usamos para ejecutar las

instrucciones contenidas en su interior

siempre y cuando la condición definida

sea verdadera.

$size=1;

While ($size<=6)

{

echo"<font size=$size>Tamaño

$size</font><br>n";

$size++;

}

?>

Bucle do/while

do

{

instruccion1;

instruccion2;

...

}

while (condición)

Bucle for

<?

For ($size=1;$size<=6;$size++)

{

echo"<font size=$size>Tamaño

$size</font><br>n";

}

?>

Page 22: 63940217 Php y Jquery Proyectomod

PHP

Trabajar con bases de datos en PHP

Una de las principales ventajas que presenta el trabajar con páginas dinámicas

es el poder almacenar los contenidos en bases de datos. De esta forma,

podemos organizarlos, actualizarlos y buscarlos de una manera mucho más

simple.

El lenguaje PHP, ya hemos dicho, ofrece interfaces para el acceso a la mayoría

de las bases de datos comerciales y por ODBC a todas las bases de datos

posibles en sistemas Microsoft, a partir de las cuales podremos editar el

contenido de nuestro sitio con absoluta sencillez.

Esta interacción se realiza, por un lado, a partir de las funciones que PHP nos

propone para cada tipo de base de datos y, por otro estableciendo un diálogo a

partir de un idioma universal: SQL (Structured Query Language) el cual es

común a todas las bases de datos.

Page 23: 63940217 Php y Jquery Proyectomod

PHP

Trabajar con bases de datos en PHP

Introducción de nuevos registros con PHP

Los datos del registro pueden ser recogidos, por ejemplo, a partir de un formulario.

<HTML>

<HEAD>

<TITLE>Insertar.html</TITLE>

</HEAD>

<BODY>

<div align="center">

<h1>Insertar un registro</h1>

<br>

<FORM METHOD="POST" ACTION="insertar.php">

Nombre<br>

<INPUT TYPE="TEXT" NAME="nombre"><br>

Teléfono<br>

<INPUT TYPE="TEXT" NAME="telefono"><br>

<INPUT TYPE="SUBMIT" value="Insertar">

</FORM>

</div>

</BODY>

</HTML>

Insertar.php

Page 24: 63940217 Php y Jquery Proyectomod

<HTML>

<HEAD>

<TITLE>Insertar.php</TITLE>

</HEAD>

<BODY>

<?

//Conexion con la base

mysql_connect("localhost","tu_user","tu_password");

//selección de la base de datos con la que vamos a trabajar

mysql_select_db("mi_base_datos");

//Ejecucion de la sentencia SQL

mysql_query("insert into clientes (nombre,telefono) values

('$nombre','$telefono')");

?>

<h1><div align="center">Registro Insertado</div></h1>

<div align="center"><a href="lectura.php">Visualizar el contenido de la

base</a></div>

</BODY>

PHP

Trabajar con bases de datos en PHP

Introducción de nuevos registros con PHP

Insertar.php

BD

Mysql

Con la funcion mysql_query() Se

pueden hacer operaciones de

Selección, Modificacion, Inserción y

Eliminación de registros ejecutando

sentencias de SQL.

Page 25: 63940217 Php y Jquery Proyectomod

PHP

Pero “AGUAS” no todos los servidores tiene configurado el envio de variables

Globales cuando son enviadas por el método $_POST o $_GET, para

solucionar esto podemos usar la siguiente función dentro de archivo de

funciones. <?php

/***VARIABLES ENVIADAS POR GET ***/

$numero = count($_GET);

$tags = array_keys($_GET);// obtiene los nombres de las varibles

$valores = array_values($_GET);// obtiene los valores de las varibles

// crea las variables y les asigna el valor

for($i=0;$i<$numero;$i++){

//$$tags[$i]=$valores[$i];

$$tags[$i]=$valores[$i];

}

/***VARIABLES ENVIADAS POR POST ***/

$numero2 = count($_POST);

$tags2 = array_keys($_POST); // obtiene los nombres de las varibles

$valores2 = array_values($_POST);// obtiene los valores de las varibles

// crea las variables y les asigna el valor

for($i=0;$i<$numero2;$i++){

//$$tags2[$i]=$valores2[$i];

$$tags2[$i]=$valores2[$i];

}

?> Proyecto

Page 26: 63940217 Php y Jquery Proyectomod

PHP

Podemos crear una función que nos conecte a la base de datos donde le

incluimos el usuario y password del usuario.

Proyecto

function conexion($db)

{

//Conexion a la base de datos de catalogos

$liga =mysql_connect("localhost","root","root");

mysql_select_db("$db",$liga);

return $liga;

}

Solo llamamos a nuestra librería desde el PHP donde necesitemos hacer

Una conexión a la BD, hacemos una consulta y cerramos la coneccion:

<?php

include "funciones.php";

?>

$link=conexion(“basedatos");

$sql="SELECT * FROM tabla";

$result=mysql_query($sql,$link);

$row=mysql_fetch_array($result);

mysql_close($link);

Podemos mandar el nombre de la BD como parámetro

de la función o bien asignarlo y que quede fijo

Page 27: 63940217 Php y Jquery Proyectomod

PHP

Selección y lectura de registros con PHP

Proyecto

Dentro de una base de datos, organizada por tablas, la selección de una tabla

entera o de un cierto numero de registros resulta una operación rutinaria.

<?php

include "funciones.php";

?>

$link=conexion(“basedatos");

$sql="SELECT * FROM tabla";

$result=mysql_query($sql,$link);

$row=mysql_fetch_array($result);

mysql_close($link); <table>

<tr><td>CAMPO</td></tr>

<?php

DO{

?>

<tr><td><?php echo row[campo]; ?></td></tr>

<?php

}WHILE($row=mysql_fetch_array($result));

?>

</table>

CAMPO

registro

registro

Page 28: 63940217 Php y Jquery Proyectomod

PHP

Selección y lectura de registros con PHP

Proyecto

No solamente podemos enlistar registros sino tambien podemos usar el método

para llenar un COMBO o LISTA con registros como opciones.

<?php

include "funciones.php";

?>

$link=conexion(“basedatos");

$sql="SELECT * FROM tabla";

$result=mysql_query($sql,$link);

$row=mysql_fetch_array($result);

mysql_close($link);

<select id="municipio" >

<option value="">Seleccione..</option>

<?php do{ ?>

<option value="<?php echo $row[id'];?>"><?php echo $row[„campo'];?></option>

<?php } while($row=mysql_fetch_array($result)); ?>

</select>

Page 29: 63940217 Php y Jquery Proyectomod

PHP

Rutina Java Script para sombrear la fila seleccionada de la lista,

simulado una regilla o GRID

<script>

function uno(src,color_entrada) {

src.bgColor=color_entrada;src.style.cursor="hand";

}

function dos(src,color_default) {

src.bgColor=color_default;src.style.cursor="default";

}

</script>

<tr onMouseOver="uno(this,'#AFE47E');" onMouseOut="dos(this,'#F4F3E1');" >

En la definición de la columna en la etiqueta tr llamamos la función haciendo

uso de los eventos onMouseOver “arriba el mouse” y onMouseOut “afuera

mouse”.

Proyecto

Page 30: 63940217 Php y Jquery Proyectomod

PHP

Subir una imagen o archivo al Servidor (Repositorio de Imágenes)

Proyecto

<input type="file" name="archivo" />

<input name="enviar2" type="button" value="Cargar Archivo" onclick="

this.document.frm.Mov.value='guardar'; submit()" />

Page 31: 63940217 Php y Jquery Proyectomod

PHP

Subir una imagen al Servidor

Proyecto

if ($Mov=='guardar')

{

$tamano = $_FILES["archivo"]['size'];

$tipo = $_FILES["archivo"]['type'];

$archivo = $_FILES["archivo"]['name'];

echo "idcategoria: ".$idcategoria.'<br>';

echo "descripcion: ".$descripcion.'<br>';

echo "archivo: ".$archivo.'<br>';

echo "tamaño: ".$tamano.' bytes <br>';

Page 32: 63940217 Php y Jquery Proyectomod

PHP

Subir una imagen al Servidor

Proyecto

if ($archivo != "")

{// guardamos el archivo a la carpeta repositorio

$destino = "repositorio/".$archivo;

if (copy($_FILES['archivo']['tmp_name'],$destino)) {

//una vez copiado registramos el archivo en tblp_repositorio,

$fechacarga=date("Y-m-d h:i:s");;

$gu="INSERT INTO tblp_repositorio (archivo, descripcion,

fechacarga, idcategoria, tamano) VALUES ('$archivo', '$descripcion',

'$fechacarga', '$idcategoria', '$tamano')";

mysql_query($gu,$link);

?>

<script>alert('El archivo se cargo con

exito...');window.open('repositorio.php','_self',''); </script>

<?

} else {

?> <script> alert('Error al subir el archivo'); </script>

<?

}

}

Page 33: 63940217 Php y Jquery Proyectomod

Sistemas Web

JQUERY

Page 34: 63940217 Php y Jquery Proyectomod

Jquery

Qué es jQuery

Para simplificar, podríamos decir que jQuery es un framework Javascript, Un

framework es un producto que sirve como base para la programación

avanzada de aplicaciones, que aporta una serie de funciones o códigos para

realizar tareas habituales.

Por decirlo de otra manera, framework son unas librerías de código que

contienen procesos o rutinas ya listos para usar.

Los programadores utilizan los frameworks para no tener que desarrollar

ellos mismos las tareas más básicas, puesto que en el propio framework ya

hay implementaciones que están probadas, funcionan y no se necesitan

volver a programar.

Page 35: 63940217 Php y Jquery Proyectomod

Jquery

Ventajas de jQuery con respecto a otras alternativas

jQuery es un producto con una aceptación por parte de los programadores

muy buena y un grado de penetración en el mercado muy amplio, lo que hace

suponer que es una de las mejores opciones.

Además, es un producto serio, estable, bien documentado y con un gran

equipo de desarrolladores a cargo de la mejora y actualización del framework.

Otra cosa muy interesante es la dilatada comunidad de creadores de plugins

o componentes, lo que hace fácil encontrar soluciones ya creadas en jQuery

para implementar asuntos como interfaces de usuario, galerías, votaciones,

efectos diversos, etc.

Page 36: 63940217 Php y Jquery Proyectomod

Jquery

Comenzar a utilizar Jquery

Accede a la página de jQuery para descargar la última versión del framework.

<html>

<head>

<SCRIPT TYPE="text/javascript" SRC="jquery-1.3.2.js"></SCRIPT>

</script>

</head>

<body>

</body>

</html>

Crea una página HTML simple

Proyecto

Con ese script ya hemos incluido todas las funciones de jQuery

dentro de nuestra página. Sólo tienes que prestar atención a que

tanto el archivo .html o php de esta página, como el archivo .js del

framework estén en el mismo directorio.

Page 37: 63940217 Php y Jquery Proyectomod

Jquery

Proyecto

Cargar contenido a una capa DIV con Jquery

Jquery tiene muchas aplicaciones que nos permiten hacer interfaces mas

dinámicas y eficientes para nuestras paginas web , por ejemplo

carguemos dentro de una celda de una tabla html que contiene un div

(capa) el resultado de una consulta echa en PHP a una BDd en Mydsql.

Gráficamente seria algo asi:

El resultado del PHP

será lo que se

podrá visualizar

Dentro de este div

DIV id =“contenedor”

Archivo .js

function llenacontenedor()

{

$("div#contenedor").load(“Operaciones.php");

}

PHP

Operaciones.php

<SCRIPT TYPE="text/javascript" SRC=“Archivo.js"></SCRIPT>

boton

Evitando de esta manera hacer un submit() o recarga de toda la pagina.

Page 38: 63940217 Php y Jquery Proyectomod

Jquery Cargar contenido a una capa DIV con Jquery

Con la implementación del sistema anterior tenemos muchas ventajas:

•Mejor Diseño

•Seguridad, pues la barra de direcciones no muestra la dirección de la url o

bien de la pagina que se llama.

•Evitamos recargar la pagina lo que disminuye el tiempo de carga de toda la

pagina.

Además Jquery nos permitirá hacer el envió de parámetros entre los archivos

de manera transparente sin publicarse en la barra de direcciones del

navegador.

Ejemplo:

Proyecto

Valor: 10

Div id=“lista”

botón

function llenacontenedor()

{

var valor=document.getElementById(caja').value;

$("div#lista").load(“Listar.php?valor="+valor);

}

Select * from tabla

where campo=‘$valor’;

Listar.php

Page 39: 63940217 Php y Jquery Proyectomod

Jquery

Ejemplo de envíos:

Proyecto

$("div#lista").load("Listar.php?var1="+var1+"&var2="+var2,{valor3:valor3, valor4:valor4});

Método GET Método POST Permite el envió de cadenas

Con espacios en blanco.

De esta forma podrías cargar todas los valores de un formulario y enviarlas a un

PHP que se encargue de la inserción de los registros.

var edad=document.getElementById(„edad').value;

var domicilio=document.getElementById(„domicilio').value;

$("div#lista").load(“guarda.php?edad="+edad,{nombre:nombre});

Page 40: 63940217 Php y Jquery Proyectomod

Proyecto Sistema Venta de Zapatos Web

Objetivo: El objetivo de la aplicación será crear

un modulo de “punto de venta” para una zapatería que vende a precios de fabrica, el cual tendrá la capacidad de registrar las ventas diarias por vendedor, llevará el control de las existencias y permitirá publicar sus catálogos de zapatos para niños, niñas, hombres y mujeres en la Web, podrá publicar imágenes, promociones y artículos referentes a los nuevos productos de la temporada, los visitantes a la web podrán suscribirse para poder comprar y recibir boletines a sus correos cuando haya nuevos productos o bien promociones y ofertas.

Los usuarios podrán registrarse como compradores y realizar el apartado de su calzado

Page 41: 63940217 Php y Jquery Proyectomod

Proyecto Sistema Venta de Zapatos Web

REGLAS DEL NEGOCIO: EL vendedor se registrara mediante un usuario y contraseña, y contará con un código de identificación,

nombre, dirección y teléfono por alguna emergencia. El vendedor registrara las ventas de zapatos, donde cada zapato se identifica mediante un código,

descripción, marca, talla , color, costo, precio, existencia, el catalogo al que pertenecen (niños, caballeros y damas), además deberá contar con una imagen para identificar el modelo a la hora de realizarla venta.

La venta del calzado solo se hará a los socios registrados. Para poder ser socio las personas deberán

registrarse en un modulo web especial de la pagina de la tienda, al llegar a la tienda, el vendedor le da el estatus de “ACTIVO” y el sistema le crea un numero de socio.

De los socios se necesita conocer su nombre (apellido paterno, apellido materno y nombres(s)),

dirección, teléfono, celular, email. Al realizar una venta se registra el socio que compra y se disminuye el inventario. Se necesita registrar

el usuario que hizo la venta, el numero del socio, la fecha de la venta y el total vendido, así como el detalle de todos los zapatos vendidos en esa venta.

Los socios registrados podrán realizar el apartado de su calzado en la pagina web una vez registrados,

al llegar a la tienda únicamente irán a la caja a pagar. El apartado debe contar con una fecha de apartado y una fecha limite de 3 días para recoger el calzado de lo contrario se le cobrara una multa de 100 pesos.

El sistema será capaz de brindar la información como el es el total de ventas del día y por vendedor. Los vendedores tendrán la actividad de publicar ofertas y promociones desde un modulo del sistema en

el cual publicaran, titulo, promoción y fecha de vencimiento de la oferta así como una imagen.

Page 42: 63940217 Php y Jquery Proyectomod

Proyecto Sistema Venta de Zapatos Web

ELABORAR DIAGRAMA E-R

Page 43: 63940217 Php y Jquery Proyectomod

Proyecto Sistema Venta de Zapatos Web

Esquema de funcionamiento:

BD

Tienda

Punto

de

Venta

Catalogo

Zapatos

Pagina

Web

Promoción y

Consulta

y Registro

vendedor

vendedor

vendedor

ema

il

Servidor Web

Suscripción a boletín Suscriptor

y socio

Apartados

Page 44: 63940217 Php y Jquery Proyectomod

Proyecto Sistema Venta de Zapatos Web

1. Crear la base de datos y tablas en Mysql

Idvendedor, usuario,

contraseña, nombre

VENDEDOR ZAPATOS

codigo, descripción, marca

talla, color, costo, precio,

existencia, tipo_catalogo, imagen

SOCIO

nosocio, paterno, materno,

nombre, dirección, teléfono,

celular, email, contraseña,

estatus

VENTA

Idventa , Idvendedor,

nosocio, fecha, total.

DETALLE_VENTA

Id , Idventa, nosocio,

codigo, cantidad, precio,

subtotal.

APARTADO

Idapartado ,nosocio, codigo, descripción, cantidad, precio, subtotal, fechaapartado, fechalimite, multa, status

vende

tiene

tiene

compra

aparta

tiene

PROMOCION

Idpromocion,

Idvendedor, titulo,

promocion, fechavenc.

publica

Page 45: 63940217 Php y Jquery Proyectomod

Proyecto Sistema Venta de Zapatos Web

1. Interfaz Inicio

Usuario

Aceptar

Contraseña:

Banner

VENTAS CALZADO SOCIOS INFORMES PROMOCIONES WEB

Page 46: 63940217 Php y Jquery Proyectomod

Proyecto Sistema Venta de Zapatos Web

2. Interfaz VENTAS

No. socio Buscar

Nombre:

Vendedor: Pablo Pérez

Si No tiene apartado,

buscamos el

Socio y

posteriormente el

calzado mediante

El código de calzado y

talla.

Apartado:

codigo descripción precio cantidad subtotal

Total:

Vender

Fecha apartado , Fecha Limite

Efectivo:

Descripción:

Vender

Marca:

Color:

imagen

codigo descripción precio cantidad subtotal

Cambio:

Vender

Efectivo:

Cambio:

Total:

logo

Si tiene apartado

únicamente

Se busca al socio y

despliega el datalle de

su compra.

logo

VENTAS CALZADO SOCIOS INFORMES PROMOCIONES WEB

Status:

Código : Talla : Buscar

Multa:

Page 47: 63940217 Php y Jquery Proyectomod

Proyecto Sistema Venta de Zapatos Web

3. Interfaz CALZADO

Descripción

Marca:

Talla:

Color:

Costo:

Precio:

Existencia:

Tipo:

Guardar

Vendedor: Pablo Pérez

VENTAS CALZADO SOCIOS INFORMES PROMOCIONES WEB

Imagen

Descripción Marca Talla Color Costo Precio Existencia Tipo

Modificar Eliminar

Examinar Cargar Imagen

Similar a

repositorio

Page 48: 63940217 Php y Jquery Proyectomod

Proyecto Sistema Venta de Zapatos Web

4. Interfaz SOCIOS

Codigo:

Apellido Paterno.

Apellido Materno:

Nombre (s):

Dirección:

Teléfono:

Celular:

E-mail:

Contraseña:

Estatus

VENTAS CALZADO SOCIOS INFORMES PROMOCIONES WEB

Ap. Pat. Ap. Mat. Nombre (s)

Modificar Eliminar

Buscar

Ap. Pat. Ap. Mat. Nombre e-mal

Cambio de datos de Socio en la Tienda

Page 49: 63940217 Php y Jquery Proyectomod

Proyecto Sistema Venta de Zapatos Web

5. Interfaz INFORMES

VENTAS CALZADO SOCIOS INFORMES PROMOCIONES WEB

Día: Ver corte Mes: Año:

Vendedor: Ver Venta por Vendedor

codigo descripción precio cantidad subtotal

Total:

Page 50: 63940217 Php y Jquery Proyectomod

Proyecto Sistema Venta de Zapatos Web

5. Interfaz INFORMES

VENTAS CALZADO SOCIOS INFORMES PROMOCIONES WEB

Día: Ver corte Mes: Año:

Vendedor: Ver Venta por Vendedor

codigo descripción precio cantidad subtotal

Total:

Page 51: 63940217 Php y Jquery Proyectomod

Proyecto Sistema Venta de Zapatos Web

6. Interfaz PROMOCIONES WEB

VENTAS CALZADO SOCIOS INFORMES PROMOCIONES WEB

Día: Mes: Año:

Fecha publicación:

Titulo:

Promoción:

Publicar Imagen

Día: Mes: Año:

Fecha vencimiento:

Page 52: 63940217 Php y Jquery Proyectomod

Proyecto Sistema Venta de Zapatos Web

6. Interfaz PAGINA WEB

Esta pagina tendrá la función de publicar las promociones del calzado, la

consulta por el tipo del calzado y el registro de los socios

baner

Registro Socios

Consulta

Suscríbete al

boletín

Fecha Publicación

Titulo

Promoción

Fecha Vencimiento

IMAGEN

Page 53: 63940217 Php y Jquery Proyectomod

Proyecto Sistema Venta de Zapatos Web

6. Interfaz PAGINA WEB

Esta pagina tendrá la función de publicar las promociones del calzado, la

consulta por el tipo del calzado y el registro de los socios

baner

Registro Socios

Consulta

Suscríbete al

boletín

Codigo:

Apellido Paterno.

Apellido Materno:

Nombre (s):

Dirección:

Teléfono:

Celular:

E-mail:

Contraseña:

Estatus Registrar

Apartado

Page 54: 63940217 Php y Jquery Proyectomod

Registro Socios

Proyecto Sistema Venta de Zapatos Web

6. Interfaz PAGINA WEB

En esta sección podrá consultar por el tipo de calzado.

baner

Consulta

Suscríbete al

boletín

Tipo de Calzado

Descripción

Marca:

Color:

Costo:

Precio:

Existencia:

imagen

Descripción

Marca:

Color:

Costo:

Precio:

Existencia:

imagen

Apartado

Código:

Código:

Page 55: 63940217 Php y Jquery Proyectomod

Consulta

Registro Socios

Proyecto Sistema Venta de Zapatos Web

6. Interfaz PAGINA WEB

En esta sección podrá apartar el calzado en linea una vez que el socio se

Registro y ya fue activado el estatus cuando hizo su primer compra en la

Tienda.

baner

Suscríbete al

boletín

Apartado

No. Socio:

Contraseña:

Codigo: ACEPTAR

Descripción

Marca:

Color:

Costo:

Precio:

Existencia:

imagen

Talla:

Cantidad:

Subtotal:

Fecha limite:

APARTAR

Código:

Page 56: 63940217 Php y Jquery Proyectomod

Proyecto Sistema Venta de Zapatos Web

CONSIDERACIONES

* Se deberá entregar un manual técnico sencillo, con la siguiente

información.

*Introducción.

* Diagrama E-R

* Diagrama ELKA (Elaborado en Dbdesigner o en cualquier otra

herramienta)

•Script de BD

•Diccionario de Datos

•Se presentará la aplicación frente al grupo y se evaluará en línea para

ellos deberá cargarse la aplicación en el servidor de zobyyhost.