01 introducción a as3

34
MAESTRÍA EN MEDIOS INTERACTIVOS Tercer Semestre

Upload: victor-garcia

Post on 18-Nov-2014

3.171 views

Category:

Education


0 download

DESCRIPTION

Maestría en Medios Interactivos3er SemestresIxD Sesión PrácticaMódulo II Adobe Flash

TRANSCRIPT

Page 1: 01 Introducción a AS3

MAESTRÍA EN MEDIOS INTERACTIVOSTercer Semestre

Page 2: 01 Introducción a AS3

ADOBE FLASH Y ACTIONSCRIPT 3.0

02

Page 3: 01 Introducción a AS3

CONTENIDO

Presentación de AS3

1. Conceptos básicos1. Herramientas para escribir código AS32. Client Runtime Environments3. Compilación4. Clases y Objetos5. Propiedades, Métodos y Eventos6. Paquetes7. Constructor, métodos, parámetros y argumentos8. Métodos de instancia9. “Hola Mundo”

Page 4: 01 Introducción a AS3

PRESENTACIÓN DE AS3

ActionScript es el lenguaje de programación para la Plataforma Adobe Flash.

•Fue concebido, inicialmente, como una simple herramienta para el control del flujo de animación.

•Ha ido desarrollándose hasta convertirse en un sofisticado lenguaje de programación para la creación de contenido y aplicaciones Web, dispositivos móviles y aplicaciones de escritorio.

Page 5: 01 Introducción a AS3

PRESENTACIÓN DE AS3

• ActionScript es un Lenguaje de Programación...

•Un programa es un conjunto de instrucciones escritas para ser ejecutadas por una computadora o aplicación de Software. Cada instrucción implica la manipulación de información o datos.

Page 6: 01 Introducción a AS3

PRESENTACIÓN DE AS3

• ActionScript es un Lenguaje de Programación...

•El texto del programa es llamado código fuente o simplemente código.

•La persona que crea el programa es llamada programador, codificador o desarrollador.

Page 7: 01 Introducción a AS3

PRESENTACIÓN DE AS3

• ActionScript es un Lenguaje de Programación...

•El lenguaje de programación determina la sintaxis y gramática que los desarrolladores deben emplear para definir las instrucciones del programa.

Page 8: 01 Introducción a AS3

PRESENTACIÓN DE AS3

• Ejercicio 1.

Enlista todos los pasos necesarios para comer una manzana. 5 minutos.

Page 9: 01 Introducción a AS3

HERRAMIENTAS PARA ESCRIBIR CÓDIGO ACTIONSCRIPT

•ActionScript es código de texto plano.•Puede ser escrito en un simple editor de

texto como Notepad (Windows) o TextEdit (Mac).

•Sin embargo, existen dos aplicaciones comerciales idóneas para el uso de ActionScript: Builder y Adobe Flash.

Page 10: 01 Introducción a AS3

HERRAMIENTAS PARA ESCRIBIR CÓDIGO ACTIONSCRIPT

•Builder es un IDE (Integrated Development Environment) orientado a la creación de aplicaciones y contenido multimedia. Permite la edición y administración de código ActionScript, MXML, entre otros.

Page 11: 01 Introducción a AS3

HERRAMIENTAS PARA ESCRIBIR CÓDIGO ACTIONSCRIPT

•Adobe Flash es una aplicación multi funcional. De manera básica, es una herramienta para la creación de animación vectorial. A la vez, permite el desarrollo de aplicaciones y contenido multimedia combinando la edición de código ActionScript con la creación de elementos gráficos, animación y componentes multimedia.

Page 12: 01 Introducción a AS3

HERRAMIENTAS PARA ESCRIBIR CÓDIGO ACTIONSCRIPT

•La versión ActionScript 3.0 puede ser editado en Adobe Flash CS3 (o superior) y Flex Builder 2 (o superior).

Page 13: 01 Introducción a AS3

CLIENT RUNTIME ENVIRONMENTS

ActionScript pueden ser ejecutado por tres diferentes aplicaciones:

• Adobe Flash Player: Se ejecuta en un Navegador Web (Safari, Chrome, Firefox, etc.) o de manera independiente. Flash Player tiene limitado acceso al Sistema Operativo, es decir, a gestión de archivos, control de ventanas o acceso a Hardware del equipo.

• Adobe AIR: Ejecuta aplicaciones de escritorio. Tiene total integración con el Sistema Operativo.

• Flash Lite: Se ejecuta en dispositivos móviles.

Estas aplicaciones son generalmente conocidas como Flash Client Runtime Environments (o simplemente Flash Runtime).

Page 14: 01 Introducción a AS3

CLIENT RUNTIME ENVIRONMENTS

•Las aplicaciones Flash Runtime son multi plataforma (Windows, Mac, Linux); además están disponibles para una gran variedad de dispositivos móviles.

•Debido a que los programas ActionScript son independientes del Sistema Operativo o del dispositivo, son considerados programas portables.

Page 15: 01 Introducción a AS3

COMPILACIÓN

• Antes que un programa ActionScript sea ejecutado por un Flash Runtime, es necesario que el código escrito de forma legible para los humanos sea “convertido” a formato binario, es decir, la manera en que los Flash Runtime “comprenden” las instrucciones.

Page 16: 01 Introducción a AS3

COMPILACIÓN

• El archivo que contiene la codificación binaria de un programa ActionScript es conocido como archivo .swf (formato de archivo Flash, originalmente definido como Shockwave Flash y actualmente renombrado como Small Web Format).

Page 17: 01 Introducción a AS3

COMPILACIÓN

• El proceso de conversión a código binario es llamado compilación del programa. La generación del archivo .swf es llamada compilación de archivo .swf, o también conocida como exportación o publicación de archivo .swf.

• Las aplicaciones Builder y Flash poseen compiladores internos que realizan este proceso.

Page 18: 01 Introducción a AS3

CLASES Y OBJETOS

• Los programas escritos como un conjunto de instrucciones que deben seguirse de manera detallada y secuencial (como el ejemplo de la manzana) son conocidos como Programación Estructurada.

• Un problema puede ser resuelto de muchas formas. Un programa también puede ser abordado desde distintas perspectivas, dependiendo de su complejidad. Los distintos enfoques y principios para desarrollar un programa son conocidos como Paradigmas de la Programación.

Page 19: 01 Introducción a AS3

CLASES Y OBJETOS

• Algunos Paradigmas de la Programación son: Imperativo, Funcional, Lógico y Declarativo.

• Cada lenguaje de programación adopta un paradigma de programación.

• AS se rige por el paradigma de Programación Orientada a Objetos.

• En la POO, las instrucciones y datos del programa son definidos de una manera distinta, a través de Clases y Objetos.

Page 20: 01 Introducción a AS3

CLASES Y OBJETOS

• Una Clase es una abstracción de cualquier cosa del mundo real. Es simplemente la definición de un tipo de datos complejos porque representan un conjunto de valores agrupados. Es una especie de plantilla que busca definir lo siguiente: “todos los elementos (objetos) de la Clase X tienen las siguientes características: A, B y C”.

Page 21: 01 Introducción a AS3

CLASES Y OBJETOS

Clase

Perro

Características: color, altura, peso, raza, etc.

Page 22: 01 Introducción a AS3

CLASES Y OBJETOS

• Un Objeto es una representación o instancia real de una Clase. A un objeto se le asigna valores específicos de las características enlistadas en la definición de una Clase.

Page 23: 01 Introducción a AS3

CLASES Y OBJETOS

Clase Objeto

Perro PuppyCaracterísticas: color : blanco con manchas café y

negro, altura:40cms, peso: 4kgs, etc.

instancia

Page 24: 01 Introducción a AS3

PRESENTACIÓN DE AS3

• Ejercicio 2.

Enlista las características que definen a una persona y a una manzana. Asigna valores para las características que te definen en particular. Asigna valores para las características que definen a una manzana. 10 minutos.

Page 25: 01 Introducción a AS3

PROPIEDADES, MÉTODOS Y EVENTOS

• En la POO de AS3, hay tres tipos de características que pueden definirse en una Clase:

• Propiedades• Métodos• Eventos

• Estas características se utilizan de forma conjunta para administrar los elementos de datos que contiene la Clase y para decidir qué acciones deben llevarse a cabo y en qué orden.

Page 26: 01 Introducción a AS3

PROPIEDADES, MÉTODOS Y EVENTOS

Propiedades

• Una propiedad representa uno de los elementos de datos que se empaquetan en la definición de una Clase.

• Una instancia de la Clase Song puede tener propiedades como artist o title. Un Objeto Ellipse puede tener propiedades como width, height, stroke, fill, etc.

Page 27: 01 Introducción a AS3

CLASES Y OBJETOS

Clase

Perro

Propiedades: color, altura, peso, raza, etc.

Page 28: 01 Introducción a AS3

PROPIEDADES, MÉTODOS Y EVENTOS

Métodos

• Un método es una acción que puede llevar a cabo un objeto.

• Una instancia de la Clase Song puede tener métodos como play, pause o stop.

Page 29: 01 Introducción a AS3

CLASES Y OBJETOS

Clase

Perro

Métodos: saltar, ir por la pelota, beber del escusado, estar quieto, etc.

Page 30: 01 Introducción a AS3

PROPIEDADES, MÉTODOS Y EVENTOS

Eventos

• Los eventos son los mecanismos que determinan cuáles instrucciones lleva a cabo el equipo de cómputo (durante la ejecución del programa) y cuándo las realiza. Muchos eventos se relacionan con la interacción del usuario o con los datos introducidos por éste.

Page 31: 01 Introducción a AS3

PROPIEDADES, MÉTODOS Y EVENTOS

Eventos

• El proceso de definir las acciones que deben realizarse como respuesta a determinados eventos se denomina gestión de eventos. Existen tres elementos característicos en la gestión de eventos:

• El origen del evento: responde a la pregunta ¿en qué objeto ocurrirá el evento?

• El evento: ¿ante qué suceso se va a responder?• La respuesta: ¿qué acciones se harán cuando ocurra el evento?

Page 32: 01 Introducción a AS3

CLASES Y OBJETOS

Puppy

Evento: Ir por la pelota

• ¿en qué objeto ocurrirá el evento?• Puppy

• ¿ante qué suceso se va a responder?• Objeto dueño lanza una pelota y grita “ve por ella Puppy”

• ¿qué acciones se harán cuando ocurra el evento?• Puppy corre hacia la pelota, la alcanza, la toma con su hocico,

regresa hacia el objeto dueño, le entrega la pelota.

Page 33: 01 Introducción a AS3

PRESENTACIÓN DE AS3

• Ejercicio 3.

Analiza la lista de pasos realizada en el ejercicio 1 y las Clases creadas en el ejercicio 2. Define los métodos y eventos que ocurren al comer una manzana.10 minutos.

Page 34: 01 Introducción a AS3

SIGUIENTE SESIÓN:1 Conceptos básicos (continuación)