Biatacora - Alex

download Biatacora - Alex

of 16

Transcript of Biatacora - Alex

  • 7/23/2019 Biatacora - Alex

    1/16

    DESARROLLO DEAplicaciones 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

  • 7/23/2019 Biatacora - Alex

    2/16

    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 unadministrador 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 ala 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 deWampSever. Para caso de ejemplo utilizare la versin WampServer 2.5.

  • 7/23/2019 Biatacora - Alex

    3/16

    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

  • 7/23/2019 Biatacora - Alex

    4/16

    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.

  • 7/23/2019 Biatacora - Alex

    5/16

    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.

  • 7/23/2019 Biatacora - Alex

    6/16

    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.

  • 7/23/2019 Biatacora - Alex

    7/16

    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/23/2019 Biatacora - Alex

    8/16

    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.

  • 7/23/2019 Biatacora - Alex

    9/16

    8. Comprobamos que nuestro servidor est funcionando correctamente,

    ingresando en nuestro navegador a la direccin localhost.

  • 7/23/2019 Biatacora - Alex

    10/16

    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.

  • 7/23/2019 Biatacora - Alex

    11/16

    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

    ServerName localhost

    DocumentRoot "C:/wamp/www"

    NameVirtualHost alex

    ServerName alex

  • 7/23/2019 Biatacora - Alex

    12/16

    DocumentRoot "C:/wamp/www/alex"

    ErrorLog "C:/wamp/logs/alex_errors.log"

    CustomLog "C:/wamp/logs/alex_access.log" combined

    Options -Indexes

    AllowOverride All

  • 7/23/2019 Biatacora - Alex

    13/16

    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/23/2019 Biatacora - Alex

    14/16

    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

  • 7/23/2019 Biatacora - Alex

    15/16

    9.

    Reiniciar apache y probar http://control.

    Conclusiones

    Al trmino de esta prctica obtuvimos como resultado un servidor webvirtual con la implementacin de la paquetera WampServer

    El trmino Hosting Virtualse 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.

    http://httpd.apache.org/docs/2.0/es/vhosts/ip-based.htmlhttp://httpd.apache.org/docs/2.0/es/vhosts/ip-based.htmlhttp://httpd.apache.org/docs/2.0/es/vhosts/name-based.htmlhttp://httpd.apache.org/docs/2.0/es/vhosts/name-based.htmlhttp://httpd.apache.org/docs/2.0/es/vhosts/ip-based.htmlhttp://httpd.apache.org/docs/2.0/es/vhosts/ip-based.html
  • 7/23/2019 Biatacora - Alex

    16/16

    Referencias electrnicas

    http://codegeando.blogspot.mx/2013/03/php-wampserver-definicion-

    instalacion-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/

    http://codegeando.blogspot.mx/2013/03/php-wampserver-definicion-instalacion-y.htmlhttp://codegeando.blogspot.mx/2013/03/php-wampserver-definicion-instalacion-y.htmlhttp://codegeando.blogspot.mx/2013/03/php-wampserver-definicion-instalacion-y.htmlhttp://www.wampserver.com/en/http://www.wampserver.com/en/http://es.wikihow.com/instalar-WAMPhttp://es.wikihow.com/instalar-WAMPhttps://labinformaticaiii.wikispaces.com/file/view/Wamp+Server+Presentacion.pdfhttps://labinformaticaiii.wikispaces.com/file/view/Wamp+Server+Presentacion.pdfhttp://httpd.apache.org/docs/2.0/es/vhosts/http://httpd.apache.org/docs/2.0/es/vhosts/http://httpd.apache.org/docs/2.0/es/vhosts/https://labinformaticaiii.wikispaces.com/file/view/Wamp+Server+Presentacion.pdfhttps://labinformaticaiii.wikispaces.com/file/view/Wamp+Server+Presentacion.pdfhttp://es.wikihow.com/instalar-WAMPhttp://www.wampserver.com/en/http://codegeando.blogspot.mx/2013/03/php-wampserver-definicion-instalacion-y.htmlhttp://codegeando.blogspot.mx/2013/03/php-wampserver-definicion-instalacion-y.html