tema 01. introducción a php_2013!

TEMA 01. INTRODUCCIN A PHP

2

Transaccin Web con Apache-MySql-PHP

3Servidor Web que integra Apache-MySql-PHP


4Servidor Web que integra Apache-MySql-PHP


5Funcionamiento PGINA ESTTICA


6Funcionamiento PGINA DINMICA usando nicamente aplicaciones del lado del CLIENTE


7Funcionamiento PGINA DINMICA usando aplicaciones del lado del CLIENTE y del lado del SERVIDOR


8Funcionamiento PGINA DINMICA usando aplicaciones del lado del CLIENTE y del lado del SERVIDOR


9PGINA ESTTICACualquier usuario que acceda a esta pgina -ya sea en modo local, o a travs de un servidor remoto visualizar siempre la misma fecha: 11 de julio de 2005.ejemplo001.html

Hoy es 11-7-2005 y son las 14:23:57 horas

EJECUCION:

PGINA ESTTICA


10

PGINA DINMICAEn estos dos ejemplos vers que la fecha que aparece en la pgina es la fecha actual de

tu sistema, y adems, cada vez que pulses el botn Actualizar de tu navegador podrs comprobar que se actualiza la hora.

Una intervencin del usuario modifica los contenidos. NOTAS:

En JavaScript, igual que PHP, se diferencia entre maysculas y minsculas. getMonth () devuelve el mes (de 0 a 11) en la fecha indicada, de acuerdo con la hora local.

Nota: enero es 0, febrero es uno, y as sucesivamente. Sumamos 1 para que Enero sea 1.

ejemplo002.html

var son= new Date(); var fecha=son.getDate()+" - "+(son.getMonth()+1)+" - "+son.getFullYear(); var hora=son.getHours()+":"+son.getMinutes()+":"+son.getSeconds(); document.write('Hoy es '+fecha+' y son las '+hora+' horas');

PGINA DINMICA JavaScript


11

OBJETOS NATIVOS DE JAVASCRIPT CLASE DateInstanciar un objeto de la clase Date con la fecha y da actuales son= new Date(); Los objetos de la clase Date no tienen propiedades pero si un montn de mtodos: getDate() Devuelve el da del mes. getDay() Devuelve el da de la semana. getHours() Retorna la hora. getMinutes() Devuelve los minutos. getMonth() Devuelve el mes (atencin al mes que empieza por 0). getSeconds() Devuelve los segundos. getTime() Devuelve los milisegundos transcurridos entre el da 1 de enero de 1970 y la fecha

correspondiente al objeto al que se le pasa el mensaje. getYear() Retorna el ao, al que se le ha restado 1900. Por ejemplo, para el 1995 retorna 95, para el 2005

retorna 105. Este mtodo est obsoleto en Netscape a partir de la versin 1.3 de Javascript y ahora se utiliza getFullYear().

getFullYear() Retorna el ao con todos los dgitos. Usar este mtodo para estar seguros de que funcionar todo bien en fechas posteriores al ao 2000.

setDate() Actualiza el da del mes. setHours() Actualiza la hora. setMinutes() Cambia los minutos. setMonth() Cambia el mes (atencin al mes que empieza por 0). setSeconds() Cambia los segundos. setTime() Actualiza la fecha completa. Recibe un nmero de milisegundos desde el 1 de enero de 1970. setYear() Cambia el ao recibe un nmero, al que le suma 1900 antes de colocarlo como ao de la fecha. Por

ejemplo, si recibe 95 colocar el ao 1995. Este mtodo est obsoleto a partir de Javascript 1.3 en Netscape. Ahora se utiliza setFullYear(), indicando el ao con todos los dgitos.

setFullYear() Cambia el ao de la fecha al nmero que recibe por parmetro. El nmero se indica completo ej: 2005 o 1995. Utilizar este mtodo para estar seguros que todo funciona para fechas posteriores a 2000.



12

document.write Imprime el texto indicado en la pgina. Sin variable

document.write("Texto")document.write('Hola Mundo!');

Carcter de escapedocument.write("Caracter \"") SALIDA Caracter

Comillas dobles y simplesdocument.write('')

Cdigo especial no imprimibledocument.write("Texto\n")

\n Nueva lnea\t Tabulador\r Retorno de carro\f Alimentacin de formulario\b Retroceso de un espacio

Con variablevar mytext = "Hola otra vez";document.write(mytext);

Concatenacinvar color1 = "morado";var color2 = "rosa";document.write('color1: ' + color1 + 'color2: ' + color2 + '');

PGINA DINMICA JavaScript http://www.elcodigo.com/tutoriales/javascript/javascript2.html


13

PGINA DINMICAEn este otro ejemplo la modificacin de los contenidos no requiere intervencin alguna por

parte del usuario. Cada 5 segundos (fjate donde dice var frecuencia=5000. Cinco mil es el perodo de actualizacin, expresado en milisegundos) se reescribirn de forma automtica la fecha y la hora. Tenemos un cronmetro automtico.ejemplo003.html ver fichero JavaScript document.getElementById.docx

var reloj=0; var frecuencia=5000;function actualiza(){

var son= new Date(); var fecha=son.getDate()+" - "+(son.getMonth()+1)+" - "+son.getFullYear(); var hora=son.getHours()+":"+son.getMinutes()+":"+son.getSeconds(); var escribe='Hoy es '+fecha+' y son las '+hora+' horas'; 2.var situa=document.getElementById('capa0'); 3.situa.innerHTML=escribe; 4.reloj=setTimeout("actualiza()",frecuencia); } 5.

1.



14

PGINA DINMICAejemplo003.html ver fichero JavaScript document.getElementById.docx

var reloj=0; var frecuencia=5000;

function actualiza(){..

2. Recogida de la fecha y la hora en la variable escribe var escribe='Hoy es '+fecha+' y son las '+hora+' horas';

3. Guarda una referencia del elemento HTML identificado por capa0 en situaAl elemento o mtodo getElementByld se accede a travs del objeto document. var situa=document.getElementById('capa0');

4. innerHTML es una funcin capaz de cambiar el texto de un contenido HTMLsitua.innerHTML=escribe;

5. Llamo de forma recursiva a la funcin actualiza ()reloj=setTimeout("actualiza()",frecuencia); }

1. Acceso desde HTML a la funcin a travs de un id



15

PGINA DINMICAejemplo004.html y ejemplo005.htm ver fichero JavaScript document.getElementById.docxCada vez que un navegador lee un fichero html, genera interiormente lo que se conoce como el DOM (Document Object Model), que es bsicamente un rbol en el que est representada toda la informacin que contiene el documento: textos, enlaces, imgenes, formularios, etc. Podemos acceder a los distintos nodos del rbol DOM para observar sus propiedades o incluso para modificar algunas de ellas ocument.getElementById() . Adems, podremos aadir y cambiar o quitar eventos a dichos nodos, de forma que su comportamiento podra variar a lo largo de la visualizacin del documento, en funcin de las acciones del usuario. Se accede a un nodo es mediante su identificador, asignado en el fichero HTML

Identificando elementos (III)

Introduccin

var nodo=document.getElementById( "intro" )nodo.style.color='red'nodo.onmouseover=function() {

this.style.color='blue'}

PGINA DINMICA JavaScriptTEMA 01. INTRODUCCIN A PHP

16

PGINA DINMICAinnerhtml010.html innerhtml013.html innerhtml015.html innerhtml020.html

innerhtml sirve para insertar cdigo html en una pgina webExisten varias formas de insertar cdigo HTML en una pgina web utilizando Javascript. 1. La ms rudimentaria es utilizando el mtodo write del document.

document.write("Titular");2. Utilizar la propiedad .innerHTML sobre un elemento. Mediante la propiedad innerHTMLaccedemos al contenido de texto de un elemento.

Cada vez que aadimos un elemento se reescribirn todos los elementos li. Ya que son borrados y nuevamente creados.

ElementoElemento

var lista = document.getElementById("lista");lista.innerHTML += "Elemento";

PGINA DINMICA JavaScriptTEMA 01. INTRODUCCIN A PHP

innerhtml010.html

innerhtml013.html

innerhtml015.html

17

PGINA DINMICAinnerhtml010.html innerhtml013.html innerhtml015.html innerhtml020.html

innerhtml sirve para insertar cdigo html en una pgina webExisten varias formas de insertar cdigo HTML en una pgina web utilizando Javascript.3. El mtodo insertAdjacentHTML() nos permite insertar contenido HTML teniendo en cuenta los elementos HTML que existan. As podremos utilizar "beforebegin" o antes del elemento, "afterbegin" o al inicio del elemento, "beforeend" o al final del elemento y "afterend" o despus del elemento.

ElementoElemento

var lista = document.getElementById("lista");lista.insertAdjacentHTML("beforeend","Elemento");

18

DEFINICIN DE PGINAS ESTTICAS

Pginas estticas

Diremos que una pgina es esttica cuando sus contenidos no pueden ser modificados ni desde el servidor que la aloja (ordenador remoto) ni tampoco desde el cliente (navegador) mediante ninguna intervencin del usuario ni tampoco a travs de ningn programa.


19

PGINA ESTTICA EN PHPManual PHP http://php.net/manual/es

FECHA01.PHPEJECUCIN CON xampp

Directorio c:\xampp\htdocs\php_PRUEBASNavegador http://localhost/php_PRUEBAS/fecha01.php

\n Salto de lnea en PHP

1 EJECUCIN:Ahora: 2011-09-27 ****** Prxima Semana: 2011-10-04

2 EJECUCIN:Ahora: 2011-09-27 ****** Prxima Semana: 2011-10-04


20

DEFINICIN DE PGINAS DINMICAS

Pginas dinmicas

Llamaremos dinmicas a las pginas cuyos contenidos s pueden ser modificados de forma automtica o mediante la intervencin de un usuariobien sea desde el cliente y/o desde el servidor.

Para que esas modificaciones puedan producirse es necesario que algo o alguien especifique: qu, cmo, cundo, dnde y de qu forma deben realizarse, y que exista otro algo o alguien capaz de acceder, interpretar y ejecutar tales instrucciones en el momento preciso. Igual que ocurre en la vida cotidiana, las especificaciones y las instrucciones requieren: un lenguaje para definirlas; un soporte para almacenarlas y un intrprete capaz de ejecutarlas.


21

PGINAS DINMICAS EN PHP

FECHA02.PHP

1 EJECUCIN:Ahora: martes, 27 de septiembre del 2011. A las 19:42:16Prxima Semana: martes, 04 de octubre del 2011. A las 19:42:16

2 EJECUCIN:Ahora: martes, 27 de septiembre del 2011. A las 19:42:55Prxima Semana: martes, 04 de octubre del 2011. A las 19:42:55


22


FECHA02.PHP

%A nombre del da de la semana

%d el da del mes con dos dgitos

%B nombre del mes

%Y ao con 4 dgitos


23

PGINAS DINMICAS EN PHPFECHA08.PHP


24


1 EJECUCIN:$fecha= mktime(13,45,00,01,12,1978,1); El da 12/01/1978 12:45:00 era: jueves

2 EJECUCIN:$fecha= mktime(13,45,00,09,27,2012,1); El da 27/12/2011 12:45:00 era: martes Resultado inesperado


25

PGINAS DINMICAS EN PHPhttp://php.net/manual/es/function.mktime.php

$fecha= mktime(13,45,00,01,12,1978,1); El da 12/01/1978 12:45:00 era: jueves$fecha= mktime(13,45,00,01,12,1978,1);

H,MI, S, ME, D, A ,dtsint mktime (.) Devuelve la fecha Unix correspondiente a los argumentos dados. Esta marca de tiempo es un integer que contiene el nmero de segundos entre la poca Unix (1 de Enero del 1970 00:00:00 GMT) y el momento especificado.Este parmetro se puede establecer a 1 si el momento est durante el horario de verano (DST), 0 si no, o -1 (por defecto) si no se sabe si el momento est durante el horario de verano. Si no se sabe, PHP lo intentar calcular por s mismo. Puede producir un resultado inesperado.

$fecha2= date("w", $fecha);string date (.) Devuelve una cadena formateada segn el formato dado usando el parmetro de tipo integer.W Representacin numrica del da de la semana.

0 (para domingo) hasta 6 (para sbado)$fecha= mktime(13,45,00,09,27,2012,1); El da 27/12/2011 12:45:00 era: martes


26

VERIFICACIN DE LA VERSIN DE PHP CON LA QUE TRABAJAMOSManual php http://php.net/manual/es/

Para ver con que PHP trabajo lanzo desde el navegador http://localhost/info.php


27

SCRIPTSScripts

Se llama script a un conjunto de instrucciones escritas en un lenguaje determinado que van incrustadas dentro de una pgina WEB de modo que su intrprete pueda acceder a ellas en el momento en el que se requiera su ejecucin.

Cuando se incrustan scripts en una pgina WEB empiezan a convivir en un mismo documento informaciones destinadas a distintos intrpretes.

Por una parte, el cdigo HTML que ha de ser interpretado por el navegador, y por la otra, los scripts que han de ser ejecutados dependiendo del lenguaje en el que hayan sido escritos por su intrprete correspondiente.

La manera de diferenciar los contenidos es delimitar los scripts marcando su comienzo con una etiqueta de apertura y sealando el final con una etiqueta de cierre .

Para ello, dentro de la propia etiqueta de apertura () se inserta una referencia al tipo de lenguaje con esta sintaxis:language="nombre"


28

SCRIPTSScripts

PHP

............ instrucciones ........

--------------------------------------------------------------------------------------------

JAVASCRIPT

............ instrucciones ........


Si al ejecutarlo no funciona probar poniendo php, ya que depende del interprete de php usado

29

Lenguajes del lado del cliente y del servidorLenguajes del lado del cliente

Diremos que un lenguaje es del lado del cliente cuando el intrprete que ha de ejecutar sus scripts es accesible desde ste el cliente sin que sea necesario hacer ninguna peticin al servidor.

Seguramente te ha ocurrido alguna vez que al intentar acceder a una pgina web ha aparecido un mensaje diciendo que la correcta visualizacin de la pgina requiere un plug-in determinado, y que, a la vez, se te haya ofrecido la posibilidad de descargarlo en ese momento.

Eso ocurre porque cuando el navegador que en el caso de las pginas webes el cliente trata de interpretar la pgina, encuentra incrustado en ella algo(un fichero de sonido, una animacin Flash, etctera) que de forma muy similar a lo que ocurre con los scripts requiere un intrprete adecuado del que no dispone en ese momento.

Los usuarios tienen la posibilidad de visualizar el cdigo fuente de los scripts: De forma directa mirando el cdigo fuente de la pgina recibida O leyendo el contenido de ficheros externos vinculados a ella que son

bastante fciles de encontrar en la cach del navegador.


30

Lenguajes del lado del cliente y del servidorLenguajes del lado del servidor

Un lenguaje es del lado del servidor cuando la ejecucin de sus scripts se efecta, por instancia de este el servidor, antes de dar respuesta a la peticin, de manera que el cliente no recibe el documento original sino el resultante de esa interpretacin previa.

Cuando se usan estos tipos de lenguaje el cliente recibe un documento en el que cada script contenido en el original habr sido sustituido por los resultados de su ejecucin.

Los usuarios no tendrn la posibilidad de visualizar el cdigo fuente. La utilizacin de este tipo de scripts requiere que el intrprete del lenguaje

sea accesible desde el propio servidor.


31

Lenguajes del lado del cliente y del servidor

cmo sabe el servidor si son pginas estticas o dinmicas?

Si en la peticin se alude a un documento con extensin .htm o .html el servidor entender que esa pgina no requiere la intervencin previa de ningn intrprete de su lado y entregar la pgina tal cual.

Si en esa peticin se aludiera a una extensin distinta .php, por ejemplo el servidor entendera que antes de servir la pgina debe leerla y requerir al intrprete de PHP que ejecute los scripts desarrollados en ese lenguaje (en caso de que los tuviera) y devolvera al cliente el documento que resultarade las eventuales ejecuciones de tales scripts.


32

Lenguajes del lado del cliente y del servidorDel lado del cliente

DHTML Dynamic HTML HTML esttico + JavaScript + Hojas de Estilo JavaScript Oracle Java = Tipo de caf caliente de una cafetera cercana

Puede que cada navegador incluye su propio intrprete y es frecuente que los resultados de visualizacin sean algo distintos segn el navegador y la versin que se utilice.

Parece ser que las versiones ms recientes de los distintos navegadores se aproximan a un estndar ECMA Script-262 que ha sido desarrollado por la ECMA (Asociacin Europea de Normalizacin de Sistemas de Informacin y Comunicacin)

VBScript Visual Basic Script MicrosoftEs un lenguaje de script derivado de VisualBasic y diseado especficamente para los navegadores de Microsoft.


33

Lenguajes del lado del cliente y del servidorDel lado del servidor

PHP Hypertext Pre-processor o Personal Home Page Tools Publicado Bajo Licencia Libre

PHP requiere tener instalado y configurado: Un software de servidor configurado para interactuar con el intrprete de PHP que soporte el protocolo HTTP y que en nuestro caso ser el denominado servidor Apache.

El intrprete de PHP.

Un software de servidor de bases de datos capaz de ser gestionado mediante funciones propias de PHP.

ASP Active Server Pages Microsoft Perl Parbola de la Perla Inicialmente de Unisys JSP Java Server Pages Tecnologa Java de Sun Microsystems


tema 01. introducción a php_2013!

Documents