WIXLIB

Introducción a la Ingeniería Telemática – 2008 Instalación y Configuración de unServidor WEB. HTML & PHPNicolás Álvarez S.nalvarezs@vtr.netJuan Monsalve Z.jmonsalve@elo.utfsm.cl

Introducción a la Ingeniería Telemática – 2008 Tópicos a tratar ¿Qué es un servidor Web?¿Dónde puedo instalar un servidor Web?¿Qué gano con un servidor Web?Instalando un servidor WebComprendiendo la configuración de unservidor Web Fundamentos básicos de HTML y PHP Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 ¿Qué es un servidor Web? Servidor Web: Programa que implementa elprotocolo HTTP (HyperText Transfer Protocol) Envía la información a los clientes cuando sesolicita vía navegador. Con él podemos obtener archivos de otrocomputador utilizando el navegador de Internetpreferido.* Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 ¡Importante! No confundir HTTP con HTML. HTTP es un protocolo de comunicación. HTML es un formato de archivo (como un .doc,un .jpeg, etc. HTML es uno de los tantosformatos de páginas web. En resumen, con HTTP se obtienen desde elservidor las páginas Web, mientras que conHTML se interpretan.* Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 Esto es HTML (HyperText Markup Language).Se verá más adelante en el curso. Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 Funcionamiento básico de un servidor Web Ver archivo WEB.swf adjunto Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 ¿Dónde puedo instalar un servidor Web? Al nombrar la palabra“servidor”, se nosvienen a la mentecomputadores muypoderosos, caros ycomplejos. En la práctica, esto noes siempre así.Dependiendo de loque se desea “servir”es el tipo decomputador que sepuede utilizar. Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 El tamaño, capacidad de procesamiento, ymemoria de un servidor está en directarelación con lo que se va a “servir” y acuántos usuarios se va a “servir”. Dependiendo del servicio, computadores“antiguos” pueden ser usados deservidores.* Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 ¿Qué gano instalando un servidor web? Gente de todo el mundo puede acceder a lo queyo decida colocar en él. Es la base para ofrecer servicios de distinto tipo(bases de datos, páginas dinámicas,información simple, etc) Puedo poner a disposición de manera fácilarchivos a compartir, independiente del S.Oque utilice el otro extremo. Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 Para nuestro caso, no necesitaremos mayores requerimientos develocidad, por lo que con los computadores de escritorio no deberíaexistir ningún problema. Recordando el hecho que un servidor Web es simplemente unprograma, surge la interrogante ¿Cuántos tipos se servidores Webexisten?.MultiplataformaInternet Information Servicesde Microsoft para WindowsLight Http DaemonTiny Http Daemon Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 Uso de servidores web (03/2008)Fuente: NetCraft.com Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 Apache HTTP Serverhttp://httpd.apache.org * Servidores Web / HTML & PHPGratuitoAmpliamente ConfigurableMultiplataformaSeguroExcelente documentaciónEntre otros.

Introducción a la Ingeniería Telemática – 2008 Instalando Apache Utilizaremos Apache2.0.63 HTTP Serverpara Windows comonuestro servidor Web. Al igual que el 99,99%de las aplicacionespara Windows, suinstalación es trivial. Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 Una vez terminada la instalación, el servidor Web se encontraráfuncionando. Esto lo podemos comprobar con el “Apache ServiceMonitor ”, que se encuentra en la barra de tareas de Windows,haciendo click derecho “Open Apache Monitor”.Apache Service MonitorLa luz verde indica que elservidor está ejecutándose.En caso de estar detenidoo presentar algúnproblema, aparecerá enrojo. Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 Para probar que el servidor está funcionando, abriremos elnavegador de Internet y en la barra de direcciones colocaremoshttp://dirección ip del equipo Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 Configurando Apache Configuración de Apache: un archivo de texto(httpd.conf)C:\Archivos de Programa\ApacheGroup\Apache2\conf\httpd.conf Se debe utilizar un editor de texto plano.* Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 httpd.conf Líneas que comienzan con “#” soncomentarios. httpd.conf se divide en tres grandessecciones: Configuración Global,Configuración Principal del Servidor yHosts Virtuales.* Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 Configuración Global de Apache ServerRoot: Directorio de trabajo de Apache. Timeout: Tiempo de vida de las peticionesHTTP. Listen: Puerto de escucha. LoadModule: Módulos complementarios. Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 Configuración Principal de Apache ServerAdmin: Correo del administrador delsistema. DocumentRoot: Directorio donde se alojaránlas páginas web. Options Indexes FollowSymLinks: En caso deno tener una página principal, lista todos losarchivos de la carpeta. DirectoryIndex: Archivos por omisión a abrir. Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 ErrorLog: Define el archivo donde se guardará elregistro de los errores del sistema. IndexOptions: Define la forma en que se muestran losarchivos cuando no existe una página por defecto. ErrorDocument xxx: Permite definir un mensajepersonalizado para cuando existe un error en la petición. BrowserMatch: Permite definir acciones especiales encaso que el usuario ingrese al servidor con algúnnavegador o cliente Web determinado.Finalmente, la sección “Virtual Hosts” permite configurarvarios servidores en la misma máquina. Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 Para crear un mini sitio web:1.Crearemos un directorio llamado “www” en C:\ y colocaremos allíalgunos archivos aleatorios (mp3, videos, documentos, etc)2.En el httpd.conf, modificaremos el “DocumentRoot” de la secciónprincipal.DocumentRoot "C:/Archivos de programa/Apache Group/Apache2/htdocs“quedará ahora como:DocumentRoot "C:/www“3.Unas líneas más abajo, debemos cambiar las opciones deldirectorio. Directory "C:/Archivos de programa/Apache Group/Apache2/htdocs" deberá ser cambiado por: Directory "C:/www” 4.Para que los cambios sean efectivos, debemos reiniciar Apache,para hacer esto abriremos el Apache Service Monitor y haremosclick en el botón “Restart”. Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 Al chequear con el navegador web, el resultado debería ser similaral siguiente: Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 Introducción a HTML HTML: HyperText Markup Languaje. Lenguaje basado en el uso de “etiquetas”. Es el lenguaje estándar para visualizar documentosweb. Son interpretados por los navegadores web (Firefox,Explorer, etc). Se puede modificar con un editor de texto plano(textpad, block de notas, etc). Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 Creando un documento HTML Todos los documentos parten con la etiqueta HTML Se dividen en dos partes, la cabecera HEAD y elcuerpo del documento BODY . Dentro del HEAD , se incluye el TITLE , para dar untítulo al documento. Para cerrar una sección, se coloca la etiqueta con un /después de la primera llave ( /HEAD , /BODY , etc). Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 Estructura mínima de una página HTML HTML HEAD TITLE Título de la Página /TITLE /HEAD BODY Cuerpo de la página /BODY /HTML Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 Etiquetas HTML P se utiliza para separar párrafos. ADDRESS empleada para indicar que un texto representa unadirección o una firma. Generalmente se activa en cursiva y sueleestar tabulado. BLOCKQUOTE Se suele representar con tabulaciones a laizquierda y derecha y en cursiva. En sistemas que no permitenrepresentar en cursiva se puede emplear algún tipo de símbolo alprincipio de las líneas. BR Este elemento solo tiene marca inicial e indica un salto delínea. HR Solo tiene marca inicial y se emplea para representar unalínea horizontal. Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 Etiquetas HTML (continuación) HyperREFerences (links): A HREF "url de destino" zona activable /A Tablas: TABLE CELLPADDING 10 CELLSPACING 6 BORDER 6BORDER TR TD A /TD TD B /TD /TR TR TD C /TD TD D /TD /TR /TABLE Insertar Imágenes: IMG SCR /directorio/subdirectorio/nombre del fichero:gráfico Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 Etiquetas HTML (continuación) Un generoso etcétera. Se pueden definir formularios de contacto, darcolor al texto, cambiar tamaño, etc. Existen en la red miles de tutoriales sobre cómocrear páginas web mediante HTML. Existen también editores HTML WYSIWYG.(MS Word, Dreamweaver, etc.) Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 Problemas de HTML Las páginas HTML son estáticas, es decir, no presentaninteracción con el usuario (ingreso y procesamiento dedatos, personalización de la información, etc). Si quiero tener un sistema dinámico, HTML no entregalas herramientas (etiquetas) para por ejemplo, reconocerusuarios, navegadores, guardar información, etc.Solución: Utilizar un Preprocesador de Hipertexto Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 PHP: Hypertext Preprocessorhttp://www.php.net Lenguaje complementario aHTML. Ejecución de “scripts”. Crear interfaces gráficas. Procesar información desde elcliente. El servidor web debe sabercuándo y cómo tratar los archivosque contienen acciones escritasen PHP. Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 Instalando PHP Instalación no tan trivial. Se debe descomprimir PHP en algúndirectorio del computador (ej. C:/php) Se debe modificar el archivo httpd.conf deApache, para que éste sepa comomanejar los archivos de PHP. Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 Instalando PHP (continuación) En httpd.conf , agregar:En la sección de los “LoadModule”, al final poner:LoadModule php5 module “C:/PHP/php5apache2.dll”PHPIniDir “C:/PHP”En la sección “AddType”, agregar al final:AddType application/x-httpd-php .php Reiniciar Apache. Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 Instalando PHP (continuación) Para comprobar que PHP quedó bieninstalado, creamos un archivo“prueba.php” en el directorio dondealojaremos nuestras páginas web. ?phpphpinfo();? Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 Instalando PHP (continuación) Al abrir desde elnavegador el archivocreado, deberíamosobtener una páginacomo esta. Aquí se indican variasde las opciones de PHPe información delservidor que estamosutilizando. Servidores Web / HTML & PHP

Introducción a la Ingeniería Telemática – 2008 Utilizando PHP Ejemplo: html head title Ejemplo de PHP /title /head body ?php a 8; b 3;echo a b," br ";echo a - b," br ";echo a * b," br ";echo a / b," br "; a ;echo a," br "; b--;echo b," br ";? /body /html Servidores Web / HTML & PHP