ZumOSbeta
Asómate al futuro
Introducción a ZumOS
Se trata de un entorno de escritorio basado en Web, que pretende facilitarte la navegación y hacerte pasar un rato agradable.
El sistema incluye algunos programas, como reproductor de vídeos, messenger de ZumOS, o administrador de skins. Por el momento el desarrollo se centra en el funcionamiento general, y muy pronto se crearán nuevos y potentes programas.
Además este es un proyecto libre, y puedes descargarte todas las versiones en el enlace de la barra lateral.
Liberada versión 2.0 Estiu
Efectivamente, ya ha sido liberada la versión 2.0 con el pseudónimo “Estiu”.
Como en la primera versión, la licencia es la GNU General Public License.
Para descargarla podéis hacerlo desde la página de descargas. Para ver los cambios realizados de la anterior versión a esta, podéis echarun ojo a las Modificaciones.
La tercera versión ya está en marcha. Los primeros desarrollos: sistema de iconos en escritorio, gestor de opciones para botón derecho, búsqueda en repositorios y algunos interesantes programas nuevos.
Empieza también la búsqueda del nombre para la tercera versión.
Analizando otros WebOS
El mundo de los WebOS es un mundo inexplorado e indefinido. Cada WebOS intenta imitar un entorno de Sistema Operativo de la forma que cree conveniente.
Hoy vamos a echar un ojo a unos cuantos WebOS disponibles por internet, a ver cómo va la cosa. He de aclarar que para hacer esta investigación me pondré en el papel de un usuario exigente y tirando a cafre (desentendido), no me costará 
DeskLoad
[ http://www.deskload.com/ ] [inglés]
Este se presenta como un pequeño escritorio online. Francamente no le veo gran utilidad, más que añadir enlaces y colocarlos como iconos. A primera vista eso es todo lo que ofrece.
VegUI
[ http://demo.vegui.org/ ] [inglés]
En realidad se trata de un framework para interacción Ajax y uso de Widgets, pero en su demo tienen algo muy similar a un WebOS. Es elegante, aúnque algo siniestro. Contiene programas bien hechos, aún pocos. Poca utilidad para usuarios.
EyeOS
[ http://eyeos.org/demo/ ] [inglés]
Desarrollo español. Se centra en la gestión de archivos y carpetas, así como en algunas herramientas útiles para la gestión diaria (Lector RSS, Procesador de textos, etc…)
YouOS
[ http://www.youos.com/html/index.html?mode=demo ] [inglés]
Muy complejo y recargado. Aparentemente es muy eficaz y completo. Algo complicado para manejarse. Tiene programas de todo tipo, incluso creados por usuarios.
Wubuntu
[ http://wubuntu.weejewel.net/boot.htm ] [inglés]
Pequeño proyecto de llevar el escritorio de Ubuntu a la Web. Intento fallido, porque no tiene más que el navegador, y un mensaje de bienvenida. Todo el resto es falso, no funciona. Dicen que la intención es lo que cuenta…
(Continuará …)
*******
Agradecimientos a ximo88 por su labor diaria de información.
- Escrito por Alex.
20-6-2007 @ 2:08 am Comentar
Messenger en ZumOS
Sí, han oido bien. El programa de mensajería instantánea privada ya está en el repositorio de ZumOS.
Esta versión alfa del programa ya ha sido testeada, y ha llevado una tarde su desarrollo. Su funcionalidad es de lo más sencilla, pero resulta muy potente como medio de comunicación rápido y eficaz.
Se han detectado pocos fallos. En Opera no funciona correctamente, pero ZumOS de momento sólo funciona correctamente bajo Firefox.
Logicamente sólo funcionará si hay más de una persona conectada. Así que buscáos a alguien y probadlo, ya me diréis que tal funciona.
Código fuente del programa de arranque aqui => [http://zumos.zumbe.net/os/programas/messenger/run.js]
- Escrito por Alex.
19-6-2007 @ 12:49 am Comentar
ZumOS v.0.2
Tras la versión de lanzamiento v.0.1 Begins, está ya tomando cuerpo la siguiente versión, mejorada en muchos aspectos de la primera.
El nombre de esta segunda versión sigue abierto, se aceptan propuestas! (pasará a llamarse Estiu)
En esta nueva versión que se acerca, entre otras cosas, los programas que antes estaban en una Base de Datos, ahora se situarán en directorios, dentro de la carpeta programas. De esta forma, es mucho más cómodo y modular. Instalar un programa consistiría sólo en subir una carpeta a tu host (parecido a los plugins de Wordpress).
Estos programas estarían estandarizados, para que el sistema pueda trabajar bien con ellos. Las normas son las siguientes:
- El nombre identificativo del programa es el de la carpeta. El nombre real del programa viene indicado en el archivo info.php que se describe más adelante.
- El único archivo fundamental en todo programa es uno con el nombre run.js. Este es un archivo JavaScript que contiene todas las instrucciones de arranque del programa. Preferiblemente, se debe poner el programa en forma de objeto, para evitar sobreescribir funciones o variables del sistema.
- El segundo archivo más significativo, aunque no obligatorio, es info.php. En este archivo se encuentra la información que el sistema necesita en referencia al programa (en forma de array asociativo). Si no se incluye este archivo, o si dentro de este archivo no se define alguno de los datos requeridos, se pasaría a seguir un protocolo alternativo. Por ejemplo, si no se define el nombre, se usaría el nombre de la carpeta del programa; o si no se define una ruta para el icono del programa se usaría un icono genérico; o si no se declara el tipo de programa, se almacenaría en el género “sin definir“. (Creo que os hacéis una idea)
- Después vendrían el resto de archivos necesarios para el funcionamiento del programa (por ejemplo un archivo PHP que contenga instrucciones del lado de servidor). A estos archivos se les llama desde el run.js, ya sea con AJAX o incluyéndolos en el sistema (como archivos CSS para estilos del programa). También un archivo icono para el programa, en varios tamaños estandarizados, etc. Si el archivo se llamara ico.png/jpg/gif no haría falta definirlo en info.php por el protocolo alternativo que nombraba antes.
Esquema de los archivos principales de un programa en ZumOS
También he pensado algunas reestructuraciones en el funcionamiento general de ZumOS:
Ahora el archivo principal del lado cliente se llamará core.js, y se incluirán todos los procesos básicos necesarios para el sistema. Los archivos js adjuntos van a incluir muchísimas funciones nuevas que harán más eficiente el sistema (aúnque la primera carga de ZumOS durará un poco más, eso es lo de menos).
También he pensado en un skin nuevo, y la pantalla tendrá algún que otro detalle nuevo para hacer al sistema más completo.
En fin, esto es a amplios rasgos lo que he pensado. Dentro de muy poco me pondré manos a la obra, así que preparáos porque voy a necesitar mucho beta-tester para esta nueva versión!
- Escrito por Alex.
9-6-2007 @ 9:00 pm Comentar
Crear una Ventana
Voy a inaugurar la sección de Tutoriales de ZumOS con lo que para mí es lo más básico de este WebOS, la creación de ventanas.
El contenido de este tutorial irá cambiando, a medida que la forma de trabajar con ventanas en ZumOS vaya cambiando.
Si te consideras con conocimientos suficientes, puedes comenzar echando un ojo al código fuente del gestor de ventanas (en JavaScript) en esta dirección: http://zumos.zumbe.net/os/js/ventanas.js
Empecemos por el principio del todo, la clase Ventana. Primero de todo hemos de crear nuestra nueva ventana de la siguiente forma:
var miventana = new Ventana(id);
Aunque siempre es más cómodo usar la función puesta a tu disposición $V() :
var miventana = $V(id);
El parámetro id es el identificativo de la ventana. Es importante que cada programa tenga una única id en común. Por ejemplo, en el programa “prueba”, la id de ventana será “prueba”, el archivo JavaScript que cargue también tendrá la id “prueba”, etc.
Una ventana tiene una serie de procesos que explicaré a continuación:
Crea es el primero de todos, y sólo puede ser llamado una vez, para crear la ventana. Repetir el proceso devolverá un error.
Como único y obligado parámetro has de introducir un array de cuatro elementos, indicando coordenadas, que pueden ir vacías para que el sistema le adjudique unas por defecto. Las coordenadas son, por orden, distancia desde arriba, distancia desde la izquierda, ancho y alto; todas en píxeles. Pongamos un ejemplo:
$V('miventana').crea([,,300,400]); //las coordenadas de posición dejo que las elija el sistema, el ancho y el alto lo defino yo (300*400)
Cuando creamos una nueva ventana, por defecto se le adjudica un título provisional, pero deberíamos cambiarlo al título del programa, o lo que queramos, de la siguiente forma:
$V('miventana').titulo("Esta es mi ventana");
Algo interesante es que podemos encadenar los procesos de una misma ventana, puediendo hacer esto:
$V('miventana').crea([50,30,400,600]).titulo("Esta es mi ventana");
Se pueden encadenar todos los procesos que se quiera.
Otro proceso importante es llena, que llena de contenido HTML nuestra ventana. Por ahora sólo puede trabajarse de esta forma con el contenido de la ventana, pero próximamente esto va a cambiar mucho. Pero de momento tendremos que conformarnos con:
$V('miventana').llena('Esta ventana ha sido generada en ZumOS’);
Metiéndonos en procesos más específicos tenemos mueve, que cambia los parámetros iniciales por los dados, es un array de cuatro elementos, indicando distancia desde arriba, dist. desde la izquierda, ancho y alto. Podemos aplicar este proceso en cualquier momento. Un ejemplo:
$V('miventana').mueve([30,30,450,260]);
También disponemos del dominio sobre los controles de cada ventana, es decir, minimizar, maximizar y cerrar. Por si no te abias fijado, todos los procesos se escriben en imperativo, así que se llaman minimiza, maximiza, y cierra:
$V('miventana').minimiza(); //minimizo la ventana
Y por último, tenemos el proceso destaca, que hace que la ventana se convierta en la principal y destacada, es decir, la resalta sobre el resto. Es lo que ocurre cuando hacemos clic sobre una ventana.
Un detalle final. La función $V(), si no se le pasa ningun parámetro, devuelve un array con todos los elementos Ventana, para aplicarle cualquier propiedad Element de Mootools. Por ejemplo:
$V().addEvent('mouseover',function(){$V(this.getProperty('id')).destaca();})
Con esa pequeña línea de código, todas las ventanas serán destacadas sólo con pasar el ratón por encima.
No olvides que si por una de aquellas se te ocurre hacer un programa para ZumOS, puedes enviármelo, aúnque sea la idea, para incorporarlo.
- Escrito por Alex.
7-3-2007 @ 10:00 pm Comentar
WebOS Codeorama
Voy encontrando competidores poco a poco, esta vez viene de nuestros amigos los brasileños.
Via WwwhatsNew encuentro este proyecto de WebOS en portugués.
En algunos aspectos Codeorama supera a ZumOS (Hablo del desarrollo actual de ambos, está claro que los dos tienen apiraciones mayores.) Por ejemplo que usa iconos en el escritorio, que gestiona usuarios, que es visualmente más completo… Pero todo eso está siendo desarrollado en ZumOS. Tengo fe en que acabaremos superándole con creces.
En ZumOS está habiendo muchas mejoras, pronto os diré qué hay de nuevo, tanto a nivel programador como a nivel usuario.
- Escrito por Alex.
4-3-2007 @ 10:49 pm Comentar
Diseño mac
Siguiendo con mi racha de skins, y habiendo creado skins de los principales Sistemas operativos, me veia en la obligación de hacer el Skin de Mac. He tenido más dificultades, porque he usado muy poco Mac, también porque no tiene un sistema de pestañas basado en texto, sinó en imágenes, de modo que me lo he tenido que inventar. Si alguien usa Mac y encuentra algo fuera de lugar por favor que lo comente.
Lo que no entiendo muy bien es cómo se diferencia “cerrar”, “minimizar” y “maximizar”. Si alguien puede aclararme algo, por favor que comente.
Con este ya son seis los Estilos para ZumOS. Creo que esto será un factor muy positivo para el uso de ZumOS. Además podéis enviar o sugerir diseños, los añadiré encantado.
- Escrito por Alex.
25-2-2007 @ 2:31 pm Comentar
Avanzando sin parar
Esta semana he avanzado bastante con ZumOS. En parte gracias a heySilver, en parte gracias a que era una semana con poco exámenes.
Entre ayer por la noche y hoy, he estado trabajando a toda máquina. Tengo que parar esto, que aun queda curso por delante.
En primer lugar, he habilitado el programa ‘youTube‘, hermano gemelo del programa ‘goEar‘, pero para YouTube. Me da la impresión de que es más rápido, y desdeluego no tiene las caidas de server y demás contratiempos de GoEar.
Para acceder más rápidamente se ha creado el atajo CTRL + Y, el cual podrá ser personalizado más adelante, cuando cree las cuentas de usuario.
En segundo lugar, una pequeña aplicación para ordenar las ventanas en un momento dado. Basta con pulsar ALT + R (por favor, confirmadme si os funciona). Por ahora sólo puede ordenar hasta 4 ventanas, pero pronto tendrá capacidad hasta seis Puede ordenar cualquier número de ventanas.
Por último quiero presentaros el nuevo Skin. Se trata de Ubuntu New, que es similar a Old Ubuntu, pero con el aspecto más moderno, de las últimas versiones. Para usarlo, ya sabéis: Programas > Sistema > Estilos.
No querría despedirme, sin antes agradecer su trabajo a mis beta-testers: Sus, y sobre todo Blood.
- Escrito por Alex.
22-2-2007 @ 6:44 pm Comentar
gracias, heySilver
Tras echarle un buen ojo al código de heySilver, he tomado buena nota y he aplicado algunas cosas a zumOS. A continuación os muestro las mejoras y avances que he hecho:
He creado el objeto sist. Antes las funciones principales del sistema estaban en un archivo llamado base.js, ahora, siguiendo la estructura de array tan flexible que tiene javaScript he creado el objeto sist, que contiene tanto información como funciones. Algunos ejemplos, para obtener la version de ZumOS que se está usando sólo hay que llamar a la variable “sist.version”, y para mostrar un error basta con escribir “sist.error(’Texto del error’)”.
También estoy desarrollando un soporte para atajos con el teclado gracias a la clase Event de Mootools. Actualmente pulsando “CTRL + M” se abre el reproductor de forma automática. Elaboraré este aspecto más a fondo, pudiendo incluso personalizar estos atajos de teclado.
En el estilo por defecto de ZumOS las ventanas están ligeramente redondeadas. Esto es gracias a una propiedad CSS que sólo incorpora firefox como precursor del futuro estandard, que todos esperamos con ansias.
Pronto muchos más avances!
Por cierto, anuncio la reincorporación al mundo web de Statu. Mucha suerte!
- Escrito por Alex.
21-2-2007 @ 6:35 pm Comentar
Analizando heySilver
En la incubadora se encuentra el nuevo proyecto del amigo Andrés Nieto: heySilver.
Desde que leí la primera entrada en que lo presentaba al público me llamó la atención. Era un concepto muy novedoso, tanto que me costó un tiempo entenderlo (creo que ya lo he entendido)
A pesar de la explicación que en su día dió Andrés, y que nadie se atreve a cambiar:
“ heySilver, es un sistema de navegación modular para aplicaciones web que aporta una funcionalidad extra a toda aplicación. “
Yo voy a tratar de explicar un poco mejor de qué se trata:
Podríamos llamarlo plugin, programa, código, aplicación… pero lo importante es que mediante la inclusión en nuestra página de tres archivos (mootools, el archivo javascript de heySilver y la hoja de estilos) ponemos al alcance del usuario un menú que aparece al pulsar SHIFT + ESPACIO, el cual podemos rellenar con las opciones que deseemos en forma de plugins. Y esto puede ser utilizado en cualquier contexto, heySilver no implica nada más que eso, el horizonte de las posibilidades está abierto a la imaginación del programador.
Pero mucho cuidado, está en versión beta, yo diría que hasta alfa. No recomendaría su utilización todabía, sinó que nos encontramos en la fase de pruebas y solución de bugs.
Algunos problemas que encuentro son:
Estilos: A primera impresión los estilos están muy conseguido. Pero si nos fijamos a fondo: depende de imágenes, que además son grandes; algunos tamaños de letras son ilegibles; los tamaños de las cajas no son dinámicos, con lo que al usar una fuente más grande se distorsiona; depende de un archivo para el estilo, esto no es del todo malo, pero puede traer problemas.- Aparicíon: Al llamar al menú heySilver, te envía a arriba del todo de la página. Esto puede resultar molesto y desorientativo para el usuario. La maya semitransparente del fondo no responde bien al escrolar por la página con el menú operativo. Esto se arregla cambiado en height actual, que se obtiene del “alto” de la ventana, por el alto del scroll (Window.getScrollHeight())
Selección: A pesar de que sea una ventaja navegar por el menú con las teclas de dirección, cuando preseleccionas un elemento del menú con las flechas, y a continuación pasas el puntero por otro, ambos quedan destacados, cuando debería desaparecer el preseleccionado con la flechas.- Síndrome del “qué es esto”: heySilver es una aplicación muy revolucionaria en el mundo web. Que al apretar unas teclas te aparezca un menú para elejir funcionalidades es algo que la gente no se espera usualmente de una web. El único remedio para esto es que se desarrollen muchos plugins útiles y de calidad para heySilver, y que la gente los conozca. A pasar de todo, heySilver no tiene sentido de ser en la mayoría de webs actuales.
- Incompatibilidad: A pesar de que se muestra un mensaje diciendo que es compatible con IE, a mí no me funciona en ninguna de las versiones, entre otras cosas, se aplica una propiedad CSS (position:fixed) que Microsoft no ha incorporado en su navegador.
Yo por mi cuenta y riesgo, como no veo que haya puesto una licencia, y el código es abierto, voy a toquitearlo un poco y sugerir una versión propia, siempre respetando la original y a su autor mediante créditos.Y a ver si le encuentro utilidad para
ZumOS! (seguro que sí)
Siguiente »
