II. PROGRAMACIÓN DE UNA APLICACIÓN WEB Desarrollo de Aplicaciones Web Alfonso Felipe Lima Cortés www.afelipelc.mx Fundamentos de programación web La necesidad de enriquecer la comunicación entre el cliente y las organizaciones a través de internet ha permitido desarrollar tecnologías capaces de generar contenidos dinámicos mientras el usuario interactúa con una página web, de forma que el usuario pueda «navegar» en el sitio visualizando distintos contenidos que le son presentados conforme a su solicitud. Fundamentos de programación web Para generar contenidos dinámicos que puedan mostrarse de distintas formas y a distintos usuarios a la vez, se requiere de software que capaz de lograrlo. • Servidor web. • Servidor de BD. • Ejecución de scripts por el lado del servidor (lenguaje de programación web). Fundamentos de programación web Servidores web: • Apache (Fundación Apache - http://httpd.apache.org/ ) • IIS (Microsoft - http://www.iis.net/) • Tomcat (Fundación Apache - http://tomcat.apache.org/) Fundamentos de programación web Lenguajes de programación por el lado del servidor: • PHP (Hypertext Preprocessor) - http://php.net/ • ASP.NET (Active Server Pages) - http://www.asp.net/ • JSP (JavaServer Pages) www.oracle.com/technetwork/java/javaee/jsp/ • Ruby on Rails - http://rubyonrails.org/ - Fundamentos de programación web Servidores de bases de datos: • MySQL Server - http://www.mysql.com/ • MS SQL Server - http://www.microsoft.com/sqlserver/ • Oracle DB - http://www.oracle.com/us/products/database/index.html • Y otros más… Instalación de la plataforma web (servidor) Para nuestro desarrollo, instalaremos como plataforma: • HTTP Apache Server • MySQL Server • PHP http://www.wampserver.com/ PHP: Hypertext Preprocessor • "Es un lenguaje de código abierto muy popular especialmente adecuado para desarrollo web y que puede ser incrustado en HTML". (http://www.php.net/manual/es/intro-whatis.php ) • "Es un lenguaje de programación interpretado (Lenguaje de alto rendimiento), diseñado originalmente para la creación de páginas web dinámicas. Se usa principalmente para la interpretación del lado del servidor (server-side scripting)". (http://es.wikipedia.org/wiki/PHP ) PHP: Hypertext Preprocessor Para escribir código PHP se inicia con la etiqueta de apertura: <?php Y se termina con la etiqueta de cierre: ?> Cuando el servidor web al leer un archivo en el cual encuentra las etiquetas <?php y ?> entonces invoca al compilador de PHP para compilar el fragmento de código y obtener como resultado código HTML que posteriormente es enviado al cliente que solicitó el archivo. • «El código fuente PHP como tal nunca llega al cliente». PHP: Hypertext Preprocessor Ejemplo: <?php echo "¡Hola Mundo!. Hoy es ".date("d/m/Y")."."; ?> ¿Cómo estás? El resultado es: ¡Hola Mundo!. Hoy es 08/03/2012. ¿Cómo estás? PHP: Hypertext Preprocessor Donde: echo es utilizado para imprimir, como alternativa, también puede utilizarse print. date() es una función de PHP que devuelve la fecha actual del sistema en el formato especificado. http://php.net/manual/es/function.date.php Nota: Cuando se pretende imprimir una cadena, esta siembre debe de ir entre comillas dobles " " o entre comillas simples ' ' PHP: Hypertext Preprocessor Los archivos de PHP se guardan con la extensión .php en una carpeta del servidor web. Ejemplo: holamundo.php Para ejecutar un archivo de php no se abre directamente el archivo desde su ubicación como se hace con cualquier otro archivo (por ejemplo un .html), sino que se accede al archivo php partiendo desde la raíz del servidor web hasta su ubicación pero en el navegador web. Ejemplo: http://localhost/daw/holamundo.php