PROYECTO WEB CON PHP Y MYSQL

http://www.phpya.com.ar

OBJETIVO DE CURSO:
Desarrollar soluciones de negocio a través de la plataforma libre web del
Php y Mysql.

Autor: Ivan Tarqui Huaman
Correo: ivan_smk_x100pre@hotmail.com

Página 1

PROYECTO WEB CON PHP Y MYSQL
http://www.phpya.com.ar

INTRODUCCIÓN
Un proyecto web es un emprendimiento temporal realizado para crear un
producto o servicio único que haciendo uso de una plataforma “web”
busca conseguir un objetivo específico.
El enfoque de proyecto web busca superar la visión de “diseñar una
página web”. Se trata de concebir el desarrollo de un solución web, como
un proyecto que debe ser formulado, gestionado y evaluado.
El desarrollo de sitios web suele estar prejuiciadamente
relacionado con informalidad, pues la gestión
de proyectos web no ha sido una práctica común. No
obstante la propuesta de desarrollar soluciones web
desde un enfoque de administración de proyectos
busca evitar errores futuros, problemas con proveedores
e incluso disputas legales.

Autor: Ivan Tarqui Huaman
Correo: ivan_smk_x100pre@hotmail.com

Página 2

PROYECTO WEB CON PHP Y MYSQL
http://www.phpya.com.ar

PLATAFORMA WEB

Una plataforma web es el conjunto de tecnologías, estándares y protocolos que permiten que
las páginas web como parte de un sitio web puedan ser desplegadas en el navegador del
usuario para fines que podrían ir desde simple información hasta el más sofisticado proceso
de automatización remota.
La terminología web, hace referencia al soporte que da esta plataforma al sistema de
distribución de información basado en hipertexto. Para asegurar que un proyecto de
cualquier tipo: educativo, gubernamental, comercial, publicitario, etc. soportado por un
plataforma web funcione correctamente, es indispensable entender que esta incluye tres
componentes:
• Servidor web
• Protocolos de comunicación
• Navegador - usuario final
La siguiente ilustración muestra estos componentes y otros tecnologías relacionadas.

Autor: Ivan Tarqui Huaman
Correo: ivan_smk_x100pre@hotmail.com

Página 3

P2P: del inglés Peer to Peer. Es un lenguaje de programación interpretado. es decir Lenguaje de Marcas Extensible. Su objetivo es avanzar en el proyecto del W3C de lograr una web semántica. UDP: de User Datagram Protocol. IP por su parte es un protocolo no orientado a conexión usado tanto por el origen como por el destino para la comunicación de datos a través de una red de paquetes conmutados. por lo tanto no es realmente un lenguaje en particular. IPv6: es una versión del protocolo Internet Protocol (IP).ar ACRÓNIMOS PHP: es un acrónimo recursivo que significa PHP Hypertext Pre-processor (inicialmente PHP Tools. XML: siglas en inglés de eXtensible Markup Language. donde la información.PROYECTO WEB CON PHP Y MYSQL http://www. o. sino una manera de definir lenguajes para diferentes necesidades. multihilo y multiusuario. significa Hojas de Estilo en Cascada. Es uno de los sistmas con mayor cantidad de instalaciones en el mundo. Son los dos protocolos fundamentales de Internet. es decir.com Página 4 . Lenguaje Extensible de Marcado de Hipertexto.Personal Home Page Tools). MySQL: siglas de My Structured Query Language. TCP/IP: son las siglas en inglés de TransmissionControl Protocol / Internet Protocol es decir Protocolo de Control de Transmisión y Protocolo de Internet. CSS: del inglés Cascading Style Sheets. Permite el envío de datagramas a través de la red sin que se haya establecido previamente una conexión. sino una serie de nodos que se comportan como iguales entre sí. Es un sistema de gestión de base de datos relacional. TCP es un protocolo de comunicación orientado a conexión y fiable del nivel de transporte. diseñada para reemplazar a IPv4. Es un protocolo delnivel de transporte basado en el intercambio de datagramas (Paquete de datos). Es un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML o XML.phpya. Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail. es un metalenguaje extensible de etiquetas. es decir red de pares o red punto a punto. diseñado originalmente para la creación de páginas web dinámicas. Es una red de computadoras en la que todos o algunos aspectos funcionan sin clientes ni servidores fijos. que actualmenteestá implementado en la gran mayoría de dispositivos que acceden a Internet. y la forma de presentarla estén claramente separadas. es decir Mi Lenguaje de Consulta Estructurado.com. Es usado principalmente en interpretación del lado del servidor. XHTML: acrónimo en inglés de eXtensible HypertextMarkup Language.

com.ar Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail.PROYECTO WEB CON PHP Y MYSQL http://www.com Página 5 .phpya.

ar SESION 01: Instalacion De Software Y Generalidades SOFTWARE REQUERIDO: APPSERV – Paquete de software que contiene los siguientes programas: Además permite la instalación.com.PROYECTO WEB CON PHP Y MYSQL http://www.phpya. configuración y uso automático de los componentes.com Página 6 . INSTALACION DE APPSERV  Pantalla de inicio de instalación  Definiendo la ubicación de la instalación Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail.

com Página 7 . el email es referencial. siempre establecer “localhost” y el puerto “80”.PROYECTO WEB CON PHP Y MYSQL http://www.ar  Definiendo los programas a instalar (Seleccionar todos)  Definiendo los datos del servidor.com.  Definiendo el password de usuario ROOT (principal). en este caso le establecemos “123” Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail.phpya.

PROYECTO WEB CON PHP Y MYSQL http://www.ar  Esperar la instalación:  Si aparece alguna de estas ventanas:  Siempre click en la opción “desbloquear”. es para que el Firewall de Windows no bloquee el acceso.com.  Finalizando la instalación: Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail.phpya.com Página 8 .

ar  Como comprobamos que la instalación es correcta:  Y veremos el siguiente icono:  De estar en flecha de color Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail.com verde indica que esta corriendo sin problemas.com. Página 9 .PROYECTO WEB CON PHP Y MYSQL http://www.phpya.

Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail.phpya. de presentar algún conflicto con el Internet Informatión Server basta entrar a la línea de comando (DOS) y digitar el comando: “iisreset -stop"  Esto detendrá el servicio del IIS y se deberá reactivar el servicio de apache a través del monitor que se encuentra en la barra de tareas.PROYECTO WEB CON PHP Y MYSQL http://www.com Página 10 .com.ar  Para mayor verificación digitar: http://localhost en un navegador:  Eso indica que el apache está corriendo.

php es necesario guardarlos en la siguiente ubicación: Seleccionar esa carpeta y crear una subcarpeta dentro.com.com Página 11 .ar UBICACIÓN DE ARCHIVOS  Para la creación de archivos del tipo .phpya. por ejmplo la carpeta “data”  Todos los archivos se grabaran en esa ubicación.PROYECTO WEB CON PHP Y MYSQL http://www.round = (redondea a valores enteros) $_REQUEST = (recuperar la informacion del form anterior) Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail. Significado: .

ar Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail.phpya.com.PROYECTO WEB CON PHP Y MYSQL http://www.com Página 12 .

PROYECTO WEB CON PHP Y MYSQL http://www.org/TR/REC-html32 --> <head> <title>Title here!</title> </head> <body> <form action="archivo2.php" method="post"> Digite de cuantos GB de capacidad es un Unidad de almacenamiento portatil: <input type="text" name="txtunidad" /> <input type="submit" name="btncalcula" value="Calcular Canciones" /> </form> </body> </html> 2 Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail.HTM <html> <!-HTML 3.w3.2 Document type as defined on http://www.ar RECORDANDO HTML y PHP ARCHIVO1.com Página 13 .phpya.com.

$total = ($capacidad * 1024) / 3. ?> </body> </html> Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail. echo "La cantidad de archivos MP3 que almacena es aproximada es " .5.PROYECTO WEB CON PHP Y MYSQL http://www.ar ARCHIVO2.com.0 //EN"> <html> <head> <title>Title here!</title> </head> <body> <?php $capacidad = $_REQUEST["txtunidad"].round($total).PHP <!doctype html public "-//W3C//DTD HTML 4.com Página 14 .phpya.

PROYECTO WEB CON PHP Y MYSQL http://www.com Página 15 .phpya.com.ar Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail.

phpya.com.HTM Promedio de notas: <!doctype html public "-//W3C//DTD HTML 4.com Página 16 .PROYECTO WEB CON PHP Y MYSQL http://www.0 //EN"> <html> <head><title> PROMEDIO DE NOTAS</title></head> <Body> <form action="archivo3.php" method="post"> Ingrese las 3 notas:<p> Nota1: <input type="text" name="txtn1" /><p> Nota2 <input type="text" name="txtn2" /><p> Nota3 <input type="text" name="txtn3" /><p> <input type="submit" name="btncalcula" value="Calcular Notas" /> </form> </body> </html> Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail.ar RECORDANDO HTML y PHP ARCHIVO3.

0 //EN"> <html> <head> <title>Title here!</title> </head> <body> <?php $capacidad1 = $_REQUEST["txtn1"].phpya. $total = ($capacidad1+$capacidad2+$capacidad3)/ 3. ?> </body> </html> Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail.com.PROYECTO WEB CON PHP Y MYSQL http://www.com Página 17 . $capacidad2 = $_REQUEST["txtn2"]. echo "El promedio final es: " .php <!doctype html public "-//W3C//DTD HTML 4. $capacidad3 = $_REQUEST["txtn3"].ar Archivo4.round($total).

com Página 18 .PROYECTO WEB CON PHP Y MYSQL http://www.phpya.com.ar Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail.

echo "</form>". if ($numero %2==0) { echo "el numero ingresado es par".com Página 19 .0 //EN"> <html> <head> <title>Pagina par e impar</title> </head> <body> <?php If (isset($_POST['btnevaluar'])) { $numero=$_REQUEST['txtnum']. } } else { echo "<form action='pagina1. echo "<input type='submit' name='btnevaluar'value='evaluar numero'/>".com.ar PAGINA1. } ?> </body> </html> Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail.PHP <!doctype html public "-//W3C//DTD HTML 4.php' method='POST'>".PROYECTO WEB CON PHP Y MYSQL http://www. echo "digite numero<input type='text' name='txtnum'/>". } else { echo "el numero ingresado es impar".phpya.

phpya.PROYECTO WEB CON PHP Y MYSQL http://www.ar Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail.com.com Página 20 .

Select.[usuario].D trabajamos define nuestra consulta Devuelve en dato especifico de toda una tabla Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail.[num.[clave]) ([b.com.Num.[nombre de campo]) NOTA: Connect.- Establece con que vamos a trabajar definir con que B.Result.PROYECTO WEB CON PHP Y MYSQL http://www.phpya.Query.ar METODO: $_POST Contiene valores de un objeto que a sido enviado de otra forma. $_REQUEST FUNCION: Evalúa la existencia de cierto valor variable Iseet FUNCIONES MAS EMPLEADAS:      Mysql_connect Mysql_select _db Mysql_query Mysql_num_rows Mysql_result ([servidor].[conexion]) ([query]) ([query].d].[conexion]) ([cons sql].fila].com Página 21 .

com.com Página 22 .phpya.PROYECTO WEB CON PHP Y MYSQL http://www.ar Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail.

com."nombres")."apellidos"). $total=mysql_num_rows($datos).phpya.PHP <html> <head> <title>Title here!</title> </head> <body> <?php $conexion=mysql_connect("localhost"."123").$xx. } ?> </body> </html> Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail.com Página 23 .PROYECTO WEB CON PHP Y MYSQL http://www.$xx.$conexion). echo mysql_result($datos. echo mysql_result($datos. mysql_select_db("dbcolegio"."codigo"). $datos=mysql_query("select * from alumnos"."root".$xx.$conexion). { echo mysql_result($datos.ar SCRIP BASICO DE CONEXIÓN CONEXIÓN.

insertar registro mysql> create database dbcolegio. 0 rows affected (0. consulta:  En el explorador poner la siguiente dirección: http://localhost/ivan/conexion. Query OK. Query OK.'Ivan'.00 sec) create database dbcolegio. Database changed mysql> create table alumnos -> ( -> codigo int(4). apellidos varchar(50) ).’Huaman’. Query OK. 1 row affected (0.ar EN MYSQL CREAR LA BASE DE DATOS COLEGIO  Creación de la base de datos colegio . nombres varchar(50). use dbcolegio. -> nombres varchar(50).'Ivan'.com Página 24 . 1 row affected (0.PROYECTO WEB CON PHP Y MYSQL http://www. -> apellidos varchar(50) -> ).03 sec) mysql> insert into alumnos values('1'.'Tarqui'.02 sec) mysql> use dbcolegio. código int(4).campos .php Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail.’Huaman’.com.tabla alumnos .phpya.'Tarqui'. insert into alumnos values ('1'.

PROYECTO WEB CON PHP Y MYSQL http://www.phpya.com.ar Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail.com Página 25 .

Insert into productos values(100.4.com Página 26 . Sto_pro int(4) ). Use dbnegocios. Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail. Insert into productos values(101. Nom_pro varchar(35).2).50.com.’Aceite Primor x1Lt’.PROYECTO WEB CON PHP Y MYSQL http://www.40.35).phpya. Create table productos ( Cod_pro int(4).’Leche Ideal x 22ml’. Pre_pro float(8.2.ar 24/08/2011 EN MYSQL CREAR LA BASE DE DATOS NEGOCIOS CODIGO DE MYSQL: Create database dbnegocios.105).

?> </body> </html> Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail.$conexion).phpya.0 //EN"> <html> <head> <title>Conexion</title> </head> <body> <?php $conexion=mysql_connect("localhost".com.PROYECTO WEB CON PHP Y MYSQL http://www.PHP <!doctype html public "-//W3C//DTD HTML 4. mysql_select_db("dbnegocios"."123").com Página 27 .ar CONEXIÓN."root".

echo "<tr>". } echo "</table>". echo "<tr><th>Codigo</th><th>Nombre</th><th>Precio</th><th>Stock</th></tr>".$x<$total. $cc=mysql_result($datos. for ($x=0.$x++) { $aa=mysql_result($datos.com. echo "</tr>". echo "<table border=2>".$total.0 //EN"> <html> <head> <title>Title here!</title> </head> <body> <?php include('conexion. echo "<td>$bb</td>".$x. $datos=mysql_query("select * from productos").com Página 28 . ?> </body> </html> Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail.$x. echo "<td>$aa</td>". echo "<td>$cc</td>".PHP <!doctype html public "-//W3C//DTD HTML 4.$x."nom_pro").$x. $total=mysql_num_rows($datos). $dd=mysql_result($datos.phpya."sto_pro"). echo "<h1>Registro General De Productos</h1>". echo "Total de Productos Registrados:"."pre_pro").ar PRODUCTOS. $bb=mysql_result($datos.php').PROYECTO WEB CON PHP Y MYSQL http://www. echo "<td>$dd</td>"."cod_pro").

ar Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail.com Página 29 .com.phpya.PROYECTO WEB CON PHP Y MYSQL http://www.

com.ar Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail.phpya.com Página 30 .PROYECTO WEB CON PHP Y MYSQL http://www.

168.”Leche Ideal x Tarro Gr”. Insert into productos values(null.1.4. Pre_pro float(8. Sto_pro int(4) ). Nom_pro varchar(50).15).3.phpya.PROYECTO WEB CON PHP Y MYSQL http://www.ar http://192.88). Insert into productos values(null.72). Create table productos ( Cod_pro int(6)not null primary key auto increment.”AcFideos Molitalia x 500 Mg”. CODIGO_ Insertar Registro ala Base de datos DBTIENDA Insert into productos values(null.php (para ver la base de datos)  Corremos nuestra linea de comandos y creamos una base de datos en Mysql CODIGO: Crear la base de datos DBTIENDA Create database dbtienda. Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail.20.40.20.com.224/data/productos.”Aceite Primor x 1Lt”.com Página 31 .2). Use dbtienda.1.

$x."root". echo "<th>Nombre</th>". echo "<td>". echo "</center>". echo "<th></th>"."123"). echo "<table border=3>". "</td>". "cod_pro") . "</td>". mysql_result($datos. mysql_result($datos.php'>Nuevo Producto</a>".ar  Crearemos un Script de conexión sencillo. echo "<tr><th></th>". $total = mysql_num_rows($datos). echo"</tr>". mysql_result($datos. mysql_result($datos. PRODUCTOS. echo "<h1>Registro General De Productos</h1> <p>".php?cod=". echo "<td>". ?> Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail. echo "<td>".$x++) { echo"<tr>". echo "<th>Codigo</th>". ?>  Crearemos la pagina productos. "</td>". echo "<td><a href='eliminar. $x. "pre_pro"). echo "<th>Precio</th>". conexión. echo "<center>".PHP <?php include("conexion. echo "<th>Stock</th></tr>". $x<$total. for($x = 0. "cod_pro") . mysql_select_db('dbtienda'.PHP <?php $cone = mysql_connect("localhost". $x.php donde visualizamos el detalle de todos los productos.com Página 32 . mysql_result($datos. "nom_pro")."'>Eliminar</a></td>".php?cod=".$cone).php CONEXIÓN. "</td>". echo "<td><a href='modificar. $datos = mysql_query("select * from productos")."'>Modificarx</a></td>". mysql_result($datos.php"). "sto_pro"). $x. echo "<td>". $x. echo "<p><a href='nuevo. } echo "</table".PROYECTO WEB CON PHP Y MYSQL http://www. "cod_pro").com.phpya. $x.

echo "Stock: <input type='text' name='txtstock' value='". $datos = mysql_query("select * from productos where cod_pro = " . echo "nombre: <input type='text' name='txtnombre' value='". echo "<h1>MODIFICAR</h1><p>".php"). sto_pro=".'sto_pro').0. pre_pro=" .php' method='post'>". if(isset($_POST['btnmodificar'])) { $a = $_REQUEST['txtcodigo']. echo "precio: <input type='text' name='txtprecio' value='"."'><br/>". mysql_result($datos.'nom_pro').phpya. mysql_result($datos. $codigo).</script>".$b.'cod_pro'). " where cod_pro = ".0.0. echo "codigo: <input type='text' name='txtcodigo' readonly='readonly' value='". "'.com. MODIFICAR.</script>". $d = $_REQUEST['txtstock']. ".location='productos.php'. echo "<script>window."'> <br/>".'pre_pro').PROYECTO WEB CON PHP Y MYSQL http://www. echo "</form>". } ?> Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail. echo "<script>alert('Modificacion fue satisfactoria').$a)."'> <br>".php donde visualizamos el detalle de todos los productos y podemos moficiarlos. } else { $codigo=$_REQUEST["cod"].ar  Crearemos la pagina modificar.$c. $b = $_REQUEST['txtnombre']. echo "<input type='submit' name='btnmodificar' value='modificar datos' />".com Página 33 . echo "<form action='modificar.mysql_result($datos.0."'> <br/>". mysql_result($datos. mysql_query("update productos set nom_pro = '" .PHP <?php include("conexion.$d. $c = $_REQUEST['txtprecio'].

ar NUEVO.$d. echo "<form action='nuevo.(mysql_result($cons. ".$c. echo "<input type='submit' name='btngrabar' value='Grabar Datos' />".php'. 0. echo "stock: <input type='text' name='txtstock'><br/>". echo "nombre: <input type='text' name='txtnombre'><br/>".php' method='post'>". echo "codigo: <input type='text' name='txtcodigo' value='". $d= $_REQUEST['txtstock'].PROYECTO WEB CON PHP Y MYSQL http://www.</script>"."'><br/>". echo "<h1>NUEVO PRODUCTO</h1><p>". ")")." .php"). '" .0)+1). mysql_query("insert into productos values(null.</script>".com Página 34 . "'.com. if(isset($_POST['btngrabar'])) { $b= $_REQUEST['txtnombre'].PHP <?php include("conexion.$b. $c= $_REQUEST['txtprecio'].phpya. } else { $cons = mysql_query("select max(cod_pro) from productos"). echo "precio: <input type='text' name='txtprecio'><br/>". echo "<script>alert('Datos fueron Grabados').location='productos. ". } ?> Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail. echo "<script>window.

php' method='post'>".</script>". echo "¿Esta seguro de eliminar los datos del producto ". echo "<input type='hidden' name='hdncodigo value='" . mysql_query("delete from productos where cod_pro=".php").location='productos.mysql_result($cons. } else { $cons = mysql_query("select * from productos where cod_pro=".ar ELIMINAR.$_REQUEST['cod']).php'. echo "<script>alert('Producto fue eliminado').</script>". echo "<h1>ELIMINAR PRODUCTO</h1><p>". 'cod_pro').0."'>". echo "<input type='submit' name='btneliminar' value='Eliminar datos' />". $a). echo "<form action='eliminar.location='productos.mysql_result($cons.PHP <script languaje='JavaScript'> function cancela() { alert('Eliminacion fue cancelada').com Página 35 . if(isset($_POST['btneliminar'])) { $a = $_REQUEST['hdncodigo']. window.php'."?". echo "<input type=button' name='btncancelar' value='Cancelar eliminacion' onclick='cancela()' />". echo "</form>". echo "<script>window.com. } </script> <? include("conexion.</script>".</script>". } else if(isset($_POST['btncancelar'])) { echo "<script>alert('Eliminacion se cancelo').PROYECTO WEB CON PHP Y MYSQL http://www.phpya.php'. echo "<script>window. 'nom_pro').location = 'productos.0. } ?> Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail.

com.com Página 36 .phpya.ar CORRER EL PROGRAMA Hacemos clic en MODIFICAR: Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail.PROYECTO WEB CON PHP Y MYSQL http://www.

com.PROYECTO WEB CON PHP Y MYSQL http://www.com Página 37 .ar Una vez terminado de modificar hacer clic en NUEVO PRODUCTO Hacemos clic en nuevo: Clic en grabar datos Ver lo que se ah agregado: Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail.phpya.

phpya.ar Autor: Ivan Tarqui Huaman Correo: ivan_smk_x100pre@hotmail.PROYECTO WEB CON PHP Y MYSQL http://www.com.com Página 38 .