DESARROLLO DE

Aplicaciones WEB

Bitcora de instalacin y configuracin de

herramientas para aplicaciones web.
Ingeniera en informtica
Alex Gadiel Cortes Garca
N Control:12920296
VII Semestre

lunes, 07 de septiembre de 2015

Que es WampServer
WampServer es un entorno de desarrollo web para Windows en el cual
se podrn crear aplicaciones web con Apache, PHP y base de datos en
MySQL (motor de base de datos). Esta herramienta incluye adems con un
administrador de base de datos PHPMyAdmin con el cual podremos crear
una nueva base de datos e ingresar la data de las tablas creadas en ella,
realizar consultas y generar scripts SQL, como exportar e importar scripts de
base de datos. WampServer ofrece a los desarrolladores herramientas
necesarias para realizar aplicaciones web de manera local, con un sistema
operativo (Windows), un manejador de base de datos (MySQL), un
software de programacin script web PHP. WampSever se caracteriza por
que puede ser usado de forma libre es decir no debemos de contar con
alguna licencia el cual nos permita el uso de la misma, ya que pertenece a
la corriente de "open source".
Con este programa podremos:
Pre visualizar sitios web localmente.
Instalar un servidor web en Windows.
Administrar configuraciones de servidores Apache.
Crear aplicaciones web.
Gestionar bases de datos MySQL.
Utilizar lenguaje PHP.
Realizar pruebas con sitios PHP antes de subirlos a Internet.
WampServer instala automticamente todo lo que necesita para
comenzar a desarrollar aplicaciones web y es muy intuitivo de usar.
Para la instalacin de WampServer debemos de bajar la versin con la
cual vamos a trabajar, en todo caso quieras trabajar con la
ltima versin esta la puedes encontrar en la pgina principal de
WampSever. Para caso de ejemplo utilizare la versin WampServer 2.5.

Una vez descargado el programa procederemos a la instalacin de la

misma, la cual se mostrara a continuacin pas a paso, en resumidas
cuentas la instalacin bsica y se realizara la configuracin indicada por
el facilitador.
La instalacin se llevara a cabo en una computadora porttil con las
siguientes caractersticas.
Imagen 1 caractersticas del equipo

Procedimiento
1. Ejecutaremos el archivo WampServer2.5.exe que nos permitir realizar
la instalacin del programa.

Podremos observar en esta ventana nos muestra las versiones de los

programas que sern instalados, como es caso del Apache 2.4.9, MySQL
5.6.17, PHP 5.5.12 que son los que maneja esta versin de WampSever.

2. Prosiguiendo con la instalacin al dar siguiente se nos presentara la

pantalla de comn para aceptar las licencias respectivas del producto.

3. A continuacin se mostrara la carpeta donde se instalara el programa y

en cual podremos acceder a cada uno de los recursos instalados por el
mismo. En este caso utilizaremos la ruta predeterminada.

4. Podemos crear un acceso directo en el escritorio si lo deseamos, para

ejecutar el WampServer cuando queramos utilizarlo.

5. Por ltimo se realizara la instalacin del WampServer el cual extraer los

archivos necesarios y los instalara, el proceso de instalacin demorara
de acuerdo a la capacidad del ordenador, pero de modo general se
desarrolla de forma rpida.

6. En la parte final de la instalacin veremos la siguiente ventana en la

cual se nos pedirn algunos parmetros finales de la configuracin del
servidor, as como agregar una excepcin al cortafuegos de Windows
para que no tengamos problemas a la hora de utilizarlo.

7. Finalmente nos informa que la instalacin se ha completado, y se nos

ofrecer la opcin de que se ejecute WampServer al finalizar
la instalacin.

8. Comprobamos que nuestro servidor est funcionando correctamente,

ingresando en nuestro navegador a la direccin localhost.

Configuracin
1. Iniciar el editor de texto como administrador en este caso usaremos
brackes.

2. Abrir el archivo C:\Windows\System32\Drivers\etc\hosts y agregar al

final la siguiente instruccin 127.0.0.1 alex y guardamos los cambios.

3. Probar en el explorador ingresar a l siguiente direccin http://alex debe

mostrar la pgina inicial de wamp.

4. Abrir el archivo C:\wamp\bin\apache\apache2.2.22\conf\extra\

httpd-vhosts.conf. y agregar esto al final.

#localhost
NameVirtualHost localhost
<VirtualHost localhost>
ServerName localhost
DocumentRoot "C:/wamp/www"
</VirtualHost>
NameVirtualHost alex
<VirtualHost alex>
ServerName alex

DocumentRoot "C:/wamp/www/alex"
ErrorLog "C:/wamp/logs/alex_errors.log"
CustomLog "C:/wamp/logs/alex_access.log" combined
<Directory />
Options -Indexes
AllowOverride All
</Directory>
</VirtualHost>

5. Reiniciar Apache

6. Editar el archivo C:\wamp\bin\apache\apache2.2.22\conf\httpd.conf

buscar:
# Virtual hosts
#Include conf/extra/httpd-vhosts.conf
* quitar el simbolo # al inicio de la siguiente linea
Include conf/extra/httpd-vhosts.conf
* quitar el simbolo de # a la linea
LoadModule rewrite_module modules/mod_rewrite.so
* guardar cambios

7. editar el archivo c:\wamp\www\alex\settings.php modificar las

siguientes constantes y ms o menos debe quedar as:
const APP_DIR = "c:/wamp/www/alex/";
const STATIC_DIR = "c:/wamp/www/alex/static/";
# Directorio Web (ruta despus del dominio. / para directorio raz)
const WEB_DIR = "/";
# Ruta de la vista por defecto
"/usuarios/usuario/login";
const DEFAULT_VIEW = "/seguimientos/menu/agregar";
* los otros valores se dejan como estn

9. Reiniciar apache y probar http://control.

Conclusiones

Al trmino de esta prctica obtuvimos como resultado un servidor web

virtual con la implementacin de la paquetera WampServer
El trmino Hosting Virtual se refiere a hacer funcionar ms de un sitio en una
sola mquina. Los sitios web virtuales pueden estar "basados en direcciones
IP", lo que significa que cada sitio web tiene una direccin IP diferente, o
"basados en nombres diferentes", lo que significa que con una sola
direccin IP estn funcionando sitios web con diferentes nombres (de
dominio). El hecho de que estn funcionando en la misma mquina fsica
pasa completamente desapercibido para el usuario que visita esos sitios
web.

Referencias electrnicas

http://codegeando.blogspot.mx/2013/03/php-wampserver-definicioninstalacion-y.html
http://www.wampserver.com/en/
http://es.wikihow.com/instalar-WAMP
https://labinformaticaiii.wikispaces.com/file/view/Wamp+Server+Presentaci
on.pdf
http://httpd.apache.org/docs/2.0/es/vhosts/