Anda di halaman 1dari 38

Introduccin a la Ingeniera Telemtica 2008 <<

>> Instalacin y Configuracin de un Servidor WEB. >> HTML & PHP

Nicols lvarez S. nalvarezs@vtr.net Juan Monsalve Z. jmonsalve@elo.utfsm.cl

Introduccin a la Ingeniera Telemtica 2008 <<

Tpicos a tratar
Qu es un servidor Web? Dnde puedo instalar un servidor Web? Qu gano con un servidor Web? Instalando un servidor Web Comprendiendo la configuracin de un servidor Web Fundamentos bsicos de HTML y PHP

>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 2008 <<

Qu es un servidor Web?
Servidor Web: Programa que implementa el protocolo HTTP (HyperText Transfer Protocol) Enva la informacin a los clientes cuando se solicita va navegador. Con l podemos obtener archivos de otro computador utilizando el navegador de Internet preferido.

>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 2008 <<

Importante!
No confundir HTTP con HTML. HTTP es un protocolo de comunicacin. HTML es un formato de archivo (como un .doc, un .jpeg, etc. HTML es uno de los tantos formatos de pginas web. En resumen, con HTTP se obtienen desde el servidor las pginas Web, mientras que con HTML se interpretan.

>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 2008 <<

Esto es HTML (HyperText Markup Language). Se ver ms adelante en el curso.

>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 2008 <<

Funcionamiento bsico de un servidor Web

<Ver archivo WEB.swf adjunto>

>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 2008 <<

Dnde puedo instalar un servidor Web?


Al nombrar la palabra servidor, se nos vienen a la mente computadores muy poderosos, caros y complejos. En la prctica, esto no es siempre as. Dependiendo de lo que se desea servir es el tipo de computador que se puede utilizar.
>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 2008 <<

El tamao, capacidad de procesamiento, y memoria de un servidor est en directa relacin con lo que se va a servir y a cuntos usuarios se va a servir. Dependiendo del servicio, computadores antiguos pueden ser usados de servidores.

>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 2008 <<

Qu gano instalando un servidor web?


Gente de todo el mundo puede acceder a lo que yo decida colocar en l. Es la base para ofrecer servicios de distinto tipo (bases de datos, pginas dinmicas, informacin simple, etc) Puedo poner a disposicin de manera fcil archivos a compartir, independiente del S.O que utilice el otro extremo.

>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 2008 <<

Para nuestro caso, no necesitaremos mayores requerimientos de velocidad, por lo que con los computadores de escritorio no debera existir ningn problema. Recordando el hecho que un servidor Web es simplemente un programa, surge la interrogante Cuntos tipos se servidores Web existen?.
Multiplataforma

Internet Information Services de Microsoft para Windows

Light Http Daemon Tiny Http Daemon

>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 2008 <<

Uso de servidores web (03/2008)

Fuente: NetCraft.com

>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 2008 <<

Apache HTTP Server


http://httpd.apache.org

Gratuito Ampliamente Configurable Multiplataforma Seguro Excelente documentacin Entre otros.

>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 2008 <<

Instalando Apache
Utilizaremos Apache 2.0.63 HTTP Server para Windows como nuestro servidor Web. Al igual que el 99,99% de las aplicaciones para Windows, su instalacin es trivial.

>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 2008 <<

Una vez terminada la instalacin, el servidor Web se encontrar funcionando. Esto lo podemos comprobar con el Apache Service Monitor , que se encuentra en la barra de tareas de Windows, haciendo click derecho => Open Apache Monitor.
Apache Service Monitor

La luz verde indica que el servidor est ejecutndose. En caso de estar detenido o presentar algn problema, aparecer en rojo.

>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 2008 <<

Para probar que el servidor est funcionando, abriremos el navegador de Internet y en la barra de direcciones colocaremos http://direccin_ip_del_equipo

>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 2008 <<

Configurando Apache
Configuracin de Apache: un archivo de texto (httpd.conf) C:\Archivos de Programa\Apache Group\Apache2\conf\httpd.conf Se debe utilizar un editor de texto plano.

>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 2008 <<

httpd.conf
Lneas que comienzan con # son comentarios. httpd.conf se divide en tres grandes secciones: Configuracin Global, Configuracin Principal del Servidor y Hosts Virtuales.

>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 2008 <<

Configuracin Global de Apache


ServerRoot: Directorio de trabajo de Apache. Timeout: Tiempo de vida de las peticiones HTTP. Listen: Puerto de escucha. LoadModule: Mdulos complementarios.

>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 2008 <<

Configuracin Principal de Apache


ServerAdmin: Correo del administrador del sistema. DocumentRoot: Directorio donde se alojarn las pginas web. Options Indexes FollowSymLinks: En caso de no tener una pgina principal, lista todos los archivos de la carpeta. DirectoryIndex: Archivos por omisin a abrir.
>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 2008 <<

ErrorLog: Define el archivo donde se guardar el registro de los errores del sistema. IndexOptions: Define la forma en que se muestran los archivos cuando no existe una pgina por defecto. ErrorDocument xxx: Permite definir un mensaje personalizado para cuando existe un error en la peticin. BrowserMatch: Permite definir acciones especiales en caso que el usuario ingrese al servidor con algn navegador o cliente Web determinado. Finalmente, la seccin Virtual Hosts permite configurar varios servidores en la misma mquina.

>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 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 seccin principal.
DocumentRoot "C:/Archivos de programa/Apache Group/Apache2/htdocs

quedar ahora como:


DocumentRoot "C:/www

3.

Unas lneas ms abajo, debemos cambiar las opciones del directorio.


<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 haremos click en el botn Restart.

>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 2008 <<

Al chequear con el navegador web, el resultado debera ser similar al siguiente:

>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 2008 <<

Introduccin a HTML
HTML: HyperText Markup Languaje. Lenguaje basado en el uso de etiquetas. Es el lenguaje estndar para visualizar documentos web. 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

Introduccin a la Ingeniera Telemtica 2008 <<

Creando un documento HTML


Todos los documentos parten con la etiqueta <HTML> Se dividen en dos partes, la cabecera <HEAD> y el cuerpo del documento <BODY>. Dentro del <HEAD>, se incluye el <TITLE>, para dar un ttulo al documento. Para cerrar una seccin, se coloca la etiqueta con un / despus de la primera llave (</HEAD>, </BODY>, etc).

>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 2008 <<

Estructura mnima de una pgina HTML


<HTML> <HEAD> <TITLE> Ttulo de la Pgina </TITLE> </HEAD> <BODY> Cuerpo de la pgina </BODY> </HTML>
>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 2008 <<

Etiquetas HTML
<P> se utiliza para separar prrafos. <ADDRESS> empleada para indicar que un texto representa una direccin o una firma. Generalmente se activa en cursiva y suele estar tabulado. <BLOCKQUOTE> Se suele representar con tabulaciones a la izquierda y derecha y en cursiva. En sistemas que no permiten representar en cursiva se puede emplear algn tipo de smbolo al principio de las lneas. <BR> Este elemento solo tiene marca inicial e indica un salto de lnea. <HR> Solo tiene marca inicial y se emplea para representar una lnea horizontal.

>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 2008 <<

Etiquetas HTML (continuacin)


HyperREFerences (links): <A HREF="url_de_destino"> zona_activable</A> Tablas: <TABLE CELLPADDING=10 CELLSPACING=6 BORDER=6 BORDER> <TR><TD>A</TD> <TD>B</TD> </TR> <TR><TD>C</TD> <TD>D</TD> </TR> </TABLE> Insertar Imgenes: <IMG SCR=/directorio/subdirectorio/nombre_del_fichero:grfico>

>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 2008 <<

Etiquetas HTML (continuacin)


Un generoso etctera. Se pueden definir formularios de contacto, dar color al texto, cambiar tamao, etc. Existen en la red miles de tutoriales sobre cmo crear pginas web mediante HTML. Existen tambin editores HTML WYSIWYG. (MS Word, Dreamweaver, etc.)

>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 2008 <<

Problemas de HTML
Las pginas HTML son estticas, es decir, no presentan interaccin con el usuario (ingreso y procesamiento de datos, personalizacin de la informacin, etc). Si quiero tener un sistema dinmico, HTML no entrega las herramientas (etiquetas) para por ejemplo, reconocer usuarios, navegadores, guardar informacin, etc.

Solucin: Utilizar un Preprocesador de Hipertexto

>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 2008 <<

PHP: Hypertext Preprocessor


http://www.php.net

Lenguaje complementario a HTML. Ejecucin de scripts. Crear interfaces grficas. Procesar informacin desde el cliente. El servidor web debe saber cundo y cmo tratar los archivos que contienen acciones escritas en PHP.
>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 2008 <<

Instalando PHP
Instalacin no tan trivial. Se debe descomprimir PHP en algn directorio del computador (ej. C:/php) Se debe modificar el archivo httpd.conf de Apache, para que ste sepa como manejar los archivos de PHP.

>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 2008 <<

Instalando PHP (continuacin)


En httpd.conf , agregar: En la seccin de los LoadModule, al final poner: LoadModule php5_module C:/PHP/php5apache2.dll PHPIniDir C:/PHP En la seccin AddType, agregar al final: AddType application/x-httpd-php .php Reiniciar Apache.

>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 2008 <<

Instalando PHP (continuacin)


Para comprobar que PHP qued bien instalado, creamos un archivo prueba.php en el directorio donde alojaremos nuestras pginas web. <?php phpinfo(); ?>
>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 2008 <<

Instalando PHP (continuacin)


Al abrir desde el navegador el archivo creado, deberamos obtener una pgina como esta. Aqu se indican varias de las opciones de PHP e informacin del servidor que estamos utilizando.

>> Servidores Web / HTML & PHP

Introduccin a la Ingeniera Telemtica 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

Introduccin a la Ingeniera Telemtica 2008 <<

Utilizando PHP
Caso Prctico: Formularios Se disean en HTML, se procesa la informacin en PHP <html> <head> <title>Ejemplo de PHP</title> </head> <body> <H1>Ejemplo de formulario</H1> Introduzca su nombre: <FORM ACTION="procesa.php" METHOD="GET"> <INPUT TYPE="text" NAME="nombre"><BR> <INPUT TYPE="submit" VALUE="Enviar"> </FORM> </body> </html>
>> Servidores Web / HTML & PHP

formulario.html

Introduccin a la Ingeniera Telemtica 2008 <<

Utilizando PHP
Caso Prctico: Formularios Se disean en HTML, se procesa la informacin en PHP <html> <head> <title>Ejemplo de PHP</title> </head> <body> <H1>Ejemplo de procesado de formularios</H1> El nombre que ha introducido es: <?php echo $_GET['nombre'] ?> <br> </body> </html>
>> Servidores Web / HTML & PHP

procesa.php

Introduccin a la Ingeniera Telemtica 2008 <<

Soluciones Integradas: WAMP


Se Denomina WAMP a una infraestructura que posee: Sistema Operativo Windows. Servidor Web A Apache Motor de Bases de Datos MySQL Preprocesador PHP Instalacin, configuracin e integracin automtica.
>> Servidores Web / HTML & PHP

Anda mungkin juga menyukai