Está en la página 1de 20

Tecnologas de la Informacin y comunicacin.

Colegio Salesiano Don Bosco


rea: TICS
Prof. Jorge Arias Barrios.


Hoja de trabajo No. 2 Valor 7pts La guia se
entregara en Hojas a Mano mas archivo flash
Retroalimentacin Entrega Jueves 22 de Mayo

A continuacin se le presentara una lista de pasos detallados
para efectuar una mini calculadora; siga los pasos
minuciosamente para lograr nuestro ejercicio.

Paso1
Ejecute nuestro programa Adobe Flash dndole un click o doble
click en el icono siguiente:


Paso2
Se le presentara una ventana de la siguiente manera que
llamamos escenario.














Tecnologas de la Informacin y comunicacin.
Colegio Salesiano Don Bosco
rea: TICS
Prof. Jorge Arias Barrios.


Paso3
Seleccionamos nuestra herramienta de formas y seleccionamos
el rectngulo, si en nuestra herramienta no est seleccionado
automticamente nuestro rectngulo damos click-derecho en
nuestro icono y nos desplegara una lista de opciones de formas
de las cuales podemos escoger la de rectngulo.








Paso 4
Se nos presentara un panel de opciones en nuestra parte
derecha:




Tecnologas de la Informacin y comunicacin.
Colegio Salesiano Don Bosco
rea: TICS
Prof. Jorge Arias Barrios.

Paso 5
Seleccionamos un color para el relleno de nuestra forma con la
herramienta

Ahora seleccionamos un color de borde con nuestra
herramienta:

Los colores que seleccionaremos sern Amarillo para el relleno

Y para nuestro borde seleccionaremos el color negro












Tecnologas de la Informacin y comunicacin.
Colegio Salesiano Don Bosco
rea: TICS
Prof. Jorge Arias Barrios.
Paso 5
Seleccionamos nuestra herramienta de texto dndole click
los cual se nos presentara en la parte derecha un panel de
propiedades de texto que se vera de la siguiente forma:





Paso6
Con nuestra herramienta de color de texto








Tecnologas de la Informacin y comunicacin.
Colegio Salesiano Don Bosco
rea: TICS
Prof. Jorge Arias Barrios.

Seleccionaremos el color y tamao de letra 50.0pt

Paso7
Insertamos un texto dando click izquierdo dentro de nuestro
rectngulo previamente creado se vera de la siguiente forma:

Escribimos como texto suma.













Suma
Tecnologas de la Informacin y comunicacin.
Colegio Salesiano Don Bosco
rea: TICS
Prof. Jorge Arias Barrios.
Paso 8
Con la ayuda de nuestra herramienta de transformacin libre

Seleccionamos nuestros dos objetos creados nuestro texto y
nuestro rectngulo

Despus daremos click-derecho a nuestros dos objetos
seleccionados lo cual se nos presentara una lista de opciones por
de las cuales seleccionaremos Convertir a Smbolo como lo
muestra nuestra siguiente imagen



Suma
Tecnologas de la Informacin y comunicacin.
Colegio Salesiano Don Bosco
rea: TICS
Prof. Jorge Arias Barrios.





















Suma
Tecnologas de la Informacin y comunicacin.
Colegio Salesiano Don Bosco
rea: TICS
Prof. Jorge Arias Barrios.
Paso9
Se nos presentara una ventana de la siguiente forma:


Nombre pondremos Boton1Suma este ser el nombre de
nuestro smbolo.

Listo hemos creado nuestro primer botn.

Paso10
Como siguiente paso en el panel derecho en nuestra pestaa
propiedades como lo muestra nuestra imagen:

Boton1Suma

Tecnologas de la Informacin y comunicacin.
Colegio Salesiano Don Bosco
rea: TICS
Prof. Jorge Arias Barrios.



En la casilla la cual tiene como texto predefinido <Nombre de
Instacia> escribimos Boton1 este nombre har referencia al
objeto antes creado por lo cual nos facilitara manejarlo en
nuestro cdigo ActionScript 3.0


Paso11
Repetir Paso3 a Paso 10 con la diferencia que en el Paso 5
seleccionaremos los colores para relleno y para nuestro
borde Paso7 nuestro texto ser ahora Resta, Paso9
nuestro nuevo nombre de smbolo ser Boton2Resta y en el
Paso10 nuestro nombre de estancia seria Boton2.
Boton1


Tecnologas de la Informacin y comunicacin.
Colegio Salesiano Don Bosco
rea: TICS
Prof. Jorge Arias Barrios.



Paso12
Repetir Paso3 a Paso 10 con la diferencia que en el Paso 5
seleccionaremos los colores para relleno y para nuestro
borde Paso7 nuestro texto ser ahora Multi, Paso9
nuestro nuevo nombre de smbolo ser Boton3Mul y en el
Paso10 nuestro nombre de estancia seria Boton3.

Paso13
Repetir Paso3 a Paso 10 con la diferencia que en el Paso 5
seleccionaremos los colores para relleno y para nuestro
borde Paso7 nuestro texto ser ahora Divi, Paso9
nuestro nuevo nombre de smbolo ser Boton4Div y en el
Paso10 nuestro nombre de estancia seria Boton4


Paso 14
Bien obtendremos cuatro botones de la siguiente forma:




Suma
Multi Divi
Resta
Tecnologas de la Informacin y comunicacin.
Colegio Salesiano Don Bosco
rea: TICS
Prof. Jorge Arias Barrios.

Paso 15
Por ltimo insertamos 3 textos gracias a nuestra herramienta de
texto en la parte superior de nuestros botones ya creados los
cuales quedaran de la siguiente forma:


Paso 16
A nuestro primer texto en el panel derecho en la pestaa
propiedades pondremos como nombre de instancia como lo
hicimos para cada uno de los botones en el Paso10 solo que
ahora lo haremos con nuestros textos los textos no se
convertirn en smbolo como lo hicimos en el Paso9.

Texto1 su nombre de instancia ser texto1.
Texto2 su nombre de instancia ser texto2.
Texto3 su nombre de instancia ser texto3.


Suma Resta
Multi Divi
0 0 0
Tecnologas de la Informacin y comunicacin.
Colegio Salesiano Don Bosco
rea: TICS
Prof. Jorge Arias Barrios.
Paso16
Muy bien hemos terminado nuestra parte visual de nuestra mini
calculadora ahora solo nos queda programarla.

En la parte inferior izquierda con el icono damos click con
lo cual nos insertara una nueva capa


Paso17
Seleccionamos nuestro fotograma no.1 de la capa 2 como esta
en nuestra imagen




Paso18
Ya seleccionado nuestro primer fotograma de la capa 2 que
creamos anteriormente presionamos nuestra tecla [F9].

Capa 2
Tecnologas de la Informacin y comunicacin.
Colegio Salesiano Don Bosco
rea: TICS
Prof. Jorge Arias Barrios.
Lo cual se los presentara una ventana de la siguiente forma:


En el panel derecho que tiene un rectngulo en blanco con un
nuero 1 en la parte izquierda dentro de el escribimos lo
siguiente:







Esta sern nuestra libreras las cuales escribiremos en nuestras
primeras dos lneas.
Las libreras contendrn funciones y ayudas necesarias para que
nuestro botones funciones correctamente.



import flash.events.Event;
import flash.events.MouseEvent;
Tecnologas de la Informacin y comunicacin.
Colegio Salesiano Don Bosco
rea: TICS
Prof. Jorge Arias Barrios.
Paso19
Bien en la siguiente lnea la cual sera nuestra lnea no.3
crearemos nuestra primera funcin la cual ser de nuestro botn
suma la cual escribiremos de la siguiente forma:





















Analizando lo que hace nuestra funcin suma
el nombre de nuestra funcin esta dada depues de nuestra
palabra reservada function lo cual hace referencia
automticamente a una funcin suma es el nombre o
identificador que le damos a nuestra funcin el encabezado de
de las funciones siempre llevan esta forma

Function nombre de la funcin (e:Event):void
function suma(e:Event):void
{
(1) var numero1:int;
(2) var numero2:int;
var total:int;

(3) numero1 = int(texto1.text);
(3) numero2 = int(texto2.text);
(4) total = (numero1 + numero2);
(5) texto3.text = String(total);

}
Tecnologas de la Informacin y comunicacin.
Colegio Salesiano Don Bosco
rea: TICS
Prof. Jorge Arias Barrios.
Lo que tenemos en llaves es nuestra cuerpo lo que realizara
nuestra funcin
Function nombre de la funcin (e:Event):void

{

Aqu se escribir lo que realizara nuestra funcin cuando sea
llamada

}

Por lo tanto el proceso que hace nuestra funcin suma es

1) toma dato de nuestro texto1 con su propiedad .text y lo
guarda en numero1
2) toma dato de nuestro texto2 con su propiedad .text y lo
guarda en numero2

3) con la funcin int() convertimos los datos a numricos ya que
sabemos que nmeros solo pueden operarse con nmeros y
letras con letras por lo cual los convertimos a topo numrico con
nuestra funcin

4) luego efectuamos nuestra operacin de sumar los dos
nmeros y guardarlo en total.

5) desplegamos el resultado en texto3 gracias a la propiedad
.text y convirtindolo a su dato texto con nuestra funcin
String();




Tecnologas de la Informacin y comunicacin.
Colegio Salesiano Don Bosco
rea: TICS
Prof. Jorge Arias Barrios.
Paso20
Ya que hemos creado nuestra funcin que suma nuestros dos
nmeros obtenidos de texto1 y texto2 ahora solo falta llamar
nuestra funcin cuando se le de click a nuestro botn de suma
como lo realizaremos ser gracias a nuestra funcin
addEventListener(); la cual colocaremos de la siguiente forma:







Donde Boton1 es el nombre de instancia que asignamos al botn
suma en el Paso10 con el cual agregamos la funcin
addEventListener(); mediante el punto la cual maneja dos datos
los cuales son
addEventListener(EVENTO que sucede, funcin que har);

Por eso al darle click a Boton1 automticamente llama a nuestra
funcin suma

bien el cdigo completo seria el siguiente el proceso se repite
para cada uno de los botones.









Boton1.addEventListener(MouseEvent.CLICK, suma);
Tecnologas de la Informacin y comunicacin.
Colegio Salesiano Don Bosco
rea: TICS
Prof. Jorge Arias Barrios.

Boton suma

















function suma(e:Event):void
{
var numero1:int;
var numero2:int;
var total:int;

numero1 = int(texto1.text);
numero2 = int(texto2.text);
total = (numero1 + numero2);
texto3.text = String(total);

}

Boton1.addEventListener(MouseEvent.CLICK, suma);

Tecnologas de la Informacin y comunicacin.
Colegio Salesiano Don Bosco
rea: TICS
Prof. Jorge Arias Barrios.
Boton resta





















function resta(e:Event):void
{
var numero1:int;
var numero2:int;
var total:int;

numero1 = int(texto1.text);
numero2 = int(texto2.text);
total = (numero1 - numero2);
texto3.text = String(total);

}

Boton2.addEventListener(MouseEvent.CLICK, resta);

Tecnologas de la Informacin y comunicacin.
Colegio Salesiano Don Bosco
rea: TICS
Prof. Jorge Arias Barrios.
Boton multi





















function multiplica(e:Event):void
{
var numero1:int;
var numero2:int;
var total:int;

numero1 = int(texto1.text);
numero2 = int(texto2.text);
total = (numero1 * numero2);
texto3.text = String(total);

}

Boton3.addEventListener(MouseEvent.CLICK, multiplica);

Tecnologas de la Informacin y comunicacin.
Colegio Salesiano Don Bosco
rea: TICS
Prof. Jorge Arias Barrios.
Boton divi










function divide(e:Event):void
{
var numero1:int;
var numero2:int;
var total:int;

numero1 = int(texto1.text);
numero2 = int(texto2.text);
total = (numero1 / numero2);
texto3.text = String(total);

}

Boton4.addEventListener(MouseEvent.CLICK, divide);