instalación de xampp y komodo edit - wordpress.com · instalación de xamp y komodo edit...

17
Elaborado por: Ing. Víctor Valencia Tecnologías de Internet Tecnologías de Internet Instalación de XAMPP y Instalación de XAMPP y Komodo Edit Komodo Edit

Upload: others

Post on 25-Aug-2020

14 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Instalación de XAMPP y Komodo Edit - WordPress.com · Instalación de XAMP y Komodo Edit Instalación de XAMPP Luego de descargar XAMPP, este se debe descomprimir en la carpeta /opt,

Elaborado por: Ing. Víctor Valencia

Tecnologías de InternetTecnologías de Internet

Instalación de XAMPP y Instalación de XAMPP y Komodo EditKomodo Edit

Page 2: Instalación de XAMPP y Komodo Edit - WordPress.com · Instalación de XAMP y Komodo Edit Instalación de XAMPP Luego de descargar XAMPP, este se debe descomprimir en la carpeta /opt,

Elaborado por: Ing. Víctor Valencia

Instalación de XAMPy Komodo EditInstalación de XAMPy Komodo Edit

Se empleó GNU/Linux distribución Ubuntu 12.04, XAMPP para linux 1.8.1 y Komodo Edit 7.0.2

Komodo edit fue descargado desde la web oficial: http://www.activestate.com/komodo-edit/downloads

XAMPP desde: http://www.apachefriends.org/en/xampp-linux.html

Page 3: Instalación de XAMPP y Komodo Edit - WordPress.com · Instalación de XAMP y Komodo Edit Instalación de XAMPP Luego de descargar XAMPP, este se debe descomprimir en la carpeta /opt,

Elaborado por: Ing. Víctor Valencia

Instalación de XAMP y Komodo EditInstalación de XAMP y Komodo Edit

Instalación de XAMPP

Luego de descargar XAMPP, este se debe descomprimir en la carpeta /opt, para ello se debe usar el comando tar vxzf como se muestra en la imagen:

Page 4: Instalación de XAMPP y Komodo Edit - WordPress.com · Instalación de XAMP y Komodo Edit Instalación de XAMPP Luego de descargar XAMPP, este se debe descomprimir en la carpeta /opt,

Elaborado por: Ing. Víctor Valencia

Instalación de XAMP y Komodo EditInstalación de XAMP y Komodo Edit

Comandos de XAMPP

Iniciar XAMPP:Sudo /opt/lampp/lampp start

Reiniciar XAMPP:Sudo /opt/lampp/lampp restart

Detener XAMPP:Sudo /opt/lampp/lampp stop

Page 5: Instalación de XAMPP y Komodo Edit - WordPress.com · Instalación de XAMP y Komodo Edit Instalación de XAMPP Luego de descargar XAMPP, este se debe descomprimir en la carpeta /opt,

Elaborado por: Ing. Víctor Valencia

Instalación de XAMP y Komodo EditInstalación de XAMP y Komodo Edit

Panel de control de XAMPP

Para evitar el uso de los comandos anteriores XAMPP incluye un panel de control cómodo para el usuario, para abrirlo se ejecuta el siguiente comando:

sudo /opt/lampp/share/xampp-control-panel/xampp-control-panel

Page 6: Instalación de XAMPP y Komodo Edit - WordPress.com · Instalación de XAMP y Komodo Edit Instalación de XAMPP Luego de descargar XAMPP, este se debe descomprimir en la carpeta /opt,

Elaborado por: Ing. Víctor Valencia

Instalación de XAMP y Komodo EditInstalación de XAMP y Komodo Edit

Panel de control de XAMPP

Si se desea crear un acceso directo al panel de control se debe abrir la configuración del menú principal de Ubuntu, ahí seleccionar elemento nuevo e incluir los siguientes datos:

Page 7: Instalación de XAMPP y Komodo Edit - WordPress.com · Instalación de XAMP y Komodo Edit Instalación de XAMPP Luego de descargar XAMPP, este se debe descomprimir en la carpeta /opt,

Elaborado por: Ing. Víctor Valencia

Instalación de XAMP y Komodo EditInstalación de XAMP y Komodo Edit

Panel de control de XAMPP

Luego de realizar el paso anterior podemos conseguir el panel de control en el menu de aplicaciones:

Page 8: Instalación de XAMPP y Komodo Edit - WordPress.com · Instalación de XAMP y Komodo Edit Instalación de XAMPP Luego de descargar XAMPP, este se debe descomprimir en la carpeta /opt,

Elaborado por: Ing. Víctor Valencia

Instalación de XAMP y Komodo EditInstalación de XAMP y Komodo Edit

Panel de control de XAMPP

Al abrir el panel de aplicaciones podemos encontrar las siguientes opciones:

Page 9: Instalación de XAMPP y Komodo Edit - WordPress.com · Instalación de XAMP y Komodo Edit Instalación de XAMPP Luego de descargar XAMPP, este se debe descomprimir en la carpeta /opt,

Elaborado por: Ing. Víctor Valencia

Instalación de XAMP y Komodo EditInstalación de XAMP y Komodo Edit

XAMPP en ejecución

Si escribimos por primera vez la dirección localhost desde cualquier navegador podemos encontrar lo siguiente:

Page 10: Instalación de XAMPP y Komodo Edit - WordPress.com · Instalación de XAMP y Komodo Edit Instalación de XAMPP Luego de descargar XAMPP, este se debe descomprimir en la carpeta /opt,

Elaborado por: Ing. Víctor Valencia

Instalación de XAMP y Komodo EditInstalación de XAMP y Komodo Edit

XAMPP en ejecución

Luego que seleccionamos el idioma cada vez que ingresemos la dirección localhost veremos esta página:

Page 11: Instalación de XAMPP y Komodo Edit - WordPress.com · Instalación de XAMP y Komodo Edit Instalación de XAMPP Luego de descargar XAMPP, este se debe descomprimir en la carpeta /opt,

Elaborado por: Ing. Víctor Valencia

Instalación de XAMP y Komodo EditInstalación de XAMP y Komodo Edit

XAMPP en ejecución

Las páginas web que vayamos a crear deben ser almacenadas en la carpeta /opt/lampp/htdocs, pero la carpeta htdocs está protegida contra escritura y para corregir esto existen dos soluciones:

1- Modificar los permisos de la carpeta:sudo chmod a+w /opt/lampp/htdocs

2- Crear un enlace simbólico entre htdocs y una carpeta de nuestro directorio personal:

sudo ln -s /opt/lampp/htdocs /home/usuario/webs

usuario es el nombre de usuario que hemos creado al instalar ubuntu, y webs es nuestra carpeta creada en el directorio personal.

Page 12: Instalación de XAMPP y Komodo Edit - WordPress.com · Instalación de XAMP y Komodo Edit Instalación de XAMPP Luego de descargar XAMPP, este se debe descomprimir en la carpeta /opt,

Elaborado por: Ing. Víctor Valencia

Instalación de XAMP y Komodo EditInstalación de XAMP y Komodo Edit

Instalación de Komodo Edit

Descomprimir el IDE en nuestra carpeta personal con el comando tar xvzf:

Ubicarse en la carpeta creada al descomprimir el archivo, esto con el comando cd

Page 13: Instalación de XAMPP y Komodo Edit - WordPress.com · Instalación de XAMP y Komodo Edit Instalación de XAMPP Luego de descargar XAMPP, este se debe descomprimir en la carpeta /opt,

Elaborado por: Ing. Víctor Valencia

Instalación de XAMP y Komodo EditInstalación de XAMP y Komodo Edit

Instalación de Komodo Edit

Instalar Komodo Edit mediante el comando:

sudo ./install.sh

Al finalizar nos mostrará este mensaje:

Page 14: Instalación de XAMPP y Komodo Edit - WordPress.com · Instalación de XAMP y Komodo Edit Instalación de XAMPP Luego de descargar XAMPP, este se debe descomprimir en la carpeta /opt,

Elaborado por: Ing. Víctor Valencia

Instalación de XAMP y Komodo EditInstalación de XAMP y Komodo Edit

Instalación de Komodo Edit

Para crear un acceso directo al IDE debemos abrir la configuración del menú principal y crear un elemento nuevo:

Page 15: Instalación de XAMPP y Komodo Edit - WordPress.com · Instalación de XAMP y Komodo Edit Instalación de XAMPP Luego de descargar XAMPP, este se debe descomprimir en la carpeta /opt,

Elaborado por: Ing. Víctor Valencia

Instalación de XAMP y Komodo EditInstalación de XAMP y Komodo Edit

Instalación de Komodo Edit

Incluir la siguiente información en la creación del elemento nuevo:

Page 16: Instalación de XAMPP y Komodo Edit - WordPress.com · Instalación de XAMP y Komodo Edit Instalación de XAMPP Luego de descargar XAMPP, este se debe descomprimir en la carpeta /opt,

Elaborado por: Ing. Víctor Valencia

Instalación de XAMP y Komodo EditInstalación de XAMP y Komodo Edit

Instalación de Komodo Edit

IDE en el menú de aplicaciones de Ubuntu:

Page 17: Instalación de XAMPP y Komodo Edit - WordPress.com · Instalación de XAMP y Komodo Edit Instalación de XAMPP Luego de descargar XAMPP, este se debe descomprimir en la carpeta /opt,

Elaborado por: Ing. Víctor Valencia

Instalación de XAMP y Komodo EditInstalación de XAMP y Komodo Edit

Instalación de Komodo Edit

Ventana principal de Komodo Edit: