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
Sunday, 11 de October 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+Present
acion.pdf
http://httpd.apache.org/docs/2.0/es/vhosts/