como crear evaluación con flash cs3 y actionscript 2

5/20/2018 Como Crear Evaluacin Con Flash CS3 y Actionscript 2

1/7

Como crear evaluacin con Flash CS3 y actionscript 2.0

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 primera

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


2/7

- 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 lacasilla 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.


3/7

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


4/7

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 MercuryBoy 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


5/7

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();

vartotal: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 a 0


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 totalel 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


6/7

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 lasdebidas 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;


7/7


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.

como crear evaluación con flash cs3 y actionscript 2

Documents