grupo de estudos as3 - introdução ao actionscript 3.0

43
Introdução ao ActionScript Grupo de Estudos de Actionscript 3.0 Fábio Flatschart

Upload: fabio-flatschart

Post on 22-May-2015

4.782 views

Category:

Technology


1 download

DESCRIPTION

O objetivo do Grupo de estudos AS3 é divulgar a linguagem Actionscript 3.0 para todas as pessoas que queiram a aprender, independente da sua formação. - http://as3devs.com.br/grupo-de-estudos/ -

TRANSCRIPT

Page 1: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Introdução ao ActionScript

Grupo de Estudos de Actionscript 3.0Fábio Flatschart

Page 2: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Fábio FlatschartConsultor da Adobe Systems do Brasil

Consultor da subárea de Internet da Gerência de Desenvolvimento (GD2) do SENAC-SP na produção de eventos, novas parcerias, desenvolvimento e atualização dos produtos e cursos

Formado pela Escola de Comunicações e Artes da Universidade de São Paulo (ECA-USP), possui especialização em Criação Visual e Multimídia

Autor da Editora Brasport /Editora Senac/SP

Professor da UNIFMU

Page 3: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Índice

• Novas tecnologias, novas ferramentas e novos profissionais

• A plataforma Flash• O que é ActionScript? • ActionScript 3.0 • Como funciona o ActionScript?• Aprendendo uma nova linguagem • ActionScript e o ambiente de

autoração do Adobe Flash• Links e referências

Page 4: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

NOVOS PROFISSIONAIS, NOVAS FERRAMENTAS E NOVOS MERCADOS

Introdução ao Actionscript

Page 5: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Analógico

Page 6: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Digital

Page 7: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Interativo

Page 8: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Um mundo de telas

Page 9: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

O primeiro pintor de cavernas era artista ou engenheiro?Era ambas as coisas, é claro, como o foram, em sua maior parte, os artistas e engenheiros desde então. Mas temos o hábito -cultivado por muito tempo - de imaginá-los como separados, os dois grandes afluentes correndo incessantemente para o mar da modernidade e dividindo, em seu curso, o mundo em dois campos: os que habitam nas margens da tecnologia e os que habitam na margem da cultura.

JOHNSON, Steven. Cultura da interface: como o computador transforma nossa maneira de criar e comunicar.

Page 10: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Leonardo da Vinci

Page 11: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Johann Sebastian Bach

Page 12: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Sergei Eisenstein

Page 13: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Enzo Ferrari

Page 14: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Steve Jobs

Page 15: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Há vagas !

• geek• nerd• nativo digital• internet boomer• multitasker• web generation• geração y• geração z• ninja

Page 16: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Devigner

Developer Designer

Page 17: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Devigner

Devigner é uma brincadeira com as palavras developer + designer e é também o perfil de um novo profissional muito requisitado pelo mercado : aquele que faz a ponte entre o estático e o interativo.

Page 18: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

PLATAFORMA FLASHIntrodução ao Actionscript

Page 19: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Flex

ColdFusion

Flash Media Server

Flash PlatformServices

AIR

Flash Player

Flash Builder

FlashCatalyst

FlashProfessional

Creative Suite Análise &Otimização

FERRAMENTAS FRAMEWORK CLIENTESSERVIÇOSSERVIDORES

LiveCycle

Plataforma Flash

Page 20: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Plataforma Flash

A plataforma Adobe Flash é um conjunto integrado de tecnologias de programação de aplicativo envolvidas por um ecossistema estabelecido de programas de suporte, parceiros comerciais e comunidades de usuários interessados.

Juntas, elas fornecem tudo que é necessário para criar e fornecer aplicativos, conteúdos e vídeos mais atrativos para a maior audiência possível.

Page 21: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Plataforma Flash

Page 22: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

O QUE É ACTIONSCRIPT? Introdução ao Actionscript

Page 23: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

O que é ActionScript?

O ActionScript é a linguagem de programação do Adobe Flash Player e do Adobe AIR. Quando você controla ou interage com uma animação construída em flash na web (e, portanto, necessita do Adobe Flash Player para funcionar), isto é possível graças ao ActionScript.

Enquanto o Adobe Flash Player é mais utilizado para receber aplicações web, o Adobe AIR é indicado para aplicações do tipo desktop, com execução pelo sistema operacional.

Em ambos, o ActionScript permite interatividade, conteúdo multimídia e acesso a dados.

Page 24: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

ActionScript 3.0

A linguagem ActionScript está atualmente na versão 3.0, também conhecida como AS 3.0, e é baseada nos padrões da ECMA (EuropeanComputer Manufacturers Association), uma associação internacional que normatiza sistemase linguagens computacionais.

Page 25: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

ActionScript : evolução

2000 ActionScript 1.0 Lançado com a versão 5 do Flash, evoluiu das Actions do Flash 4.

2003 ActionScript 2.0 Surgiu com o lançamento do Flash MX 2004 e do Flash Player 7

2006 ActionScript 3.0 Lançada em conjunto com o Adobe Flex 2.0 e o Adobe Flash Player 9.

Page 26: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Como funciona ?

Após ser compilado (organizado e traduzido para uma linguagem mais simples) por um compilador, como o que existe no Adobe Flash CS5 ou no Adobe Flash Builder 4, o código da linguagem é embutido em um arquivo SWF para ser executado pela AVM (ActionScript Virtual Machine) que é um componente do Adobe Flash Player e do Adobe AIR.

Page 27: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

APRENDENDO UMA NOVA LINGUAGEMIntrodução ao Actionscript

Page 28: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Aprendendo uma nova linguagem

ActionScript é uma linguagem e, como um novo idioma ou a linguagem de uma partitura musical, requer tempo e dedicação para ser assimilada e utilizada com fluência.

Então quer dizer que vou demorar muito para aprender ActionScript?

Não necessariamente...

Page 29: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

“A bola é azul”

Todos os direitos reservados a damonlynch

Page 30: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

ACTIONSCRIPT E O AMBIENTE DE AUTORAÇÃO DO ADOBE FLASH

Introdução ao Actionscript

Page 31: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Adobe FlashO Adobe Flash trabalha com metáforas do mundo real, apropriando-se de elementos do design gráfico, da fotografia e da arte da animação integrando-os em um ambiente de programação e autoração.

A Interface intuitiva do software, comum a toda família de produtos Adobe, possibilita uma curva suave de aprendizado.

O Adobe Flash é a escolha indicada para trabalhar com ActionScript quando você necessita de um ambiente de programação integrado com ferramentas de criação gráfica, animação e vídeo.

Além disso, o Adobe Flash oferece vários componentes de interface prontos.

Page 32: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Painel Actions F9

Caixa de ferramentas: estão agrupados os Pacotes e Classes, na parte superior da caixa é possível escolher também a versão da linguagem a ser utilizada.

NavegadorÁrea de inserção do código (Janela Script)

Page 33: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Painel Actions F9

1. Adicionar um novo item ao código2. Localizar e substituir3. Configurar um caminho de destino absoluto ou relativo para uma ação no código.4. Verificar os erros de sintaxe no código5. Formatar e endentar o código automaticamente6. Exibir uma referência (dica) de código para a linha selecionada7. Depurar o código, alternar ou remover pontos de interrupção no código 8. Contrair o código que está entre chaves ou entre parênteses9. Contrair o bloco de código que está selecionado10. Expande qualquer código que estiver contraído11. Adicionar uma marcação de comentário no início e no final do bloco de código selecionado.12. Adicionar uma marcação de comentário no início de uma ou várias linhas de código13. Remove as marcações e comentário14. Exibir ou ocultar a caixa de ferramentas de ações e o navegador15. Adicionar código ActionScript 3.0 pré configurado (snippets)16. Interface de auxílio para inserção dos elementos do código ( assistente de criação de Scripts)17. Exibe ajuda contextual para o elemento do código que estiver selecionado

Page 34: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Painel Actions F9

Page 35: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Exemplo

Page 36: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Procedimental

Page 37: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

OOP

ASFLA

Page 38: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

ENCERRANDOIntrodução ao Actionscript

Page 39: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

LivroEste livro foi escrito pensando em designers e profissionais de criação que necessitam criar e produzir projetos interativos com recursos multimídia para web utilizando a linguagem ActionScript 3.0 dentro do ambiente de programação do Adobe Flash CS5.

Page 40: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Livro novo (abril)Como criar e produzir animações e interfaces básicas para web com o Adobe Flash CS5, integrando imagens, áudio e vídeo.

São apresentados recursos e ferramentas para a criação de gráficos vetoriais e para a importação de arquivos de texto, imagem, áudio e vídeo que serão incorporados ao fluxo de trabalho com o Flash.

Os princípios e as técnicas de animação, como stopmotion, interpolaçõe e máscaras são explicados de maneira objetiva, permitindo que designers, animadores e web designers possam incorporar esses procedimentos a seus trabalhos. São mostradas ainda as configurações de publicação do conteúdo para distribuição de maneira correta e eficiente visando diversas plataformas e dispositivos.

Page 41: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Referências iniciaisGrupohttp://as3devs.com.br

Meus siteshttp://flatschart.comhttp://quadrodosbemois.com.br

Plataforma Adobe Flashhttp://www.adobe.com/br/flashplatform

ActionScript Technology Centerhttp://www.adobe.com/devnet/actionscript.html

TV Adobehttp://tv.adobe.com

Guia do desenvolvedor ActionScript 3.0http://help.adobe.com/pt_BR/as3/dev/index.html

Referência do ActionScript® 3.0 para Adobe Flash Professional CS5http://help.adobe.com/pt_BR/Flash/CS5/AS3LR/index.html

Uso de componentes do ActionScript 3.0http://help.adobe.com/pt_BR/as3/components/index.html

Utilização do Flash Professional CS5http://help.adobe.com/pt_BR/flash/cs/using/index.html

Page 42: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Agradecimentos

• @_lipao_ • @JayMoretti• @fellyph• @asdevs• Comunidades & Grupos AS/Flash/Adobe• DRC

Page 43: Grupo de estudos AS3 - Introdução ao ActionScript 3.0

Muito obrigado !flatschart.comquadrodosbemois.com.brslideshare.net/fabioflat@fabioflat