Está en la página 1de 31

Tutorial de Whorld

Sintetizador de vdeo que permite visualizar movimientos


de figuras geomtricas con diferentes juegos de colores.

Coleccin de aplicaciones gratuitas para contextos educativos

Plan Integral de Educacin Digital


Direccin Operativa de Incorporacin de Tecnologas (InTec)

Ministerio de Educacin

Coleccin de aplicaciones gratuitas


para contextos educativos

Whorld | pg. 2

Prlogo

Este tutorial se enmarca dentro de los lineamientos del Plan Integral


de Educacin Digital (PIED) del Ministerio de Educacin del Gobierno
de la Ciudad Autnoma de Buenos Aires que busca integrar los
procesos de enseanza y de aprendizaje de las instituciones
educativas a la cultura digital.
Uno de los objetivos del PIED es fomentar el conocimiento y la apropiacin
crtica de las Tecnologas de la Informacin y de la Comunicacin (TIC)
en la comunidad educativa y en la sociedad en general.
Cada una de las aplicaciones que forman parte de este banco
de recursos son herramientas que, utilizndolas de forma creativa,
permiten aprender y jugar en entornos digitales. El juego es una
poderosa fuente de motivacin para los alumnos y favorece la
construccin del saber. Todas las aplicaciones son de uso libre
y pueden descargarse gratuitamente de Internet e instalarse en
cualquier computadora. De esta manera, se promueve la igualdad
de oportunidades y posibilidades para que todos puedan acceder
a herramientas que desarrollen la creatividad.
En cada uno de los tutoriales se presentan consideraciones pedaggicas
que funcionan como disparadores pero que no deben limitar a los usuarios
a explorar y desarrollar sus propios usos educativos.
La aplicacin de este tutorial no constituye por s misma una propuesta
pedaggica. Su funcionalidad cobra sentido cuando se integra a una
actividad. Cada docente o persona que quiera utilizar estos recursos
podr construir su propio recorrido.

Plan Integral de Educacin Digital


Direccin Operativa de Incorporacin de Tecnologas (InTec)

Coleccin de aplicaciones gratuitas


para contextos educativos

Whorld

ndice

Qu es?................................................................................................

p.5

Requerimientos tcnicos .....................................................................

p.5

Consideraciones pedaggicas.............................................................

p.5

Actividad propuesta..............................................................................

p.6

Nociones bsicas..................................................................................

p.8

Ventana de trabajo .................................................................................

p.8

Barra de herramientas . ..........................................................................

p.8

Los patch en Whorld . .............................................................................

p.15

Paso a paso............................................................................................

p.16

Superponer patches con videos..............................................................

p.16

Crear un nuevo proyecto..........................................................................

p.17

Cargar los patches...................................................................................

p.18

Cargar una lista de videos.......................................................................

p.19

Mezclar los videos...................................................................................

p.20

Crear un Patch.........................................................................................

p.23

Ejemplo de un Path con nuevos parmetros ..........................................

p.24

Guardar un proyecto / archivo ................................................................

p.24

Utilizar el nuevo patch ............................................................................

p.25

Plan Integral de Educacin Digital


Direccin Operativa de Incorporacin de Tecnologas (InTec)

Coleccin de aplicaciones gratuitas


para contextos educativos

Winff

Edicin de un archivo o proyecto . ..........................................................

p.26

Exportar un programa..............................................................................

p.27

Reproducir un video creado por Whorld..................................................

p.27

Superponer videos e imgenes...............................................................

p.28

Enlaces de inters.................................................................................

p.30

Plan Integral de Educacin Digital


Direccin Operativa de Incorporacin de Tecnologas (InTec)

Coleccin de aplicaciones gratuitas


para contextos educativos

Whorld | pg. 5

Qu es?

WinFF es un conversor multimedial que permite convertir archivos de


distintos formatos de audio y video. Es la interfaz grfica de usuario del
convertidor de video FFMPEG. La aplicacin trabaja con mltiples
formatos de video tales como AVI, MPEG, MP4, MOV, WMV.

Requerimientos
tcnicos

Computadora con procesador Pentium III, de 833MHz. 256MB de


memoria RAM, Windows 95 en adelante. DirectX 8.1
El programa tambin corre en Debian, Ubuntu y Red Hat basado en
las distribuciones GNU/Linux.
URL para descargar la aplicacin
http://winff.org/html_new/downloads.html

Consideraciones
pedaggicas
Whorld puede utilizarse para superponer videos con figuras
geomtricas abstractas. Sirve como medio de comunicacin visual
Nivel educativo:
Primario.
reas:
Plstica y
Matemtica.

para promover la creacin y la invencin del arte digital por medio de


figuras geomtricas.

ndice

Plan Integral de Educacin Digital


Direccin Operativa de Incorporacin de Tecnologas (InTec)

Coleccin de aplicaciones gratuitas


para contextos educativos

Whorld | pg. 6

Actividad propuesta

Idea:

2) Una vez que cada grupo defini

Que los chicos se filmen y

qu va a filmar, comienza la etapa

generen videos que puedan

de produccin. Deben establecer

superponerse con figuras

pautas para que todos los

geomtricas en el programa

integrantes tengan un rol activo

Whorld.

en la realizacin de los videos.


Se pueden organizar salidas a

Materiales:

plazas o sitios cerca de la escuela

Netbooks, conexin a Internet,

para captar diferentes ambientes.

Whorld, Conversor Winff


3) Antes de abrir el software,
Desarrollo de la actividad:

deben convertir los archivos de


video a AVI, formato compatible

1) Los alumnos, por grupos,

con Whorld. Por defecto, el

deben elegir una figura

programa de la Cmara web los

geomtrica en particular.

guarda en WMV. Al entrar en

Luego, tienen que pensar qu

http://winff.org/html_new/ pueden

imgenes necesitan filmar para

descargarse el conversor y

representarla. Pueden ser objetos

rpidamente transformar todos los

que posean esa forma, elementos

videos a .AVI.

que se puedan asociar de alguna


manera, dibujos, y hasta ellos

4) En Whorld, los alumnos

mismos movindose como si

deben seleccionar efectos y

fueran, por ejemplo, un cuadrado.

figuras geomtricas y fusionarlas

Tambin pueden encontrar

luego con la lista de videos ya

algn modo de representacin

convertidos a AVI. El resultado

conceptual: si se trata de un

ser una miscelnea de colores

crculo, el video puede empezar

y movimientos visualmente

una y otra vez en forma cclica.

atractivos.

ndice

Plan Integral de Educacin Digital


Direccin Operativa de Incorporacin de Tecnologas (InTec)

Coleccin de aplicaciones gratuitas


para contextos educativos

Whorld | pg. 7

5) Para finalizar, tienen que

Otra propuesta:

capturar el video final y

Los chicos tambin pueden

compartirlo en el blog escolar.

seleccionar videos de Internet y

All, los visitantes podrn apreciar

descargarlos.

todas las figuras geomtricas


trabajadas.

ndice

Plan Integral de Educacin Digital


Direccin Operativa de Incorporacin de Tecnologas (InTec)

Coleccin de aplicaciones gratuitas


para contextos educativos

Whorld | pg. 8

Nociones bsicas
Ventana de trabajo

Barra de men principal.

Botones de acceso rpido.

rea de trabajo.

Barra de herramientas

A continuacin se explica cada funcin de la barra de men principal y


los botones de acceso rpido:

7
2

ndice

11 12

8
9

10

14
13

16
15

20

18
17

19

22
21

24
23

Plan Integral de Educacin Digital


Direccin Operativa de Incorporacin de Tecnologas (InTec)

Coleccin de aplicaciones gratuitas


para contextos educativos

Whorld | pg. 9

Barra de men principal

Nuevo: abre un nueva lnea de dibujo al archivo existente

Abrir: abre un archivo seleccionado, acepta varios formatos: .whp,

.whl, .whs, .whm, .avi

Guardar: al presionar guarda lo realizado. El otro camino es

desde men principal File- Save as colocar el nombre deseado y se


guardar con extensin .whp. Presionar el botn guardar para hacerlo
efectivo:

ndice

Plan Integral de Educacin Digital


Direccin Operativa de Incorporacin de Tecnologas (InTec)

Coleccin de aplicaciones gratuitas


para contextos educativos

Whorld | pg. 10

Imprimir: imprime la pantalla actual

Vista preliminar: visualizacin precia a la impresin

Captura de imagen, Snapshot: guarda una captura de la imagen

actual, como una impresin de pantalla. Al presionarlo aparece una


ventana emergente y se guardara con extensin .whs

ndice

Plan Integral de Educacin Digital


Direccin Operativa de Incorporacin de Tecnologas (InTec)

Coleccin de aplicaciones gratuitas


para contextos educativos

Whorld | pg. 11

Loop Hue: forma otra secuencia de colores en la lnea nueva

generada. Al presionar se arma otras secuencia de color:

antes

despus

ndice

Plan Integral de Educacin Digital


Direccin Operativa de Incorporacin de Tecnologas (InTec)

Coleccin de aplicaciones gratuitas


para contextos educativos

Whorld | pg. 12

Rotar Hue: rota los colores de izquierda a derecha

antes

10

despus

otra vez rotar Hue

Invertir colores: automticamente invierte los colores existentes

antes

despus

11

Espejo: espeja la imagen, cambia su forma en espejo.

12

Re-llenar: se completa el centro de la imagen con el color que

este determinado en ese instante. Si se lo activa y desactiva se


generan franjas de colores llenos.

ndice

Plan Integral de Educacin Digital


Direccin Operativa de Incorporacin de Tecnologas (InTec)

Coleccin de aplicaciones gratuitas


para contextos educativos

Whorld | pg. 13

13

Outline: Genera dentro del relleno lneas de divisin continuas al

dibujo original.
14

X-ray: genera lneas muy tenues sobre los colores

15

Reverse: vuelve en reversa el movimiento del dibujo. Retrocede la

imagen hacia el centro y sus colores vuelven a cambiar.


antes

despus

ndice

Plan Integral de Educacin Digital


Direccin Operativa de Incorporacin de Tecnologas (InTec)

Coleccin de aplicaciones gratuitas


para contextos educativos

Whorld | pg. 14

16

Convex: vuelve en reversa los anillos o trazos de las figuras

geomtricas.

17

Centro de origen: es el centro de la imagen, donde salen los

anillos geomtricos.
18

Arrastrar al origen: persigue el origen al puntero del mouse.

Automticamente se vuelve una imagen mvil en toda la pantalla


19

Random el origen: salta el origen de la imagen a una localizacin

aleatoria y vara.
20

View mix: esta opcin determina si la animacin est siendo

controlada por el documento o el crossfader. Si el botn est


presionado el control lo tiene el crossfader, sino est presionado lo
har el documento.
21

Autoplay: whorld puede reproducir una lista de patches

automticamente, al estar presionado esta opcin reproduce la lista


ndice

Plan Integral de Educacin Digital


Direccin Operativa de Incorporacin de Tecnologas (InTec)

Coleccin de aplicaciones gratuitas


para contextos educativos

Whorld | pg. 15

determinada.
22

Pausa: frisa la animacin que esta reproducindose. Congela la

imagen, la detiene hasta que se vuelve a presionar el botn.


23

Borrar: elimina el dibujo realizado y deja en negro la pantalla.

24

Sobre: muestra informacin del software y su versin.

Nociones bsicas
Los patch en whorld
Un patch es una configuracin particular de los parmetros (nmeros)
y osciladores (mdulos) para la creacin de imgenes abstractas.
Cada parmetro tiene un oscilador asociado que modula y cambia la
generacin de las ondas y las formas que se generan.
Un patch se puede guardar como un archivo, y luego restaurar el
mismo ms adelante. Para editar un patch, los parmetros y los
osciladores hay que utilizar la herramienta Parameters (parmetros)
de la barra de men View (ver).

ndice

Plan Integral de Educacin Digital


Direccin Operativa de Incorporacin de Tecnologas (InTec)

Coleccin de aplicaciones gratuitas


para contextos educativos

Whorld | pg. 16

Paso a paso
Superponer patches
con videos

ndice

Plan Integral de Educacin Digital


Direccin Operativa de Incorporacin de Tecnologas (InTec)

Coleccin de aplicaciones gratuitas


para contextos educativos

Whorld | pg. 17

Para realizar la actividad que se utiliz como ejemplo se utiliza el


patch demo que viene con la instalacin de la herramienta.

Paso a paso
Crear un nuevo
proyecto
Primer proyecto. Superponer patches con videos
Para comenzar se deber abrir un archivo. Ir a File New y generar
un nuevo dibujo geomtrico. Tambin se puede abrir un archivo para
ello ir a File - Open y abrir un archivo seleccionado, acepta varios
formatos: .whp, .whl, .whs, .whm, .avi

ndice

Plan Integral de Educacin Digital


Direccin Operativa de Incorporacin de Tecnologas (InTec)

Coleccin de aplicaciones gratuitas


para contextos educativos

Whorld | pg. 18

Paso a paso
Cargar los patches
Para empezar a trabajar en Whorld cargar un conjunto de patches en
una lista de reproduccin. Ir a la barra de men principal, ingresar en
File y luego en Playlist para escoger la opcin 1 c:\Program File\...\
Demo

Inmediatamente aparecer en el rea de trabajo la animacin de las


imgenes.

ndice

Plan Integral de Educacin Digital


Direccin Operativa de Incorporacin de Tecnologas (InTec)

Coleccin de aplicaciones gratuitas


para contextos educativos

Whorld | pg. 19

Para pausar el movimiento de la imagen hacer clic en el botn pausa


de la barra de acceso rpido o presionar la barra espaciadora.

Paso a paso
Cargar una lista de
videos
Para poder cargar videos en Whorld hay que crear una lista de
reproduccin. Para ello, ir a la opcin Playlist del men View, se
desplegar una ventana con la lista de los patches cargados.

ndice

Plan Integral de Educacin Digital


Direccin Operativa de Incorporacin de Tecnologas (InTec)

Coleccin de aplicaciones gratuitas


para contextos educativos

Whorld | pg. 20

Paso a paso
Mezclar los videos
Para poder mezclar los videos y con los patches ir a la barra de men
principal, ingresar View y luego ir a Crossfader.

Luego de tener estas herramientas, buscar los videos para cargarlos


en el bank 2 del Playlist. Se puede seleccionar otro bank, se
recomienda hacerlo en forma ordenada creciente. En el Bank 1 estar
el diagrama inicial o dibujo geomtrico.
Para ello seguir los siguientes pasos:

De la lista desplegable seleccionar la opcin bank2.

Cliquear el botn derecho en el sector en blanco y seleccionar la

opcin Insert Patches


3

En la nueva ventana buscar los videos que se desean cargar. En

este caso los videos se encuentran en la carpeta Escenario.

ndice

Plan Integral de Educacin Digital


Direccin Operativa de Incorporacin de Tecnologas (InTec)

Coleccin de aplicaciones gratuitas


para contextos educativos

Whorld | pg. 21

Para asignar una tecla al video ir al men Edit Auto-Assign Keys

y cargar un video al pulsar la tecla asignada. En el ejemplo descripto


ser la tecla W.

ndice

Plan Integral de Educacin Digital


Direccin Operativa de Incorporacin de Tecnologas (InTec)

Coleccin de aplicaciones gratuitas


para contextos educativos

Whorld | pg. 22

ndice

Plan Integral de Educacin Digital


Direccin Operativa de Incorporacin de Tecnologas (InTec)

Coleccin de aplicaciones gratuitas


para contextos educativos

Whorld | pg. 23

Paso a paso
Crear un Patch
Para crear un patch nuevo en Whorld activar el panel de parmetros
para modificar los valores de cada uno.
Ir al men principal, seleccionar View y hacer clic en Parameters.

El control de parmetros permite modificar la frecuencia del


pentgono. Para modificar los valores arrastrar en cada opcin
derecha o izquierda sobre la columna Value Slider.

ndice

Plan Integral de Educacin Digital


Direccin Operativa de Incorporacin de Tecnologas (InTec)

Coleccin de aplicaciones gratuitas


para contextos educativos

Whorld | pg. 24

Paso a paso
Ejempo de un Path con
nuevos parmetros
Para realizar una figura como la siguiente:
Modificar estos valores:
1

Ring Growth (velocidad de la frecuencia).

Ring Spacing (distancia entre lneas).

Star Factor (cambia la figura geomtrica).

Color Speed (cambia el color).

Paso a paso
Guardar un
proyecto/archivo
Ir al men File y seleccionar la opcin Save as para guardar el
archivo, preferentemente en la carpeta patches.
Al presionar el botn guardar del acceso rpido se guarda lo
realizado. Colocar el nombre deseado y su extensin .whp. Presionar
el botn guardar para hacerlo efectivo:

ndice

Plan Integral de Educacin Digital


Direccin Operativa de Incorporacin de Tecnologas (InTec)

Coleccin de aplicaciones gratuitas


para contextos educativos

Whorld | pg. 25

Paso a paso
Utilizar el nuevo patch
Para utilizar un patch hecho por el usuario desarrollar los pasos
explicados en el apartado Cargar un video.
Al llegar a la siguiente ventana presionar botn derecho del mouse
en los espacios en blanco de la columna Name y en la ventana
emergente ir a Insert Patches

ndice

Plan Integral de Educacin Digital


Direccin Operativa de Incorporacin de Tecnologas (InTec)

Coleccin de aplicaciones gratuitas


para contextos educativos

Whorld | pg. 26

Luego de ingresar en la opcin Insert Patches buscar el archivo


creado, en el caso del ejemplo es demo4.

Llegados a este punto asignar una letra al nuevo patch.

Paso a paso
Edicin de un archivo
o proyecto
Al abrir un archivo se puede editar su informacin y a su vez
modificarlo. La edicin del mismo puede ser a travs de las
herramientas que estn en la barra de herramientas de acceso rpido.
Luego de generar las modificaciones guardar los cambios.

ndice

Plan Integral de Educacin Digital


Direccin Operativa de Incorporacin de Tecnologas (InTec)

Coleccin de aplicaciones gratuitas


para contextos educativos

Whorld | pg. 27

Paso a paso
Exportar un programa
Ir a File- Export Bitmap y aparecer una ventana emergente donde
permite exportar la imagen con formato .bmp.

Paso a paso
Reproducir un video
creado con Whorld
Ir a File Open y seleccionar el video deseado, ya sea externo o del
programa.

ndice

Plan Integral de Educacin Digital


Direccin Operativa de Incorporacin de Tecnologas (InTec)

Coleccin de aplicaciones gratuitas


para contextos educativos

Whorld | pg. 28

Se abrir el video predeterminado y se podr intervenir el mismo.


Recordar guardar los cambios realizados con otra versin.

Paso a paso
Superponer videos e
imgenes
Superponer videos e imgenes
Luego de tener tanto la lista de videos como la de patches, se puede
comenzar a superponer los videos con las imgenes.
En el Crossfader verificar lo siguiente:
En el canal A (1) seleccionar desde la lista desplegable la opcin Mix y
en el canal B (2) tiene que mostrar el nombre de algn patch cargado
en el playList.

ndice

Plan Integral de Educacin Digital


Direccin Operativa de Incorporacin de Tecnologas (InTec)

Coleccin de aplicaciones gratuitas


para contextos educativos

Whorld | pg. 29

En el rea de trabajo se reproduce la siguiente imagen en movimiento.

ndice

Plan Integral de Educacin Digital


Direccin Operativa de Incorporacin de Tecnologas (InTec)

Coleccin de aplicaciones gratuitas


para contextos educativos

Whorld | pg. 30

Paso a paso

Enlaces de inters
Generador de fractales: Un fractal es un objeto semi geomtrico
cuya estructura bsica, fragmentada o irregular, se repite a diferentes
escalas. Un fractal natural es un elemento de la naturaleza que
puede ser descrito mediante la geometra fractal. Las nubes, las
montaas, el sistema circulatorio, las lneas costeras o los copos de
nieve son fractales naturales.
http://fractice.sourceforge.net/
Definicin de VJ: El trmino videojockey o VJ se aplica a aquellos
creadores que generan sesiones visuales mezclando en directo loops
de video con msica u otro tipo de accin.
http://es.wikipedia.org/wiki/Videojockey
Demo:
http://www.youtube.com/watch?v=gq5s2lC0cWI
Otros:
whorld.sf.net

ndice

Plan Integral de Educacin Digital


Direccin Operativa de Incorporacin de Tecnologas (InTec)

Coleccin de aplicaciones gratuitas


para contextos educativos

www.educacion.buenosaires.gob.ar
Contacto:
asistencia.pedagogica.digital@bue.edu.ar

Esta obra se encuentra bajo una Licencia Attribution-NonCommercial-ShareAlike 2.5 Argentina de


Creative Commons. Para ms informacin visite http://creativecommons.org/licenses/by-nc-sa/2.5/ar/

Ministerio de Educacin

Whorld | pg. 31

También podría gustarte