SCREENCAST .- Grabación digital de la salida por pantalla de la computadora

Hola a todos este es mi primer aporte, presentandoles una herramienta util, que podemos necesitar en cualquier momento. Yo en especial he tomado la decisión que todos mis aportes seran utilizando esta herramienta.

A quien no le ha pasado por grabarse cualquier cosa haciendo en pantalla, por ejemplo la parte mas dificil de un juego, logrando un record con el ordenador, o quizás tenga necesidades sencillas, como hacer tutoriales más prácticos que no incluyan una tonelada de texto largo y denso, pues ScreenToaster hace todo eso, pero muy simple y en línea.

Con ScreenToaster puedes crear screencasts desde la web de la aplicación, con una calidad de imagen muy impresionante y la posibilidad de agregar audio e incluso subtítulos a los vídeos. Y todo se limita al entorno de su sitio web, lo que lo hace muy accesible y fácil de usar.

Para hacerlo, debes registrarte en el sitio. Actualmente ScreenToaster se encuentra en Beta privada, por lo que deberás requerir de una clave de invitación para luego poder registrarte y comenzar a hacer screencasts. Por la gran demanda de accesos para probar la beta.

Una vez que te registres, podrás grabar tu película sólo pinchando el botón gigante de la página principal. Apenas tienes que instalar un applet para iniciar el grabador, y lo demás es historia. Utilizas unos comandos sencillos para grabar (Alt+S) y detener la grabación (de nuevo, Alt+S), y hasta puedes grabar nada más que una zona y no toda la pantalla (Alt+Shift+S). Cuando ya has terminado el vídeo, puedes agregar algunos subtítulos (que no son muy convencionales) y grabar tu voz sobre el vídeo o algún audio que prefieras. Luego puedes optar entre publicar el vídeo o mantenerlo privado. En cualquiera de los modos, tu vídeo siempre podrá ser visto desde una URL o insertándolo con el código html en otra web.

Pd. Pido disculpas, durante la grabacion del video se me paso decir que la herramienta estaba en español , disculpen no me di cuenta. Saludos.

Opengoo: Una alternativa mas a la ofimatica en linea

Hola, bueno como habrán notado mi compañero julio a estado publicando acerca de lo que es extjs, ayer leyendo algunas cosas en internet me tope con Opengoo, una solución mas a lo que se denomina ofimatica en linea, entre las cuales destacan googledocs,Zoho, ThinkFree entre algunos mas.

Lo que me llamo la atencion de Opengoo es que esta diseñado con extjs usa como motor de base de Datos MySQL, php y Apache, entre las cosillas que trae están: calendario, administración de tareas, procesador de texto, creador de hojas de presentación, debido a que se encuentra en fase beta no tiene implementado hojas de calculo, cabe destacar que el proyecto va mas alla a ofrecer tan solo ofimatica en linea sino que busca el poder administrar de forma adecuada documentos y fomentar la colaboracion a distancia.

el proyecto esta hospedado en sourceforge y esta en plena fase de desarrollo pero se puede bajar una version de prueba (que esta bastante decente).

Fuentes:

http://linux.softpedia.com/progDownload/OpenGoo-Download-40218.html
http://www.carlosleopoldo.com/post/opengoo/
http://es.wikipedia.org/wiki/Opengoo

Sistemas de Inscripciones (I).

Seguimos avanzando y esta vez, me he propuesto desarrollar un pequeña aplicación que administre inscripciones, con el fin de afrontar casos reales y empezar a ver que partes pueden resultar difícil a la hora de iniciar con el estudio de este framework, nos tocará doble trabajo, ya que el lenguaje del lado del servidor será php, el cual conozco una mínima parte. Pero bueno , siempre hay que dar un primer paso para empezar a caminar. En esta primera parte mostrare solamente la interface del login (login.js) y posteriormente veremos su funcionalidad en php.

Code snippet - Login.js on Snipplr

Login, esta basado en un FormPanel, el cual esta configurado por default con layout:'form', el cual renderisa correctamente las etiquetas y campos de texto.

En la linea 4 tenemos la instrucción Ext.QuickTips.init(), ésta habilita el uso de los tooltips, y con Ext.form.Field.prototype.msgTarget = 'side' (linea 6), hace que cuando exista un error de validación, se muestre un icono rojo en la parte lateral, en este caso, el campo de texto.

defaultType (linea 9), indica que los items (objetos hijos) posteriores serán de ese tipo (xtype), en este caso serán 'textfield', en link pueden ver todos los xtype disponibles.

En la linea 13 encontramos la sentencia monitorValid:true, esta propiedad activa o desactiva el monitoreo de los botones que han sido configurados (declarados) en el arreglo buttons, siempre y cuando estos a su vez estén configurados con la propiedad formBind:true. El monitoreo consiste en habilitar o deshabilitar los botones según el estado del form, en otras palabras, si el form es valido, se habilitan los botones, y si el form no lo es, se deshabilitan.

De la linea 14 a la 27, tenemos el arreglo de objetos items, en el cual se declaran dos componentes hijos del FormPanel del tipo 'textfield'. En la linea 19 y 23, se configura para que se validen a no dejar vacíos los campos (allowBlank:false), si esto pasara, el monitorValid lo detecta y mostrándose el icono rojo lateral con su tooltip de error correspondiente.

En las lineas 29 al 36, se declara el arreglo de botones, aquí solo hay uno, configurando:

• el monitoreo de este botón (linea 31)
• un icono (linea 33)
• su etiqueta (linea 34)

De las lineas 39 a la 54 se hace la instancia de un objeto de tipo Ext.Window, la cual será la ventana que contendrá el FormPanel previamente creado, la configuración de sus propiedades están muy claras:

• layout: usara el tipo 'fit'.
• width: 317 pixeles de ancho.
• height: 148 pixeles de alto.
• title: titulo de la ventana.
• closeAction:'hide', al cerrar la ventana solo se encenderá, de tal manera que puede ser invocada de nuevo sin instanciarse.
• closable: dibuja el botón de la "x" para poder cerrar la ventana.
• draggable: puesta a false para ser una ventana fija, no flotante.
• border: false, no dibuja su borde.
• defaults: Su comportamiento es parecido al defaultType, todo lo configurado en esta propiedad, será tomado por los componentes hijos declarandos en el arreglo items.
• items: tiene como hijo, el componente llamado panel.

Finalmente en la linea 56 mostramos la ventana.

Probar el ejemplo.

POO en su estilo de prototipos para javascript

Muy estimados colegas, en estas pocas lineas haré mi contribución a nuestro blog. Disculpen las tardanzas y espero les sirva de algo.

Hace días experimentando un poco en un lenguaje basado en script (javascript), intente implementar el paradigma POO, siguiendo las reglas generales creando clases con sus respectivos propiedades y métodos.

class Persona{

//atributos

public Persona(){

}

//metodos

public metodo1(){

}

}

Sopresa javascript es un lenguaje Orientado a Objetos pero usa un estilo especial de dicho paradigma, y con esto me refiero a los prototipos, que en si refiere a las mismas ideas de la POO, como la reutilización de código, herencia, polimorfismo, encapsulamiento, ocultación entre otros.

Programación basada en prototipos es un estilo de programación orientada a objetos en el cual, las "clases" no están presentes, y la re-utilización de procesos (conocida como herencia en lenguajes basados en clases) se obtiene a través de la clonación de objetos ya existentes, que sirven de prototipos, extendiendo sus funcionalidades. Este modelo es conocido como orientado a prototipos, o programación basada en instancias.

http://en.wikipedia.org/wiki/Prototype-based_programming.

Siendo esto tema de interés tratare de explicar esto en codigo.

El siguiente caso quería obtener el número próximo anterior múltiplo de 6 de un numero X.

Creamos nuestro archivo donde radica el POO.

clases.js

Code snippet - Clase javascript on Snipplr

archivo html

Code snippet - Html para javascrip prototipo on Snipplr

Un ejemplo sencillo y facil de realizar les dejo algunos link para por si quieren implementar algunas otras caracteristicas mas fuertes como la herencia y polimorfismo.

Un saludo a todos y cuidense.

El mas claro.

Ejemplos

uno mas

un PDF bueno