Usando Gedit para PHP/(X)HTML/CSS

Desarrollo web, GNU/Linux, Programación 1 Comment

Gedit

Gedit [gnome.org] es el editor predeterminado del entorno de escritorio GNOME ( que uso diariamente :P ). Algunas de sus características son:

* Soporte de textos internacionalizados, usando la codificación UTF-8.
* Coloreado del texto según la sintaxis de varios lenguajes de programación: C, C++ Java, Python…
* Corrector ortográfico multi-idioma.
* Incorporación de plugins para ampliar las funcionalidades básicas del programa.
* Posibilidad de cambiar el color y fuente del texto del editor.
* Numeración de líneas.
* Búsqueda y reemplazo de texto.
* Edición de archivos remotamente.
* Copia de seguridad de los ficheros sobre los que se trabaja.
* Soporte propio para SCIM, pudiendo escribir en distintos alfabetos como el japonés, chino, etc. activándolo desde el menú y teniendo instalado el SCIM.

…y un largo etcétera de nuevas funcionalidades que se van incorporando en sucesivas versiones.

http://es.wikipedia.org/wiki/Gedit.

Y bueno, navegando en busca de las funcionalidad de PHP sobre gedit, me di cuenta que tiene soporte para varios plugins que extienden dicha funcionalidad. No, esto no es guía, más bien, es la recopilación de algunos artículos que tratan del tema que me parecieron interesantes:

Customizing gedit as a Web Developer’s IDE. Esta entrada es de uno de los creadores de precisamente un plugin de gedit, habla sobre sus preferencias al usar Gedit, su plugin, cómo tener a la mano las diferentes etiquetas de (X)HTML/CSS/PHP y de algunas herramientas externas (que es algo como crear scripts para que se integren con el editor).

Usar gEdit como si fuera Dreamweaver (o como IDE Web). Trata de básicamente lo mismo pero en español :P .

Haciendo gedit más sociable para el programador. Este me ha gustado por la mención de algunos ejemplos sobre una de las características de gedit, que es la de Recortes (insertar texto que usamos seguido de forma rápida).

Ahora la pregunta obligada: Cuál es mi aporte al tema? xD, ps ninguno :D (no, mentira). Si leyeron algunas de las entradas de blog anteriores, seguramente se dieron cuenta sobre un complemento en gedit que se llama “Herramientas Externas” (External Tools) o en el peor de los casos , están fastidiados por ir al navegador y escribir la URL de la página que están creando (gedit nativa-mente no puede mandar a mostrar en el navegador predeterminado de GNOME la página que estén programando). Entonces, hice un pequeño script para poder mandar al navegador la página actual que se esté editando, para crearlo habrá que ir a Editar > Preferencias > Plugins y seleccionar Herramientas Externas, pulsar en Configurar Plugin. Crear uno nuevo con las siguientes características:

El script es:

#!/bin/sh

# By soullost.org xD

USER=`id --name -u`
NUMBER=`ls -d /home/${USER}/public_html/ | wc -m`
CUT=`echo cut -c${NUMBER}-`
DIR=`echo $GEDIT_CURRENT_DOCUMENT_DIR | $CUT`
NAME=`echo $GEDIT_CURRENT_DOCUMENT_NAME`

if [ -n "$DIR" ]
then
	URL=`echo http://localhost/~${USER}/${DIR}/${NAME}`
else
	URL=`echo http://localhost/~${USER}/${NAME}`
fi

gnome-open $URL > /dev/null 2> /dev/null

Limitaciones del script:

- Hay que tener configurado el Apache para poder tener una carpeta (public_html) en nuestro home (/home/[usuario]/public_html/) y almacenar ahí nuestras páginas web. Esto hace que al acceder desde el navegador, la URL tenga que escribirse así: http://localhost/~[usuario]/. Por lo tanto, la página web a visualizar tiene que estar dentro de este directorio (si no es así, no va a funcionar!).

- gnome-open toma el navegador predeterminado que se especifica en: Sistema > Preferencias > Aplicaciones Preferidas. Yo tengo a epiphany para que abra un nuevo enlace en una pestaña nueva :P .

Uso:

- Si está todo bien, cuando quieras visualizar la página web que estés editando basta con pulsar Ctrl + F12.

Nota: Por supuesto, te puedes sentir libre de modificar el script a tus necesidades :D (sólo basta saber un poco de bash).

Espero les sea útil. Nos vemos y a programar con Gedit ;) .

Califica el tema:
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

Soporte para webcam con emesene en GNU/Linux

GNU/Linux 12 Comments

Aquí comentaba que ya se estaba trabajando en el soporte para la webcam en emesene, ahora lo acabo de probar y realmente funciona!, a pesar de que aún está en pruebas.

Para instalar la versión que soporta webcam hay que hacer lo siguiente:

1) Des-instalar cualquier otra versión que se tenga disponible (emerge -C emesene, en gentoo).
2) Bajar la versión del SVN de emesene:

svn co https://emesene.svn.sourceforge.net/svnroot/emesene/trunk/emesene emesene

Lo anterior creará un directorio “emesene” con la versión más reciente del mismo.

3) Hay que dar el soporte para libmimic:

cd emesene
python setup.py build

4) Instalamos en el sistema:

su
python setup.py install

5) Ejecutamos (en la misma carpeta de “emesene“), antes salimos del modo root:

exit
./emesene

Listo!

Para actualizar emesene basta con volver a la carpeta que pusimos la primera vez que descargamos desde el SVN y teclear:

svn up

Si hay actualizaciones, volver a instalar con los pasos anteriores.

Screenshot:

PD: Por el momento leía en el foro de emesene, al parecer sólo es para recibir.

Califica el tema:
1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 5 out of 5)
Loading ... Loading ...

Emesene a convertirse en el IM oficial para GNU/Linux

GNU/Linux 4 Comments

Anteriormente ya había hablado de como instalar emsense. Después de probarlo por un par de meses, creo que la única función que le hace falta para convertirse en el cliente oficial de gnu/linux para la red WLM (Windows Live Messneger) es el soporte para la Webcam. Si así es, ya se están trabajando en el soporte para poder recibir/enviar vídeo con las cámaras web.

Actualizando el emesene desde gentoo, basta con hacer un emerge emesene para que portage nos baje las nuevas actualizaciones desde SVN. Ahora hay un icono en las conversaciones de una webcam:

Esto es prometedor :D , esperemos pronto se implemente por completo :) .

Por cierto, gracioso la nueva información sobre emesene:

Se podría decir: Emesene a convertirse en la mejor alternativa de la red WLM en windows y gnu/linux

Califica el tema:
1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5 out of 5)
Loading ... Loading ...

El ejercito de EUA usa Gnome en Jericho

GNU/Linux, General 3 Comments

Hoy me lleve una grata sorpresa 8) (de esas que sólo un geek puede tener) y es que mientras veía el episodio 4 de la segunda (y última) temporada de Jericho (espero el final no sea tan malo como dicen), me di cuenta en un acercamiento de una escena donde se muestra un vídeo, que abajo en la pantalla se veía el logotipo de gnome :o :D . Aunque parece ser un versión vieja (no tengo la suficiente edad como para que la hubiese probado|visto :( ), me llamo mucho la atención :P . Aquí les muestro algunas capturas y el pedazo de vídeo que contiene la escena en especifico.

Link: http://www.youtube.com/watch?v=UgWFgNyc8Jw

Eso me recuerda al post de fernando en Picando Código [picandocodigo.net] sobre una escena similar (pero con Unix) en la película de Jurassic Park.

Espero les sea grato tanto como a mi :P .

PD: No me impresionaría que ya apareciera gnome en un episodio anterior, pero, soy medio despistado a veces y seguramente no me di cuenta xD.

Saludos!!.

Califica el tema:
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

Apariencia de Vista en Gnome

GNU/Linux 6 Comments

Esto lo pongo a raíz de bajar el siguiente paquete de gnome-look.org: URL. Se trata de un paquete con instalador (bash), que contiene los siguiente componentes para darle la apariencia de Vista a Gnome:

  • Paquete de iconos
  • Themes para GTK y Metacity
  • Cursor
  • Themes para emerald
  • Fuente
  • Gnome Splash
  • Theme para GDM
  • Sonido de inicio de sesión similar a vista
  • Menú de Vista
  • Wallpapers

Como ya mencioné, el paquete trae un script en bash para instalar los componentes anteriores, pero, me dí cuenta que el script contiene varios errores, así que, me di a la tarea de corregirlo y volver a comprimir-lo para que ustedes tenga la oportunidad de probarlo ;) (como dios manda xD). El script modificado es:

#!/bin/bash

echo ""
echo "Changing directory to vista/"
echo ""
cd vista/

#Creating diretories for installation

echo ""
echo "Verify Directories"
echo ""
if [ ! -d ~/.themes/ ]; then
	mkdir ~/.themes/
fi
if [ ! -d ~/.icons/ ]; then
	mkdir ~/.icons/
fi
if [ ! -d  ~/.gnome2/splashes/ ]; then
	mkdir  ~/.gnome2/splashes/
fi
if [ ! -d ~/.gnome2/panel-image/ ]; then
	mkdir ~/.gnome2/panel-image/
fi
if [ ! -d  ~/.emerald/ ]; then
	mkdir  ~/.emerald/
fi
if [ ! -d  ~/.fonts/ ]; then
	mkdir  ~/.fonts/
fi
if [ ! -d ~/.emerald/themes/aero_blue/ ]; then
	mkdir -p ~/.emerald/themes/aero_blue/
fi
if [ ! -d ~/.emerald/themes/subvista/ ]; then
	mkdir -p ~/.emerald/themes/subvista/
fi
echo ""
echo "Done verify directories"
echo ""

#GTK theme comes first
echo ""
echo "Moving GTK theme"
echo ""
cd gtk-metacity-theme/
cp Vista/ ~/.themes/ -R
cp aero-clone/ ~/.themes/ -R
cp MidnightBlackPlastic/ ~/.themes/ -R
cp VistaMix/ ~/.themes/ -R
cd ..
echo ""
echo "Done moving GTK theme"
echo ""

#Now for the icon theme
echo ""
echo "Moving icon theme"
echo ""

cd icon-theme/
cp aero-icons/ ~/.icons/ -R
cd ..
echo ""
echo "Done moving icon theme"

#Mouse theme time
echo ""
echo "Moving mouse cursor theme"
echo ""

cd mouse-theme/
cp aero-mouse/ ~/.icons/ -R
cd ..
echo ""
echo "Done moving mouse cursor theme"

#GNOME splash
echo ""
echo "Moving GNOME splash"
echo ""
cd gnome-splash/
cp vista-splash.png ~/.gnome2/splashes/
cd ..
echo ""
echo "Done moving GNOME splash"

#Moving panel image
echo ""
echo "Moving panel image"
echo ""
cd panel-theme/
cp Vista-Panel.png ~/.gnome2/panel-image
cd ..
echo ""
echo "Done moving panel image"

#Moving the Vista startup sound
echo ""
echo "Moving Vista startup sound"
echo ""
cd sound-theme/
gksu -m "Escribe tu contraseña de root para continuar con la instalacion." "cp vista-startup.wav /usr/share/sounds/" 2> /dev/null
cd ..
echo ""
echo "Done moving Vista startup sound"

#Moving GDM login theme
echo ""
echo "Moving GDM Vista login theme"
echo ""
cd login-theme/
gksu -m "Escribe tu contraseña de root para continuar con la instalacion." "cp vista-login/ /usr/share/gdm/themes/ -R" 2> /dev/null
cd ..
echo ""
echo "Done moving GDM login theme"

#Moving the the Emerald Vista theme
echo ""
echo "Moving the Vista Emerald theme"
echo ""
cd emerald-theme/
cp aero_blue.emerald ~/.emerald/
cp subvista.emerald ~/.emerald/
cd ..
echo ""
echo "Done moving Emerald theme"

#Vista menu, recently added
echo ""
echo "Moving files for the Vista menu"
echo ""
cd vista-menu/
sh install.sh
cd ..
echo ""
echo "Done installing Vista menu"

#Moving font
echo ""
echo "Moving Segoe UI font files"
echo ""
cd font/
cp seg* ~/.fonts/
cd ..
echo ""
echo "Done moving font"

#Above buttons for Emerald theme
echo ""
echo "Moving above buttons for Emerald theme"
echo ""
cd above-buttons/
cp buttons* ~/.emerald/themes/aero_blue/
cp buttons* ~/.emerald/themes/subvista/
cd ..
echo ""
echo "Done moving above buttons. See after-install for instructions"

emerald-theme-manager

Modificaciones:

  • Cambio del formato del script con dos2unix para ejecución del mismo.
  • Verificar directorios para no producir errores durante la instalación.
  • Uso de gksu para permisos de root durante la instalación.
  • Corrección de algunos errores en el script original.

El único requisito que tiene el script es que, hace uso de gksu, así que habrá que tenerlo :) . Pueden poner en su consola:

UnderHouse vista-aero-theme-automated.v2.2 # whereis gksu
gksu: /usr/bin/gksu /usr/X11R6/bin/gksu /usr/share/gksu /usr/share/man/man1/gksu.1.bz2

Como ven (/usr/bin/gksu), con eso sabemos que lo tenemos instalado.

Para instalar el paquete:

wget http://soullost.org/blog/wp-content/uploads/2008/03/vista.tar.bz2
tar xvjf vista-tar.bz2
sh INSTALL

Y es todo! :P .

Para más detalles de como modificar para aplicar los themes, leer: afterInstall (disponible en la misma carpeta, vista).

Screenshots:

PD: La barrita de el último screenshot no viene en este paquete :P , se llama: AWN
PD2: He agregado un theme más para gtk, llamado: VistaMix xD .
PD3: Recomendado, después de instalar hacer un: fc-cache , para las fuentes.

Califica el tema:
1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5 out of 5)
Loading ... Loading ...

« Previous Entries Next Entries »