Formatos multimedia: Principios y conceptos.

Hoy por hoy, es parte de de nuestra vida cotidiana el consumo de contenidos multimedia en nuestros ordenadores, usualmente descargados de internet. Estos ficheros que nos descargamos, ya sean por descarga directa, con algún programa P2P, o de cualquier otra manera son, al fin y al cabo, archivos, pero algo más complejos que el resto de los archivos que normalmente utilizamos. Cuando tenemos un fichero PDF sabemos que es un documento en formato PDF, cuando tenemos un DOCX sabemos que es un documento en formato Microsoft Office, pero cuando tenemos un fichero de un vídeo como pueda ser una película o una serie, la cosa no es tan simple.

Lo primero que hay que tener claro es que un fichero de este tipo está compuesto por dos elementos, un contenedor y un contenido. El contenedor se podría comparar a un DVD o una cinta; mientras que el contenido es la información propiamente dicha, un serie de unos y ceros que interpretándolos de la manera adecuada conforman la información multimedia que nos mostrará nuestro reproductor. Para poder “interpretar de manera adecuada” ese contenido  es necesario un software que se denomina codec.

El formato contenedor

El formato contenedor define como se almacenarán los datos multimedia. Estos contenedores pueden contener distintos tipos de datos, codificados mediante una serie de codecs. Los formatos más avanzados permiten almacenar, ya no sólo vídeo y audio, sino también subtítulos, capítulos, meta-datos; además de los datos necesarios para lograr una sincronización entre todas las pistas.

Los formatos contenedores más usuales son:

• AVI (contenedor estándar de Windows)
• MOV (contenedor estándar de QuickTime)
• MP4 (contenedor estándar para MPEG-4)
• Ogg (contenedor estándar de Xiph.org códecs)
• Matroska (sin estándar para ningún códec o sistema, es un estándar abierto)
• ASF (contenedor estándar para Microsoft WMA y WMV)
• RealMedia (contenedor estándar para RealVideo y RealAudio)

El proceso de insertar un contenido multimedia dentro de un contenedor se denomina multiplexación (en inglés muxing) y el proceso inverso se denomina desmultiplexación (en inglés demuxing).

El codec

La palabra codec es la abreviación del término inglés coder-decoder (codificador-descodificador) y describe un software (aunque también puede ser hardware o mezcla de ambos) que con un elemento, en este caso multimedia, lo transforma en una representación de unos y ceros (codifica) que pueda ser almacenada en un soporte digital y luego recuperarlo al sentido inverso.

Hay que destacar que la mayoría de los codecs multimedia producen una pérdida de datos para lograr el tamaño más pequeño posible, por lo tanto, la sucesiva codificación de un elemento multimedia va produciendo una degradación en su calidad.

Los codecs multimedia más conocidos son:

Codecs de vídeo:

• MPEG-1 (VCD)
• MPEG-2 (SVCD y DVD)
• MPEG-4
• H.263 / MPEG-4 parte 2 / MPEG-4 ASP
• DivX
• XviD
• WMV

• H.264 / MPEG-4 parte 10 / MPEG-4 AVC
• x264
• Divx 7
• Theora
• VP6
• VP8

Codecs de audio:

• WAV
• MP3
• OGG
• AC3
• AAC

El proceso de convertir un elemento multimedia en una representación digital se denomina codificación (en inglés encoding) y el paso inverso de denomina descodificación (en inglés decoding).

Creación y reproducción

A estas alturas es comprensible que para que un ordenador sepa manejar un fichero de un vídeo es necesario que sepa, por un lado, manejar el fichero contenedor y por otro lado sepa manejar el codec de cada uno de los elementos contenidos. Por lo tanto es perfectamente posible ver dos ficheros del mismo tipo (con la misma extensión) donde un reproductor pueda reproducir uno pero el otro no, porque el segundo contenga una pista en algún formato del que no posee codec.

También es destacable que los procesos de codificación y multiplexación son independientes de los procesos de descodificación y de demultiplexación, por lo tanto, es posible encontrar fabricantes que ofrecen gratuitamente las herramientas para reproducir un formato, pero para la creación sean necesarias herramientas licenciadas o de pago. Es decir, el poder reproducir un fichero multimedia no significa que podamos crear dicho fichero.

Como conclusión se puede resumir que para la generación de un fichero multimedia los paso a seguir serán: coger cada uno de los elementos (vídeo, audio, ..) que componen el contenido multimedia, codificarlos con un codec apropiado y los datos resultantes multiplexarlos dentro de un fichero contenedor. Y para la reproducción: se desmultiplexan las pistas que alberga el fichero contenedor y cada una de éstas se descodifican mediante sus respectivos codecs.

HTML5 Boilerplate: Una base dura como una roca para tus plantillas Web

El desarrollo de plantillas Web es un proceso que va más allá de la representación de un diseño colorido y en muchos casos se convierte en un proceso frustrante y tedioso debido a la existencia de diferentes navegadores Web y dispositivos desde los que se puede acceder a Internet. Por ello, es importante partir de una base sólida que permita centrarse en los aspectos importantes de un proyecto y no en las incompatibilidades de terceros.

“HTML5 Boilerplate (H5BP) es un excelente punto de partida para construir sitios HTML/CSS/JS rápidos, robustos y de futuro. “

Como su nombre bien indica es compatible con HTML5 lo que lo convierte en una excelente opción para cualquier desarrollador que quiere crear un sitio compatible con los navegadores y dispositivos móviles más modernos, sin embargo, este lenguaje actualmente esta dando sus primeros pasos y aún tiene muchos problemas de implementación y compatibilidad por lo que es necesario combinar diferentes trucos y buenas prácticas para garantizar resultados consistentes y en esto H5BP es sólido como una roca.

“Boilerplate no es un framework, ni tampoco sigue ninguna filosofía de desarrollo, son sólo algunos trucos para que puedas arrancar tu proyecto de una manera rápida y con buenos cimientos”

Algunas características de H5BP:

• Compatibilidad entre navegadores (incluyendo IE6).
• Preparado para HTML5 y CSS3.
• Optimización para navegadores móviles.
• Desarrollo de JS y CSS mediante el uso de clases específicas para dar estilos basados en la capacidad del navegador.
• Hojas de estilo para impresión.
• Ajuste y optimización de imágenes JPG y PNG, incluyendo transparencias en IE6.

Por si estas características no fueran suficientes, existe una gran comunidad de desarrolladores trabajando en mejorar y adaptar H5BP a los diferentes gestores de contenidos Web y frameworks de desarrollo disponibles, como por ejemplo: WordPress, Joomla, Django, etc.

Te invitamos a que veas el siguiente vídeo que introduce a cualquier desarrollador en el diseño de plantillas Web H5BP.

Más información: http://www.html5boilerplate.com

Nuevo MMO: Skylancer

La compañía Prosiebensat.1 Games ha sacado un nuevo juego que resulta de interés. Quizás algunos conoceréis esta compañía por llevar el portal de juegos Alaplaya y por contar con juegos como Avalon Heros, S4 league  y LAW entre otros.

El juegos que van a sacar al mundo gaming esta en su versión open beta y se llama Skylancer. Se trata de un MMO (massively multiplayer online)  y al igual que los otros juegos de Alaplaya es gratuito.

Skylancer es un juego que mezcla fantasía  en las tácticas de juego y estrategia en el momento de ir descubriendo nuevas partes del mundo “Horizon”.

Empiezas el juego en una isla flotante y tendrás que luchar contra diferentes NPCs con diversas formas, desde extrañas criaturas, pasando por no-muertos hasta piratas! Y cómo no, contra otros jugadores.

Hay 3 tipos de facciones:

• Imperio El imperio agresivo y expansionista es la gran potencia militar de Horizon. El ejército imperial se caracteriza por su disciplina, obediencia y crueldad.
• Alianza La Alianza está formada por las naciones libres de Horizon. Los últimos vestigios de reinos independientes, pequeños estados insulares y muchos exploradores del cielo pertenecen a ella. Ellos luchan por la paz en el mar y el cielo.
• Renegados Los Renegados son una alianza de Skylancers amantes de la libertad, aventureros, contrabandistas, piratas y exploradores. Los renegados no tienen respeto por las normas y reglamentos, aunque algunos de los mejores y más valientes Skylancers forman parte de esta alianza.

Tendrás que explorar los alrededores, mejorar tus tropas y tus defensas, siempre sin olvidar que es un PvP y PvE. Para mejorar tus construcciones podrás obtener recursos de aserraderos, granjas y canteras y cada tipo de construcción te ofrece diferentes beneficios económicos y sobre tus ejércitos.

Dependiendo de tu estilo de juego PvP o PvE, puedes elegir distintas unidades que se adapten a ti como son los sacerdotes sombríos, los guerreros bárbaros o las bestias de guerra! Una vez hayas realizado tu elección podrás viajar hacia lo desconocido en 5 continentes distintos, donde encontrarás selvas, arenas y cráteres.

Para superar todos estos obstáculos podrás conseguir aeronaves para transportar a tus tropas, mejorar los equipamientos y las habilidades de tu ejército. Y más te vale mejorarlas bien, los desafíos que presenta Skylancer serán difíciles de superar aún a pesar de llevar tiempo en el juego, por lo que estarás continuamente enfrentándote a retos.

Para poder registraros en este juego, primero necesitaréis una cuenta en www.alaplaya.net y luego entrar en el siguiente link y poner tus datos de la cuenta aquí. Con suerte conseguirás una beta key y sino… pues habrá que esperar hasta probablemente primavera para poder disfrutar de éste juego.

Si queréis más información acerca del juego podéis encontrarla aquí:

Esperamos que os guste el juego, y si sois unos de los privilegiados que consigue la beta key, ya nos contaréis vuestras experiencias ^.^

¡Cómo limpiar tu teclado!

Ya sea porque has derramado algún liquido encima de él (refresco, café…) o porque no lo has limpiado nunca, el teclado es uno de los periféricos del ordenador que más se ensucia con el paso del tiempo. Se acumula un montón de suciedad debajo de las teclas y los bordes de las mismas y con el paso del tiempo van adquiriendo una pinta desagradable. Podemos utilizar los frascos de aire comprimido que venden en algunas tiendas para sacar la basura de debajo de las teclas, pero no conseguiremos limpiar los laterales de las mismas.

En este tutorial vamos a explicar cómo puedes limpiar tu teclado para dejarlo como nuevo. Hemos tomado como ejemplo un Logitech G11 porque era el que tocaba limpiar, pero las instrucciones son generales para todos los teclados ya que son parecidos en construcción (la forma en que conectan las teclas).

Material necesario:

1. Un destornillador plano o herramienta plana que te pueda ayudar a sacar las teclas haciendo palanca.
2. Destornillador estrella si tu teclado tiene tornillos por detrás y puedes quitar algún ensamblaje
3. Un envase/cubo transparente
4. Agua caliente
5. Jabón lavavajillas
6. Alcohol etílico (el de las heridas)
7. Bastoncillos
8. Un cepillo de cerdas duras. Yo he usado uno que venden en Ikea para fregar los platos.
9. Un colador de pasta o algo para escurrir

Antes de empezar a romper el teclado, es muy importante que saques fotos al teclado para que luego cuando tengas que recolocar las teclas sepas donde iba cada una. Te recomiendo sacar una foto más que buscar una foto de tu teclado en google, ya que un mismo modelo viene en varios tipos de distribución según el idioma y puedes encontrarte en el caso de que no haya una foto de un modelo como el tuyo en distribución española. Lo mejor es hacer un par de fotos y comprobar que vemos bien todas las teclas, lo agradeceremos luego.

Empezaremos el proceso de limpieza quitando todas las teclas. Lo haremos haciendo palanca teniendo cuidado de no forzar o romper alguna de las piezas. Las mismas deben salir una vez se haga algo de palanca, debemos intentar empujar hacia arriba para que la tecla salga lo mejor posible.

Una vez hayamos quitado todas las teclas vamos  a meterlas en el envase transparente que hemos preparado con agua caliente y lavavajillas. No debemos olvidar que las teclas son de plástico, asi que el agua no debe estar hirviendo si no queremos estropearlas. Yo he tomado como referencia el meter la mano en el agua y notar que esta caliente pero sin que llegue a abrasarte y notar que esta muy caliente. Metemos todas las teclas y removemos un poco para que cojan todas jabón.

Ponemos una alarma en el móvil o algo que nos  avise a los 10 minutos.

Mientras dejamos las teclas limpiándose, volvemos al teclado y quitamos los tornillos de la parte trasera para así desensamblar el borde negro que tiene el teclado. Este borde suele acumular también bastante basura, por lo que vamos a aprovechar y a limpiarlo también.

Una vez quitados los tornillos, hacemos palanca con cuidado con el destornillador plano para ir soltando las grapas que mantienen la pieza sujeta a la base del teclado. Una vez la tengamos suelta debemos ver algo asi:

Apartamos la pieza negra a un lado y nos centramos en la base gris sobre la que van todas las teclas. Estará todo el suelo de la misma lleno de basura incrustada y también los bordes de los “asientos” de las teclas.

Para la primera limpieza del suelo del teclado, vamos a usar el cepillo frontando bastante toda la base. Esto dejara la misma algo mas despejada de restos y quedaran algunos mas incrustados y sobretodo los de los laterales de las teclas.

Haciendo uso de los bastoncillos impregnados en alcohol iremos repasando todo el fondo del teclado. Si quieres primero da un repaso general a todo el suelo y luego vas repasando los laterales de cada tecla (esto es importante para que luego ninguna te quede con tacto pegajoso, que la pulsas y está algo más dura o no sube bien).

Dependiendo de lo que hayas tardado en esto, posiblemente ya te haya sonado la alarma de los 10 minutos. Ve a donde tengas el recipiente y echa un vistazo a las teclas, saca una y verifica que sigue viva (no te hayas pasado de temperatura). Si todo está bien, remueve el recipiente para que las teclas se sacudan un poco y la basura se siga desprendiendo. Vuelve a poner la alarma a 10 minutos y continúa con los bastoncillos y el teclado.

Una vez hayas terminado con los bastoncillos y hayan pasado los 10 minutos, usaremos el colador para poner todas las piezas en él y enjuagarlas bien para quitarles todo el jabón.

Terminaremos con todas las piezas en el colador, algo tal que así:

Las dejamos escurriéndose en algún sitio mientras terminamos de limpiar el fondo con los bastoncillos si aun no lo hubiéramos terminado. En caso de que si, nos ponemos a repasar la pieza negra que habíamos apartado.

Cuando terminemos con dicha pieza, la re ensamblamos con cuidado de no partir ninguna de las grapas de presión que tiene para adherirse a la base del teclado.  En este punto deberíamos tener algo así:

Ahora solo nos queda volver a donde teníamos las piezas secándose y hacer una de dos cosas:

1. Tenemos prisa y queremos usar el teclado ya.
   1. Con la ayuda de un secador y con cuidado de no abrasar ninguna tecla, iremos secándolas todas hasta que estén bien secas.
   2. Con un trapo o algo que se te ocurra, secarlas bien (sobre todo por debajo)
   3. No tenemos prisa.
      1. Podemos dejar las piezas secándose delante de un ventilador o en algún lugar aireado. Hay gente que prefiere no usar el secador (o no tiene) y considera que un trapo no dejara bien secas las teclas por debajo (que mojaría los contactos y puede ser malo)

Cuando tengamos las teclas secas, separaremos primero aquellas teclas especiales que estén en posiciones donde haya una grapita por debajo. Como una especie de alambre en forma de U (en la foto anterior se ve en el hueco de la barra espaciadora). Estas teclas debemos colocarlas en su hueco y apretar fuerte hasta oír un sonido de clip que nos indique que la grapa se ha acoplado (y no que hemos partido la tecla). Hacemos esto con todas estas teclas especiales de forma que tengamos algo así:

Nos fijaremos que la tecla haya enganchado por los dos lados la grapa, como vemos en la tecla Mayus derecha.

Para el resto de teclas, yo he puesto primero la montaña de teclas separadas y todas hacia arriba para poder ir rápido cuando voy buscando ciertas teclas. He buscado primero todas las teclas finas (en este modelo las G de macro y las F). Una vez colocadas estas diferentes, el resto ya son todas iguales y con la ayuda de las fotos que hicimos al principio iremos colocándolas todas hasta volver a tener el teclado entero.

Ahora yo les recomiendo que enchufen el teclado y verifiquen que todo funciona correctamente, de ser así desenchufamos y ponemos los tornillos de la parte trasera.

Es importante que enchufemos el teclado estando totalmente seguros de que esta seco, ya que de lo contrario correremos el riesgo de romperlo. Si se te diera el caso de que te queda mojado y quieres asegurarte, déjalo unos días con arroz por encima para que éste absorba toda la humedad que pueda tener.

¡Con todo esto ya deberíamos tener el teclado más limpio de la casa!

Protégete de una forma más segura. Lastpass

¿Siempre usas la misma clave para todo? ¿Te preocupa la seguridad de tus cuentas de correo, webs o incluso las bancarias? Hoy presentamos una herramienta que nos ayudará a darle robustez a todo esto pero además también nos hará la vida más fácil. Se trata de una aplicación llamada Lastpass.

Para empezar decir que lastpass se puede instalar en cualquier navegador a modo de addon/plugin, una vez instalado y creada una cuenta, solo debemos logearnos con nuestro usuario y clave (¡ésta será la única clave que vas a aprenderte!), a partir de ese momento lastpass se encargará de todo.

Sus características entre otras son las siguientes:

• Relleno de formularios de forma automática. Lastpass auto rellenará de forma automática los formularios de accesos, como pueden ser los logins a las distintas webs que tenga.
• Generación segura de contraseñas.
• Acceso a tus sitios webs con un solo clic.
• Almacenaje de notas seguras.
• Compartir las contraseñas que desees con sus amigos.

Pero, ¿qué medidas de seguridad aporta para estar tranquilos?

• Acceso desde llaves usb.
• Anti keyloggers y Anti keysniffers.
• Contraseñas de un solo uso, por si usamos nuestra cuenta en ordenadores públicos.
• Protección contra ataques de phishing
• Identificación de contraseñas débiles.
• Creación de identidades. Por ejemplo puedes crear una identidad para el trabajo que no contenga ninguna de las claves personales.
• Almacena los datos localmente de forma cifrada. Por tanto si nos roban el pc no podrán acceder a ellos sin conocer la contraseña maestra.

Tiene una versión completa gratuita aunque también presenta una versión de pago (unos 12 $ anuales) en la cual añaden algunas características como la de posibilitar el uso desde terminales móviles.

Cómo usar leds en tu pc

Vamos a empezar por el principio, ¿qué es un led? Pues de manera fácil y coloquial de explicarlo es: Dispositivo de 2 patas que emite luz cuando hacemos circular una corriente por él y que tiene polaridad, es decir, un + y un – (la pata larga es el positivo).

La corriente que circula por un led es muy importante, es lo que separa un led vivo de uno muerto. Entonces, si es tan importante… ¿cómo hacemos que trabaje de manera segura? Pues muy fácil, los leds tienen un voltaje de trabajo según su color, entre 1,5 V y 4,5V, la corriente generalmente suele estar entre los 20mA y 30mA. En esta tabla siguiente vemos unos valores aproximados.

En el PC disponemos de 12V (cables amarillos) y 5V (cables rojos) de la fuente de alimentación, lo cual dista mucho del voltaje de trabajo del led. Tenemos que calcular la resistencia limitadora usando La ley de Ohm:

R = (Vin – Vled) / I

Donde: R= valor de la resistencia limitadora.

Vin= voltaje que usaremos, 5 o 12 V.

Vled= voltaje del led.

I= corriente del led.

Entonces para 5V sería:

R = (5V-1,7V) / 30mA = 110 omh.

Para dar un margen de seguridad, la subimos a 125 ohm. La resistencia a utilizar en serie es de 125 ohm.

En la siguiente simulación se puede ver la corriente que circula por el led y el voltaje del led.

¿Cómo tendríamos que actuar si queremos usar mas de un led? Pues hay varias maneras: Una es repetir el circuito anterior tantas veces como se necesite. Otra, agrupándolos en serie sin usar la resistencia limitadora. Por ejemplo si usamos leds rojos de 1.7V podremos poner 7 en serie si los alimentamos con 12 V, o 3 en 5 V. Esto es así porque 7 * 1,7 V = 11,9V  y 3 * 1.7V = 5,1V

Esta manera la podemos utilizar sin problemas porque la fuente de un PC es muy estable y no habrá variaciones que puedan romper los leds.

¿Qué pasaría si tenemos un led que brilla demasiado? El led brilla según la intensidad que lo atraviese por lo que si aumentamos la resistencia, la corriente baja y el led brilla menos. ¿Cómo se calcula? Pues usando la ley de Ohm igualmente. Por ejemplo, si mi led azul es de 30mA, llevaría una resistencia de:

R = (5v – 4,5v) / 30mA = 16.66 ohm. Usaríamos una de 18 ohm por seguridad.

Para que brillara la mitad pues calculamos de nuevo con 15 mA

R = (5v – 4.5v) / 15mA = 33.33 ohm. Usaríamos una de 36 ohm.

Si queremos variar el brillo, usaremos un potenciómetro o resistencia ajustable en serie con una resistencia que limitara la corriente máxima que circulara cuando es potenciómetro este a cero. Sigamos con el ejemplo del led azul. La resistencia que usara será la de 18 ohm en serie con el potenciómetro.

Los potenciómetros tienen 3 terminales. En nuestro caso, puenteamos el del centro y uno de los extremos y lo unimos a la resistencia limitadora, el otro extremo que nos queda lo unimos al led. El valor del potenciómetro dependerá del brillo mínimo al que queramos llegar, pero en este caso con uno de 100 ohmios o cercano nos vale.

Hay que tener especial cuidado con añadir muchos leds con el potenciómetro, ya que éstos no están diseñados para aguantar mucha corriente. Por lo generar se utilizan por debajo de 100 mA.

Links de interés:

Potenciómetros: http://es.wikipedia.org/wiki/Potenci%C3%B3metro

Valores estándar de resistencias: http://ecee.colorado.edu/~mcclurel/resistorsandcaps.pdf

Leds: http://es.wikipedia.org/wiki/Led , http://en.wikipedia.org/wiki/Light-emitting_diode