Como crear evaluacin con Flash CS5 y

actionscript 2.0
Apuntes y Monografas | Hace ms de 3 aos
0
5
0

Potencia tu conocimiento
taringa.net/registro

nete gratis a Taringa y s parte de la inteligencia colectiva!

Aqu pretendo de explicar brevemente como hacer un formulario tipo test utilizando el
componente RadioButton y algunas lneas de actionscript 2.0, con lo cual podremos hacer
evaluaciones online

Empecemos as:

1. Creamos un documento de flash actionscript 2.0 (Teclas Ctrl + N)

2. En el primer fotograma de la capa y utilizando la herramienta de texto escribe la primer

pregunta del cuestionario, en mi ejemplo pondr: Quien era el cantante principal de
Creedence Clearwater Revival?

Recordemos que las cajas de texto de Flash pueden ser de tres diferentes tipos:

- Estticos
- Dinmicos
- De entrada

Y que si tenemos una caja de texto dinmica o de entrada, en el panel de propiedades hay
que definir un nombre de instancia, para poder referirnos a las mismas en actionscript.

Lo mismo para los componentes y los smbolos, es necesario definir el nombre de instancia
en el panel de propiedades para luego poder trabajar con ellos (si son elementos que se
encuentran en la biblioteca, debemos asignarle un nombre para exportacin (Botn derecho
sobre el smbolo o objeto y desde la opcin propiedades se asigna el nombre... pero bueno
eso es otro tema, continuemos.

La caja de texto que creamos para la pregunta, puede ser esttica. Esta por defecto tendr la
casilla de nombre de instancia deshabilitada.

3. Abriremos el panel de componentes (teclas Control + F7)

Encontraremos tres carpetas en el panel de componentes, abriremos la que se llama interfaz

de usuario y buscaremos el elemento RadioButton y lo arrastraremos a la escena.

4. Ahora al componente hay que definirle varias cosas, por ejemplo el grupo, la etiqueta, el
valor de los datos. Para lograrlo, estos valores se definirn desde los parmetros del
componente (En el panel de propiedades en Flash CS5 o desde el inspector de componentes
en versiones anteriores Shift+F7)

Los campos importantes a tomar en cuenta son:

- Data (Puede contener un valor numrico o un texto)

- GroupName (Cada grupo de RadioButton bajo el mismo nombre, interactuaran entre s, y
solo uno podr estar seleccionado en un mismo grupo)
- Label (Es el texto que mostrar el RadioButton
- LabelPlament (A que lado se alinear la etiqueta)
- Selected (Su valor puede ser true/false en versiones anteriores y una cajita para marcar en
CS5, esta har que la opcin del radiobutton aparezca marcada.

Asi que en el radioButton que hemos colocado en la escena en este ejemplo pondremos los
valores:

- Data: 0
- GroupName: Cantantes
- Label: John Cougar
- LabelPlacement: Right
- Selected: False o la casilla sin marcar.

Copiamos el RadioButton y lo pegamos tres veces para tener 4 radiobutton, y en cada uno
cambiamos el label a:

John Fogerty
Freddy Mercury
Boy George

En el radioButton de John Fogerty en Data le asignamos el valor de 1 (Esta ser la

respuesta correcta y tomaremos ese valor para dar a la respuesta correcta.

Nuestra aplicacin ahora debe verse mas o menos as:

5. A cada uno de los radioButton le asignaremos en el panel de propiedades un nombre de
instancia

Al primero: uno
Al segundo: dos
Al tercero: tres
Al cuarto: cuatro

Esto como expliqu antes, es para encontrarlos con actionscript

6. Crearemos un botn a nuestro gusto (Presionando Ctrl + F8) y lo colocaremos en escena,

en el panel de propiedades le daremos el nombre de instancia: boton1

Listo! tenemos todo listo para escribir el cdigo actionscript

7. Tocaremos el fotograma 1 de la capa 1 (El nico que existe) y presionaremos la tecla F9
para abrir el panel de acciones, en l escribiremos lo siguiente:

stop();
var total:Number=0;
boton1.onRelease=function(){
gotoAndPlay(2);
if (_root.dos.selected == true) {total=_root.dos.data}
}

Explico el script:

stop(); // Detiene la cabeza lectora para que no avance

var total:Number=0; // Declaramos una variable llamada total, tipo numrico y la igualamos
a0
boton1.onRelease=function(){
gotoAndStop(2);// Creamos una funcin para el botn que se desencadene cuando el
usuario suelte el botn izquierdo del mouse (onRelease) y que envi la cabeza lectora al
fotograma 2
if (_root.dos.selected == true) {total=_root.dos.data}
} //Este if indica que si la instancia dos (El radioButton) Es seleccionada, le asigne a la
variable total el valor de Data (Que es 1)

Hecho! si el usuario selecciona la segunda opcin (John Fogerty) el valor de Data ser
guardado en la variable total
continuemos

8. Insertamos un segundo fotograma, escribimos nuevamente otra pregunta, en este

ejemplo:

En que ao lleg Coln a Amrica?

Arrastramos nuevamente un RadioButton a escena, y asignamos a cada uno los siguientes

valores al primero:

- Data: 1
- GroupName: america
- Label: 1482
- LabelPlacement: Right
- Selected: False o la casilla sin marcar.
Y a los restantes tres, Data 0 y en label:

- 1892
- 1592
- 1901

Colocamos el botn en escena (El que hicimos anteriormente, lo arrastramos desde la

biblioteca) y les asignamos nombres de instancia, a los radioButton.

- Op1
- Op2
- Op3
- Op4

Al botn lo podemos dejar con el mismo nombre de instancia: siguiente

9. Tocamos el segundo fotograma, presionamos la tecla F9 y asignamos el script anterior

(Con las debidas correciones) Podemos hacerlo tantas veces, insertando los fotogramas y
scripts necesarios, pero imaginemos que nuestro test solo es de dos preguntas, as que en el
segundo fotograma escribiremos as:

stop();
var total2:Number=0;
boton1.onRelease=function(){
gotoAndPlay(3);
if (_root.Op1.selected == true) {total2=_root.Op1.data}
}

10. Ahora necesitaremos mostrar el resultado, podemos usar una caja de texto dinmico
para tal caso, as que:

- Creamos un nuevo fotograma, dibujamos una caja de texto dinmico y le asignamos el

nombre de instancia: resultado, podemos escribir un texto que sea algo as como:
"Resultado: preguntas correctas"

(En el espacio en blanco la caja de texto dinmico)

y en el fotograma el siguiente script:

stop();
_root.resultado.text = total+total2;
trace(total2);

El resultado de la suma de todas las variables se mostrar en la caja de texto.

Si gustan de hacer este tutorial y tienen dudas, estoy a la orden. En este post explico como
enviar los resultados del test utilizando LoadVars a un correo electrnico