Mostrando entradas con la etiqueta Internet. Mostrar todas las entradas
Mostrando entradas con la etiqueta Internet. Mostrar todas las entradas

jueves, 9 de junio de 2011

Tutorial - Crear Skin para Open Meetings

Versiones:

Equipo “Cliente”:

  • Windows XP Service Pack 3
  • TortoiseSVN 1.6.16.21511
  • Java 1.6
  • Apache Ant 1.8.2

Equipo “Servidor”

  • Debian 5
  • Open Meetings 1.6.2_r3675


EQUIPO CON WINDOWS (CLIENTE):

Paso 1

Nos tenemos que descargar la aplicación TortoiseSVN. Para ello vamos a la pagina oficial: http://tortoisesvn.net/ y en la sección descargas, bajamos la versión actual, en mi caso la 1.6.16.215.

Una vez descargado lo instalamos. Con esta herramienta vamos a descargar en una copia de Open Meetings en nuestro equipo, para hacerlo, creamos una carpeta en C:/ y la llamamos singlewebapp-3675 (El numero se corresponde con la versión de OM que tenemos instalada en el servidor).

Una vez creada la carpeta pulsamos sobre ella con el botón derecho del ratón y pulsamos en la opción SVN Checkout. Se nos abrirá una ventana como esta:



La URL del repositorio, si no viene por defecto, la colocamos nosotros: http://openmeetings.googlecode.com/svn/trunk/singlewebapp

El cuadro de texto “Checkout directory” tiene que contener el path de la carpeta que hemos creado anteriormente. Lo suele colocar por defecto el programa.

En el cuadro “Revision”, marcamos la opción “Revision”, y en el cuadro de al lado, colocamos el numero de versión del Open Meetings al que le vamos a colocar el nuevo Skin. Es importante poner bien el numero para evitar incompatibilidades. En mi caso, estoy usando la versión r3675.

Por ultimo, pulsamos en OK. Empezará a descargar Open Meetings desde el repositorio, son como unos 400 megas, así que paciencia.


Paso 2

Ahora, vamos a instalar Apache Ant, para ello, vamos a la pagina oficial: http://ant.apache.org/ . Vamos a la sección Descargas y descargamos la ultima versión, en mi caso la 1.8.2. Nos descargará un archivo .zip

Creamos una carpeta en llamada “ant” en C:/.. Descomprimimos el contenido del archivo .zip en C:/ant.

Ahora, vamos a Panel de Control / Sistema / Opciones Avanzadas / Variables de Entorno / se nos abrirá una ventana, y en la parte de Variables de usuario para nuestro usuario, añadimos una nueva:

Variable: ANT_HOME

Valor: C:\ant

Creamos otra variable:

Variable: PATH

Valor: PATH=%PATH%;%ANT_HOME%\bin

Ahora tenemos que decirle el path donde se encuentra el archivo tools.jar. Este archivo esta en la carpeta de Java (Suponiendo que tenemos JAVA instalado). En mi caso la ruta es la siguiente: “C:\Archivos de programa\Java\jdk1.6.0_25\lib”.

Abrimos un CMD y escribimos: set JAVA_HOME=C:\Archivos de programa\Java\jdk1.6.0_25\

Ya tenemos listo Apache Ant. Para probar si funciona en cmd escribimos ant y pulsamos enter, nos saldrá algo como esto:

Paso 3

Ahora vamos a editar el fichero: C:\singlewebapp-3675\WebContent\openmeetings\main.lzx. Lo hacemos con el bloc de notas. Tenemos que ir a la linea 16 y añadir estas dos lineas:

Quedará de esta forma:



Ahora, en este mismo directorio (C:\singlewebapp-3675\WebContent\openmeetings\) creamos dos archivos:mediaimg1.lzx y mediaimg2.lzx. Y les añadimos con el bloc de notas lo siguiente:

Archivo: mediaimg1.lzx

Contenido:

Archivo: mediaimg2.lzx

Contenido:

En los iconos de los respectivos archivos puede que se añada un circulo azul con una interrogación, no preocuparse, es normal.


Paso 4

Ahora es el momento de crear la cabecera y el cuerpo, como estas necesitan un tamaño determinado, es conveniente usar una herramienta como Gimp.

Cabecera:

La cabecera tiene que tener una altura de 110 pixeles. La anchura podemos poner la que queramos, por ejemplo podéis poner la de vuestro monitor, en mi caso 1280 pixeles. Cuando la tengáis es importante llamarla cabecera.jpg . Podéis guardarla en otros formatos, pero tendréis que modificar el archivos mediaimg1.lzx con la extensión correcta del archivo.

Cuerpo:

Las dimensiones del cuerpo la podéis poner según vuestra resolución, en mi caso, he puesto la altura 768 pixeles y el ancho igual que la cabecera: 1280 pixeles. Cuando la tengáis es importante llamarla cuerpo.jpg . Podéis guardarla en otros formatos, pero tendréis que modificar el archivos mediaimg2.lzx con la extensión correcta del archivo.

Una vez tengamos las dos imágenes, las tenemos que meter en la siguiente ruta: C:\singlewebapp-3675\WebContent\openmeetings\

Es posible que aparezca en los iconos de las imágenes un circulo azul con una interrogación, como ya he dicho, es normal.


Paso 5

Editamos el fichero: C:\singlewebapp-3675\WebContent\openmeetings\main.lzx de nuevo. Entre la linea 95 y la 105 tenemos que ver esta linea:

bgcolor=”${ canvas.basebgcolorizer }” clip=”true”

Eliminamos lo marcado en azul, de tal manera que la linea quede así:

<view name=”_mainbgcontentNavi” x=”0” y=”0” clip=”true”

Con esto, eliminamos el color del fondo que viene por defecto de la parte de la cabecera.

En el mismo archivo, vamos a la linea 51, donde encontraremos la siguiente linea:

height=”${ canvas.height-canvas.naviHeightDelta }” bgcolor=0xEEF0EB”

Eliminamos lo marcado en azul, de tal manera que la linea quede así:

height=”${ canvas.height-canvas.naviHeightDelta }”

Con esto, eliminamos el color del fondo que viene por defecto de la parte del cuerpo. Guardamos los cambios y cerramos.


Paso 6

Ahora vamos a compilar, para ello, abrimos un cmd. Nos colocamos en la siguiente ruta: C:\singlewebapp-3675

Cuando estemos en la ruta, ejecutamos la siguiente orden:

ant -f build_red5webapp.xml dist

Comenzarán a aparecer lineas en el prompt, esperamos a que acabe, no le llevara mas de 5 minutos.

Cuando haya terminado, cerramos el cmd. Vamos a la carpeta C:\singlewebapp-3675 y veremos que se han creado nuevos directorios. Ahora, entramos en la siguiente ruta C:\singlewebapp-3675\dist\red5\webapps\openmeetings donde debería haber un fichero llamado: main.swf8.swf

Este fichero es el que contiene el skin de Open Meetings.


EQUIPO SERVIDOR (DEBIAN)

En el equipo servidor, vamos a la ruta donde tenemos instalado Open Meetings, en mi caso, esta en: /usr/lib/red5/webapps/openmeetings/.

Paramos el servicio de red5 antes de proseguir.

En directorio vemos que ya contiene un archivo main.swf8.swf , es conveniente guardar este archivo en otro lado. Una vez tengamos un backup de main.swf8.swf guradado en un lugar seguro. Traemos a este mismo directorio el archivo que generamos nosotros.

Si no queremos que aparezca la frase Open Meetings, o la queremos sustituir por otra cosa, editamos también el archivo config.xml.

Vamos a la linea 55, donde pone lo siguiente:

Open Meetings

Ahí colocamos lo que queramos, o directamente borramos. Ojo, solo borramos “Open Meetings”, quedaría así:

Si queremos modificar la URL donde nos redirecciona al hacer clic en “Open Meetings”, modificamos la siguiente linea (Esta inmediatamente debajo):

http://www.ejemplo.com

Guardamos, y cerramos el archivo. Ahora arrancamos red5 y ya tendríamos que tener listo nuestra GUI personalizada.

Me he pasado: Plants VS. Zombies

Son las cuatro menos cuarto de la madrugada, me esta costando dormir, y decidí, para ver si hacia sueño, jugar una partidita a Plants VS. Zombies, y cual es mi sorpresa, que lo he terminado.

Tengo que matizar algo, lo que he terminado ha sido el Modo Aventura, aun me falta por jugar los minijuegos para conseguir la estatua de oro.

Pasemos a hablar del juego en si. Lo primero que voy a destacar de este titulo es el gran éxito que ha tenido, estoy seguro que todos los que leáis estos habréis oído hablar de el alguna vez, ya sea conversando con amigos, o por Internet.

Para los que no lo sepan, la mecánica del juego es la siguiente: Una oleada de zombies se acerca a tu casa, y para defenderte, haces uso de una gran variedad de plantas, capaces de hacer todo tipo de cosas, desde lanzar melones hasta explotar, pasando por lanzar semillas por la boca. Todo esto, con el fin de mantener a raya la inminente oleada de muertos vivientes.

El juego poco a poco se va tornando mas difícil, según vamos avanzando por los niveles del mismo. Hay que admitir que, aunque en ocasiones los zombies te pongan en apuros, el juego es bastante sencillo de pasar. Quizá sea esta una de las claves de su éxito, el haber medido bien la dificultad, hace que el juego se deje jugar y no resulte frustrante, como pasa con muchos otros.

Otro de los aspectos a destacar son los toques de desenfadados del juego, tanto en el sentido del humor de la historia, como en los gráficos agradables y desenfadados.

Sin duda, un buen juego para esos momentos en los que no tienen mucho tiempo para jugar a otro tipo de juegos mas serio, o que lleve tiempo jugarlos, ya que los niveles suelen durar, como mucho 10 minutos.

Por ultimo advertir que este titulo resulta altamente adictivo. Os dejo con el vídeo del final del juego que no tiene desperdicio:



PD: Me voy a dormir, xD

miércoles, 13 de abril de 2011

¿Google Chrome o Mozilla Firefox? He ahi la cuestión...

No hace mucho hice una entrada hablando sobre la nueva versión de Mozilla Firefox, en la que dejaba claro que no estaba muy a gusto con la nueva interfaz. He de decir que después de usarlo, ha cambiado mi opinión bastante sobre el.

Yo siempre he sido un usuario de Mozilla Firefox, y no hace mucho, mas o menos un mes antes de la salida de Mozilla Firefox 4, le di una oportunidad a Google Chrome. La primeras impresiones que recibí del navegador de Google fueron buenas, bonito diseño y rapidez, que es lo mas importante. Ademas cuenta con muchos complementos bastante útiles, se puede personalizar bastante, etc...

Cuando salio Mozilla Firefox 4 lo instale en uno de los equipos de casa, para cacharrear con el y probarlo (ya no pensaba moverme de Google Chrome), y a primera vista, no me gusto mucho, el diseño era algo parecido al de Google Chrome, pero no se..., no me convencía.

Un poco mas tarde, me fui dando cuenta que Google Chrome no funcionaba bien en algunas paginas que suelo visitar con frecuencia, y empece a usar Firefox en dichas paginas, ya que este ultimo no tenia problemas. Al final, cansado de estar cambiando cada dos por tres de navegador, comencé a cacharrear con el Mozilla Firefox 4. Mi intención era dejar la interfaz de Firefox lo mas parecida posible a la de Chrome así como instalarlo complementos iguales o parecidos.

Al final, conseguí dejarlo prácticamente igual que Chrome, tenia lo que quería: la interfaz de Chrome y el motor de Firefox. A todo esto tengo que añadir, que otra de las características que me enamoro de Chrome era la sincronización en la nube de los Marcadores, y esta característica también la pude añadir a Firefox con Sync.

En definitiva, me quedo con Firefox, y alguno me dirá: "Prueba Opera o Explorer", a lo que les contestaré: "Ya los probé, el primero me pareció muy bueno, pero no tenia nada que no tuviera Firefox y el segundo nunca me ha convencido y me temo que nunca lo hará, a no ser que cambien mucho las cosas"

Y estas han sido mis experiencias con Firefox y Chrome, que no dejan de ser opiniones personales que no tienen porque coincidir con las vuestras.

domingo, 20 de marzo de 2011

El Servicio HTTP

Aquí os dejo una presentación que resume un poco las lineas generales de uno de los servicios mas usados de Internet:

lunes, 2 de agosto de 2010

Los Escritorios Web

En la entrada anterior acababa preguntándome cual era el siguiente paso de la web, sinceramente, creo que el siguiente paso son los escritorios web.

Actualmente existen varios escritorios web que funcionan a la perfección, véase EyeOS, Glide, MyGoya, etc..., es decir, que es algo que ya esta inventado, es algo que ya existe, pero creo que dentro de poco tendrá un papel mucho mas relevante.

Sin duda, Google es la que esta desarrollando este concepto con su nuevo sistema operativo, Google Chrome OS. La idea de Google es que sistema operativo funcione de momento solamente en netbooks, nada de ordenadores de sobremesa aun.

Al ser un S.O. web promete ser muy rápido, todos nuestros datos serán almacenados en la nube aunque los netbooks traerán una memoria flash también, por si queremos almacenar algo en ella. Por otro lado, no se podrá usar cualquier tipo de hardware, solo los compatibles con Google Chrome OS.

Gracias a que es un S.O.que no inicia desde el disco duro, la velocidad sera una de sus mayores cualidades, ademas, la seguridad aumenta, ya que no tendremos que instalar binarios en el sistema, ya que se trata de un S.O. vía web.

Por ultimo comentar, que para usar este S.O. tendremos que cambiar el chip, al igual que pasa mas o menos cuando uno pasa de Windows a cualquier distro de Linux, en este caso uno de los aspectos que mas nos puede "chocar" es que no vamos a instalar programas, ya que nuestro S.O. es un navegador, simplemente cada aplicación sera una URL diferente.



Me llama mucho la atención este S.O. ya que aunque ya existan escritorios web, aún no se ha hecho nada parecido a lo que quiere hacer Google, equipos que funcionen sin disco duro y que usen un sistema operativo web, es una idea brillante que bien desarrollada puede funcionar bien, aunque yo donde vivo, veo un problema, si para usar el ordenador necesitamos Internet, en nuestra casa muy bien, pero si vamos al parque de la esquina, o a cualquier lado donde no haya internet no podremos usar nuestro equipo.

En resumen, para que este S.O. tenga éxito al menos en España, se necesitan mas puntos Wifi abiertos en las ciudades, algo que a las compañías de Internet no les hará mucha gracia.

Un Saludo

sábado, 31 de julio de 2010

Las Redes Sociales

Si amigos, ya están aquí, ya han llegado, ¿son una amenaza? Depende de como las usemos, como todo en la vida...

La evolución a la Web 2.0 nos ha llevado directos al boom de las redes sociales. Tuenti, Facebook, Twitter son algunas de las mas conocidas pero te sorprendería saber que existen mas de 200 redes sociales, unas mas conocidas que otras, incluso algunas conocidas pero la gente no las ve como tal, un ejemplo de esto es Youtube.

¿Para que sirven las redes sociales? Tienen varias utilidades, pero la utilidad depende muchísimo de la red social en la que estemos, por ejemplo, Facebook sirve sobretodo para estar en contacto casi continuo con nuestros amigos o familiares, compartiendo con ellos fotos, música y vídeos, en cambio Youtube tiene una misión completamente diferente, que es compartir vídeos con todo el mundo.

He puesto solo dos ejemplos, pero podría hablar de muchísimas mas redes con usos variados, pero todas tienen una cosa en común, que es el contacto entre personas, ya sea por medio de un vídeo, que por un mensaje y sobretodo que esta clase de paginas web funcionan gracias a los usuarios y no al administrador de la misma, es decir, no es el administrador el que cuelga datos o fotos en la pagina para los que los demás lo vean, es la gente la que hace eso para que lo vean sus amigos, conocidos o personas completamente desconocidas.

De esta manera, la web ha evolucionado a la web 2.0, esto anteriormente comentado es la esencia de esta web 2.0, que personalmente me ha hecho cambiar mucho el concepto de web que yo tenia desde hace muchos años.

¿Que tiene de positivo esto? Bastantes cosas, lo primero y principal, cualquier persona puede escribir lo que quiera y publicarlo, ya sea en una red social, blog, etc..., eso es algo que hace muchos años era imposible para un usuario normal y corriente. También, como ya hemos comentado, el poder estar en contacto con los nuestros y lo que yo creo mas importante, compartir, ya sea música, vídeos, información, etc...

¿Que tiene de negativo? Lo negativo reside en otra de las cosas positivas que tiene las redes sociales, conocer gente. Lo malo es que tu no sabes realmente si quien has agregado es quien dice ser, esto pasa igual que antiguamente con los chat, o con el Messenger, por esto hay que tener mucho cuidado a quien se agrega.

Resumiendo, todo esto que ahora lo vemos tan normal hace unos años era casi impensable y yo ahora me pregunto: ¿Cual será el siguiente paso? Me temo que me toca esperar para verlo...

Un Saludo