Proyecto en equipo servidor WEB y FTP

Hecho por: Elvira Vargas, César Guerrero y Luis García – 5° “A” Programación

Fecha de entrega: Miércoles 19 de septiembre

Maestro: Erick Zamora Flores


Crear un manual de instalación y configuración de XAMPP

Instala y Configura Aplicaciones y Servicios

 

Manual de instalación y configuración de XAMPP

¿Qué es XAMPP?

Es un servidor que consiste en la base de datos MySQL, el servidor Web Apache y los intérpretes para lenguajes de script, es decir, PHP y Perlo. Actúa como un servidor Web libre, fácil de usar y capaz de interpretar páginas dinámicas.

Descarga e instalación de XAMPP

Pasos a seguir:

  • En el navegador de preferencia, buscar “XAMPP”, pulsar la primera opción.

5.1

Ilustración 1

  • Así, abre la página oficial del programa.

5.2

Ilustración 2

  • En las opciones que aparecen debajo para descargar, pulsar la opción correspondiente al sistema operativo que se tenga. En nuestro caso, utilizamos Windows. Esta descarga/configuración funciona para Windows 7, 8.1 y 10.

5.3

Ilustración 3. Opciones de descarga

  • Al pulsar en la opción correspondiente, aparecerá una ventana donde avisa que la descarga debe haber comenzado.

5.4

Ilustración 4. Ventana de descarga

  • Una vez que se ha terminado de descargar, buscar la carpeta de descarga, dar click derecho y pulsar en “Ejecutar como administrador”.

5.5

Ilustración 5. Archivo .exe

  • Aparecerá una ventana flotante, pulsar “Sí”.

5.6

Ilustración 6. Ventana de control

  • En la siguiente ventana emergente nos dice que va a instalar para 32 bits, es decir 86. Pulsar “Ok”.
    Nota: Aunque el sistema operativo que se utilice sea de 64 bits, igualmente funciona.

5.7

Ilustración 7. Ventana flotante de permiso

  • En la siguiente ventana, pulsar “Next”, es decir, siguiente. Para ir al siguiente paso.

5.8

Ilustración 8. Inicio de configuración

  • En la siguiente ventana, seleccionar los componentes que se vayan a necesitar. En nuestro caso lo dejamos tal cual está. Y pulsar en “Next”.

5.9

Ilustración 9. Selección de componentes

  • Nos dice que se va a instalar en una carpeta llamada “xampp”, no es necesario configurar el destino.

5.10

Ilustración 10. Selección de carpeta

  • No es necesario, pero se puede deshabilitar la opción de “Aprender más sobre Bitnami para XAMPP”. Pulsar “Next”.

5.11.PNG

Ilustración 11. Opción de Bitnami

  • La siguiente ventana dice que la aplicación ya está lista para ser instalada, simplemente se pulsa en “Next”.

5.12

Ilustración 12. Verificar configuración

  • Ahora, solamente se necesita esperar para la instalación.

5.13

Ilustración 13. Inicio de instalación

  • Una vez terminada la instalación, aparecerá una ventana donde pregunta si se quiere abrir el Panel de Control, es decir, para poder configurar correctamente. En nuestro caso se desactiva esa opción y se pulsa “Finish”, es decir, terminar.

5.14

Ilustración 14. Fin de instalación

Configuración de XAMPP

Después de descargar e instalar, se necesita configurar XAMPP de manera correcta para que pueda trabajar; para eso se siguen ciertos pasos:

  • Click en el botón de inicio.

5.15

Ilustración 15. Inicio

  • En la opción “Todos los programas” buscar la carpeta XAMPP.

5.16

Ilustración 16. Carpeta XAMPP

  • Luego, se ubica “XAMPPControl Panel”, es decir, el panel de control del programa XAMPP.

5.17

Ilustración 17. Panel de control

  • Dar click derecho sobre este y pulsar “Ejecutar como administrador”. Nota: Este paso es muy importante porque si no, no va a tener la configuración deseada.

5.18

Ilustración 18. Ejecutar como administrador

  • En la ventana emergente pulsar “Sí”.
  • En la siguiente, elegir el idioma en el que se tendrá la aplicación, en nuestro caso inglés. Y pulsar “Save”, es decir, guardar.

5.19

Ilustración 19. Selección de idioma

  • Al salvar, aparece una ventana en la que se configurará lo que necesita nuestra aplicación para funcionar, según lo que necesite.

5.20

Ilustración 20. Panel de control XAMPP

  • En nuestro caso, habilitamos los servicios“Apache” y “MySQL”. Esto se hace pulsando sobre el tache al lado de cada servicio. Y en la ventana que aparece, confirmar la instalación pulsando “Yes”.

5.21

Ilustración 21. Aceptar instalación

  • En el recuadro de abajo debe aparecer que la instalación fue exitosa, es decir, que aparezca “Succesfull!”.

5.22

Ilustración 22. Servicio instalado

  • Una vez hecho esto, se pulsa el botón de “Start” que está al lado de cada servicio que se ha habilitado. Debe aparecer en verde el nombre de los servicios que se han iniciado.

5.23

Ilustración 23. Iniciar servicios

Probar si el servidor local está funcionando correctamente

  • Ir al navegador y escribir “localhost”, pulsar Enter y debe aparecer la siguiente ventana. Debe funcionar aún sin internet. Si aparece, significa que funciona correctamente.

5.24

Ilustración 24. Localhost

Correr archivo “.html” como localhost

  • Crear página en bloc de notas.

5.25

Ilustración 25. Página en html

  • Ir al disco local de la computadora.
  • Luego a xampp.
  • Pulsar sobre “htdocs”.
  • Guardar la página en esa carpeta.

5.26

Ilustración 26. Dirección

  • Ir al Panel de Control de Xampp e iniciar los servicios“Apache” y “MySQL”.

5.27

Ilustración 27. Servicios iniciados

  • Ir al navegador y escribir en el área de link “localhost/” seguido del nombre de la página.

5.28

Ilustración 28. Nombre de la página

  • Pulsar Enter. Ahí debe aparecer la página web como local.

5.29

Ilustración 29. Página web local

Accesar al localhost desde otra computadora/dispositivo en misma red (FTP)

  • Verificar que ambos dispositivos estén conectados a la misma red, ya sea alámbrica o inalámbricamente.

5.30.PNG

Ilustración 30. Dispositivos conectados

  • En la computadora que tiene XAMPP, en el servicio “Apache”, pulsar “Config” y seleccionar “Apache (httpd.conf)”.

5.31

Ilustración 31. Apache (httpd.conf)

  • Buscar la parte que diga “Listen” y un número, el número cambiarlo a “8080”. Y guardarlo.

5.32

Ilustración 32. Puerto 8080

  • De nuevo, pulsar “Config” del servicio “Apache”, pero ahora seleccionar “Apache (httpd-sd.conf)”.

5.33

Ilustración 33. Apache (httpd-sd.conf)

  • De nuevo, buscar en donde diga “Listen” y un número, cambiar el número a “443”. Guardar.

5.34

Ilustración 34. Puerto 443

  • Pulsar “Inicio” y buscar el “CMD”.

5.35

Ilustración 35. CMD

  • Ahí, teclear “ipconfig” para buscar la IPde la computadora.

5.36

Ilustración 36. Dirección IPv4

  • Ahora, en la computadora o dispositivo con la que se quiera ingresar a la página web local, en el navegador poner la IPque se ha obtenido de la computadora con web local, más “:8080”, más el nombre de la página. Así se puede ver la página.

Índice

A

Apache………………………………………………………………………………………………………………… D, 5, 13, 17, 19, 20

C

CMD………………………………………………………………………………………………………………………………… D, 20, 21

H

htdocs………………………………………………………………………………………………………………………………………. 17

I

IP 21

L

localhost…………………………………………………………………………………………………………………. B, 16, 17, 18, 19

M

MySQL……………………………………………………………………………………………………………………………… 5, 13, 17

P

Panel de control…………………………………………………………………………………………………………………………. 11

S

Servicios…………………………………………………………………………………………………………………. D, 13, 14, 15, 17

X

XAMPP…………………………………………………………………………………………………….. 0, B, C, 5, 9, 11, 13, 19, xxiii

Referencias

 

 

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s