Flash Lite 2.1Flash Lite 2.1

Alunos: João da Rocha Pascoal Neto (jrpn)Alunos: João da Rocha Pascoal Neto (jrpn)

Caio Cesar Neves de Oliveira (ccno)Caio Cesar Neves de Oliveira (ccno)

João Paulo Sabino de Moraes (jpsm)João Paulo Sabino de Moraes (jpsm)

RoteiroRoteiro IntroduIntroduçãoção

Comercio de celulares no BrasilComercio de celulares no Brasil Brasil em relação ao resto do mundoBrasil em relação ao resto do mundo

Caracteristicas e FuncionalidadeCaracteristicas e Funcionalidade MovieClipsMovieClips Campos de TextoCampos de Texto Algumas funções e propriedades globais Algumas funções e propriedades globais

importantesimportantes Classe KeyClasse Key ExemplosExemplos ExercíciosExercícios

IntroduçãoIntrodução

A primeira versão, o Flash Lite 1.0, foi lançada A primeira versão, o Flash Lite 1.0, foi lançada em fevereiro de 2003 para a séroe de em fevereiro de 2003 para a séroe de dispositivos NTT DoCoMo 505i no Japãodispositivos NTT DoCoMo 505i no Japão

Mais de 60% dos sites Mais de 60% dos sites i-modei-mode oficiais são oficiais são baseados em Flash Lite para tráfego de dados, baseados em Flash Lite para tráfego de dados, proporcionando aos usuários finais uma maior proporcionando aos usuários finais uma maior interatividade de navegação e conteúdo.interatividade de navegação e conteúdo.

Atualmente, o player do Flash Lite está instalado Atualmente, o player do Flash Lite está instalado em mais de 28 modelos de telefones móveis da em mais de 28 modelos de telefones móveis da DoCoMo e já pode ser instalado em mais de 50 DoCoMo e já pode ser instalado em mais de 50 dispositivos diferentesdispositivos diferentes

Comércio de Celulares no BrasilComércio de Celulares no Brasil

O Brasil é o quinto país que mais O Brasil é o quinto país que mais comercializa celulares no mundo.comercializa celulares no mundo.

70.790.000 kits (Abril 2005) 38.61 telefones / 100 habitantes. A indústria de celulares Brasileiros

produziu: 2004: 8.9 milhões de kits 2005 (Jan – Abril): 9.4 milhões de kits

Brasil em relação ao resto do Brasil em relação ao resto do mundomundo

PosiçãoPosição PaísPaís Milhões de Milhões de celularescelulares

11 ChinaChina 269269

22 USAUSA 159159

33 JapãoJapão 107107

44 AlemanhaAlemanha 8585

55 BrasilBrasil 7070

66 Reino UnidoReino Unido 6060

77 ItáliaItália 5656

88 FrançaFrança 4242

Fonte: UIT

Características e FuncionalidadeCaracterísticas e Funcionalidade

Flash Lite 2.1 lhe oferece as mesmas Flash Lite 2.1 lhe oferece as mesmas características de timeline do Flash 8 que características de timeline do Flash 8 que podem ser encontradas como:podem ser encontradas como: MovieClipsMovieClips BotõesBotões EventosEventos Campos de textoCampos de texto BitmapsBitmaps GradientesGradientes VetoresVetores Etc...Etc...

MovieClipsMovieClips Assemelham-se a arquivos SWF que funcionam Assemelham-se a arquivos SWF que funcionam

independentes uns dos outros e da Timeline independentes uns dos outros e da Timeline (linha do tempo) que os contém.(linha do tempo) que os contém.

Por exemplo, se a Timeline principal possuir Por exemplo, se a Timeline principal possuir somente um quadro, e um MovieClip nesse somente um quadro, e um MovieClip nesse quadro possuir dez quadros, cada quadro do quadro possuir dez quadros, cada quadro do MovieClip será reproduzido enquanto quando o MovieClip será reproduzido enquanto quando o arquivo SWF principal for reproduzido.arquivo SWF principal for reproduzido.

Um MovieClip pode conter outros MovieClips ou Um MovieClip pode conter outros MovieClips ou MovieClips aninhados existindo uma hierarquia MovieClips aninhados existindo uma hierarquia no qual um MovieClip pai contem um ou mais no qual um MovieClip pai contem um ou mais MovieClips filho MovieClips filho

MovieClipsMovieClips

Pode-se atribuir nomes a instancias de Pode-se atribuir nomes a instancias de MovieClips para identificá-los de forma MovieClips para identificá-los de forma exclusiva como qualquer objetos que exclusiva como qualquer objetos que podem ser controlados pelo ActionScriptpodem ser controlados pelo ActionScript

Quando um nome de instancia é atribuido Quando um nome de instancia é atribuido a uma instancia de MovieClip, esse nome a uma instancia de MovieClip, esse nome o identifica como um objeto da classe o identifica como um objeto da classe MovieClip podendo usar propriedades e MovieClip podendo usar propriedades e métodos da classe para controlar a métodos da classe para controlar a aparência e o comportamento durante sua aparência e o comportamento durante sua execução.execução.

Propriedade dos MovieClipsPropriedade dos MovieClips

_width (largura)_width (largura) _height (altura)_height (altura) _x (posição x no palco)_x (posição x no palco) _y (posição y no palco)_y (posição y no palco) _alpha (grau de opacidade)_alpha (grau de opacidade) _rotation (rotação do MovieClip em graus)_rotation (rotação do MovieClip em graus) _visible (boolean que indica a visibilidade do _visible (boolean que indica a visibilidade do

MovieClip)MovieClip) _xscale (escala do MovieClip em x)_xscale (escala do MovieClip em x) _yscale (escala do MovieClip em y)_yscale (escala do MovieClip em y) Etc..Etc..

Campos de TextoCampos de Texto

Existem tres tipos de campos de campos Existem tres tipos de campos de campos de texto:de texto: Static TextStatic Text Input TextInput Text Dinamic TextDinamic Text

Campos de TextoCampos de Texto

Input Text são campos em que o usuário Input Text são campos em que o usuário digita o texto desejado. Possuem digita o texto desejado. Possuem propriedades alteráveis.propriedades alteráveis.

Static Text são texto previamente Static Text são texto previamente determinados em que não pode mudar determinados em que não pode mudar nenhuma propriedade do camponenhuma propriedade do campo

Dinamic Text são textos dinamicos, ou Dinamic Text são textos dinamicos, ou seja, pode mudar suas propriedades como seja, pode mudar suas propriedades como texto, posição, x, y, etc..texto, posição, x, y, etc..

Propriedades dos Campos de Propriedades dos Campos de TextoTexto

Possuem propriedades de MovieClips e Possuem propriedades de MovieClips e outras a mais como:outras a mais como:

text (o texto do campo)text (o texto do campo) maxChars (numero maximo de maxChars (numero maximo de

caracteres)caracteres) restrict (próprio para Input Text, restringe restrict (próprio para Input Text, restringe

os caracteres que podem ser inseridos no os caracteres que podem ser inseridos no campo)campo)

password (todos os caracteres do campo password (todos os caracteres do campo são representados por *)são representados por *)

Algumas funções e propriedades Algumas funções e propriedades globais importantesglobais importantes

trace(object) - imprime o objeto na tela de trace(object) - imprime o objeto na tela de output (F2)output (F2)

Stage.width - largura do palcoStage.width - largura do palco Stage.heigth - altura do palcoStage.heigth - altura do palco

Classe KeyClasse Key

Classe fundamental para quem trabalha Classe fundamental para quem trabalha com aplicações para celularcom aplicações para celular

Toda entrada passada pelo usuário, numa Toda entrada passada pelo usuário, numa aplicação móvel, vem das teclas do aplicação móvel, vem das teclas do celular que é gerenciada pela classe Keycelular que é gerenciada pela classe Key

Todos os botões do celular são mapeados Todos os botões do celular são mapeados pela Classe Key atraves de Key Codes ou pela Classe Key atraves de Key Codes ou Ascii CodesAscii Codes

Métodos e propriedades da classe Métodos e propriedades da classe KeyKey

Key.getCode() - retorna o key code do ultimo Key.getCode() - retorna o key code do ultimo botão pressionadobotão pressionado

Key.addListener(myListener:Object) – adiciona Key.addListener(myListener:Object) – adiciona um evento que é acionado quando uma tecla é um evento que é acionado quando uma tecla é pressionadapressionada

Key.UP - tecla direcional para cimaKey.UP - tecla direcional para cima Key.DOWN - tecla direcional para baixoKey.DOWN - tecla direcional para baixo ExtendedKey.SOFT - teclas soft do modelo, que ExtendedKey.SOFT - teclas soft do modelo, que

podem ser numeradas de 1 a 12 (SOFT1 é a podem ser numeradas de 1 a 12 (SOFT1 é a esquerda e SOFT2 é a direita)esquerda e SOFT2 é a direita)

Nokia 6630Nokia 6630

PráticaPrática

Mostraremos alguns exemplos de Mostraremos alguns exemplos de aplicações bem simples para Flash Lite 2.1 aplicações bem simples para Flash Lite 2.1 utilizando os conceitos passados utilizando os conceitos passados anteriormente.anteriormente.

Primeiramente, abra o Macromedia Flash 8 Primeiramente, abra o Macromedia Flash 8 e escolha o modo Flash Documente escolha o modo Flash Document

Vá para o menu File e em seguida para Vá para o menu File e em seguida para Publish Settings...Publish Settings...

Na tela seguinte vá para a aba FlashNa tela seguinte vá para a aba Flash No campo Version escolha a opção Flash No campo Version escolha a opção Flash

Lite 2.1 e em seguida clique em Ok.Lite 2.1 e em seguida clique em Ok.

Em seguida , na parte de baixo da tela, Em seguida , na parte de baixo da tela, clique no botão Settings...clique no botão Settings...

Nas pastas que aparecerão em seguida Nas pastas que aparecerão em seguida escolha respectivamente, Symbian, Series escolha respectivamente, Symbian, Series 60, Nokia e Nokia 6630, depois adicione o 60, Nokia e Nokia 6630, depois adicione o modelo no botão Add>> e clique Okmodelo no botão Add>> e clique Ok

Agora temos que modificar o tamanho do Agora temos que modificar o tamanho do palco para ser compativel com o tamanho palco para ser compativel com o tamanho do palco do Nokia 6630do palco do Nokia 6630

Na tela principal vá para o menu Modify e Na tela principal vá para o menu Modify e em seguida selecione Document...em seguida selecione Document...

Nos campos Dimensions modifique o Nos campos Dimensions modifique o campo width para 176 e o campo height campo width para 176 e o campo height para 208 e confirme em Okpara 208 e confirme em Ok

Exemplo Prático 1Exemplo Prático 1

Aparecer mensagens de texto diferentes Aparecer mensagens de texto diferentes quando apertar os botões SOFTS quando apertar os botões SOFTS diferentesdiferentes

Abra Abra www/~jrpn/arquivos/Multimidia/Seminario www/~jrpn/arquivos/Multimidia/Seminario Flash Lite/Exemplo 1.flaFlash Lite/Exemplo 1.fla

Exemplo Prático 2Exemplo Prático 2

Mover um MovieClip para a esquerda e Mover um MovieClip para a esquerda e para a direita através das direcionais do para a direita através das direcionais do celularcelular

Abra Abra www/~jrpn/arquivos/Multimidia/Seminario www/~jrpn/arquivos/Multimidia/Seminario Flash Lite/Exemplo 2.flaFlash Lite/Exemplo 2.fla

Exercício Proposto 1Exercício Proposto 1

Modifique o código do “Exemplo 1.fla” Modifique o código do “Exemplo 1.fla” para que o campo de texto apareça a para que o campo de texto apareça a mensagem (“Você pressionou o mensagem (“Você pressionou o botão botão ????”) somente para as teclas ”) somente para as teclas numéricas e apareça a mensagem (“Você numéricas e apareça a mensagem (“Você não pressionou teclas numéricas”) caso a não pressionou teclas numéricas”) caso a tecla que você apertou não seja numérica.tecla que você apertou não seja numérica.

Obs: Utilize Key.getAscii() ao invés do Obs: Utilize Key.getAscii() ao invés do Key.getCode()Key.getCode()

Exercício Proposto 2Exercício Proposto 2 Modifique o código do “Exemplo 2.fla” Modifique o código do “Exemplo 2.fla”

para que o quadrado possa mover para para que o quadrado possa mover para cima, para baixo e para os lados através cima, para baixo e para os lados através das direcionais corretas e poder aumentar das direcionais corretas e poder aumentar e diminuir o alpha através dos botões e diminuir o alpha através dos botões SOFT esquerdo (diminuir) e direito SOFT esquerdo (diminuir) e direito (aumentar)(aumentar)

Obs 1: O alpha do MovieClip deve ficar Obs 1: O alpha do MovieClip deve ficar sempre entre 0 e 100sempre entre 0 e 100

Obs 2: O incremento das direcionais e do Obs 2: O incremento das direcionais e do alpha deve ser sempre de 5 unidadesalpha deve ser sempre de 5 unidades