Mozilla presenta - Web Open Wonder

Web O' Wonder es un proyecto de Mozilla para mostrar el grandioso mundo de lo que es el HTML5 y los nuevos estándares para la creación de sitios o aplicaciones web. Los desarrolladores envían sus demos y son publicadas en el sitio, proyectos usando las características que nos brinda la nueva versión del HTML como lo es el elemento canvas y también empleando WebGL para crear gráficos asombrosos y ejecutables en el navegador.

En la página podrás encontrar demos con muestras de vídeos, juegos, dibujos y otras aplicaciones sorprendentes, hay que tener en cuenta que se necesita un navegador que soporte HTML5, que tenga JavaScript activado y que permita el uso de WebGL. Desde la versión cuatro de FireFox es posible probar la web y sus demostraciones, también en Chrome, Safari y Opera. Internet Explorer una excepción.

Para el caso de los juegos me sorprendió mucho la fluidez con que corre Runfield

En juego donde el zorro de FireFox corre por un campo de maíz y haciendo clic salta evitando así los huecos que hay en el camino. A medida que avanzas el animal incrementa su velocidad.

Cuando decidí hacer las capturas para este post jugué runfield y batí todos mis records. Otra de las maravillas creadas y mostradas en el sitio es el Planetario.

Creado usando HTML5, nos muestra el sistema solar y cuando hacemos clic en alguno de los planetas se nos da información adicional sobre este de forma muy didáctica.

¡Espectacular!.

Y eso es sólo una pequeña muestra de todo lo que hay ahora mismo en Mozilla Open Wonder, ¿qué esperas para ingresar y ver?.

Frame box - Haz bocetos en línea

Sacando cuentas, fue hace más de un mes que me di en la tarea de diseñar un sitio que quiero crear y publicar. En la Universidad me enseñaron que para crear un programa que use base de datos tenemos que hacerle un diseño a esta con las tablas y conexiones que tenga y en base a eso se crean los formularios necesarios en la aplicación. Un método aceptable y útil.

De manera muy improvisada hice bocetos de lo que quería o como sería la web que tenía en mente, estos diseños lo hice a mano y en hojas de bloc. Luego, quise pasar esos borradores a GIMP para darle colores y sombras y ver más en detalle... me resulto muy complicado para alguien que no sabe manipular a cabalidad esa herramienta.

Por cosas del destino y que no recuerdo di con este sitio para hacer bocetos en línea y con elementos necesarios para darle una idea previa a un sitio web, frame box.

Así lucen todos los elementos que se pueden incluir en la edición del boceto. Textos, botones de comando, áreas de texto, cajas de texto, líneas verticales u horizontales, y otras más. Elementos básicos que nos permiten crear diseños previos al menos para algunas partes del sitio que planeamos.

El registro en el sitio lo puedes hacer empleando para ello tu cuenta de correo en el común y sencillo registro de siempre o usando tu cuenta de Google. Aún no hay soporte para registrarse con cuentas de Facebook o Twitter pero pronto lo habrá.

Cuando comencé a usarlo me di cuenta de la facilidad y rapidez que me brindo este sitio, y de lleno pude realizar más bocetos y de manera mucho más rápida.

La cantidad de bocetos que permite hacer la desconozco pero frame box ofrece suscripciones desde 9 dolares para obtener crear mockups de forma ilimitada.

La facilidad para insertar los elementos o quitarlos te permite probar múltiples formas de lo que te quieras plantear agregando imagenes, textos, líneas, botones, encabezados, enlaces.

En la imagen se ven a detalle los elementos agregables al lienzo donde se fragua el sitio.

No he probado bien todas las opciones aunque parece que son suficientes puede que falten más ya que el sitio aún está en estado beta y recibe bastantes sugerencia sobre como mejorar el rendimiento del sitio o como mejorar o elementos a añadir.

Puede que para algunos no resulte tan útil, después de todo solo es para crear pre-diseños de sitios web pero para quienes nos gusta crear o hacer webs puede convertirse en una herramienta muy interesante para darnos ideas claras de lo que tendremos ya que cuenta también con una vista previa de la organización de los elementos que se usen.

No siendo más los invito a probarla y se les gusta a usarla constantemente.

Pqpq - Dicotomías, debates y opinión

Antes de ayer por la tarde luego de darme cuenta que tenia mucho tiempo sin revisar mi cuenta de Linkedin y que tampoco había observado que pasaba en los grupos en los que estoy agregado en esta red, me puse en la tarea de echarle un ojito para ver que había y que no.

Mientras revisaba algunos temas que fueron publicados, uno de esos llamo mi atención (asi empiezan muchas historias). Seguí el enlace que contenía la publicación la cual tenia la pregunta ¿Aplicaciones web vs aplicaciones de escritorio?... dicho hipervinculo me llevo a un sitio bastante particular pero muy bien planteado: pqpq.es.

Este es un sitio para realizar debates o dicotomías con respecto a algo o alguien. Se enfrentan opiniones sobre dicho tema o pregunta de manera abierta y con pocas restricciones. Son tan pocas las restricciones que no hay que registrarse para poder dar nuestra opinión.

Según el autor:

Las dicotomías son los "porqués" y las opiniones los "porqueses". Es un foto de opinión pública. Una plataforma 2.0 donde debatir sobre los más diversos temas.

El sitio supo despertar mi curiosidad y me di en la tarea de revisarlo minuciosamente. Al final solo me dieron ganas de escribir sobre este sitio el cual llamo mi atención y por la calidad y utilidad del mismo.

Dicotomícemos...

En la imagen, una dicotomía que nos lleva al entorno de las redes sociales. Twitter vs Google +. El interrogante se acompaña por una breve descripción para saber que es lo que se quiere debatir. Un aspecto que no mencione antes es que los debates no son solo creados por el administrador del sitio, sino, por los visitantes o la comunidad en general. Solo es cuestión de enviar un mensaje bien redactado y con los datos claros usando el formulario de contacto o trinando a la cuenta de ceslava.

Continuando con la descripción de la zona donde se debate, tenemos dos bloques para escribir nuestra opinión. Dependiendo del caso, creo, que podemos opinar en ambos lados. Para dar tu punto de vista solo necesitas escribirlo en alguna de las áreas de texto, seguido eso ingresar tu nombre, correo y dirección web si tienes alguna y ¡listo! Hacer clic en el botón "Enviar mi opinión".

En la sección de la pagina pqpq.es que nos muestra la imagen, tenemos una especie de menú para acceder a algunos contenidos específicos, tales como, los debates más recientes, el como suscribirse al feed del sitio, navegar por categorías, las dicotomías más recomendadas y otros detalles que le han dado a la web un valor agregado en la red.

Aleatoreidad para todos y uno que otro detallito

Ya hace tiempo que en varios sitios que ofrecen contenidos de toda clases blogs, sitios de manga, de noticias, etc disponen del botón:

Ese mismo pero sin la primera palabra. La función de tal artilugio es como bien su nombre lo indica, mandarnos un debate de forma random y así no tener que navegar de manera extenuante por las categorías.

A lo que el subtitulo se refiere con "...otro detallito" es a un pequeño juego o dinámica que tiene pqpq.es: Logo-tipos. Se trata de adivinar el logo de la marca x por el tipo al que corresponde.

Solo le acerté al de Yahoo!.

Pqpq.es termino siendo una experiencia muy agradable luego de haberlo recorrido, leerlo y participar en el. No queda mas que invitarles a que visiten el sitio y se sientan libres de mirarlo y ser participes de los debates.

Un simple post para darme de alta en Technorati

Hola a todos los que casualmente lean esta entrada. 

Les informo que el motivo de esta es solo para poder darme de alta ya que technorati pide insertar un codigo de validacion, mi caso seria este: 2SMB8P3254ZN para poder darme de alta en su directorio.

Muchas gracias y sigan leyendo mis demas entradas! :D

Irok2 - Juego musical en linea

¿Jugás Guitar Hero? ¿Rock Band? ¿Jugaste JamLegend? Entonces no puedes dejar de jugar irok2. Un juego online que corre en el navegador web y esta integrado con el catalogo de vídeos de Youtube. Es gratis, puedes jugar todas las canciones que quieras (y puedas, ya luego explicare) y que estén dentro del catalogo de vídeos de Youtube, jugarlo con el teclado o con tu guitarra de juego (si tienes) Guitar Hero o Rock Band instalando un plugin en el navegador.

El registro es bastante sencillo y no lleva mucho tiempo ni verificaciones.

Puedes hacerlo con tu correo de confianza o a través del famosisimo Facebook Conect.

Lo que mas me llamo la atención de este juego es el nivel de personalización del personaje que a contraste de JamLegend -R.I.P, el juego nos da la oportunidad de escoger si queremos un personaje femenino o masculino y agregarle ropa, accesorios, tatuajes, etc.

Elegís tu nick, haces clic en "OK, LET'S ROCK!" y podrás comenzar a configurar tu monicongo y jugar tus canciones favoritas.

La ropa, accesorios y otros aditamentos los desbloqueas a medida que avanzas y subes de nivel. Para comprar las prendas puedes usar la moneda ingame que son las Coins o con Bucks que se adquieren comprándolos con dinero de verdad.

El estudio

Como todo gran artista contaras con tu espacio para tus cosas, eso es el estudio.

En esta sección podrás ver y/o acceder a otras zonas del juego tales como lo son la ventana de actividades donde te muestran un log con lo que has hecho dentro del juego, canciones jugadas, perfiles visitados y eso. Puedes observar tu barra de fanes o como le digo yo el fanometro, ahi donde dice "Garage Rokr" que vendría siendo la cantidad de experiencia que tienes o hace falta para subir de nivel.

A un lado la barra de energía. Si esta llega a cero no podrás jugar ninguna canción a no ser que la cargues usando Bucks. Tus Coins y Bucks disponibles.

El catalogo de videos

Cuando haces clic en catalogo se te muestran las canciones mas populares y las mas jugadas, sin embargo, puedes hacer una búsqueda de tus artistas favoritos y ver si sus canciones están disponibles para jugar, con algo de suerte podrás jugar tus canciones favoritas tal como yo.

También, mas abajito, podrás ver una lista de las canciones mas jugadas por los usuarios, las ultimas en ser publicadas y las que se jugaron recientemente por otros jugadores del sitio. Hay bastante de donde coger para jugar y disfrutar en los diferentes niveles que tiene el juego.

Al inicio por defecto el nivel de dificultad esta en Facil - Tap, pero se puede configurar antes de jugar alguna canción y están los niveles mas complejos y con modo Drum que pienso es muy complicado por eso me quedo siempre en Hard - Tap.

¡Juguemos pues!

Antes de jugar los botones te indican cuanta energía gastaras, algunas canciones gastan más que otras. Si quieres ahorrar algo de energía puedes guardar la canción en favoritos para que la próxima vez que la quieras jugar uses menos cantidad de energía. ¡Ups!, ahora que veo no detalle como era el modo multiplayer, my bad.

Primero, dejemos que cargue totalmente el vídeo para evitar frizeadas mientras se toca la melodía y poder tener una experiencia mucho más placentera.

Momento de disfrute tocando una de las canciones de mi banda favorita. Algo que si no me gusto mucho de este juego es la poca personalización de los controles. Mientras que en JamLegend podías usar desde las teclas de función F1 hasta la F5 y los números del 1 al 5 o las letras que deseases, y también la guitarra. En irok2 solo podes usar los números o la guitarra.

Pero bueno que se le va a hacer, el juego es entretenido y de calidad.

"La experiencia hace al maestro" no podía obtener un puntaje mejor después de no jugar por unos cinco meses, mas o menos, me dio una paliza la canción, la reinicie muchas veces pero la termine y ahí están las opciones luego de terminada una tocada.

En resumen, irok2 es un juego muy bien diseñado, con características que lo hacen entretenido y de calidad para pasar ratos agradables y también conocer otras personas que quizá compartan los mismos gustos musicales que tu. Dale, ¡pruebalo!

Prezi - El editor de presentaciones. Parte 2

Hace unos días atrás escribí un articulo acerca de prezi.com, el cual nos explicaba detalles básicos de usar este servicio para crear presentaciónes dinamicas y llamativas y así captar la atención del publico al cual se expone determinado tema. Bien pues, en dicho post solo di detalles muy por encima y quizá alguno que otro quedo con la duda de como es el editor en si donde se realizan tales presentaciones el cual es la base de todo este servicio.

El canvas

Cuando ingresamos con nuestra y vamos a la parte del sitio donde se guardan nuestras presentaciones hechas previamente, hallaremos el botón de crear prezi y una vez clicas ahí la magia tiene inicio.

Esta es la ventana previa a la carga del canvas donde plasmaremos nuestras ideas y producir presentaciones de calidad superior, sin exagerar.

Una vez cargado el lienzo donde vamos a trabajar prezi nos muestra un mini-tutorial, si es tu primera vez usando este servicio, para conocer los controles básicos en el editor y así tener nociones claves tales como hacer zoom in o zoom out, usar los marcos, insertar imagenes o vídeos y darle la secuencia a la presentación. No es de completa obligación hacer el tuto así que lo puedes omitir y observar el comportamiento de los componentes que nos brinda además de los mencionados atrás están las figuras, lineas y los mismos textos se pueden agrandar o reducir.

Ese de arriba es el canvas, un espacio enorme para hacer mucho ya que su limitante es el uso adecuado que le demos a tanto espacio para crear algo. Ahí en la imagen se muestra todo el zoom-out que se le puede dar y se detallan algunos elementos ya dispuestos. Si notan el tamaño de esos se darán cuenta que en verdad nos ofrecen un campo amplio para insertar textos, imagenes, formas o vídeos.

El menú, por así decirlo, es la rueda que se encuentra en la zona superior izquierda de la imagen, ahí encontramos todas las opciones para las inserciones y los detalles que se pueden agregar al canvas tal como las formas.

                       (Un pequeño triangulito dibujado sobre el canvas cambiado de color)

La imagen de la derecha nos muestra las opciones que se despliegan al elegir formas o shapes tal cual muestra el menú. Una flecha, linea, rectángulo, circunferencia, triángulo (como el de arriba) y también podremos sombrear un texto o hacer un dibujo con las lineas sueltas. Las figuras agregadas tienen las mismas propiedades que todos los elementos que se incluyen en el lienzo o canvas, agrandarce o reducirse y girarse. Con excepción del sombreado y del dibujo libre, todas las demás formas pueden sufrir tales transformaciones.

En el editor puedes cambiar los colores de los textos y del mismo canvas con las opciones para editar el estilo del mismo.

Por defecto el color es blanco pero puede ser cambiado a cualquiera de los que ofrecen las plantillas predeterminadas, no obstante, esta la mas reciente característica de prezi.com, El diseñador de plantillas o Theme wizard.

Antes de escribir estos artículos había pasado tiempo desde la ultima vez que hice una prezi y ahora que vuelvo me encuentro con esta utilisima funcionalidad para elegir tipos de letras según cada marco, el color de fondo aun mas personalizado, colores de los marcos, colores para las formas también y otras características que hacen mucho mas personalizable la presentación. La cantidad de fuentes disponibles es enorme así que hay un con fin de tipos para probar y elegir la que mejor se adapte a nuestra idea.

Otra de las nuevas funcionalidades que me sorprendió fue esta. Un mapa conceptual totalmente personalizable y con las características bases de los elementos del lienzo, agrandar, girar, etc. Hay otras nuevas cositas que se me escaparon pero igual ustedes les podrán dar uso cuando hagan sus prezis.

Ya para finalizar les dejo esta imagen con varios elementos insertados en el canvas y también se visualiza el uso de marcos o frames. Las llaves y el recuadro. Faltaria por mostrar el corchete y el hidden.

Aqui un ejemplo de una prezi hecha por mi hace algun tiempo para una clase en la universidad:

Reporte S.Os Fedora, Suse, Slytaz y EyeOS on Prezi

Scribd - Comparte y lee textos

Scribd es el sitio web más grande del mundo en hospedaje de textos, libros, revistas, tutoriales, manuales, etc para leer online, compartir, comprar o descargar gratuitamente. Con miles de millones de textos y también con muchisimos usuarios de todo el planeta, haciendo la lectura una experiencia social.

Para publicar archivos de texto en scribd o descargar algún recurso del sitio, basta con registrarse en el sitio para acceder de manera gratuita o por algún costo a materiales de muy buena calidad y utilidad. En el sitio podrás encontrar libros, resúmenes y mas en las diferentes áreas del saber y el estudio: calculo, matemáticas, geometría, computación, medicina, ingenierías, etc. Y también personas que suben todo tipo de material de lectura para diferentes gustos y necesidades. Además de las ventajas mencionadas anteriormente, con el registro obtienes estadísticas de los recursos que subas a scribd y a su vez la posibilidad de poder venderlos pero teniendo en cuenta que sean de su autoría, ya que el sitio protege las obras para evitar piratería y esas cosas. (Solo aplica para las ventas).

Otra de las ventajas de estar registrado en el sitio es el ser parte de la comunidad y por ello conocer personas de diferentes lugares del mundo quienes quizás compartan los mismos gustos por preferencias de lectura. A esas personas las puedes seguir en el sitio y así enterarte de lo que leen por medio de los readcasts y también saber que suben a su estante de libros.

Vista general del panorama cuando se ingresa al sitio:

En la imagen se detallan varios aspectos importantes de scribd.com cuando hacemos inicio de sesión con nuestra cuenta, un detalle que casi omito es que la web cuenta con integración Facebook conect para facilitarnos el registro. En este sector se reunen enlaces para dirigirnos a los diferentes lugares del sitio: el perfil publico, la información aparte, las estadísticas, la carga de archivos y también vistas a perfiles de otros usuarios y documentos sugeridos por el sitio. Y en el recuadro blanco ubicado en la derecha debajo de la caja de búsqueda se encuentra una vista previa de las estadísticas nuestras en el sitio ya sea de los documentos subidos por nosotros o de los que leímos.

Aparte se tienen las estadísticas avanzadas con información de motores de búsqueda, navegadores, enlaces, lecturas, palabras claves y demás datos relevantes por los cuales los usuarios encontraron nuestros archivos previamente subidos al sitio.

Y no podían faltas las graficas que tanto nos gustan a la hora de ver datos producidos por la estadística.

Otro lugar de nuestro perfil es el estante de libros el cual contiene un acceso previo a los documentos que hemos subido y los organiza tal cual un estante lo haría en el mundo real.

La vista de lectura de los documentos en scribd es uno de los puntos mas importantes del sitio. La usabilidad y la interfaz del mismo lo hace agradable al lector. Una interfaz programada en HTML5 para hacer los contenidos mas rápidos de cargar. Hay dos formas de visualizar estos contenidos: Scroll, el cual nos muestra todas las paginas del texto tal cual un documento de word o Slideshow, donde las paginas se acomodan a manera de diapositiva (siempre opto por la segunda opción). Debajo, el panel negro con los botones para la navegación dentro del texto, una caja de búsqueda para ir a alguna parte del mismo y también el botón para leerlo en pantalla completa. Mas a la derecha de la pantalla esta las opciones de compartir por medio de Facebook, Twitter o Buzz, detalles del archivo y las opciones para obtener copias del mismo sea por descarga o impresión.

Cargar y descargar.

Para cargar documentos de cualquier clase a scribd.com solo necesitas una cuenta y si no la tienes cuando se complete la carga de dicho archivo el sitio te pedirá un correo para crearte una automaticamente. Disponemos de varias formas para subir textos, directamente podemos subir el archivo en cuestión o por medio de los documentos que hayamos creado en Google docs, ingresando el texto directamente en el editor y la opción para quienes son mas exigentes o suben bastantes textos, la aplicación de escritorio para subir textos. Un programa de escritorio con el cual accedemos a nuestra cuenta y podremos subir nuestros documentos sin necesidad de ingresar a la pagina web.

Para poder descargar documentos que nos hayan sido útiles o simplemente nos gusten, primeramente tenemos que hacer una donación a scribd. Subiendo un archivo el sitio nos permitirá descargar de manera gratis el texto que hallamos leído y nos lo permitirá descargar en tres formatos distintos: .pdf, .txt. o .doc. Una pequeña donación por un recurso que quizás te sea de mucha utilidad.

Como dato final queda informar que scribd.com dispone de una API publica para que den uso de ella programadores o quien quiera que sea en otros sitios webs.

Toda la información necesaria esta en la pagina de documentación.

Hay muchos mas servicios de este tipo pero ninguno mejor que scribd.