Propiedad Intelectual from agoranews on Vimeo.

Pues eso, ¿estamos dispuestos como sociedad a otorgar ese derecho de propiedad intelectual a los “creadores”, en este caso a la industria del cine y la musica? de no hacerlo ¿no tendríamos creatividad? ¿no tendríamos cultura? ¿no tendríamos arte? pues si que la habría y de las mas diversas. El monopolio de propiedad intelectual ni es necesario, ni es bueno y lo explican muy bien dos economistas Juan Urrutia y David de Ugarte en este interesante debate sobre la propiedad intelectual.

Ley estadounidense denominada SOPA (Stop Online Piracy Act), amenaza a toda la internet y como la conocemos, la igualdad de oportunidades. Teniendo la posibilidad de cerrar webs y analizar nuestro datos mediante nuestros proveedores de internet.

Video: YouTube : Ley Sopa

En este pequeño artículo se describe como grabar en el disco duro un show que esta siendo transmitido en vivo por USTREAM.

Al enterarme que TV Peru iba a transmitir el concierto de un grupo musical de mi agrado, pensé en grabarlo, es así que buscando información encontré como lograrlo, y de hecho el siguiente tutorial sirve para grabar cualquier show de cualquier canal del conocido servicio gratuito de transmisión de audio/video en vivo (USTREAM).

Pues bien,  el único software que se necesita se denomina RTMPDump, que por defecto sirve para grabar cualquier medio que este siendo transmitido bajo el protocolo RTMP y además es software libre (Descargar).

Lo primero es obtener la URL del show que queremos grabar y que tiene la siguiente forma  http://www.ustream.tv/channel/[nombre-del-show]

Para el ejemplo es: http://www.ustream.tv/channel/tvperu_analogico

Nota: Si el show se muestra a través de otro Sitio Web, hacer click sobre el logo de USTREAM, dicha acción abrirá la página con la URL indicada.

Seguidamente debemos obtener el “codigo-del-show”, esto lo podemos hacer buscando la opción “embed”, que nos muestra un código HTML, dentro de éste, está el “codigo-del-show”.

<iframe src="http://www.ustream.tv/embed/[codigo-del-show]" width="608" height="368" scrolling="no" frameborder="0" style="border: 0px none transparent;"></iframe>

En el ejemplo:

<iframe src="http://www.ustream.tv/embed/7903307" width="608" height="368" scrolling="no" frameborder="0" style="border: 0px none transparent;"></iframe>

Luego debemos descargar un archivo, el cual contiene la URL con el protocolo RTMP, para ello vamos a: http://cdngw.ustream.tv/Viewer/getStream/1/[codigo-del-show].amf

En el ejemplo: http://cdngw.ustream.tv/Viewer/getStream/1/7903307.amf

Descargamos el archivo, lo abrimos, por ejemplo con el Notepad++, buscamos la palabra “rtmp” y encotraremos una URL como esta: rtmp://flashxx.ustream.tv/ustreamVideo/[codigo-del-show]

Ejemplo: rtmp://flash64.ustream.tv/ustreamVideo/7903307

Finalmente con los datos obtenidos ejecutamos RTMPDump de la siguiente forma:

rtmpdump -r “rtmp://flashxx.ustream.tv:1935/ustreamVideo/[codigo-del-show]/streams/live” -f “LNX 10,1,85,3″ -p “http://www.ustream.tv/channel/[nombre-del-show]” -t “rtmp://flashxx.ustream.tv:1935/ustreamVideo/[codigo-del-show]/streams/live” -v -o [archivo].flv

Y para el ejemplo:

rtmpdump -r “rtmp://flash64.ustream.tv:1935/ustreamVideo/7903307/streams/live” -f “LNX 10,1,85,3″ -p “http://www.ustream.tv/channel/tvperu_analogico” -t “rtmp://flash64.ustream.tv:1935/ustreamVideo/7903307/streams/live” -v -o concierto.flv

Esto va mostrando el tiempo grabado en segundos, para terminar la grabación solo se presiona “Ctrl+C” (en Windows), el archivo se guarda en el formato FLV en el directorio desde donde se ejecuta RTMPDump.

Con la salida de Insync, podemos tener casi las mismas posibilidades de sincronización que DropBox, pero tiene algunas desventajas y ventajas con respecto a su competidor DropBox.

Desventajas con respecto a DropBox.

• Dropbox nos permite elegir las carpeta que queremos que se sincronicen con los dispositivos, Insync no.
• Dropbox nos da 5GB de espacio gratuitamente, Insync la capacidad de Google Docs por cuenta gratuita que es 1GB.

Ventajas con respecto a DropBox

• El costo para ampliar los GB de espacio para DropBox, va en proporción de 99 dolares al año por 50GB y con Google Docs por el mismo precio obtendremos 200GB.
• Si utilizamos Google Docs, ya podemos tener la posibilidad de también tenerlo en nuestros ordenadores.

Lo bueno es que está disponible en el AppStore y Android Market.

Enlace: Insync

Su estructura es sencilla y es la siguiente:

<audio></audio> <– dentro de estas tags ira nuestros archivos de sonido

Por Ejemplo:

Quiero reproducir la canción: Beady Eye – The Beat Goes On (esta en formato MP3)
entonces escribimos asi:

<audio id=”reproductor” controls preload>
<source src=”mp3/Beady Eye – The Beat Goes On.mp3″ type=”audio/mp3″ />
</audio>

Previa de como quedaria en Google Crohme 16.0, el cual uso yo:

Explico lo que hemos colocado:
- id = Este nombre (en nuestro caso id=”reproductor”) sirve para aplicarle css, classes, etc ( es decir CSS3, Javascript,
Eventos etc).
- controls = Esta propiedad la escribimos para que nos aparesca los controles (play, pause, etc).
- preload: Carga una cantidad del archivo en el buffer, antes de ser reproducido.
- source src = Acá le indicamos la ubicación de nuestro Archivo

NOTA: En mi caso el archivo de audio que voy a reproducir esta en la carpeta mp3. Entonces escribo asi:

<source src=”mp3/Beady Eye – The Beat Goes On.mp3″ type=”audio/mp3″ />

Tu lo puedes poner en la carpeta que quieras !
y si quieres agregar otro archivo mas, escribe asi:

<source src=”mp3/audio1.mp3″ type=”audio/mp3″ />

<source src=”mp3/audio2.mp3″ type=”audio/mp3″ />

<source src=”mp3/audio3.mp3″ type=”audio/mp3″ />

Puedes usar la cantidad que gustes !

type = Aca Tenemos que indicarle el formato del archivo que quiero reproducir. En mi caso el archivo que quiero reproducir es un MP3, entonces escribo esto:

type=”audio/mp3”

Eso es todo ya tenemos nuestro reproductor creado !

Tambien podemos agregar: autoplay

- autoplay = Reproduce el archivo apenas ingresamos a nuestra pagina.

Para agregar autoplay solo escribimos asi:

<audio id=”reproductor” controls  preload autoplay>
<source src=”mp3/Beady Eye – The Beat Goes On.mp3″ type=”audio/mp3″ />
</audio>

COMPATIBILIDAD CON LOS NAVEGADORES:

HTML5 solo es soportado por navegadores como:

- Google Crohme (Recomiendo la ultima version actualizada) – Descargar
- Mozilla Firefox (Recomiendo la ultima version actualizada) – Descargar
- Internet Explorer 9 a mas (Recomiendo la ultima version actualizada) – Descargar

Pero no te desanimes, para hacer compatible HTML5 con todos nuestros navegadores podemos usar Javascript =).

Lo explicare detalladamente en otro post, por ahora les recomiendo ACTUALIZAR A LAS ULTIMAS VERSIONES o USAR SOLO CROHME O MOZILLA pero eso si en sus ultimas versiones ! las cuales son Gratuitas. (Yo use google Crohme 16.0 ,   para  este post)

OJO: recuerden que demora en cargar un poco ya que estamos usando la propiedad preload.

DEMO (Recuerda la compatibilidad con los navegadores)

EL CODIGO COMPLETO, DEL DEMO Y EL CUAL A MI ME FUNCIONA LO TIENES ACA:

<strong>Cancion : Beady Eye - The Beat Goes On</strong>
<br/>
<audio id="reproductor" controls reload>
  <source src="http://www.beadyeyeperu.com/web_inicial/thebeatgoeson.mp3" type="audio/mp3" />
</audio>

Pasenla bien !

La W3C publica el primer borrador de la tecnología que sucederá al actual CSS3.

Aun no existe un navegador que soporte esta tecnología CSS4, pero la W3C ya esta trabajando en la próxima versión de este importante lenguaje para maquetación de Páginas Webs

Aquellos desarrolladores interesados pueden acceder al primer borrador de CSS4 desde aca: www.w3.org.

Pero GMAIL no está orientado para almacenar archivos, por eso es difícil ubicar tus archivos dentro de mensajes de correos, como toda necesidad, existen soluciones como DROPBOX y Amazon Drive.

Gracias a la recomendación de un amigo @jronal, y después de probar la herramienta, puedo recomendar DROPBOX, para tener tus archivos sincronizados en todos tus dispositivos.

Actualmente tengo Mi PC de trabajo, mi Laptop de la casa, y mi iPad todos sincronizados con DROPBOX, así cualquier archivo que almacene en esta carpeta (Bolso mágico) se sincronizará en todos los dispositivos, de acuerdo a la configuración que le des a la herramienta.

DROPBOX te crea una carpeta en cada uno de tus dispositivos que instales la herramienta, esta carpeta estará sincronizada con todas las carpetas que configures con tu cuenta de DROPBOX.

DROPBOX te da un espacio de 2GB de forma gratuita.

Aquí un video que muestra el funcionamiento de esta herramienta.

Web: DropBox

Tomada desde la misma web:

Es una plataforma de interacción social que te permite crear un miniblog para compartir lo que está pasando en el mundo o enterarse de ellas de forma organizada por categorías y a través de un buscador saber en tiempo real lo que la gente opina.

Me enteré gracias al evento de Wayra en la cual UIVIX ha sido clasificada en la primera etapa quedando entre los 30 finalistas, pero que lastimosamente no pudo clasificar en la siguiente última etapa.

Lo que más me sorprende sobre UIVIX es que el proyecto está siendo desarrollado por compañeros egresados de la carrera profesional de ingeniería de Sistemas de la UNA-Puno, y claro esto tiene consecuencias favorables como: hacer notar el nivel en conocimientos en tecnología de nuestra Universidad, a nivel nacional e internacional.

Después de tener una pequeña experiencia con el sitio, puedo definir que el sitio es una red social parecida al Twitter y Facebook, y esto no es novedad ya que estas redes sociales están marcando el camino en redes sociales, pero UIVIX tiene como característica principal la publicación de micropost referidos a un enlace y organizándolo por categorías, de esta manera cumplir con la deficiencia de las principales redes sociales mencionadas anteriormente, al no tener un orden en sus contenidos.

Aquí un video que lo explica de forma interactiva:

Web: UIVIX

La empresa donde laboro, no es la excepción y es que la mayor parte de sistemas para nuestros clientes las desarrollamos con tecnologías Web.

Sin embargo, el Desarrollo Web abarca mucho, y es que un Desarrollador Web no podría dominar todo al 100%, por lo tanto eso me llevó a definir roles o perfiles con los cuales podemos distinguirnos entre los miembros de un equipo de desarrollo y así llevar a cabo mejor interacción y mejores resultados.

Los perfiles identificados son los que siguen:

Diseñador Web

• Dominio de Photoshop (Opcionalmente de Corel Draw y Fireworks)
• Dominio de Flash
• Conocimientos en HTML y CSS

Maquetador

• Dominio de Photoshop
• Dominio de HTML y CSS (Opcionalmente HTML5 y CSS3)
• Conocimientos en Javascript y PHP

Programador  Front -End

• Dominio de HTML/CSS
• Dominio de Javascript (jQuery, JSON, AJAX)
• Conocimientos en PHP y MySQL

Programador Back-End

• Conocimientos de HTML/CSS
• Dominio de Javascript y jQuery
• Dominio de PHP y MySQL

Sysadmin

• Dominio de Linux
• Domino de Servidores (Web, FTP, SSH, Mail, DNS)
• Conocimientos en Redes

Las tecnologías, sobre todo las del lado del servidor, pueden variar, por ejemplo, de acuerdo al programador en lugar de usar PHP podría usar Python.

PASOS:

Instalar Chrome

Chrome es un navegador liviano, y fácil de usar, y la razón que escogimos para crear aplicaciones es por su opción (Herramientas > Crear Acceso directo a aplicaciones), que abre el sitio sin la barra de direcciones y las pestañas, dejando una ventana limpia para nuestra aplicación.

Además podemos utilizar su visor de PDFs por defecto, que hará más fácil para visualizar e imprimir reportes sin la necesidad de Adobe Acrobat.

Para hacer portable el instalador, es decir que no requiera necesariamente de internet, puede descargarse chrome standalone, que es un instalador de chrome offline.

Instalar AppServer

Appserv es una aplicación que instala un conjunto de aplicaciones como el Servidor Web, PHP y el servidor de base de datos MySQL.

Link de AppServer

Codigo de aplicación web

Código de cabecera de la aplicación web.

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="content-language" content="es"/>
<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" href="icon32x32.png" sizes="32x32">
<link rel="icon" href="icon48x48.png" sizes="48x48">
<link rel="icon" href="icon64x64.png" sizes="64x64">
<link rel="icon" href="icon128x128.png" sizes="128x128">
<title>Aplicacion Web</title>
....
...
.

Como pueden ver en la cabecera se en la etiqueta <link> se definen las resoluciones de los iconos que se usaran al crear su acceso directo.

El resto de código puede ser cualquier aplicación Web que utilice una base de datos.

Distribuir la aplicación Web

Para poder distribuir tu aplicación web, es necesario crear un listado de programas requeridos que también tienes que distribuir como son:

• Chrome Standalone
• AppServ
• La carpeta AppServ donde está tu aplicación web. (Puede desinstalar el appserver para que limpie toda la carpeta y solo quede la base de datos y el código fuente).

Para proteger el código de tu aplicación puede utilizar ofuscadores de código fuente, actualmente estoy trabajando en eso, o también utilizar el ZEND, que no logro entender, como integrarlo.