Curso de desarrollo de Portales Dinámicos con PHP/MySql

Transcripción

1 UNIVERSIDAD DE LOS ANDES FACULTAD DE HUMANIDADES Y EDUCACIÓN MAESTRÍA EN EDUCACIÓN, MENCIÓN INFORMÁTICA Y DISEÑO INSTRUCCIONAL ASIGNATURA: TEORÍA Y PRÁCTICA DEL DISEÑO INSTRUCCIONAL II Curso de desarrollo de Portales Dinámicos con PHP/MySql Participante: J. Hernán Ramírez R Facilitador: Hendry Luzardo Mérida, Septiembre 2008

2 Índice general 1. Descripción del curso Objetivo General Contenidos, estrategias y evaluación Bibliografía General Monografía de Compilación Introducción para publicación de contenidos en la Web Programación en (PHP) Gestor de base de datos MySql y (PHP) Guión del Curso PHP Título, Objetivo General y Elementos de Diseño del Software Diagrama de los Contenidos Conceptuales, Procedimentales y Actitudinales Especificación del Contenidos Diagramación de Pantallas Navegabilidad Evaluación de los Aprendizajes

3 1. Descripción del curso Internet constituye uno de los recursos tecnológicos mas destacados en los últimos tiempos. Contiene mecanismos de intercambio de información de acceso económico, fácil y casi desde cualquier parte del mundo. Estos contenidos publicados pueden ser estáticos o no. PHP como Lenguaje de programación especializado en el Web permite realizar contenidos en línea en forma dinámica, pudiendo rescatar datos almacenados en gestores como MySql para construir y mostrar la información a partir de la necesidad del requerimiento del sistema, incluso, muchas veces, a partir de la necesidad del usuario. El curso de Desarrollo de Portales Dinámicos con PHP/MySql pretende ser una guía teórico práctica para el proceso de desarrollo para Webmasters y público en general con estudios mínimos de segundo nivel con necesidades de generar páginas Web con alto contenido dinámico. Se requiere de conceptualización interpretación y creatividad, ya que la programación es exigente y necesita que el participante conozca los conceptos básicos de programación orientada a objetos, palabras reservadas; debe interpretar los procedimientos para que luego sea utilizado con creatividad en la resolución de problemas 2. Objetivo General Conocer las principales herramientas de programación para la elaboración de portales Web dinámicos 3

4 3. Contenidos, estrategias y evaluación Módulo: I Secciones 1, 2, 3,4 Objetivo Terminal: Definir como funciona y se estructura los programas realizados con PHP Sección Objetivos Evaluación Ponderación Contenidos Estrategias específicos Técnicas Instrumentos Puntos Ponderación Definir los protocolos de comunicación Protocolos de comunicación: http, https, Prueba selección Selección múltiple 5 1 basados en el web ftp, ssh, (CF) Definirr los lenguajes para publicación en el Web Definir que es un servidor web Enumerar las principales característica de seguridad para la publicación en el Web Lenguajes: html, javascript, css, dhml (CF) Servidores Web comerciales y GNU (CC) Funcionamiento de un Servidor Web (CC) Seguridad en el Web (CC) Organizador previo (Comparativo y expositivos) presentación del tema con hypertexto e imagenes Ilustraciones: descriptivas, construcciones, funcionales y algorítmicas (para mostrar páginas web dinámicas y estaticas publicadas y ver sus características) Lecturas (Necesarias para los protocolos y contenidos dinámicos) Lecturas (material de seguridad) Lecturas. (material de seguridad) Prueba selección Prueba selección Selección múltiple Selección múltiple Selección múltiple Selección múltiple Documentación: W3 (2008) World Wide Web Consortium (W3C) [Libro en línea] Consultado el 06 de septiembre de 2008 disponible en: Espina, E (2008) Seguridad en la Web [Libro en línea] Consultado el 06 de septiembre de 2008 disponible en: % 4

5 Módulo: II Secciones 1, 2, 3 Objetivo Terminal: Definir como funciona y se estructura los programas realizados con PHP Objetivos Evaluación Ponderación Sección Contenidos Estrategias específicos Técnicas Instrumentos Puntos Ponderación Estructura del Lenguaje (CC) Enseñanza Directa Identificar los componentes básicos de un programa en PHP Identificar los tipo de variables en PHP Enumerar las estructuras de decisión y repetición Características básicas (CC) Pasos para la elaboración tradicional programa Hola Mundo (CP) Variables, constantes, Programación Orientada a objetos (CC) Estructuras de decisión Repita mientras, repita para, repita hasta (CC) Pasos para la elaboración de bloques de decisión (CP) Introducción o o o Presentación del tema con hypertextos +imagenes (organizador Previo) Conectar los conocimientos previos con la nueva informaión (Conocimientos previso) Visión y relación del tema. Presentación o Explicación de conceptos y procedimientos por tema Práctica guiada: o Se analizan y resuelven problemas Práctica independiente o Aplicación del concepto y procedimiento por tema Prueba selección Prueba selección Prueba selección Selección múltiple 5 Selección múltiple 5 Selección múltiple 5 25% Documentación: 5

6 PHP (2008) Funciones de PHP [Libro en línea] Consultado el 06 de septiembre de 2008 disponible en: Módulo: III Secciones 1, 2, 3 Objetivo Terminal: Definir como funciona y se estructura el gestor de base de datos MySql Objetivos Evaluación Ponderación Sección Contenidos Estrategias específicos Técnicas Instrumentos Puntos Ponderación 6

7 1 2 3 Enunciar el lenguaje de programación SQL Identificar la estructura, tipos de datos y funcionamient o de una base de datos relacional Manejar algunas técnicas para la elaboración de consultas en una base de datos El lenguaje de programación SQL, palabras claves y estructura (CC) Conceptos básicos (Base de datos, tablas, registros y campos) (CC) Integridad referencial (CC) Tipos de datos (CC) Pasos para la creación de base de datos y tablas (CP) Pasos para elaboración de consultas con phpmyadmin (CP) Enseñanza Directa Introducción o Presentación del tema con hypertextos +imagenes (organizador Previo) o Conectar los conocimientos previos con la nueva informaión (Conocimientos previso) o Visión y relación del tema. Presentación o Explicación de conceptos y procedimientos por tema Práctica guiada: o Se analizan y resuelven problemas Práctica independiente o Aplicación del concepto y procedimiento por tema Prueba selección Prueba selección Prueba selección Selección múltiple 5 Selección múltiple 5 Selección múltiple 5 25% Documentación: MySql (2008) Manual de Regerencia MySql [Libro en línea] Consultado el 06 de septiembre de 2008 disponible en: 7

8 Módulo: IV Secciones 1, 2, 3 Objetivo Terminal: Agrupar los mecanismos de integración de MySql y PHP Objetivos Sección Contenidos Estrategias específicos Evaluación Ponderación Técnicas Instrumentos Puntos Ponderación 8

9 1 2 3 Efectuar conexiones a MySql desde PHP Diseñar consultas SQL entre tablas Realizar módulos de inserción, actualización y eliminación con condicionales Pasos para la conexión al servidor MySql desde PHP (CP) Pasos para la realización de consultas SQL entre tablas con PHP (CP) Pasos para la realización de inserciones, actualizaciones y eliminaciones en MySql con PHP Enseñanza Directa Introducción o Presentación del tema con hypertextos +imagenes (organizador Previo) o Conectar los conocimientos previos con la nueva informaión (Conocimientos previso) o Visión y relación del tema. Presentación o Explicación de conceptos y procedimientos por tema Práctica guiada: o Se analizan y resuelven problemas Práctica independiente o Aplicación del concepto y procedimiento por tema Prueba selección Prueba selección Prueba selección Selección múltiple 5 Selección múltiple 5 Selección múltiple 5 25% Documentación: MySql (2008) Manual de Regerencia MySql [Libro en línea] Consultado el 06 de septiembre de 2008 disponible en: PHP (2008) Funciones de PHP [Libro en línea] Consultado el 06 de septiembre de 2008 disponible en: 9

10 3.1. Bibliografía General MySql (2008) Manual de Regerencia MySql [Libro en línea] Consultado el 06 de septiembre de 2008 disponible en: PHP (2008) Manual de referencia de PHP [Libro en línea] Consultado el 06 de septiembre de 2008 disponible en: W3 (2008) World Wide Web Consortium (W3C) [Libro en línea] Consultado el 06 de septiembre de 2008 disponible en: Espina, E (2008) Seguridad en la Web [Libro en línea] Consultado el 06 de septiembre de 2008 disponible en: 10

11 4. Monografía de Compilación 4.1. Introducción para publicación de contenidos en la Web Trabajar con tecnología resulta apasionante, siempre esta en constante evolución y necesitamos actualizar nuestros conocimientos frecuentemente. Un ejemplo particular es Internet, desde sus inicios ha ido en constante desarrollo, desde solo mostrar un texto en una máquina remota hasta presentar espectaculares contenidos multimedia. Pero Como funciona? Como publicamos contenido? Internet funciona gracias a un grupo de servidores interconectados en red, que a través de un conjunto de reglas pueden comunicarse entre sí, a estas reglas de les llaman protocolos de comunicación, entre los que mas de destaca es el lenguaje (HTML) acrónimo ingles: HyperText Markup Language, lenguaje predominante para la construcción de páginas Web. Este Lenguaje permite estructurar contenidos de texto y imágenes vinculadas, así como también permite embeber trozos de otros lenguajes de programación interpretados como javascripts, (PHP), python y compilados como java, flash, etc. (Peralta, S. 2006) Protocolos de comunicación La comunicación de estos datos entre cliente y servidor se hace por medio un protocolo, concretamente del protocolo HTTP. Y que es un protocolo? Protocolo: conjunto de reglas que gobiernan el intercambio de datos entre entidades dentro de una red. Es el lenguaje común que utilizan los ordenadores para hablar y entenderse entre sí. Existen muchos tipos de protocolos cada uno con sus reglas bien definidas, como por ejemplo: FTP, POP3, SMTP, ICMP, etc. (Peralta, 2006) Protocolo (HTTP): Acrónimo de HyperText Transport Protocol (Protocolo de Transporte de Hipertexto). Protocolo para mover archivos de hipertexto a través 11

12 de Internet. No es permanente, es decir, cada operación HTTP implica una conexión con el servidor, que es liberada al término de la misma. Por ejemplo, un documento HTML con 10 imágenes son necesarias 11 conexiones distintas (10 imágenes más la página HTML en sí). Existe una variante de este protocolo (HTTPS) que permite conexiones seguras entre el cliente y el servidor. (Prieto, 2002) Protocolo (FTP): Acrónimo inglés (File Transfer Protocol), es un protocolo usado para transferir archivos a través de una amplia gama de sistemas. Se usa principalmente para subir o bajar archivos en Internet Lenguajes de programación para el Web El programa predilecto para publicación de páginas Web es (HTML), que se utilizó desde los inicios de de la era Web, a medida que la fue evolucionando Internet se embebieron en el (HTML) otros lenguajes tales como JavaScript, DHTML, PHP, Flash, VisualBasic Script, que han permitido la evolución de contenidos estáticos a dinámicos implementando aplicaciones con sonido, video, acceso a base de datos, etc Funcionamiento de un Servidor Web Un servidor Web es una máquina que provee servicios vía el protocolo http con archivos principalmente formados por hipertextos o páginas (HTML), textos complejos con enlaces, figuras, formularios, botones y objetos incrustados como animaciones o reproductores de sonidos. (Peralta, 2006) 12

13 Figura 1. Funcionamiento de un servidor Web, (Peralta, 2006) En la figura 1, notamos como es el funcionamiento de un servidor Web, en primer lugar el cliente a través del navegador solicita un recurso vía (HTTP) a través de un dominio o dirección (IP), luego a través de internet se produce la comunicación y el servidor devuelve al cliente la petición Seguridad en el Web Internet por ser un servicio mundial, es producto de consecuentes ataques en diferentes modalidades. Se debe tener en consideración algunos aspectos al momento de publicar en la Red Seguridad en la Red Para muchas aplicaciones de negocios, como la publicidad y promociones simples, es probable que no se necesite tratar con precauciones de seguridad. Pero si se permite que los usuarios tengan acceso a datos delicados, se deberán tomar medidas para proteger a los datos. Debido a que cada vez son más las personas que desean transferir documentos e información de tarjetas de crédito o cualquier tipo de transmisión de datos en forma segura y sin el temor a los crackers y piratas. Las medidas de seguridad básicas a tener en cuenta son: Cifrado de Datos Es una técnica para ocultar datos de manera que sólo puedan ser vistos por aquellos que deben verlos. Consiste en reemplazar un mensaje enviado con un algoritmo difícil de adivinar. Los servidores seguros tratan de cifrar los datos entre el cliente y el servidor. 13

14 En algún momento durante el ciclo de compras, después que los datos llegan al servidor seguro, el sistema debe descifrar los datos. Aun si los datos son descifrados sólo por un instante, la información podría ser interceptada por algún pirata. Crear un sistema en el que la información permanezca cifrada a lo largo del ciclo es prácticamente imposible. La configuración más segura es una que transmita la información al propietario de la empresa en formato cifrado, pase la información a una computadora que no esté en Internet y luego descifrado la información. Además si en una empresa se utiliza un mismo algoritmo para cifrar y descifrar datos, se necesitará que alguna tercera pieza de datos descifre el código, que seria una clave. Esto sólo funcionará si tanto la persona transmisora como la parte receptora conocen la clave. Si la persona receptora no conoce la clave, tiene que enviar la clave a esa parte, y está puede ser interceptada Firma digital Ofrece un método de cifrado de datos que evita tener que compartir claves para leer mensajes. Es la técnica llamada cifrado de clave pública, donde cada usuario tiene dos claves: una clave pública y una clave privada. Los algoritmos de cifrado y descifrado son adaptados de manera que sólo la clave pública puede descifrar los datos por la clave privada. Por consiguiente, puede transmitir con libertad la clave pública al mundo Recomendaciones Adicionales Nunca publique ni suministre datos personales en forma electrónica incluso telefónica: claves, número de tarjetas de crédito o débito, direcciones postales o 14

15 cualquier otra información personal, ya que puede ser utilizada un forma ilegal, pudiéndolo perjudicar. Las redes sociales tales como Facebook, Hi5m, etc., permiten compartir archivos en muchos formatos, en estos sitios no es recomendable colocar información, que también pueden ser utilizados por terceros muchas veces sin conocimientos de los autores. 15

16 4.2. Programación en (PHP) (PHP) es un acrónimo inglés que significa Personal Home Page Tools, es un lenguaje de programación interpretado, diseñado para la creación de páginas Web dinámicas, creado originalmente por Rasmus Lerdof en Es un lenguaje interpretado para el desarrollo Web y puede ser embebido dentro de código HTML. Generalmente se ejecuta en un servidor Web, tomando el código en PHP como su entrada y creando páginas Web como salida. Actualmente esta en su versión de 1 de mayo de 2008 y se encuentra en desarrollo la versión 6, esta últimas versiones han mejorado mucho la programación orientada a objetos. (Wikipedia, 2008) Antes de comenzar a utilizar (PHP), es necesario conocer la estructura básica de un documento (HTML), por ser la base fundamental en el desarrollo Estructura básica de (HTML) Este lenguaje de programación de caracteriza por tener etiquetas entre corchetes angulares (< >), cada elemento de etiqueta contiene una etiqueta de inicio (por ejemplo <nombre-de-la-etiqueta>) y una etiqueta de cierre (por ejemplo </nombrede-la-etiqueta>). Algunos elementos tales como <br> o <hr> no contienen un elemento de cierre. (Prieto A, 2002) Programa 2.1 Ejemplo de una estructura básica (HTML) <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html> <head> <meta content="text/html; charset=iso " http-equiv="content-type"> <title>ejemplo de estructura básica de página Web</title> </head> <body> Este es un ejemplo de estructura de página web para el curso de (PHP) y MySql </body> </html> En el código anterior notamos la en primera línea se coloca el estándar, tipo de documento, utilizado en la página; luego se tiene un conjunto de etiquetas que 16

17 denotan la página web (<html> </html>) el la cabecera (<head> </head>), el título (<title> </title>) y el cuerpo de la página (<body> </body>) Para crear este ejemplo es necesarios utilizar su editor de texto favorito, desde Windows se puede utilizar el bloc de notas. A manera de práctica copie el ejemplo de estructura básica html en un editor de texto y guárdelo como ejemplo.html; luego ábrelo en un navegador como FireFox o Internet Explorer. Notará que en la barra de título del navegador aparece el título de la página, en nuestro caso deberá decir "Ejemplo de estructura de página básica" con el texto ubicado entre las etiquetas del cuerpo de la página Instalación del programa en plataforma Windows y Linux Para poder realizar los programas y ejecutarlos es necesario instalar en su computadora un servidor local con apache, (PHP) y un gestor de base de datos como MySql o SqlLite. Instalación en Windows: En windows existe un programa llamado WAMP Server, lo pueden descargar en: este programa es un ejecutable que instalará todo lo necesarios para ejecutar los ejercicios propuestos en este taller. Siga el Wizard en detalle. Ejecute el programa, luego cargue su navegador y cargue la página o De manera predeterminada WAMP se instala en c:\wamp\www, ésta será su carpeta de trabajo. Instalación en Linux (Ububtu) En Ubuntu la instalación de debemos hacer con el comando aptitude. 17

18 Desde un terminal instalemos primero el servidor Web apache2 con el siguiente comando sudo aptitude install apache2 apache2.2-common apache2-utils ssl-cert Luego instalamos (PHP5) sudo apt-get install (PHP)5 libapache2-mod-(php)5 (PHP)5-common Para instalar MySql sudo aptitude install mysql-server mysql-client (PHP)5-mysql Por último instalamos (phpmyadmin para administrar las bases de datos desde el web sudo aptitude install install phpmyadmin Para correr el servidor php y MySql debemos ejecutar sudo /etc/init.d/apache2 start y sudo /etc/init.d/mysql start Nota: El directorio de trabajo predeterminado de apache2 en Ubuntu es /var/www Para probar el servidor: Dependiendo del sistema operativo que este utilizando, son su editor de texto favorito cree el cree el siguiente programa 2.1. Programa 2.1. Ejemplo para prueba de servidor. echo "Hola mundo"; 18

19 Guárdelo como prueba.(php) según sea su sistema operativo en: Linux /var/www, Window c:\wamp\wamp Luego desde su navegador cargue: Si todo funciona bien, en su navegador deberá ejecutar ver el famoso: Hola mundo. 19

20 2.2. Programación con (PHP) Funcionamiento de (PHP) El código (PHP) interpretado, produce un resultado que es enviado al navegador del visitante en forma de HTML, imagen, documento.doc. de ninguna manera el navegador del visitante accede al código fuente en (PHP) sino solo a su resultado en HTML. En la figura 2.1. Funcionamiento de (PHP), El navegador pide un documento al servidor, en el caso que este documento sea un archivo (PHP), el archivo es interpretado y se envía su resultado al navegador. Figura 2.1. Funcionamiento de (PHP) (Peralta, 2006) (PHP) presenta las siguientes ventajas y desventajas (Wikipedia, 2008) Ventajas Es un lenguaje multiplataforma. Capacidad de conexión con la mayoría de los manejadores de base de datos que se utilizan en la actualidad, destaca su conectividad con MySQL 20

21 Capacidad de expandir su potencial utilizando la enorme cantidad de módulos (llamados ext's o extensiones). Posee una amplia documentación en su página oficial entre la cual se destaca que todas las funciones del sistema están explicadas y ejemplificadas en un único archivo de ayuda. Es libre, por lo que se presenta como una alternativa de fácil acceso para todos. Permite las técnicas de Programación Orientada a Objetos. Biblioteca nativa de funciones sumamente amplia e incluida. No requiere definición de tipos de variables. Tiene manejo de excepciones (desde (PHP5) Desventajas No posee una abstracción de base de datos estándar, sino bibliotecas especializadas para cada motor (a veces más de una para el mismo motor). No posee adecuado manejo de internacionalización, unicode, etc. Por su diseño dinámico no puede ser compilado y es muy difícil de optimizar. Por sus características favorece la creación de código desordenado y complejo de mantener Como se escribe un programa en (PHP) Hay cuatro conjuntos de etiquetas que pueden ser usadas para denotar bloques de código (PHP).... <script language="(php)">...</script>... <% %> 21

22 La mas utilizada y la recomendada en este taller será: en el programa 2.1. notamos como se inserta un código (PHP) con las etiquetas mas utilizadas, dentro de una estructura básica en HTML, cabe destacar que esto solo funcionará en un servidor web con soporte (PHP), y debe guardarse con la extensión.php Programa 2.2. Ejemplo es el tradicional programa Hola mundo en (PHP) <html> <head> <title>ejemplo de (PHP) - Hola mundo</title> </head> <body> Parte de HTML normal. <BR><BR> echo "Hola mundo<br>"; </body> </html> Comentarios: (PHP) soporta el estilo de comentarios de 'C', 'C++' y de la interfaz de comandos de Unix. (PHP, 2008) Programa 2.3. Ejemplos de comentarios con (PHP) echo "Esto es una prueba";//comentario tipo C++ /* Este es un comentario multilinea*/ echo "Esto es otra prueba"; echo "Fin de la Prueba"; # comentario tipo shell Para garantizar que los programas tengan un correcto uso de los comentarios no se recomienda realizar comentarios entre comentarios. (Ver programa 2.4.) Programa 2.4. Ejemplos de comentarios no recomendables con (PHP) 22

23 /* echo "Prueba"; /* este comentario puede causar problemas*/ */ Variables y Constantes Variables (PHP) soporta ocho tipos primitivos de variables. Cuatro tipos escalares: boolean (verdadero o falso, ) integer float (número de punto flotante, también conocido como double) string (cadena de caracteres) Dos tipos compuestos: arreglos object Y finalmente dos tipos especiales: resource NULL Programa 2.5. Ejemplo de declaración de variables //Declaración de variables $cadena = " Hola "; $nro = 2.2; Constantes 23

24 Una constante es un identificador para expresar un valor simple. Como el nombre sugiere, este valor no puede variar durante la ejecución del script. Una constante es sensible a mayúsculas por defecto. Por convención, los identificadores de constantes suelen declararse en mayúsculas. (Ver programa 2.6) Programa 2.6. Declaración de constantes define("constant", "Hello world."); echo CONSTANT; // Genera la Salida "Hello world." echo Constant; // Genera la notificacion "Constant" and issues a notice Operadores: Operadores Aritméticos Tabla 2.1. Operadores Aritméticos Ejemplo Nombre Resultado -$a Negación El opuesto de $a. $a + $b Adición Suma de $a y $b. $a - $b Substracción Diferencia entre $a y $b. $a * $b Multiplicación Producto de $a y $b. $a / $b División Cociente de $a y $b. $a % $b Módulo Resto de $a dividido por $b Operadores de Asignación 24

25 El operador básico de asignación es "=". A primera vista, usted podría pensar en él como "es igual a". No lo haga. Lo que quiere decir en realidad es que el operando de la izquierda recibe el valor de la expresión a la derecha (es decir, "se define a"). El valor de una expresión de asignación es el valor que se asigna. Es decir, el valor de "$a = 3" es 3. Esto le permite hacer una que otra cosa curiosa: Programa 2.8. Asignación de valora a variables $a = ($b = 4) + 5; // $a es igual a 9 ahora, y $b ha sido definido a 4. En conjunto con el operador básico de asignación, existen "operadores combinados" para todos los operadores de aritmética binaria, unión de matrices y de cadenas, que le permiten usar un valor en una expresión y luego definir su valor como el resultado de esa expresión. Por ejemplo: Programa 2.8. Asignación con operadores combinados. $a = 3; $a += 5; // define $a como 8, como si hubiésemos dicho: $a = $a + 5; $b = " Hola "; $b.="a todos!"; // define $b como " Hola a todos!", tal como $b = $b. "a todos!"; Operadores Bit a Bit Tabla 2.2. Operadores Bit a Bit 25

26 Ejemplo Nombre Resultado $a & $b Y $a $b O $a ^ $b ~ $a No O exclusivo (Xor) $a << $b Desplazamient o a izquierda $a >> $b Desplazamient o a derecha Los bits que están activos tanto en $a como en $b son activados. Los bits que están activos ya sea en $a o en $b son activados. Los bits que estén activos en $a o $b, pero no en ambos, son activados. Los bits que estén activos en $a son desactivados, y vice-versa. Desplaza los bits de $a, $b pasos a la izquierda (cada paso quiere decir "multiplicar por dos") Desplaza los bits de $a, $b pasos a la derecha (cada paso quiere decir "dividir por dos") Operadores de Comparación Los operadores de comparación, como su nombre indica, le permiten comparar dos valores. Puede que también se encuentre interesado en consultar las tablas de comparación de tipos, ya que éstas muestran ejemplos de varios tipos de comparaciones relacionadas con tipos. Ejempl o $a == $b Igual Nombre Tabla 2.3. Operadores de Comparación TRUE si $a es igual a $b. Resultado $a === $b Idéntico TRUE si $a es igual a $b, y son del mismo tipo. (A partir de (PHP) 4) $a!= $b Diferente TRUE si $a no es igual a $b. $a <> $b Diferente TRUE si $a no es igual a $b. $a!== No idénticos TRUE si $a no es igual a $b, o si no son del mismo tipo. (A partir de 26

27 Ejempl o Nombre Resultado $b (PHP) 4) $a < $b Menor que TRUE si $a es estrictamente menor que $b. $a > $b Mayor que TRUE si $a es estrictamente mayor que $b. $a <= $b $a >= $b Menor o igual que Mayor o igual que TRUE si $a es menor o igual que $b. TRUE si $a es mayor o igual que $b. Si compara un entero con una cadena, la cadena es convertida a un número. Si compara dos cadenas numéricas, ellas son comparadas como enteros. Estas reglas también se aplican a la sentencia switch. Programa 2.9. Ejemplo de comparaciones var_dump(0 == "a"); // 0 == 0 -> true var_dump("1" == "01"); // 1 == 1 -> true var_dump("1" == "1e0"); // 1 == 1 -> true switch ("a") { case 0: echo"0"; break; case "a":// nunca se ejecuta ya que "a" ya ha coincidido con 0 echo "a"; break; Para varios tipos, la comparación se realiza de acuerdo con la siguiente tabla (en orden). Tipo del Operando 1 null o string string Tabla 2.4. Comparación con Varios Tipos Tipo del Operando 2 Resultado Convertir NULL a "", comparación numérica o de léxico bool o null cualquiera Convertir a bool, FALSE < TRUE object object Las clases internas pueden definir su propia 27

28 Tipo del Operando 1 Tipo del Operando 2 Resultado comparación, clases diferentes son incomparables, la misma clase - comparan propiedades en la misma forma que las matrices (PHP4), (PHP5) tiene su propia explicación string, resource o number array string, resource o number array array cualquiera array es siempre mayor object cualquiera object es siempre mayor Traducir las cadenas y recursos a números, matemática usual Una matriz con menos elementos es menor, si una clave del operando 1 no se encuentra en el operando 2 entonces las matrices son incomparables, de otra forma - comparar valor por valor (vea el siguiente ejemplo) Operadores de Incremento/Decremento (PHP) ofrece soporte de operadores de pre- y post-incremento y decremento, estilo-c. Ejempl o ++$a $a++ --$a $a-- Tabla 2.5 Operadores de Incremento/decremento Nombre Pre-incremento Postincremento Predecremento Postdecremento Efecto Incrementa $a en uno, y luego devuelve $a. Devuelve $a, y luego incrementa $a en uno. Decrementa $a en uno, luego devuelve $a. Devuelve $a, luego decrementa $a en uno. 28

29 Programa 2.10 Ejemplo para el uso de operadores de incremento y decremento echo "<h3>postincremento</h3>"; $a = 5; echo "Debe ser 5: ". $a++. "<br />\n"; echo "Debe ser 6: ". $a. "<br />\n"; echo "<h3>preincremento</h3>"; $a = 5; echo "Debe ser 6: ". ++$a. "<br />\n"; echo "Debe ser 6: ". $a. "<br />\n"; echo "<h3>postdecremento</h3>"; $a = 5; echo "Debe ser 5: ". $a--. "<br />\n"; echo "Debe ser 4: ". $a. "<br />\n"; echo "<h3>predecremento</h3>"; $a = 5; echo "Debe ser 4: ". --$a. "<br />\n"; echo "Debe ser 4: ". $a. "<br />\n"; Operadores Lógicos Table 2.6. Operadores Lógicos Ejemplo Nombre Resultado $a and $b Y TRUE si tanto $a como $b son TRUE. $a or $b O $a xor $b O exclusivo (Xor) TRUE si cualquiera de $a o $b es TRUE. TRUE si $a o $b es TRUE, pero no ambos.! $a No TRUE si $a no es TRUE. $a && $b Y TRUE si tanto $a como $b son TRUE. $a $b O TRUE si cualquiera de $a o $b es TRUE Operadores de Cadena 29

30 Existen dos operadores para datos tipo string. El primero es el operador de concatenación ('.'), el cual devuelve el resultado de concatenar sus argumentas a lado derecho e izquierdo. El segundo es el operador de asignación sobre concatenación ('.='), el cual adiciona el argumento del lado derecho al argumento en el lado izquierdo. Por favor consulte Operadores de Asignación para más información. Programa Ejemplo de operadores de concatenación. $a = " Hola "; $b = $a. "Mundo!"; // ahora $b contiene " Hola Mundo!" $a = " Hola "; $a.= "Mundo!"; // ahora $a contiene " Hola Mundo!" Funciones definidas por el usuario Una función se puede definir con la siguiente sintaxis: Programa Ejemplo Psuedo código para demostrar el uso de funciones function foo ($arg_1, $arg_2,..., $arg_n) { echo "Función de ejemplo.\n"; return $retval; Cualquier instrucción válida de (PHP) puede aparecer en el cuerpo de la función, incluso otras funiones y definiciones de clases. En (PHP)3, las funciones deben definirse antes de que se haga referencia. En (PHP)4 no existe estel requerimiento. Excepto cuando una función es definida condicionalmente como en el ejemplo Cuando una función es definida condicionalmente como se puede ver en estos dos ejemplos, su definición debe ser procesada antes que sea llamada. 30

31 Programa Ejemplo de Funciones Condicionales $makefoo = true; /* No podemos llamar la función foo() desde aquí pues no existe, pero podemos llamar bar() */ bar(); if ($makefoo) { function foo () { echo "Esta funcion no existe hata que el programa la ejecute.\n"; /* Ahora podemos llamar a la funcion foo() desde $makefoo cuando se evalua como true */ if ($makefoo) foo(); function bar() { echo "Existo después que el programa arranca.\n"; Programa Funciones dentro de funciones function foo() { function bar() { echo "No existe hasta que foo() sea llamado.\n"; /* No se puede llamar a bar desde aqui */ foo(); /* ahora si se puede llamar bar() */ bar(); 31

32 Parámetros por defecto Una función puede definir valores por defecto para los parámetros escalares estilo C++: Programa 2.15 Uso de parámetros por defecto en funciones function hacer_cafe ($type = "cappucino") { return "Hacer una taza de $type.\n"; echo hacer_cafe ("cappucino"); echo hacer_cafe ("espresso"); La salida del fragmento anterior es: Hacer una taza de cappucino. Hacer una taza de espresso Devolviendo valores Los valores se retornan usando la instrucción opcional return. Puede devolverse cualquier tipo de valor, incluyendo listas y objetos. function square ($num) { return $num * $num; echo square (4); // devuelve '16'. Programa 2.16 Uso de return() No puedes devolver múltiples valores desde una función, pero un efecto similar se puede conseguir devolviendo una lista. Programa 2.17 Retornando una matriz para obtener múltiples valores 32

33 function small_numbers() { return array (0, 1, 2); list ($zero, $one, $two) = small_numbers(); Para retornar una referencia desde una función, se tiene que usar el operador de referencias (&) tanto en la declaración de la función como en la asignación del valor de retorno a una variable. Programa Retornando una referencia desde una función function &returns_reference() { return $someref; $newref =& returns_reference(); Estructuras de control En lenguajes de programación, las estructuras de control permiten modificar el flujo de ejecución de las instrucciones de un programa (Wikipedia, 2008). Con las estructuras de control se puede: De acuerdo a una condición, ejecutar un grupo u otro de sentencias (Sientonces-de lo contrario y En caso de) Ejecutar un grupo de sentencias mientras exista una condición (Repita mientras) Ejecutar un grupo de sentencias hasta que exista una condición (Repita hasta) Ejecutar un grupo de sentencias un número determinado de veces (Repita hasta) 33

34 Sentencia if La construcción if es una de las más importantes características de muchos lenguajes, incluido (PHP). Permite la ejecución condicional de fragmentos de código. Programa 2.19 Estructura básica de sentencia if if(expr) sentencia Como se describe en la sección sobre expresiones, expr se evalúa a su valor condicional (booleano). Si expr se evalúa como TRUE, (PHP) ejecutará la sentencia, y si se evalúa como FALSE, la ignorará. El programa 2.20 mostraría a es mayor que b si $a fuera mayor que $b: Programa 2.20 Ejemplo de sentencia if if ($a > $b) print "a es mayor que b"; A menudo, se desea tener más de una sentencia ejecutada de forma condicional. Por supuesto, no hay necesidad de encerrar cada sentencia con una cláusula if. En vez de eso, se pueden agrupar varias sentencias en un grupo de sentencias. El programa 2.21 mostraría a es mayor que b si $a fuera mayor que $b, y entonces asignaría el valor de $a a $b: Programa 2.21 Ejemplo sentencia if con mas de una sentencia 34

35 if ($a > $b) { print "a es mayor que b"; $b = $a; Las sentencias if se pueden anidar indefinidamente dentro de otras sentencias if, lo cual proporciona una flexibilidad completa para ejecuciones condicionales en las diferentes partes de tu programa Sentencia if.. else Una vez evaluada una condición y ésta no se cumple utilizamos esta sentencia para indicarle al programa que realice otra tarea. En el programa 2.22, mostraría a es mayor que b si $a fuera mayor que $b, y a NO es mayor que b en cualquier otro caso: Programa 2.22 Ejemplo sentencia if con else if ($a > $b) { print "a es mayor que b"; else { print "a NO es mayor que b"; Sentencia if.. elseif elseif, es una combinación de if y else. Se utiliza para evaluar múltiples condiciones, en el programa 2.23 se muestra en detalle un bloque if.. elseif Programa 2.23 Ejemplo sentencia if con elseif if ($a > $b) { print "a es mayor que b"; elseif ($a == $b) { print "a es igual que b"; 35

36 else { print "a es mayor que b"; Puede haber varios elseifs dentro de la misma sentencia if. La primera expresión elseif (si hay alguna) que se evalúe como TRUE se ejecutaría Sentencia while El significado de una sentencia while es simple. Ejecuta la(s) sentencia(s) anidada(s) repetidamente, mientras la expresión condicional sean válida. El valor condicional es comprobado cada vez al principio del bucle, así que incluso si este valor cambia durante la ejecución de la(s) sentencia(s) anidada(s), la ejecución no parará hasta el fin de la iteración. Programa 2.24 ejemplo con la sentecia while /* ejemplo 1 */ $i = 1; while ($i <= 10) { print $i++; /* el valor impreso seria $i antes del incremento (post-incremento) */ /* ejemplo 2 */ $i = 1; while ($i <= 10): print $i; $i++; endwhile; Sentencia do..while Los bucles do..while son muy similares a los bucles while, excepto que las condiciones se comprueban al final de cada iteración en vez de al principio. La 36

37 principal diferencia frente a los bucles regulares while es que se garantiza la ejecución de la primera iteración de un bucle do..while (la condición se comprueba sólo al final de la iteración), mientras que puede no ser necesariamente ejecutada con un bucle while regular (la condición se comprueba al principio de cada iteración, si esta se evalúa como FALSE desde el principio la ejecución del bucle finalizará inmediatamente). Programa 2.25 Ejemplo do.. while $i = 0; do { print $i; while ($i>0); El bucle del programa 2.25 se ejecutaría exactamente una sola vez, después de la primera iteración, cuando la condición se comprueba, se evalúa como FALSE ($i no es más grande que 0) y la ejecución del bucle finaliza Sentencia for Es unas de las estructuras de control más complejas en (PHP), se utiliza para repetir un conjunto de instrucciones un número determinado de veces. Programa 2.26 Ejemplo sentencia for. /* ejemplo 1 */ for ($i = 1; $i <= 10; $i++) { print $i; /* ejemplo 2 */ for ($i = 1; $i <= 10; print $i, $i++) ; Sentencia foreach 37

38 foreach funciona solamente con vectores y devolverá un error si se intenta utilizar con otro tipo de datos ó variables no inicializadas. foreach(expresion_array as $value) sentencia foreach(expresion_array as $key => $value) sentencia La primera forma recorre el array dado por expresion_array. En cada iteración, el valor del elemento actual se asigna a $value y el puntero interno del array se avanza en una unidad (así en el siguiente paso, se estará mirando el elemento siguiente). La segunda manera hace lo mismo, salvo que la clave del elemento actual será asignada a la variable $key en cada iteración. Cuando foreach comienza su primera ejecución, el puntero interno a la matriz se reinicia automáticamente al primer elemento de la matriz. Esto significa que no se necesita llamar a reset() antes de un bucle foreach. Programa 2.27 ejemplo sentencia foreach $arr = array("one", "two", "three"); reset ($arr); while (list(, $value) = each ($arr)) { echo "Value: $value<br>\n"; foreach ($arr as $value) { echo "Value: $value<br>\n"; Programa 2.28 similitudes entre sentencia while y foreach 38

39 reset( $arr ); while( list( $key, $value ) = each( $arr ) ) { echo "Key: $key; Valor: $value<br>\n"; foreach( $arr as $key => $value ) { echo "Key: $key; Valor: $value<br>\n"; Sentencia break break escapa de la estructuras de control actual tales como for, while, o switch. Programa 2.29 Ejemplo uso de la sentencia break $arr = array ('one', 'two', 'three', 'four', 'stop', 'five'); while (list (, $val) = each ($arr)) { if ($val == 'stop') { break; echo "$val<br>\n"; /* Usando argumentos adicionales. */ $i = 0; while (++$i) { switch ($i) { case 5: echo "Al 5; saliendo<br>\n"; break 1; case 10: echo "Al 10; saliendo<br>\n"; break 2; default: break; Sentencia continue continue se usa dentro de la estructura del bucle para saltar el resto de la iteración actual del bucle y continuar la ejecución al comienzo de la siguiente iteración. Programa 2.30 Ejemplo uso de la sentencia continue while (list ($key, $value) = each ($arr)) { if (!($key % 2)) { continue; 39

40 Sentencia Switch La sentencia switch es similar a una serie de sentencias IF en la misma expresión. En muchas ocasiones, se quiere comparar la misma variable (o expresión) con nuchos valores diferentes, y ejecutar una parte de código distinta dependiendo de a qué valor es igual. Para ello sirve la sentencia switch. Programa 2.31 Ejemplo del uso de la sentencia Switch if ($i == 0) { print "i equals 0"; elseif ($i == 1) { print "i equals 1"; elseif ($i == 2) { print "i equals 2"; switch ($i) { case 0: print "i equals 0"; break; case 1: print "i equals 1"; break; case 2: print "i equals 2"; break; Un caso especial es el default case". Este "case" coincide con todo lo que no coincidan los otros case. Programa 2.32 Ejemplo sentencia case - default switch ($i) { case 0: print "i es igual a 0"; break; case 1: print "i es igual a 1"; break; case 2: print "i es igual a 2"; break; default: print "i no es igual a 0, 1 o 2"; 40

41 4.3. Gestor de base de datos MySql y (PHP) 3.1. Base de datos. Las base de datos son ampliamente usadas por empresas, instituciones, incluso se utilizan a nivel personal; se requiere de un sistema de gestión de base de datos (SGBS), que permiten organizar y manejar la información en forma mas eficiente para eliminar la redundancia o al menos reducirla. Entre otros (SGBD) tenemos Mysql, PostgreSQL, Microsoft SQL Server, Microsoft Access, etc. Básicamente el (SGBS) almacena los datos en tablas, cada una de las cuales esta formada por filas (oregistros) y estas a su ves estan formadas por columnas (o campos). El proceso acceso a los (SGBD) se realiza mediante (SQL) acrónimo inglés (Structured Query Language) (Gutiérrez A & Bravo, G. 2005) Para poder acceder al (SGBD) se requiere un nombre de usuario y contraseña. Dependiendo de los privilegios que tenga el usuario, éste podrá crear y eliminar base de datos así como realizar actualizaciones de las tablas y los registros almacenados. 3.2 Creación de una base de datos: Para crear una base de datos, debemos accede a mysql a través de de su servidor local. Asegúrese que el servidor Web y MySql se estén ejecutando. Las base de datos se pueden crear desde phpmyadmin cargue la página 41

42 Figura 3.1. Interfaz phpmyadmin Cree una base de datos, en nuestro caso se creará la base de datos pruebas Figura 3.2 Creación de base de datos Después que la base de datos de crea procedemos a realizar las tablas, este procedimiento se puede realizar de diferentes maneras. Una de estas formas es crear un script sql para crear la estructura de la base de datos. Para crear una base de datos se requiere planificar si estructura, como ejemplo tomaremos una agenda telefónica. Que estará computa por 2 tablas: 1. Personas 42

43 1. persona_id 2. Nombre 2. Teléfonos 1. telefono_id 2. persona_id 3. tipo 4. nro_telefono El modelo de identidad relación quedaría como se muestra en la figura 3.X Figura 3.2 Modelo de entidad relación tablas agendas Una vez que se tengan las tablas se genera el código (SQL) Ahora desde su editor favorito, genere el programa

44 Programa 3.1. Script sql para creación de tablas para la agenda CREATE TABLE personas ( persona_id INTEGER UNSIGNED NOT NULL AUTO_INCREMENT, nombre VARCHAR(50) NULL, PRIMARY KEY(persona_id) ) TYPE=InnoDB; CREATE TABLE telefonos ( telefono_id INTEGER UNSIGNED NOT NULL AUTO_INCREMENT, persona_id INTEGER UNSIGNED NOT NULL, tipo VARCHAR(20) NULL, nro_telefono VARCHAR(20) NULL, PRIMARY KEY(telefono_id), FOREIGN KEY(persona_id) REFERENCES pesonas(pesona_id) ON DELETE CASCADE ON UPDATE CASCADE ) TYPE=InnoDB; El programa 3.1 genera 2 tablas, personas y teléfonos. Cada una de las tablas tiene un campo identificado con el sufijo _id, estos campos claves sin únicos y identifican a cada registro en forma inequívoca, además estos campos sin auto incrementables. La tabla teléfonos esta relacionada con la tabla personas a través del campo personas_id. No se hará una descripción exhaustiva de la sentencia (SQL) create table, ya que el taller tratará la información básica para el manejo de una base de datos sencilla. Para mas detalles visita la página y consulte el manual de creación de tablas y su respectivos campos, allí podrá profundizar mucho mas. Una vez que tenga la estructura de la base de datos impórtela a la base de datos prueba desde phpmyadmin 44

45 Figura 3.4. Importación de datos a través de phpmyadmin Mecanismos de integración de MySql y (PHP) Una vez que tenemos la base de datos generada realizaremos los script necesarios para administrarla desde php. Conexión a la base de datos Para conectarse a una base de datos desde php es necesario disponer de un nombre de usuario, contraseña y nombre del servidor de la base de datos. En nuestro caso utilizaremos un servidor local; el siguiente ejemplo se estable una conexión a la base de datos con php. Programa 3.2 Conexión a una base de datos MySql con PHP $link = mysql_connect('localhost', 'root', ''); if (!$link) { die('no hubo conexión: '. mysql_error()); echo 'Se realizó la conexión'; mysql_close($link); 45

46 Programa 3.3 Conexión a una base de datos MySql seleccionando base de datos con PHP <? // Ejemplo mas genérico para conexión a una base de datos $hostname="localhost"; $mysql_login="root"; $mysql_password=""; $database="agenda"; // Conectar al servidor if (!($db = mysql_pconnect($hostname, $mysql_login, $mysql_password))){ die("se hubo conexión con el servidor."); else{ // Selecciona la base de datos if (!(mysql_select_db("$database",$db))){ die("no hubo conexión con la base de datos."); El programa 3.3 se puede guardar en un archivo que podemos llamar conexión.php, ya que se utilizará con mucha frecuencia. En el programa 3.4 utilizaremos el programa conexión.php desde un include. Mostrar registros de una tabla Luego que se tenga la conexión a la base de datos podemos ejecutar sentencias SQL con el comando mysql_query() el siguiente ejemplo realiza una consulta a la base de datos agenda, tabla personas e imprime los resultados Programa 3.4 Conexión a una base de datos MySql seleccionando base de datos con PHP <? // Incluimos el programa 3.3 conexión.php include("includes/connect.php"); // Realizar la selección de registros $resultado = mysql_query("select nombre from personas"); // con mysql_fetch_array() trasladamos los resultados a un arreglo while($agenda = mysql_fetch_array($resultado)){ echo $agenda[ nombre ]."<br>\n"; 46

47 // Cerrar la conexión de la base de datos mysql_close(); Inserción de registro Programa 3.5 Inserción de registros en MySql con PHP <? // Incluimos el programa 3.3 conexión.php include("includes/connect.php"); // Realizar $result = mysql_query('insert INTO agenda(nombre) values ( Pacp )'); if (!$result) { die('error al insertar: '. mysql_error()); else { echo 'Se inserto correctamente '; // Cerrar la conexión de la base de datos mysql_close(); 47

48 5. Guión del Curso PHP 5.1 Título, Objetivo General y Elementos de Diseño del Software Título del Software: Curso de Desarrollo de Portales Dinámicos con PHP/MySql Objetivo General: Conocer las principales herramientas de programación de programación para la elaboración de portales web dinámicos. Gráficos asociados al diseño de las pantallas: Iconos de carpetas, fondos Descripción del fondo: Se utilizará fondo blanco en cada uno de las ventanas asociadas Títulos Sub Títulos Menú Resumen Esquema de color: Fondo de Titulo principal azul oscuro #7F99BE Fondo de Titulo principal azul claro #8f9ce7 48

49 Tipos de Fuente, estilo, tamaño, color y efectos: Título de la ventana: 'lucida grande',tahoma,arial,sans-serif, 14, #ffffff, bold Título: 'lucida grande',tahoma,arial,sans-serif, 14, #ffffff, bold Subtítulos: 'lucida grande',tahoma,arial,sans-serif, 12, #cccccc, bold Párrafos: 'lucida grande',tahoma,arial,sans-serif, 11, #cccccc Resolución de la pantalla: Mínima 800x600 máxima 1024x768 Observaciones adicionales: El software estará en línea, se requiere que el servidor tenga soporte de php y mysql y los clientes deben poseer el reproductor de películas FLASH El programa debe manejar sesiones de usuarios, cada usuario debe tener un login y password para poder acceder. 49

50 5.2. Diagrama de los Contenidos Conceptuales, Procedimentales y Actitudinales Módulo I Módulo II Módulo III Introducción a publicación de contenidos Web El lenguaje de programación PHP Integración PHP/MySql C: protocolos de comunicación: http, ftp, ssh A: Análisis y reflexión del uso de los protocolos de comunicación C: Servidores Web P: Publicar una página en el servidor Secciones C: Estructura del Lenguaje C: Características básicas P: Elaborar el tradicional programa Hola Mundo C: Variables, constantes, P: casos prácticos C: Conceptos básicos (Base de datos, tablas, registros y campos) C: Tipos de datos 03 A: Valorar el potencial de los servidores C: Seguridad en el Web A: Demostrar interés en la aplicación de la seguridad en línea C: Estructuras de repetición, estructuras de control, P: casos prácticos C: Integridad referencial C: Comandos lenguaje SQL P: Práctica de consultas SQL P: Creación de base de datos y tablas en un servidor MySql P: Conexión a una base de datos 50

51 07 08 P: Consultas, inserciones, modificaciones, eliminaciones P: Consultas Multitablas 51

52 5.3. Especificación del Contenidos Módulo: I Nº de Secciones: 1, 2, 3, 4 Objetivo(s) Terminal(es): Enunciar los recursos necesarios para la publicación de contenidos dinámicos en el Web Objetivo(s) Específico(s): Identificar las los protocolos de comunicación basados en el Web Enumerar los lenguajes para publicar en el Web Definir que es un servidor Web y su funcionamiento Enumerar las principales características de seguridad para la publicación en el Web Secci Ítem Contenido ón nº 1 1 Introducción para publicación de contenidos en la Web Trabajar con tecnología resulta apasionante, siempre esta en constante evolución y necesitamos actualizar nuestros conocimientos frecuentemente. Un ejemplo particular es Internet, desde sus inicios ha ido en constante desarrollo, desde solo mostrar un texto en una máquina remota hasta presentar espectaculares contenidos multimedia. Pero Como funciona? Como publicamos contenido? Internet funciona gracias a un grupos de servidores interconectados en red, que a través de un conjunto de reglas pueden comunicarse entre sí, a estas reglas de les llaman protocolos de comunicación, entre los que mas de destaca es el lenguaje (HTML) acrónimo ingles: HyperText Markup Language, lenguaje predominante para la construcción de páginas Web. Este Lenguaje permite estructurar contenidos de texto y imágenes vinculadas, así como también permite embeber trozos de otros lenguajes de programación interpretados como javascripts, (PHP), python y compilados como 52

53 java, flash, etc. (Peralta, S. 2006) 2 Protocolos de comunicación La comunicación de estos datos entre cliente y servidor se hace por medio un protocolo, concretamente del protocolo HTTP. Y que es un protocolo? Protocolo: conjunto de reglas que gobiernan el intercambio de datos entre entidades dentro de una red. Es el lenguaje común que utilizan los ordenadores para hablar y entenderse entre sí. Existen muchos tipos de protocolos cada uno con sus reglas bien definidas, como por ejemplo: FTP, POP3, SMTP, ICMP, etc. (Peralta, 2006) Protocolo (HTTP): Acrónimo de HyperText Transport Protocol (Protocolo de Transporte de Hipertexto). Protocolo para mover archivos de hipertexto a través de Internet. No es permanente, es decir, cada operación HTTP implica una conexión con el servidor, que es liberada al término de la misma. Por ejemplo, un documento HTML con 10 imágenes son necesarias 11 conexiones distintas (10 imágenes más la página HTML en sí). Existe una variante de este protocolo (HTTPS) que permite conexiones seguras entre el cliente y el servidor. (Prieto, 2002). Protocolo )FTP): Acrónimo inglés (File Transfer Protocol), es un protocolo usado para transferir archivos a través de una amplia gama de sistemas. Se usa principalmente para subir o bajar archivos en Internet. 53

54 1 3 Lenguajes de programación para el Web El programa predilecto para publicación de páginas Web es (HTML), que se utilizó desde los inicios de de la era Web, a medida que la fue evolucionando Internet se embebieron en el (HTML) otros lenguajes tales como JavaScript, DHTML, PHP, Flash, VisualBasic Script, que han permitido la evolución de contenidos estáticos a dinámicos implementando aplicaciones con sonido, video, acceso a base de datos, etc. Procedimentales: Elaborar una análisis sobre el lenguaje PHP Actitudinales: Valorar las bondades de los lenguajes de programación Web. 1 4 Funcionamiento de un Servidor Web Un servidor Web es una máquina que provee servicios vía el protocolo http con archivos principalmente formados por hipertextos o páginas (HTML), textos complejos con enlaces, figuras, formularios, botones y objetos incrustados como animaciones o reproductores de sonidos. (Peralta, 2006) 54

55 Figura 1. Funcionamiento de un servidor Web, (Peralta, 2006) En la figura 1, notamos como es el funcionamiento de un servidor Web, en primer lugar el cliente a través del navegador solicita un recurso vía (HTTP) a través de un dominio o dirección (IP), luego a través de internet se produce la comunicación y el servidor devuelve al cliente la petición. 1 4 Seguridad en el Web Internet por ser un servicio mundial, es producto de consecuentes ataques en diferentes modalidades. Se debe tener en consideración algunos aspectos al momento de publicar en la Red. Seguridad en la Red Para muchas aplicaciones de negocios, como la publicidad y promociones simples, es probable que no se necesite tratar con precauciones de seguridad. Pero si se permite que los usuarios 55

56 tengan acceso a datos delicados, se deberán tomar medidas para proteger a los datos. Debido a que cada vez son más las personas que desean transferir documentos e información de tarjetas de crédito o cualquier tipo de transmisión de datos en forma segura y sin el temor a los crackers y piratas. Las medidas de seguridad básicas a tener en cuenta son: Cifrado de Datos Es una técnica para ocultar datos de manera que sólo puedan ser vistos por aquellos que deben verlos. Consiste en reemplazar un mensaje enviado con un algoritmo difícil de adivinar. Los servidores seguros tratan de cifrar los datos entre el cliente y el servidor. En algún momento durante el ciclo de compras, después que los datos llegan al servidor seguro, el sistema debe descifrar los datos. Aun si los datos son descifrados sólo por un instante, la información podría ser interceptada por algún pirata. Crear un sistema en el que la información permanezca cifrada a lo largo del ciclo es prácticamente imposible. La configuración más segura es una que transmita la información al propietario de la empresa en formato cifrado, pase la información a una computadora que no esté en Internet y luego descifrado la información. Además si en una empresa se utiliza un mismo algoritmo para cifrar y descifrar datos, se necesitará que alguna tercera pieza de datos descifre el código, que seria una clave. Esto sólo 56

57 funcionará si tanto la persona transmisora como la parte receptora conocen la clave. Si la persona receptora no conoce la clave, tiene que enviar la clave a esa parte, y está puede ser interceptada. Firma digital Ofrece un método de cifrado de datos que evita tener que compartir claves para leer mensajes. Es la técnica llamada cifrado de clave pública, donde cada usuario tiene dos claves: una clave pública y una clave privada. Los algoritmos de cifrado y descifrado son adaptados de manera que sólo la clave pública puede descifrar los datos por la clave privada. Por consiguiente, puede transmitir con libertad la clave pública al mundo. Recomendaciones Adicionales Nunca publique ni suministre datos personales en forma electrónica incluso telefónica: claves, número de tarjetas de crédito o débito, direcciones postales o cualquier otra información personal, ya que puede ser utilizada un forma ilegal, pudiéndolo perjudicar. Las redes sociales tales como Facebook, Hi5m, etc, permiten compartir archivos en muchos formatos, en estos sitios no es recomendable colocar información, que que también pueden ser utilizados por terceros muchas veces sin conocimientos de los autores. Módulo: II Nº de Secciones: 1, 2, 3, 4, 5, 6, 7, 8 Objetivo(s) Terminal(es): Aprender los elementos funcionales en la programación con PHP 57

58 Objetivo(s) Específico(s): Identificar los componentes básicos de un programa en PHP Identificar comentarios variables y constantes en PHP Enumerar las estructuras de decisión y repetición Sección Ítem nº Contenido 2 1 Estructura básica de (HTML) Este lenguaje de programación de caracteriza por tener etiquetas entre corchetes angulares (< >), cada elemento de etiqueta contiene una etiqueta de inicio (por ejemplo <nombre-de-la-etiqueta>) y una etiqueta de cierre (por ejemplo </nombre-de-la-etiqueta>). Algunos elementos tales como <br> o <hr> no contienen un elemento de cierre. (Prieto A, 2002) Programa 2.1 Ejemplo de una estructura básica (HTML) <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" " <html> <head> <meta content="text/html; charset=iso " httpequiv="content-type"> <title>ejemplo de estructura básica de página Web</title> </head> <body> Este es un ejemplo de estructura de página web para el curso de (PHP) y MySql </body> </html> En el código anterior notamos la en primera línea se coloca el estándar, tipo de documento, utilizado en la página; luego se tiene un conjunto de etiquetas que denotan la página web (<html> </html>) el la cabecera 58

59 (<head> </head>), el título (<title> </title>) y el cuerpo de la página (<body> </body>) 2 Para crear este ejemplo es necesarios utilizar su editor de texto favorito, desde Windows se puede utilizar el bloc de notas. A manera de práctica copie el ejemplo de estructura básica html en un editor de texto y guárdelo como ejemplo.html; luego abrelo en un navegador como FireFox o Internet Explorer. Notará que en la barra de título del navegador aparece el título de la página, en nuestro caso deberá decir "Ejemplo de estructura de página básica" con el texto ubicado entre las etiquetas del cuerpo de la página. Estructura básica de un programa PHP El código (PHP) interpretado, produce un resultado que es enviado al navegador del visitante en forma de HTML, imagen, documento.doc... de ninguna manera el navegador del visitante accede al código fuente en (PHP) sino solo a su resultado en HTML. En la figura 2.1. Funcionamiento de ((PHP)), El navegador pide un documento al servidor, en el caso que este documento sea un archivo (PHP), el archivo es interpretado y se envía su resultado al navegador. 59

60 Figura 2.1. Funcionamiento de (PHP) (Peralta, 2006) (PHP) presenta las siguientes ventajas y desventajas (Wikipedia, 2008) Ventajas Es un lenguaje multiplataforma. Capacidad de conexión con la mayoría de los manejadores de base de datos que se utilizan en la actualidad, destaca su conectividad con MySQL Capacidad de expandir su potencial utilizando la enorme cantidad de módulos (llamados ext's o extensiones). Posee una amplia documentación en su página oficial entre la cual se destaca que todas las funciones del sistema están explicadas y ejemplificadas en un único archivo de ayuda. Es libre, por lo que se presenta como una alternativa de fácil acceso para todos. Permite las técnicas de Programación Orientada 60

61 a Objetos. Biblioteca nativa de funciones sumamente amplia e incluida. No requiere definición de tipos de variables. Tiene manejo de excepciones (desde (PHP5) Desventajas No posee una abstracción de base de datos estándar, sino bibliotecas especializadas para cada motor (a veces más de una para el mismo motor). No posee adecuado manejo de internacionalización, unicode, etc. Por su diseño dinámico no puede ser compilado y es muy difícil de optimizar. Por sus características favorece la creación de código desordenado y complejo de mantener. Como se escribe un programa en (PHP) Hay cuatro conjuntos de etiquetas que pueden ser usadas para denotar bloques de código (PHP).... <script language="(php)">...</script>... <% %> La mas utilizada y la recomendada en este taller será: <? php en el programa 2.1. notamos como se inserta un código (PHP) con las etiquetas mas utilizadas, dentro de una estructura básica en HTML, cabe destacar que esto solo funcionará en un servidor web con soporte (PHP), y debe guardarse con la extensión.php 61

62 Programa 2.2. Ejemplo es el tradicional programa Hola mundo en (PHP) <html> <head> <title>ejemplo de (PHP) - Hola mundo</title> </head> <body> Parte de HTML normal. <BR><BR> echo "Hola mundo<br>"; </body> </html> 2 3 Comentarios: (PHP) soporta el estilo de comentarios de 'C', 'C++' y de la interfaz de comandos de Unix. (PHP, 2008) Programa 2.3. Ejemplos de comentarios con (PHP) echo "Esto es una prueba";//comentario tipo C++ /* Este es un comentario multilinea*/ echo "Esto es otra prueba"; echo "Fin de la Prueba"; # comentario tipo shell Para garantizar que los programas tengan un correcto uso de los comentarios no se recomienda realizar comentarios entre comentarios. (Ver programa 2.4.) 62

63 Programa 2.4. Ejemplos de comentarios no recomendable con (PHP) /* echo "Prueba"; /* este comentario puede causar problemas*/ */ Variables y Constantes Variables (PHP) soporta ocho tipos primitivos de variables. Cuatro tipos escalares: boolean (verdadero o falso, ) integer float (número de punto flotante, también conocido como double) string (cadena de caracteres) Dos tipos compuestos: arreglos object Y finalmente dos tipos especiales: resource NULL Programa 2.5. ejemplo de declaración de variables //Declaración de variables $cadena = " Hola "; $nro = 2.2; 63

64 Constantes Una constante es un identificador para expresar un valor simple. Como el nombre sugiere, este valor no puede variar durante la ejecución del script. Una constante es sensible a mayúsculas por defecto. Por convención, los identificadores de constantes suelen declararse en mayúsculas. (Ver programa 2.6) Programa 2.6. Declaración de constantes define("constant", "Hello world."); echo CONSTANT; // Genera la Salida "Hello world." echo Constant; // Genera la notificacion "Constant" and issues a notice Sentencia if La construcción if es una de las más importantes características de muchos lenguajes, incluido (PHP). Permite la ejecución condicional de fragmentos de código. Programa 2.19 Estructura básica de sentencia if if(expr) sentencia Como se describe en la sección sobre expresiones, expr se evalúa a su valor condicional (booleano). Si expr se evalúa como TRUE, (PHP) ejecutará la sentencia, y si se evalúa como FALSE, la ignorará. 64

65 El el programa 2.20 mostraría a es mayor que b si $a fuera mayor que $b: Programa 2.20 Ejemplo de sentencia if if ($a > $b) print "a es mayor que b"; A menudo, se desea tener más de una sentencia ejecutada de forma condicional. Por supuesto, no hay necesidad de encerrar cada sentencia con una cláusula if. En vez de eso, se pueden agrupar varias sentencias en un grupo de sentencias. El programa 2.21 mostraría a es mayor que b si $a fuera mayor que $b, y entonces asignaría el valor de $a a $b: Programa 2.21 Ejemplo sentencia if con mas de una sentencia if ($a > $b) { print "a es mayor que b"; $b = $a; Las sentencias if se pueden anidar indefinidamente dentro de otras sentencias if, lo cual proporciona una flexibilidad completa para ejecuciones condicionales en las diferentes partes de tu programa. Sentencia if.. else Una vez evaluada una condición y ésta no se cumple 65

66 utilizamos esta sentencia para indicarle al programa que realice otra tarea. En el programa 2.22, mostraría a es mayor que b si $a fuera mayor que $b, y a NO es mayor que b en cualquier otro caso: Programa 2.22 Ejemplo sentencia if con else if ($a > $b) { print "a es mayor que b"; else { print "a NO es mayor que b"; Sentencia if.. elseif elseif, es una combinación de if y else. Se utiliza para evaluar múltiples condiciones, en el programa 2.23 se muestra en detalle un bloque if.. elseif Programa 2.23 Ejemplo sentencia if con elseif if ($a > $b) { print "a es mayor que b"; elseif ($a == $b) { print "a es igual que b"; else { print "a es mayor que b"; Puede haber varios elseifs dentro de la misma sentencia if. La primera expresión elseif (si hay alguna) que se evalúe como TRUE se ejecutaría. 66

67 while (list ($key, $value) = each ($arr)) { if (!($key % 2)) { continue; Sentencia Switch La sentencia switch es similar a una serie de sentencias IF en la misma expresión. En muchas ocasiones, se quiere comparar la misma variable (o expresión) con nuchos valores diferentes, y ejecutar una parte de código distinta dependiendo de a qué valor es igual. Para ello sirve la sentencia switch. Programa 2.31 Ejemplo del uso de la sentencia if ($i == 0) { print "i equals 0"; elseif ($i == 1) { print "i equals 1"; elseif ($i == 2) { print "i equals 2"; switch ($i) { case 0: print "i equals 0"; break; case 1: print "i equals 1"; break; case 2: print "i equals 2"; Switch 67

68 break; Un caso especial es el default case". Este "case" coincide con todo lo que no coincidan los otros case. Programa 2.32 Ejemplo sentencia case - default switch ($i) { case 0: print "i es igual a 0"; break; case 1: print "i es igual a 1"; break; case 2: print "i es igual a 2"; break; default: print "i no es igual a 0, 1 o 2"; Sentencia while El significado de una sentencia while es simple. Ejecuta la(s) sentencia(s) anidada(s) repetidamente, mientras la expresión condicional sean válida. El valor condicional es comprobado cada vez al principio del bucle, así que incluso si este valor cambia durante la ejecución de la(s) sentencia(s) anidada(s), la ejecución no parará hasta el fin de la iteración. Programa 2.24 ejemplo con la sentecia while /* ejemplo 1 */ $i = 1; while ($i <= 10) { print $i++; /* el valor impreso seria $i antes del incremento 68

69 (post-incremento) */ /* ejemplo 2 */ $i = 1; while ($i <= 10): print $i; $i++; endwhile; Sentencia do..while Los bucles do..while son muy similares a los bucles while, excepto que las condiciones se comprueban al final de cada iteración en vez de al principio. La principal diferencia frente a los bucles regulares while es que se garantiza la ejecución de la primera iteración de un bucle do..while (la condición se comprueba sólo al final de la iteración), mientras que puede no ser necesariamente ejecutada con un bucle while regular (la condición se comprueba al principio de cada iteración, si esta se evalúa como FALSE desde el principio la ejecución del bucle finalizará inmediatamente). $i = 0; do { print $i; while ($i>0); Programa 2.25 Ejemplo do.. while El bucle del programa 2.25 se ejecutaría exactamente una sola vez, después de la primera iteración, cuando la 69

70 condición se comprueba, se evalúa como FALSE ($i no es más grande que 0) y la ejecución del bucle finaliza. Sentencia for Es unas de las estructuras de control mas complejas en (PHP), se utiliza para repetir un conjunto de instrucciones un numero determinado de veces. Programa 2.26 Ejemplo sentencia for. /* ejemplo 1 */ for ($i = 1; $i <= 10; $i++) { print $i; /* ejemplo 2 */ for ($i = 1; $i <= 10; print $i, $i++) ; $arr = array("one", "two", "three"); reset ($arr); while (list(, $value) = each ($arr)) { echo "Value: $value<br>\n"; foreach ($arr as $value) { echo "Value: $value<br>\n"; Sentencia break break escapa de la estructuras de control actual tales como for, while, o switch. 70

71 Programa 2.29 Ejemplo uso de la sentencia break $arr = array ('one', 'two', 'three', 'four', 'stop', 'five'); while (list (, $val) = each ($arr)) { if ($val == 'stop') { break; echo "$val<br>\n"; /* Usando argumentos adicionales. */ $i = 0; while (++$i) { switch ($i) { case 5: echo "Al 5; saliendo<br>\n"; break 1; case 10: echo "Al 10; saliendo<br>\n"; break 2; default: break; 71

72 5.4. Diagramación de Pantallas Módulo: II Sección: 1 Ítem nº: 0 Pantalla Nº: 0 Secuencia: Viene de: 0 Pantalla de inicio de seción Va a: 1 Diseño de la pantalla e interfaz 72

73 Elemento Nombre de la actividad Inicio de sesión Descripción Descripción Duración Se presenta la interfaz para que el usuario se autentifique en el sistema Solo tres intentos, al cuarto el usuario de bloqueara en la base de datos Hipervínculos: Principal Curso PHP, luego de de autentificar al usuario Nombres y tipos de archivos de la pantalla: images/key_color.jpg images/key_bw.jpg Módulo: II Sección: 1 Ítem nº: 2 Pantalla Nº: 1 Secuencia: Viene de: 0 Qué desea transmitir en esta pantalla? Va a: 2 Captar la atención Diseño de la pantalla e interfaz 73

74 Voz (narración en video): Se narra el Video (Guión de video 1) Navegabilidad: Botón Siguiente - Anterior Nombres y tipos de archivos de la pantalla: images/logo_php.jpg video/intro_php.flv Módulo: II Sección: 1 Ítem nº: 2 Pantalla Nº: 2 Secuencia: Viene de: 1 Qué desea transmitir en esta pantalla? Va a: 3 Presentación de contenido Diseño de la pantalla e interfaz 74

75 Voz (narración): Cada ilustración debe ser explicada a través de un podcast, debe ser ejecutado cuando el usuario lo requiera Navegabilidad: Botón Siguiente - Anterior Hipervínculos: Índices del contenido cuando el contenido exceda las 3 páginas monitor Nombres y tipos de archivos de la pantalla: images/logo_php.jpg Módulo: II Sección: 1 Ítem nº: 2 Pantalla Nº: 3 Secuencia: Viene de: 2 Qué desea transmitir en esta pantalla? Va a: 4 Práctica Guiada Diseño de la pantalla e interfaz 75

76 Voz (narración): Cada ilustración debe ser explicada a través de un podcast, debe ser ejecutado cuando el usuario lo requiera Navegabilidad: Botón Siguiente - Anterior Hipervínculos: Índices del contenido cuando el contenido exceda las 3 páginas monitor Nombres y tipos de archivos de la pantalla: images/logo_php.jpg Módulo: II Sección: 1 Ítem nº: 2 Pantalla Nº: 4 Secuencia: Viene de: 3 Qué desea transmitir en esta pantalla? Va a: 5 Practica Guiada Diseño de la pantalla e interfaz 76

77 Voz (narración): Cada ilustración debe ser explicada a través de un podcast, debe ser ejecutado cuando el usuario lo requiera Navegabilidad: Botón Siguiente - Anterior Hipervínculos: Índices del contenido cuando el contenido exceda las 3 páginas monitor Nombres y tipos de archivos de la pantalla: images/logo_php.jpg Módulo: II Sección: 1 Ítem nº: 2 Pantalla Nº: 5 Secuencia: Viene de: 4 Qué desea transmitir en esta pantalla? Va a: 6 Practica independientes Diseño de la pantalla e interfaz 77

78 Voz (narración): La práctica evaluada debe ser explicada a través de un podcast, debe ser ejecutado cuando el usuario lo requiera Navegabilidad: Botón Siguiente - Anterior Nombres y tipos de archivos de la pantalla: images/logo_php.jpg Módulo: II Sección: 1 Ítem nº: 2 Pantalla Nº: 6 Secuencia: Viene de: 7 Qué desea transmitir en esta pantalla? Va a: 8 Evaluación Diseño de la pantalla e interfaz 78

79 Elemento Nombre de la actividad Evaluación Descripción Descripción Duración El usuario debe responder el instrumento, esta respuesta irá al registro del estudiante, debe existir factor de corrección, en base de al numero de intentos. Ilimitado Navegabilidad: Botones radio para cada pregunta Botón de Responder Botón Siguiente - Anterior Hipervínculos: muestraguardaresultados.php Nombres y tipos de archivos de la pantalla: images/logo.jpg 79

80 80

81 5.4. Navegabilidad Figura. 1 Diagrama de actividad Mapa de navegación 81