Ahora si empezaremos con lo bueno de XUL, haber hasta donde logramos llegar.
Ya sabemos que es XUL, y a pesar de servir para hacer extensiones para Firefox, Thunderbird, Songbird, etc. Nosotros lo usaremos para realizar aplicaciones de escritorio primero sencillas aprendiendo los controles y posteriormente aplicaciones mas profesionales.
Empecemos.
CREACION DE UN HOLA MUNDO EN WINDOWS (XP, no probado en vista).
Recomendacion: De preferencia no uses windows vista, ya que Xulrunner, no lo he probado en ese sistema y es probable que te de fallos, usa XP en este caso.
Bien primero necesitamos bajarnos el Xul Runner, que viene siendo algo asi como la maquina virtual de java, pero en este caso es para ejecutar aplicaciones xul.
Para bajarlo iremos a la siguiente dirección web http://developer.mozilla.org/es/docs/XULRunner, y desde ahi podemos bajarnos el XUlRunner que en este caso corresponde a la versión 1.0.8.1, version conocida como pre-version estable, esta disponibles hasta el momento 3 opciones de descarga.
Para Linux, Windows y Mac OSx, si desean las cosas mas rapidamente aqui les pongo los enlaces de descarga directa.
Descargar XulRunner para Windows: Aqui
Descargar XulRunner para Linux: Aqui
Descargar XulRunner para Mac OS X: Aqui
Bien ya que lo tenemos descargado procedemos a descomprimirlo, en mi caso lo realizare en la unidad D:
Quedando de esta forma en D:\xulrunner, los siguientes archivos.
Directorio de D:\xulrunner
21/10/2007 11:24 a.m.
21/10/2007 11:24 a.m.
26/01/2006 08:42 a.m. 8,314 AccessibleMarshal.dll
21/10/2007 11:24 a.m.
21/10/2007 11:24 a.m.
21/10/2007 11:24 a.m.
26/01/2006 08:37 a.m. 48 dependentlibs.list
26/01/2006 08:39 a.m. 10,894 GenerateJavaInterfaces.exe
21/10/2007 11:24 a.m.
26/01/2006 08:40 a.m. 4,825 javaxpcom.jar
26/01/2006 08:42 a.m. 8,826 javaxpcomglue.dll
26/01/2006 08:42 a.m. 414,303 js3250.dll
05/10/1999 07:14 p.m. 30,869 LICENSE
26/01/2006 08:42 a.m. 194,686 mozctl.dll
26/01/2006 08:42 a.m. 7,814 mozctlx.dll
26/01/2006 08:42 a.m. 155,750 nspr4.dll
26/01/2006 08:42 a.m. 364,638 nss3.dll
26/01/2006 08:42 a.m. 237,669 nssckbi.dll
26/01/2006 08:42 a.m. 28,779 plc4.dll
26/01/2006 08:42 a.m. 24,678 plds4.dll
21/10/2007 11:24 a.m.
12/03/2004 10:25 p.m. 9,542 README.txt
21/10/2007 11:24 a.m.
21/10/2007 11:24 a.m.
26/01/2006 08:42 a.m. 106,594 smime3.dll
26/01/2006 08:42 a.m. 476 softokn3.chk
26/01/2006 08:42 a.m. 364,646 softokn3.dll
26/01/2006 08:42 a.m. 110,686 ssl3.dll
26/01/2006 08:34 a.m. 123,004 updater.exe
26/01/2006 08:42 a.m. 7,778 xpcom.dll
26/01/2006 08:34 a.m. 63,598 xpicleanup.exe
26/01/2006 08:42 a.m. 7,133,797 xul.dll
26/01/2006 08:41 a.m. 9,839 xulrunner-stub.exe
26/01/2006 08:41 a.m. 81,001 xulrunner.exe
Una vez teniendo esto vamos a escribir nuestro proyecto “holamundo”, nuevamente trabajare en D: ,les recomiendo ampliamente que trabajen en raiz ya sea en C:, D: , e: etc, pero no en el escritorio o en mis documentos ya que esto les confundira con las rutas o paths que usaremos.
Hagamos Una carpeta en D: llamada XUL, no es necesario que se llame asi pero si es muy recomendable.
Una vez ahi creamos nuestra carpeta del proyecto la cual debera llevar el mismo nombre que el nombre de la aplicacion en este caso se llamara holamundo.
Dentro de la carpeta anterior (holamundo) crearemos 2 carpetas mas una llamada “chrome” y otra “defaults“, en este caso estas carpetas si son necesarias y obligatorias, ademas crearemos tambien un archivo llamado “applicacion.ini” este lo creamos con el block de notas o algo similar, revisen que el archivo realmente tenga la extension .ini.
De esta forma tenemos.
D:\XUL\holamundo
|
—– application.ini
|
|
——chrome/
|
|
——defaults/
Ahora veamos que contendra el archivo application.ini.
Nota: para poner comentarios en el archivo application.ini es necesario poner punto y coma (;) la pricipio de la linea
[App]
; Nombre de la organizacion que distribuira la aplicacion , no es necesario pero es recoemndable ponerlo
;opcional
Vendor=Ajaxman
;
; Nombre de la aplicacion
; Requerido
Name=holamundo
;
; Version de la aplicacion
;Opcional
Version=1.0
;
; Campo de fecha de creacion el cual sirve como ID esta en formato “timestamp” , es requerido
;
BuildID=20060101
;
; Derechos de la aplicacion
; opcional
Copyright= Creative commons
[Gecko]
;
; Este campo dice que version de motor Gecko (XulRunner) necesitaremos para ejecutar la aplicación
; Requerida
MinVersion=1.8
;
; Este campo dice que version sera la maxima version que aceptara nuestra aplicacion en este caso es opcionaly no la pondre
;
;
;MaxVersion=1.8
Bien ahora dentro de la carpeta “chrome”, creamos un archivo llamado “chrome.manifest” , es obligatorio tambien crear este archivo.
el cual contendra lo siguiente
content holamundo file:content/
Con esto le indicamos que el archivo Xul que usara estara en la carpeta content, dentro de nuestra aplicacion XUL.
Obviamente necesitaremos crear tambien la carpeta “content”, y dentro de esta carpeta crearemos nuestro archivo XUL.
El archivo se llamara “main.xul” y ahora agregemos el contendido
Como vemos basicamente se trata de un XML, lo unico que destacaremos que es para crear una ventana necesitamos usar la TAG window, por el momento no entraremos en mas detalles podemos ir experimentando posteriormente pero de momento lo dejaremos asi.
y le agrege tambien un tag “caption label” que no hara otra cosa mas que mostarnos dentro de nuestra ventana XUL, el texto “Hola mundo”
Ahora en en la carpeta “defaults” que creamos anteriormente, creamos otroa carpeta llamada “preferences”
Y dentro de esta carpeta creamos un archivo llamado “prefs.js” el cual contendra lo siguiente
pref(”toolkit.defaultChromeURI”, “chrome://holamundo/content/main.xul”);
este archivo tiene las preferencias en este caso es donde tenemos nuestro achivo de inicio XUL
Ahora bien ejecutemos nuestra aplicacion
En la carpeta que guardara nuestra aplicacion el nombre debe ser con minusculas no usen mayusculas si no, no jalara ejemplo. usen holamundo en lugar de Holamundo y similares
Para correrlo nos pasamos a la carpeta xulrunner y desde ahi lo ejecutamos de la siguiente manera.
D:\xulrunner\xulrunner.exe D:\XUL\holamundo\application.ini
De esta forma nos mostrara nuestra primera aplicacion xul ,y notaran que se trata de una ventana estandar de Windows, la cerramos y listo ya creamos nuestra pirmera aplicacion con XUL.
Pueden Descargar el ejemplo que use desde aqui Hola mundo en XUL
Related posts:
- [Manual]Programando aplicaciones con XUL: Botones Capitulo 2: Bien continuemos con nuestro manual de XUL, ya...
- [Manual - Codeigniter] Programando php en MVC con CodeIgniter [Parte 1] Antes de empezar con este post, quiero ofrecer disculpas ya...
- [Mozilla Prism] Paginas web como aplicaciones de escritorio Via anieto2k me entero de Mozilla Prism, una Herramienta que...
- [Manual] El archivo de configuracion del servidor Apache httpd.conf Lamentablemente a pesar de que había empezado bien ha postear...
- [Manual] Sobrecarga de metodos en Javascript Jhon resig escribio una forma de realizar la sobrecarga de...
Related posts brought to you by Yet Another Related Posts Plugin.
4 Responses
oe man bien por tu aporte
pero quiciera hacerte unas preguntas personales porfa mi correo es : for_m43@hotmail.com
Muy interesante, cuando tenga tiempo voy a ver si puedo crear algo.
Saludos, excelente blog!
sabes si hay algun ide o un addon que facilite la creacion de soft en xul
Hola @minder:
Que yo sepa no, pero de todos modos voy a seguir investigando