Introdução ao ActionScript

  Grupo de Estudos de Actionscript 3.0
  Fábio Flatschart
Fábio Flatschart
Consultor 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
Í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
Introdução ao Actionscript

NOVOS PROFISSIONAIS, NOVAS
FERRAMENTAS E NOVOS MERCADOS
Analógico
Digital
Interativo
Um mundo de telas
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.
Leonardo da Vinci
Johann Sebastian Bach
Sergei Eisenstein
Enzo Ferrari
Steve Jobs
Há vagas !
             • geek
             • nerd
             • nativo digital
             • internet boomer
             • multitasker
             • web generation
             • geração y
             • geração z
             • ninja
Devigner




 Developer   Designer
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.
Introdução ao Actionscript

PLATAFORMA FLASH
Plataforma Flash


    FERRAMENTAS           FRAMEWORK   SERVIDORES    SERVIÇOS     CLIENTES




   Flash        Flash        Flex     Flash Media     Flash      Flash Player
Professional   Catalyst                  Server      Platform
                                                     Services


      Flash Builder                    LiveCycle                    AIR




     Creative Suite                    ColdFusion   Análise &
                                                    Otimização
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.
Plataforma Flash
Introdução ao Actionscript

O QUE É ACTIONSCRIPT?
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.
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 (European
Computer Manufacturers Association), uma
associação internacional que normatiza sistemas
e linguagens computacionais.
ActionScript : evolução

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




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




                           Lançada em conjunto com o Adobe
 2006   ActionScript 3.0    Flex 2.0 e o Adobe Flash Player 9.
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.
Introdução ao Actionscript

APRENDENDO UMA NOVA LINGUAGEM
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...
“A bola é azul”




                  Todos os direitos reservados a damonlynch
Introdução ao Actionscript

ACTIONSCRIPT E O AMBIENTE DE
AUTORAÇÃO DO ADOBE FLASH
Adobe Flash
               O 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.
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.




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


1.    Adicionar um novo item ao código
2.    Localizar e substituir
3.    Configurar um caminho de destino absoluto ou relativo para uma ação no código.
4.    Verificar os erros de sintaxe no código
5.    Formatar e endentar o código automaticamente
6.    Exibir uma referência (dica) de código para a linha selecionada
7.    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ênteses
9.    Contrair o bloco de código que está selecionado
10.   Expande qualquer código que estiver contraído
11.   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ódigo
13.   Remove as marcações e comentário
14.   Exibir ou ocultar a caixa de ferramentas de ações e o navegador
15.   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
Painel Actions F9
Exemplo
Procedimental
OOP


  AS
       FLA
Introdução ao Actionscript

ENCERRANDO
Livro
        Este 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.
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 stop
                     motion, 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.
Referências iniciais
Grupo                                           Guia do desenvolvedor ActionScript 3.0
http://as3devs.com.br                           http://help.adobe.com/pt_BR/as3/dev/index.html


Meus sites                                      Referência do ActionScript® 3.0 para Adobe Flash
http://flatschart.com                           Professional CS5
                                                http://help.adobe.com/pt_BR/Flash/CS5/AS3LR/index.html
http://quadrodosbemois.com.br
                                                Uso de componentes do ActionScript 3.0
Plataforma Adobe Flash                          http://help.adobe.com/pt_BR/as3/components/index.html
http://www.adobe.com/br/flashplatform
                                                Utilização do Flash Professional CS5
ActionScript Technology Center                  http://help.adobe.com/pt_BR/flash/cs/using/index.html
http://www.adobe.com/devnet/actionscript.html

TV Adobe
http://tv.adobe.com
Agradecimentos
•   @_lipao_
•   @JayMoretti
•   @fellyph
•   @asdevs
•   Comunidades & Grupos AS/Flash/Adobe
•   DRC
Muito obrigado !
flatschart.com
quadrodosbemois.com.br
slideshare.net/fabioflat
@fabioflat

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

  • 1.
    Introdução ao ActionScript Grupo de Estudos de Actionscript 3.0 Fábio Flatschart
  • 2.
    Fábio Flatschart Consultor daAdobe 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
  • 3.
    Í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
  • 4.
    Introdução ao Actionscript NOVOSPROFISSIONAIS, NOVAS FERRAMENTAS E NOVOS MERCADOS
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
    O primeiro pintorde 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.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
    Há vagas ! • geek • nerd • nativo digital • internet boomer • multitasker • web generation • geração y • geração z • ninja
  • 16.
  • 17.
    Devigner Devigner é umabrincadeira 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.
  • 18.
  • 19.
    Plataforma Flash FERRAMENTAS FRAMEWORK SERVIDORES SERVIÇOS CLIENTES Flash Flash Flex Flash Media Flash Flash Player Professional Catalyst Server Platform Services Flash Builder LiveCycle AIR Creative Suite ColdFusion Análise & Otimização
  • 20.
    Plataforma Flash A plataformaAdobe 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.
  • 21.
  • 22.
    Introdução ao Actionscript OQUE É ACTIONSCRIPT?
  • 23.
    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.
  • 24.
    ActionScript 3.0 A linguagemActionScript está atualmente na versão 3.0, também conhecida como AS 3.0, e é baseada nos padrões da ECMA (European Computer Manufacturers Association), uma associação internacional que normatiza sistemas e linguagens computacionais.
  • 25.
    ActionScript : evolução Lançado com a versão 5 do Flash, 2000 ActionScript 1.0 evoluiu das Actions do Flash 4. Surgiu com o lançamento do Flash 2003 ActionScript 2.0 MX 2004 e do Flash Player 7 Lançada em conjunto com o Adobe 2006 ActionScript 3.0 Flex 2.0 e o Adobe Flash Player 9.
  • 26.
    Como funciona ? Apósser 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.
  • 27.
  • 28.
    Aprendendo uma novalinguagem 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...
  • 29.
    “A bola éazul” Todos os direitos reservados a damonlynch
  • 30.
    Introdução ao Actionscript ACTIONSCRIPTE O AMBIENTE DE AUTORAÇÃO DO ADOBE FLASH
  • 31.
    Adobe Flash O 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.
  • 32.
    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. Área de inserção do Navegador código (Janela Script)
  • 33.
    Painel Actions F9 1. Adicionar um novo item ao código 2. Localizar e substituir 3. Configurar um caminho de destino absoluto ou relativo para uma ação no código. 4. Verificar os erros de sintaxe no código 5. Formatar e endentar o código automaticamente 6. Exibir uma referência (dica) de código para a linha selecionada 7. 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ênteses 9. Contrair o bloco de código que está selecionado 10. Expande qualquer código que estiver contraído 11. 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ódigo 13. Remove as marcações e comentário 14. Exibir ou ocultar a caixa de ferramentas de ações e o navegador 15. 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
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
    Livro Este 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.
  • 40.
    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 stop motion, 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.
  • 41.
    Referências iniciais Grupo Guia do desenvolvedor ActionScript 3.0 http://as3devs.com.br http://help.adobe.com/pt_BR/as3/dev/index.html Meus sites Referência do ActionScript® 3.0 para Adobe Flash http://flatschart.com Professional CS5 http://help.adobe.com/pt_BR/Flash/CS5/AS3LR/index.html http://quadrodosbemois.com.br Uso de componentes do ActionScript 3.0 Plataforma Adobe Flash http://help.adobe.com/pt_BR/as3/components/index.html http://www.adobe.com/br/flashplatform Utilização do Flash Professional CS5 ActionScript Technology Center http://help.adobe.com/pt_BR/flash/cs/using/index.html http://www.adobe.com/devnet/actionscript.html TV Adobe http://tv.adobe.com
  • 42.
    Agradecimentos • @_lipao_ • @JayMoretti • @fellyph • @asdevs • Comunidades & Grupos AS/Flash/Adobe • DRC
  • 43.