instalación de xampp y komodo edit - wordpress.com · instalación de xamp y komodo edit...
TRANSCRIPT
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
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
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:
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
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
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:
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:
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:
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:
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:
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.
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
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:
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:
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:
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:
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: