Download
1 / 51
520 likes | 643 Views
Curso. Instructor :LIC. Jairo Flores de la o. Diferentes publicadores Web. Tecnología del lado del cliente. Tecnología del Lado del Cliente. Applet. El servidor solo envía el código. Se compila, ejecuta en el navegador cliente. Adobe Flex. Tecnología del lado del Servidor.
E N D
Curso Instructor :LIC. Jairo Flores de la o
Tecnología del lado del cliente Tecnología del Lado del Cliente Applet • El servidor solo envía el código. • Se compila, ejecuta en el navegador cliente. Adobe Flex
Tecnología del lado del Servidor • Se compila, ejecuta en el servidor. • El servidor solo envía el código HTML.
Paginas estáticas y dinámicas Estáticas: Paginas realizadas por lo regular en HTML, siempre que son visitadas muestran el mismo resultado, no soportan base de datos y no permiten realizar cálculos matemáticos y comportarse en base a condiciones dadas. Dinámicas: Paginas que soportan base de datos, cada usuario que visita la pagina tiene la posibilidad de visualizar contenido que cambia de acuerdo a sus necesidades o gustos, soportan perfectamente cálculos matemáticos complejos.
¿ Que es PHP? • PHP es un acrónimo recursivo que significa PHP HypertextPre-processor (inicialmente PHP Tools, o, Personal Home Page Tools). • Es un software libre. • Multiplataforma. • Es un lenguaje interpretado del lado del servidor. • Interactúa con base de datos, Mysql, Postgres, Oracle, ODBC, DB2, Sql Server, firebir, SqlLite. • Versión actual PHP 5, proximamente PHP 6.
Tareas principales de PHP • Funciones de correo electrónico • Gestión de bases de datos • Gestión de archivos • Tratamiento de imágenes
Maquetación web CSS ¿Qué es CSS? CSS es un lenguaje de hojas de estilos creado para controlar el aspecto o presentación de los documentos electrónicos definidos con HTML y XHTML. CSS es la mejor forma de separar los contenidos y su presentación y es imprescindible para crear páginas web complejas. La separación de los contenidos y su presentación presenta numerosas ventajas, ya que obliga a crear documentos HTML/XHTML bien definidos y con significado completo (también llamados “documentos semánticos”).
Maquetación web CSS Usando Dreamweaver diseñar una pequeña pagina para curso usando las imágenes proporcionadas, usando CSS, Tablas, menús dinámicos, imágenes y sonidos.
Sintaxis de PHP 1 <html> <head> <title>Ejemplo PHP</title> </head> <body> <?php echo "Hola, este es un ejemplo con PHP"; ?> </body> </html>
Sintaxis de PHP 2 <html> <head> <title>Ejemplo PHP</title> </head> <body> <?php echo "Hola, este es un ejemplo con PHP"; echo “…codigohtml dentro de php…” ?> </body> </html>
Sintaxis de PHP 3 <html> <head> <title>Ejemplo PHP</title> </head> <?php if ($condicion) { ?> <body> <? } ?> </body> </html>
Sintaxis de PHP Pero cuales son estas etiquetas especiales de comienzo y final??, esto nos lleva a que hay 4 formas de salir de HTML y entrar en modo PHP, las cuales son las siguientes: • <? echo (“Forma 1"); ?> • <?phpecho(“Forma 2"); ?> • <script language="php"> echo (“Forma 3"); </script> • Las instrucciones se separan igual que en C o Pascal terminando cada sentencia con un punto y coma.
Sintaxis de PHP (comentarios) PHP soporta comentarios tipo 'C', 'C++' y Shell de Unix. <?php echo “Prueba"; // Comentario tipo C++ para una línea ?> <?php /* Esto es un comentario multilínea otra línea más de comentario */ echo "Esto es aún otra prueba"; ?> <?php echo "Prueba"; # Comentario tipo shell de Unix ?>
Variables PHP Las variables en php se definen anteponiendo el sigo de peso $ al nombre de la variable que se piensa definir. Dependiendo de la información que contenga, una variable puede ser considerada de uno u otro tipo, es decir no se define con unan instrucción dada a diferencia de otros lenguajes de programación. El nombre de la variable es sensible a mayúsculas o minúsculas.
Variables del Sistema 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. $_GETVariables 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). $_POSTVariables 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). $_SESSIONVariables registradas en la sesión del script. Análoga a la antigua matriz $HTTP_SESSION_VARS (la cual está todavía disponible, aunque no se use). Vea también la sección Funciones para el manejo de sesiones para más información.
Tipos de Datos Enteros: Los enteros se puede especificar usando una de las siguientes sintaxis: $a = 1234; # número decimal $a = -123; # un número negativo $a = 0123; # número octal (equivalente al 83 decimal) $a = 0x12; # número hexadecimal (equivalente al 18 decimal)
Tipos de Datos Números en punto flotante: Los números en punto flotante ("double") se pueden especificar utilizando cualquiera de las siguientes sintaxis: $a = 1.234; $a = 1.2e3;
Tipos de Datos Cadenas: $a = "Hola"; $b = $a . "Mundo"; // Ahora $b contiene "Hola Mundo" $a = "Mundo"; En este punto hay que hacer una distinción, la interpretación que hace PHP de las simples y dobles comillas. En el segundo caso PHP interpretará el contenido de la cadena. echo = 'Hola $a'; //Esto escribirá "Hola $a" echo = "Hola $a"; //Esto escribirá "Hola Mundo" Si la cadena está encerrada entre dobles comillas ("), las variables que estén dentro de la cadena serán expandidas (sujetas a ciertas limitaciones de interpretación). Como en C y en Perl, el carácter de barra invertida ("\") se puede usar para especificar caracteres especiales.
Trabajo con cadenas Podemos yuxtaponer o concatenar varias cadenas poniendo para ello un punto entre ellas: <?$cadena1="Perro";$cadena2=" muerde";$cadena3=$cadena1.$cadena2;echo $cadena3 //El resultado es: "Perro muerde"?>
Caracteres protegidos \n Nueva línea \r Retorno de carro \t Tabulación horizontal \\ Barra invertida \$ Signo del dólar \" Comillas dobles
Operadores aritméticos • Nos permiten realizar operaciones numéricas con nuestras variables:+ Suma • Resta • * Multiplicación • / División • % Devuelve el residuo de la división
Operadores de comparación Se utilizan principalmente en nuestras condiciones para comparar dos variables y verificar si cumple o no la propiedad del operador. == Igualdad !=Diferente < Menor que <= Menor igual que > Mayor que >= Mayor igual que
Estructuras de control selectivas Las sentencias de control permiten ejecutar bloque de códigos dependiendo de unas condiciones. Para PHP el 0 es equivalente a Falso y cualquier otro número es Verdadero. if...else Es importante tener en cuenta quela condición que evaluemos ha de estar encerrada entre paréntesis (esto es aplicable a todas la sentencias de control). if (condición) { Este bloque se ejecuta si la condición es VERDADERA } else { Este boque se ejecuta si la condición es FALSA } Existe una forma sencilla de usar la sentencia IF cuando no tenemos que usar el else y solo tenemos que ejecutar una línea de código. if ($a > 4) echo "$a es mayor que 4";
Ejercicios • Programar una pagina web para que muestre, si “es mayor de edad” en caso de que tenga mas de 18 años de lo contrario que muestre “menor de edad”. • Imprimir una tabla html si el valor de una variable es cero en caso de ser 1 mostrar una imagen. • Sumar dos números, e imprimir el resultado, al resultado restarle la tercera parte de su valor e imprimirlo concatenado con la palabra “este es el resultado”, todo esto usando el color rojo. Por ejemplo: • Este es el resultado: 35
Arreglos 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";?>
Estructuras de control Repetitivas(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. La estructura sintáctica es la siguiente. while (condición){ instruccion1; instruccion2; ...}
Ejercicio • Rellenar un arreglo con los números del 1 al 10 e imprimirlos en orden ascendente y descendente y mostrar en pantalla un texto indicando cuantos elementos tiene el array usando la función count(array). Por ejemplo: • 1,2,3,4….10 • 10,9,8,….1 • El array contiene 10 elementos • Imprimir en pantalla las tablas de multiplicar del 1 al 5 en tablas html usando el ciclo while.
Estructuras de control Repetitivas(for) El más popular de ellos es el bucle for que, como para los casos anteriores, se encarga de ejecutar las instrucciones entre llaves. La diferencia con los anteriores radica en cómo se plantea la condición de finalización del bucle. <?For ($size=1;$size<=6;$size++){ echo"<font size=$size>Tamaño $size</font><br>\n";}?>
Estructuras de control Repetitivas(foreach) Este bucle, implementado en las versiones de PHP4, nos ayuda a recorrer los valores de un array lo cual puede resultar muy útil por ejemplo para efectuar una lectura rápida del mismo. Foreach ($array as $clave=>$valor){ instruccion1; instruccion2; …;}
AJAX “ Ajax no es una tecnología en sí mismo. En realidad, se trata de la unión de varias tecnologías que se desarrollan de forma autónoma y que se unen de formas nuevas y sorprendentes.” Las tecnologías que forman AJAX son: ▪ XHTML y CSS, para crear una presentación basada en estándares. ▪ DOM, para la interacción y manipulación dinámica de la presentación. ▪ XML, XSLT y JSON, para el intercambio y la manipulación de información. ▪ XMLHttpRequest, para el intercambio asíncrono de información. ▪ JavaScript, para unir todas las demás tecnologías.
Formularios (spryajax) HTML es un lenguaje de marcado cuyo propósito principal es el de estructurar los contenidos de los documentos y páginas web. Además, HTML también incluye elementos para crear aplicaciones web. De esta forma, HTML permite incluir formularios en las páginas para que los usuarios interactúen con las aplicaciones web. Desde formularios sencillos como los que utilizan los buscadores hasta formularios complejos para darse de alta en algún servicio, HTML incluye los suficientes elementos como para crear cualquier formulario complejo.
Formulario (ajax) <formaction="http://www.librosweb.es/maneja_formulario.php" method="post"> Escribe tu nombre: <input type="text" name="nombre" value="" /> <br/> <input type="submit" value="Enviar" /> </form> La etiqueta <form> encierra todos los contenidos del formulario (botones, cuadros de texto, listas desplegables) y la etiqueta <input> permite definir varios tipos diferentes de elementos (botones y cuadros de texto).
Ejercicio Elaborar un formulario de registro de los datos de un paciente en una clínica. Validando los campos de entrada correctos antes de que los datos se envíen.
Procesamiento de variables Elaborar un formulario para registrarse en una pagina web. Y envíe los datos a otra pagina y se impriman ahí. Elaborar una pequeña calculadora que sume, reste, divida y multiplique dos números. Dependiendo de la opción seleccionada.
Enlaces dinámicos En ocasiones es necesario movernos de una pagina a otra, pero a la vez necesitamos enviar variables a través de estos enlaces. Ejemplo mostrar una lista de alumnos y al dar clic sobre el nombre muestre detalles acerca de este alumno, para esto necesitamos enviar con el enlace la llave primaria de este alumno.
Sesiones en PHP Las sesiones, en aplicaciones web realizadas con PHP y en el desarrollo de páginas web en general, nos sirven para almacenar información que se memorizará durante toda la visita de un usuario a una página web. session_start()session_register() header ("Location:pagina.php?var=$var")
Paginas protegidas (autentificación) Mediante un formulario ingresar un usuario y contraseña, y enviar los datos a una pagina que se llame conectar.php e iniciar sesión en caso de que los datos sean correctos, y redireccionar a una pagina que se llame confidencial.php, la cual estará protegida por un archivo que se llama seguridad.php
Motores de almacenamiento El motor comúnmente utilizado, y que está establecido por defecto, es MyISAM. Éste se caracteriza principalmente por ofrecer una lectura y escritura rápidas. Pero no soporta llaves foráneas, ni múltiples Transacciones. El motor InnoDB soporta transacciones a cambio de un sacrificio de la velocidad de lectura y escritura en un factor 1:10. Permite el uso de llaves foráneas (integridad referencial). MEMORY: Mantiene los datos en memoria, lo que permite obtener una velocidad muy alta. Por contra, los datos se pierden al apagar el servidor. MERGE: Posibilita acceder a varias tablas con la misma estructura como si se tratase de una misma tabla. BLACKHOLE: Procesa todas las consultas pero no almacena los datos en ningún sitio. Es como un agujero negro.
Variables del sistema PHP para BD mysql_connect("localhost","tu_user","tu_password"); mysql_select_db("mi_base_datos"); mysql_query(“transaccion”,$conexion); mysql_close($conexion); mysql_fetch_row($consulta); mysql_fetch_array($consulta); mysql_num_rows($consulta);
Conexión de una BD desde PHP //conecto con la base de datos $conexion = mysql_connect("localhost","root","") or die("No pudo seleccionarse la BD."); //selecciono la BBDD mysql_select_db("examenes",$conexion);
Insertar Registros desde PHP Cada vez que se vaya a realizar una transacción sql es necesario crear una conexión a la base de datos. Después ejecutar la sentencia para insertar datos. mysql_query(“INSERT INTO tabla (campo1,campo2,…) VALUES (‘$variable1’,’$variable2’,’…’)”,$conexion) or die (mysql_error()); Y por ultimo tiene que cerrarse la conexión mysql_close($conexion);
Consultar Registros desde PHP mysql_query(“SELECT * FROM tabla WHERE (llave=‘$clave’)”,$conexion) or die (mysql_error()); Esto consulta los datos pero es necesario mostrarlos de alguna manera al usuario, esto se hace guardando los datos en un array con mysql_fetch_array() para luego imprimirlos en un tabla mediante php y HTML embebido. Y por ultimo tiene que cerrarse la conexión mysql_close($conexion);
Modificar registros desde PHP Antes de modificar algún registro es lógico primero hacer una consulta a la BD para seleccionar el dato que se desea modificar. Posteriormente mostrar ese dato en un formulario de datos para modificarlos y enviar los datos a una pagina que se encargue de modificarlos en la BD. mysql_query("UPDATE tabla SET campo=('$variable'),WHERE llave_tabla =('$variable') ",$conexion)or die(mysql_error());
