Instructor :LIC. Jairo Flores de la o

Slides:



Advertisements
Presentaciones similares
CSS Rogelio Ferreira Escutia. 2 Hojas de estilo cascada, mayo 2010 Definición La hojas de estilo en cascada (en inglés.
Advertisements

Una página web es una fuente de información adaptada para la World Wide Web(WWW) y accesible mediante un navegador de Internet. Un sitio web es un conjunto.
Programación Orientada a Objeto 1
Tecnologías para desarrollo de aplicaciones web. Un caso de uso
INTRODUCCION A CSS.
Framework Hexápodo PHP fácil, rápido y sin dolor
Internet y la Web social: Diseño de páginas web
Páginas web dinámicas. Olga García Collado.
CURSO DE PHP (Nivel I)CURSO DE PHP (Nivel I) CURSO DE PHP NIVEL I Facilitador: Oscar Caldeira Ing. De Sistemas.
CGI.   Cuando el World Wide Web inició su funcionamiento como lo conocemos, empezando a tomar popularidad aproximadamente en 1993, solo se podía apreciar.
Actividad 8 Equipo 3: o Gemma Cedillo Saucedo. o Alejandra Castillo Almazán. o Adriana Lara Mata. o Jorge Arregoytia García. o Aleida Villegas Rodríguez.
Presentación de la pantalla panorámica
Introducción al desarrollo de proyectos RIA.
Historia de PHP Programación en Internet II. Historia de PHP Programación en Internet II Universidad de Guadalajara | Centro Universitario de la Costa.
1 Las hojas de estilo en cascada Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal utilizado para definir la presentación.
Lenguaje de Marcado.
Portal Docente Virtual : Grupo Andaluz de Investigación: ‘Topología Computacional y Matemática Aplicada Proyecto Fin de Carrera Realizado por: Pablo Germán.
3 PROGRAMAR EN UN LENGUAJE DE HIPERTEXTO L.I. OSWALDO MARTINEZ C. EDPW.
PAGINAS DINAMICAS PHP. INTRODUCCION PHP (Profesional Home Pages - Páginas Personales Profesionales) es un lenguaje para la creación de páginas web incrustado.
INTRODUCCIÓN A LA PROGRAMACIÓN WEB
Presentación de PHP Programación en Internet II.
PHP TODO SOBRE PHP.
Prof. José T. Cadenas. Aplicación Web La Internet y la Web hacen que sea fácil y atractivo poner toda la información en el cyberespacio, y la hace accesible.
Lenguajes de programación Web
Tecnologías web.
TIPOS DE SOFTWARE Se denomina software a un programa, equipamiento lógico o soporte lógico necesario para hacer posible la realización de una tarea con.
UNIVERSIDAD NACIONAL ABIERTA DIRECCIÓN DE INVESTIGACIONES Y POSTGRADO ESPECIALIZACIÓN EN TELEMÁTICA E INFORMÁTICA EDUCACIÓN A DISTANCIA NUEVAS TECNOLOGÍAS.
Conozca a PHP Programación en Internet II. Conozca a PHP Programación en Internet II Universidad de Guadalajara | Centro Universitario de la Costa ¿Qué.
HTML5 & CSS3 Presentado Por: Fernando Ayala
PHP - Ingº Eloy Colquehuanca C. 1 LENGUAJE DE PROGRAMACIÓN PHP Docente: Ingº Eloy Colquehuanca C. Web :
Lenguajes de programación para la web Lenguaje html Lenguaje java script Es un lenguaje estático para el desarrollo de sitios web Ventajas: Sencillo que.
XHTML.
ASP Active Server Pages. Introducción a la programación en ASP  Tecnología del lado del servidor de Microsoft.  Genera páginas web dinámicas.  Anexo.
PHP PHP (acrónimo de "PHP: Hypertext Preprocessor") es un lenguaje de "código abierto" interpretado, de alto nivel, embebido en páginas HTML y ejecutado.
Presentado por: Laura Patricia Pinto Prieto Ingeniera de Sistemas.
Tecnologías web. Es el método más común de intercambio de información en la world wide web, el método mediante el cual se transfieren las páginas web.
Por: Claudia Yaneth Peña Video tutorial de aprendizaje de XAMPP.
Introducción al Lenguaje. ¿Qué es PHP? O Es un lenguaje de programación que es interpretado por un servidor web. O El lenguaje es genérico. PHP está orientado.
JOSE NICOLAS ZAIRA SOFIA C. TORRES BRENDA GONZALEZ.
UNIDAD 7 WEB Y HTML.
Los siguientes términos y acrónimos son un resumen de las tecnologías web actuales: ASP (Active Server Pages)  Páginas de servidor activas.  Tecnología.
DOCUMENTO: LOS DIFERENTES LENGUAJES DE PROGRAMACIÓN PARA LA WEB POR: JUAN RICARDO VILLEGAS.
Introducción al Lenguaje. ¿ Qué es PHP ? O Hypertext Pre-processoes (PHP) es un lenguaje de "código abierto" interpretado, de alto nivel, embebido en.
MIME EXTENSIONES DE CORREO INTERNET MULTIPROPÓSITO. SERIE DE ESPECIFICACIONES DIRIGIDAS AL INTERCAMBIO TRANSPARENTE DE TODO TIPO DE ARCHIVOS A TRAVÉS DE.
Cristian Fonnegra Marin
Actividad 8.
 Este protocolo opera a través de solicitudes y respuestas, entre un "cliente" y un "servidor". El cliente para los usuarios es el navegador web, usado.
Profesora: Laura Patricia Pinto Prieto Ingeniera de sistemas Introducción a Programación 3.
HTML Prof. Oscar Marroquin Mollinedo. Desarrollo web Desarrollo web es un título algo arbitrario para el conjunto de tecnologías de software del lado.
Características generales de un servicio Web.
Ihr Logo PHP Parte 2 “php toma muchas sintaxis de lenguajes de alto nivel conocidos para poder trabajar”
Adobe Photoshop® (Ps) es una aplicación en forma de taller de pintura y fotografía que trabaja sobre un "lienzo" y que está destinado para la edición,
El lenguaje de programación PHP
HTML 5 Edgar Vázquez Ayala. Rolando Aarón Pérez Mandujano.
Paginas web.
Software.
UNITEC NEGOCIOS ELECTRÓNICOS ”DESARROLLO DE SOFTWARE ”
HTML.
Introduccióna Dreamweaver Licenciatura en Tecnología Educativa LEIVA HÉCTOR RUBEN.
Introducción al Lenguaje. ¿Qué es PHP? O Es un lenguaje de programación que es interpretado por un servidor web. O El lenguaje es genérico. PHP está orientado.
¿Qué es jQuery? jQuery es una librería gratuita y open source, que simplifica la creación de páginas web altamente interactivas. Funciona.
2.1 Conocer la terminología básica del software para diseñar una página Web
GUIA DE CSS 3 BASICA AUTOR: CARLOS BERBECI QUE ES CSS3 ? CSS es un lenguaje para definir el estilo o la apariencia de las páginas web, escritas con HTML.
Integrante: Mariana Alcalá Hdz María del Carmen Andrade G. Alondra E. García Mtz Joselyn Gpe García V. Antonio de Jesús Hdz R. Cristian Jesús Ruvalcaba.
 Es un lenguaje de programación interpretado, es decir, que no requiere compilación, utilizado principalmente en páginas web, con una sintaxis semejante.
Administración de Sitios Web Introducción al Lenguaje PHP
QUÉ ES DREAMWEAVER Dreamweaver. Es un software fácil de usar, En el podemos crear diseños de páginas web. Permiten agregar rápidamente diseño y funcionalidad.
1. Introducción ¿Qué es HTML? HTML, siglas de HyperText Markup Language («lenguaje de marcado hipertextual»), hace referencia al lenguaje para la elaboración.
Páginas web Una página web es un documento visible en la World Wide Web mediante un navegador. Tipos de web EstáticasDinámicas Un sitio web es un conjunto.
Hojas de Estilo UNIVERSIDAD TECNOLÓGICA DE AGUASCALIENTES.
Transcripción de la presentación:

Instructor :LIC. Jairo Flores de la o Curso Instructor :LIC. Jairo Flores de la o

Diferentes publicadores Web

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 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 Hypertext Pre-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

Casos de Éxito con PHP

Requerimientos para comenzar

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 “…codigo html 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"); ?> • <?php echo(“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 ?> /* Esto es un comentario multilínea otra línea más de comentario */ echo "Esto es aún otra prueba"; ?> 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. $_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). $_SESSION Variables 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"; ?>

Arreglos (funciones del sistema) Función Descripción array_values (mi_array) Lista los valores contenidos en mi_array asort(mi_array) Ordena por orden alfabético directo o inverso en función de los valores count(mi_array) Nos da el numero de elementos de nuestro array ksort(mi_array) Ordena por orden alfabético directo o inverso en función de las claves

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 (spry ajax) 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.

Formularios (spry ajax)

Formulario (ajax) <form action="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.

Diseño de BD con Phpmyadmin

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());

Eliminar registros desde PHP Antes de eliminar algún registro es lógico primero hacer una consulta a la BD para seleccionar el dato que se desea eliminar enviando los datos a través de un enlace dinámico. mysql_query(“DELETE FROM tabla WHERE llave_tabla =('$variable') ",$conexion)or die(mysql_error());