Manual de Instalação e Utilização
Contents
1. Al m disso se o componente for do tipo Image na janela aberta o usu rio deve selecionar o arquivo da imagem que se deseja adicionar O nome de um componente deve ser formado o por uma cadeia de letras d gitos e o caracter underscore contudo a cadeia n o deve come ar com d gito Para definir o v deo principal da aplica o gerada que o terceiro tipo de componente 2 3 Componente 11 o usu rio deve clicar no bot o Video Na janela aberta o usu rio deve clicar no bot o Browse para escolher qual o arquivo que representa o v deo Em seguida deve clicar no bot o Close Figura 2 24 Contextual Ginga New Component Properties 8 Contextual Ginga File Edit Project Code Help Component name componentel BLA Tex E mags E video Figura 2 22 Tipos de componente Figura 2 23 Nome do componente Contextual Ginga Video s ContextualGinga Select the name of application s video Attention You must copy the selected File to output media Folder Figura 2 24 Nome do v deo principal 2 3 2 Excluir Componente Esta funcionalidade permite excluir um componente de uma tela Quando o componente exclu do ele deixa de existir na vis o de todos os personas adicionados ao projeto Para executar esta funcionalidade o usu rio deve clicar com o bot o direito sobre o componente a ser exclu do e clicar no item Delete Component Figura 2 25 Na janela aber2. 2 1 Projeto amp Contextual Ginga File Edit Project Code Help Mem Video Exit Figura 2 5 Abrir projeto Contextual Ginga Project Folder My Recent Documents E Desktop Fa b g F My Documents PL My Computer amp My Metwork Places Files of type Froject E tvp File name Exemplo twp Figura 2 6 Sele o de projeto 2 1 3 Salvar Projeto Esta funcionalidade permite que sejam salvos todos os dados do projeto ou seja todas as telas com seus componentes e transi es bem como os personas Para execut la o usu rio deve no menu File clicar no item Save Project Figura 2 7 ou digitar o atalho Ctrl S Figura 2 7 2 1 4 Fechar Projeto Esta funcionalidade permite encerrar a visualiza o dos dados de um projeto Para execut la o usu rio deve no menu File clicar no item Save Project Figura 2 8 2 1 Projeto 6 E Contextual Ginga E Contextual Ginga File Edit Project Code Help File Edit Project Code Help Mew Mew H video Close Project Close Project save Project Etrl S H Save Project Ckrl 5 ol Delete Projeck rol Delete Project Exit Exit Figura 2 7 Salvar projeto Figura 2 8 Fechar projeto 2 1 5 Excluir Projeto Esta funcionalidade permite excluir o projeto que est aberto Para execut la o usu rio deve no menu File clicar no item Delete Project Figura 2 9 Na janela de confirma o de exclus o o usu rio deve clicar no bo
3. se eas eaea E RS E a aa a 15 None O ae e e ana SC e e ESA SS a E E N 15 Exclui persondsa agir aa e a a a a a a a e a e DA 15 Confirmar exclus o do persona ooo 15 CaLaCierisLICA N O q ma p EnIT SA DADA GEDEGRS a 16 Caracieristica UNES amp md RD sd Re A EA ELE SP SL SP REA 16 Caracteristica UNE entusrbepo END ENSEADA Dad 16 AN CICIonAr ANSI O erros p dae dd GA SE red 17 Valores da aNs CaO ee s do o aea e a SS e e 1 A ae a Da ii 17 Visualizar ansi COES qem aa eg E RU Ta RU a ai SE a a a A DA 18 Lista de transicoes siss esi siea E PUT a e aa A q E E a e SR 18 Navega o entre as telas por persona onoo a a 19 Gerar codico NGDOOSs o t s ac t med ia da ade ad a 20 Confirma o para salvar projeto oaoa oa a e a a 20 C digo da aplica o NCLua gerado ssa a Er a a ED ACRE E A E 20 3 1 Estrutura de diret rios na m quina virtual 3 2 Alterar valor da data e da hora do sistema 1 Introdu o Este documento tem como objetivo orientar o usu rio na execu o das funcionalidades oferecidas pela ferramenta Contextual Ginga Neste cap tulo s o listados os requisitos necess rios para a instala o como esta deve ser realizada e como a desinstalar do computador No Cap tulo 2 s o descritos os procedimentos para a execu o de cada funcionalidade No Cap tulo 3 s o descritas instru es para a execu o da aplica o de TV digital gerada pela ferramenta No Cap tulo 4 s o descritas as limita es da fer
4. originadas neste componente Figura 2 44 2 5 3 Excluir Transi o Esta funcionalidade permite excluir uma transi o entre dois componentes Para executar esta funcionalidade na tela que lista as transi es de um componente ver subse o 2 5 2 o usu rio deve clicar em uma das linhas da tabela que representa uma Sy Do transi o e clicar no bot o x para a exclus o Figura 2 44 2 5 Transi o 18 Personas Jo o PR O Pn Navigation telal tvs DE S Delete Component Add Transition Transitions Set s Initial Component Figura 2 43 Visualizar transi es E Contextual Ginga Transitions from Component a Transitions Persona From Screen To Screen From Component To component fction Jo o telal tws telal tys CURSOR RIGHT Figura 2 44 Lista de transi es 2 5 4 Alterar Transi o Esta funcionalidade permite alterar os valores das propriedades de uma transi o Para executar esta funcionalidade na tela que lista as transi es de um componente ver subse o 2 5 2 o usu rio deve clicar em uma das linhas da tabela que representa uma transi o e clicar no bot o de atualizar representado por duas setas Figura 2 44 Na janela aberta semelhante Figura 2 42 o usu rio deve alterar os valores desejados e clicar no bot o OK 2 5 5 Visualizar Transi es Graficamente Es
5. primeiro a receber foco Figura 2 16 Na janela aberta que mostra que a tela e o componente iniciais foram definidos o usu rio deve clicar no bot o OK Figura 2 17 2 2 5 Renomear Tela Esta funcionalidade permite alterar o nome de uma tela Para executar esta funcionalidade o usu rio deve clicar com o bot o esquerdo no nome da tela que deseja 2 2 Tela 9 Pesones i o N Initial Screen aa Navigation Ei tel i BIEC E MECA COMPpONEMNC OP SCrEEN CEA CYS o a Select the initial t of tela tus T met V cc 4 Transitions Vo Figura 2 15 Definir tela inicial Figura 2 16 Definir componente inicial Contextual Ginga i Screen tela tes and component componente are the initial point For Persona Jo o Figura 2 17 Tela e componente inicial definidos renomear para selecion la e em seguida com o direito para abrir a lista de itens Depois o usu rio deve clicar no item Rename Screen Figura 2 18 Na janela aberta o usu rio deve informar o novo nome para a tela e clicar no bot o OK Figura 2 19 Contextual Ginga File Edit Project Code Help Rename Screen tela tvs RE Text Image E video Exea A tela tvs tela tvs EEA ete Screen Hew name Y ai Cancel Figura 2 19 Novo nome da tela Figura 2 18 Renomear tela 2 2 6 Excluir Tela Esta funcionalidade permite excluir uma tela de um projeto Com esta exclus o tamb m s o exclu das as trans
6. 3 4 Definir Componente Inicial ccccccll 2 3 9 Alterar Propriedade de Componente lcccccccc a aa 2 PERSONA esaea bad RARES AE SN S RS E E SE A 2AT Adiciona Persona s borson ka ESSA RESET A 2A ELU Eer OG e sad e a e eoa US e aa DADO SE e GO a i TS 2 4 3 Alterar Contexto do Persona ooa a a a 2a ECO aaa p aeaea aaea eee a a a a A 2 5 1 Adicionar Transi o 2 9 2 Visualizar Transi es Zoo lxcinir Pransic o ss rss dis dd AD DAS Bo 2 Aerate Transi usas RSA dad a ado Pe a 2 5 5 Visualizar Transi es Graficamente oaoa a a a 20 aeoe OOO a e aaa ae e r e e E ENE E E a Y 2 6 1 Gerar C digo NCLua 3 Execu o de Aplica es 4 Limita es Refer ncias 12 2 15 15 15 16 16 17 17 17 18 18 19 19 21 23 24 ili Lista de Figuras 2A COR CLA NUM de E a E RU AE A CG E PD SD AS 3 DD INOVOPLOJ OS mb goi mand Et gr SAD A Do ae E DD a a o bed 4 2 melao de diretotio sacia gsm ds Eds ERA GR do A dd 4 2 4 Resolu o das telas de um projeto oa oao a a 4 2d ABUDI O O pa ag e a Da DD E E E A ED O E BS 5 20 O eode pO ClO ate s do ee EL a a a a e ae e a E aea A aa iA 5 O AREPO O aa Saito a ra A a ea a e E ci A a 6 2S Fechar projelo aerma e e a a a E O a e dr a e ana a e i 6 29 Excelu projeto 4 bawie bia E aE d E a ds dE E ia ae E boa y A 6 2 10 Confirmar exclus o do projeto a ooo a a a a 6 DA E E E E E Ea 7 2 12 Nomad ds ms OG Ds E Ecras Bin
7. 5 Transi o 16 2 4 3 Alterar Contexto do Persona Esta funcionalidade permite alterar as caracter sticas contextuais de um persona quem Who quando When e onde Where A categoria quem possui propriedades que definem a faixa et ria e o sexo do usu rio Figura 2 38 A categoria quando possui propriedades que definem data e hora inicial e final e o dia da semana Figura 2 39 A categoria onde possui como propriedades o pa s o estado a cidade e o c digo postal Figura 2 40 Para alterar os valores o usu rio deve alterar o valor do campo desejado e tirar o foco do campo Visando estimular a inser o de sensibilidade ao contexto nas aplica es geradas os campos que os usu rios utilizam para construir as caracter sticas de um persona e o cen rio do momento da intera o est o sempre vis veis enquanto a ferramenta est sendo executada Mesmo assim o usu rio pode criar atrav s da ferramenta uma aplica o que n o seja sens vel ao contexto para tanto deve se utilizar um persona Default d Who When gE From toje Start Date Oziogp z0in End Date zaj grz0in GENE Stark Hour 20 00 End Hour 22 00 Figura 2 38 Caracter stica who Figura 2 39 Caracter stica when L Where Count Brasil State FE Pernambuco City Recife Postal Code S0 732 970 Figura 2 40 Caracter stica where 2 5 Transi o Esta se o descreve as funciona
8. O contro ca torm tica U F P E P s Gradua o em Ci ncia da Computa o Contextual Ginga Uma Ferramenta de Autoria de Aplica es Interativas Sens veis ao Contexto de TV Digital para Ginga NCL Manual de Instala o e Utiliza o Ana Paula Bezerra Alves de Carvalho EE E j Universidade Federal de Pernambuco posgraduacaoQcin ufpe br www cin ufpe br posgraduacao RECIFE Abril 2010 1 Introdu o 1 o REQUISITOS e mee cn Lad q CBS DIE EO E E R E S e e aa e e ae g 1 1 2 Instala o e Desinstala o o o a oa a a a 1 2 Funcionalidades 2 Za POJO sds e a e a G a a de r a e RAD E 3 zek OAR e a e e a a e a e a DR a aaa a a 3 DED AO POOO pm k aae e e aea DT e TA a TS 3 Zi DANa PrO Ora t arae aaea eae aene a SR E E 5 2AA Focha RLO JelOr decora pa E bo ie MESAS SED MS io e E aae de e aie A E 5 2ko Erelu PrOJCO suaa a a a a E a E g a d E GU E aa 6 DO A Es EERE EE EEE EE E EE EE E SS E E 2AE Aae O e e e ea R E E A E S COML e E G e E a a T AA Eistar aS as ey enan a a 6 a a a a ae od SE Sp T 22 9 Exibir Lela eni Editor Graco s esos oera eu on maaala e haed 8 2 2 Denan lelalmncal assi ge a a a a a a a e DE 8 22o Renomear Feliksa oi eas aTa aR a LER dE ES 8 220 Eker lae add A DAE DAE SSD e EN A 9 Zoo COMPO ss ya dd dg a EL SR o de a E e Ri E 10 2 3 1 Adicionar Componente cccccccl a aa 10 Zoo Fr Componente rsgemes ends EEE SU LS 11 Sum rio 2d Mover COMDOINN C aise e saa ke eeke aaa e SA E A Ez 2
9. a Br do Br gde SU ndo SS r DS ISAAC a E a e E aa a E a Ea ea Raa a Ee A a ea a a SE T 2 14 Exibir tela em editor gr fico oaoa oa a a 8 Ze Dean tela idicah sasa o ke Ane nA DERA SEDE a dd 9 2 16 Definir componente inicial su md pm add E A E a E o ado BA 9 2 17 Tela e componente inicial definidos a oa a a a a a a 9 2 8 Ienomear el ss a ea a o E a E E ADE a a a R 9 2 19 Novo nome dateld eas eor eua mis Ga ma RE ea A e 9 ANE cin Tele a a RAIN E a e E a e ER a a O 10 22t Confirmar excluso dade s ea sose s oaos era Ae db ani do a a 10 2 22 Tipos de componente ooo a a a a sho A 11 2 23 2 24 2 20 2 20 22 2 28 RAN 2 30 2 31 2 32 2 50 2 34 2 30 2 30 Zok 2 38 2 39 2 40 2 41 2 4 2 2 43 2 44 2 49 2 46 2 47 2 48 Nome do componente se oaoa a gds dk dE MR ER ERA A 11 Nome do v deo principal sem su EE RISE EMEIES UR SEE LE LS RL TE SG UE 11 Exclui Componente sea s amm ea eaw A SE e E A 11 Confirmar exclus o do componente ooo o oa a k e e 11 Definir componente inicial aoa a a a a a 12 Componente inicial definido a o a a a a a 12 Propriedades de componente tipo texto o oo o oo a e 13 Propriedades de componente tipo imagem oaoa a oa a a a e a 13 Alterar propriedade de texto o oo oo a a a a 13 Alterar propriedade de cor cc ooo a e a a a 14 Alterar propriedade de estilo de fonte o o n a o a a a a 14 Adicionar verson
10. al 3 Execu o de Aplica es 22 Tabela 3 1 Arquivo Context properties Context properties age o genre m country Brasil state PE Pernambuco city Recife postalCode 50 732 9T70 Antes de executar a aplica o de TV digital sens vel ao contexto fundamental verificar se a data e a hora do sistema est o corretas ou de acordo com o teste que se deseja efetuar Esta opera o deve ser realizada atrav s de uma aplica o de console remoto Com a execu o do comando date s o retornados a data e a hora correntes do sistema Com o comando date MMDDhhmmYYYY pode se alterar estes valores onde MM corresponde ao m s DD ao dia hh hora com 24 horas mm ao minuto e YYYY ao ano Pode ser visto um exemplo na Figura 3 2 Fri Apr z 19 00 00 EDT 2010 rootigingawm Figura 3 2 Alterar valor da data e da hora do sistema 23 4 Limita es Principalmente pelo fato da ferramenta Contextual Ginga ainda encontrar se em fase de desenvolvimento ela possui limita es tanto na ferramenta em si quanto nas aplica es que podem ser geradas Como limita es da ferramenta tem se 1 Os arquivos das telas n o podem ser separados em subdiret rios 2 N o exibida a exist ncia de altera es n o salvas em telas Dessa forma aconselh vel que o usu rio da ferramenta salve com frequ ncia suas altera es Como limita es das aplica es geradas tem se 1 N o poss vel realizar re
11. al Component Figura 2 27 Definir componente inicial Figura 2 28 Componente inicial definido 2 3 5 Alterar Propriedade de Componente Esta funcionalidade permite alterar o valor de uma propriedade de um componente a partir de uma lista de propriedades que variam de acordo com o tipo do componente Para executar esta funcionalidade o usu rio deve clicar no componente e a ferramenta exibir as respectivas propriedades e seus valores atuais As propriedades de um componente do tipo texto s o nome texto posi o dimens es cor da fonte cor do fundo e estilo da fonte Figura 2 29 Um componente deste tipo pode conter texto em uma ou mais linhas As propriedades de um componente do tipo imagem s o nome posi o dimens es imagem e imagem com foco Figura 2 30 Com esta possibilidade de permitir que um componente possua duas imagens juntamente com transi es que permitem mudan as de 2 3 Componente 13 foco para uma dada a o pode se fazer que ele apresente o comportamento de um bot o Se o componente representar sempre a mesma imagem suficiente atribuir valor somente para imagem sem foco Property value Mame imagem Locion s0 j Image CADocument manra O Font Style Dialog Plain 12 Figura 2 29 Propriedades de componente Figura 2 30 Propriedades de componente tipo texto tipo imagem Para alterar a propriedade Name o usu rio deve clicar duas vezes na c lula da colu
12. cionalidades referentes gera o de c digo NC Lua para a aplica o de TV digital 2 6 1 Gerar C digo NCLua Esta funcionalidade permite produzir a aplica o para a plataforma Ginga NCL a partir dos dados presentes em um projeto constru do na ferramenta Para executar esta funcionalidade o usu rio deve clicar no menu Code no item Generate NCLua Code Figura 2 46 ou digitar o atalho Ctrl G Antes da gera o ser aberta uma janela para o usu rio confirmar que deseja prosseguir pois para a gera o necess rio salvar o projeto Nesta janela o usu rio deve clicar no bot o Yes Figura 2 47 Depois do c digo gerado aberta uma janela com este aviso devendo o usu rio clicar no bot o OK Figura 2 48 2 6 Gera o de C digo 20 E Contextual Ginga File Edit Project Code Help E telal tys tela tvs Contextual Ginga JIfthe project is not saved it will be saved to continue with NOLua code generation nad would You like to continue Figura 2 47 Confirma o para salvar projeto Contextual Ginga 1 The code mas successfully generated Figura 2 48 C digo da aplica o NC Lua gerado O c digo gerado colocado na pasta output criada automaticamente dentro da pasta que cont m os arquivos do projeto Dentro da pasta output criada tamb m a pasta media que armazena as imagens utilizadas pela aplica o de TV digital 21 3 Execu o de Aplica es As ap
13. dimensionamento do v deo principal 2 Para componentes do tipo Text apenas suportado o tipo de fonte Vera 3 N o poss vel sobrepor componentes a menos que uma imagem de plano de fundo seja a ltima imagem a ser adicionada no projeto 24 Rejer ncias MICROSYSTEMS S Java Runtime Environment 2006 Dispon vel em lt http java com gt PORTAL do Software P blico 2009 Dispon vel em lt http www softwarepublico gov br gt
14. ersona Esta se o descreve as funcionalidades referentes ao conceito de persona e suas propriedades contextuais 2 4 1 Adicionar Persona Esta funcionalidade permite adicionar um persona ao projeto Para executar esta funcionalidade o usu rio deve clicar no bot o Figura 2 34 Na janela aberta deve digitar o nome para o persona e clicar no bot o Finish Figura 2 35 Contextual Ginga New Persona Properties Personas A Navigation EM tela tes Persona name J0 o Figura 2 34 Adicionar persona Figura 2 35 Nome do persona 2 4 2 Excluir Persona Esta funcionalidade permite excluir um persona do projeto Quando um persona exclu do as transi es associadas a ele s o exclu das tamb m Para executar esta funcionalidade o usu rio deve selecionar o persona que deseja excluir e clicar no bot o x Figura 2 36 Na janela aberta clicar no bot o Yes para confirmar a exclus o do persona e suas transi es associadas Figura 2 37 e Contextual Ginga UN The Persona Jo o is associated with 1 transitions et Pesmasf o MAE aa Fers nas 030 kai 7 From Screen telal kys To Screen telal tws RS Navigation W telal tws From Component texto To Component texto ction CURSOR Dow would you like to delete Persona Jo o Figura 2 36 Excluir persona Figura 2 37 Confirmar exclus o do persona 2
15. i es que se originam desta tela e que se destinam a mesma como tamb m os pontos iniciais par tela e componente iniciais formados por esta tela Para executar esta funcionalidade o usu rio deve clicar com o bot o esquerdo no nome da tela que deseja excluir para selecion la e em seguida com o direito para abrir a lista de itens Depois o usu rio deve clicar no item Delete Screen Figura 2 20 Na janela aberta o usu rio deve confirmar a exclus o clicando no bot o Yes Figura 2 21 2 3 Componente 10 E Contextual Ginga Fie Edit Project Code Help Text E Image Exemplo VB telado tys RE video bi Fenane Screen Delete Screen Figura 2 20 Excluir tela Contextual Ginga Delete Screen Figura 2 21 Confirmar exclus o da tela 2 3 Componente Esta se o descreve as funcionalidades referentes ao conceito de componente 2 3 1 Adicionar Componente Esta funcionalidade permite adicionar um novo componente tela que est sendo exibida na interface da ferramenta Para executar esta funcionalidade o usu rio deve clicar em um dos tr s tipos de componente dispon veis Text Image ou Video Figura 2 292 Para os dois primeiros tipos de componentes o usu rio deve clicar em seguida dentro da representa o da tela onde deseja que o componente seja adicionado Na janela aberta o usu rio deve informar o nome do componente e clicar no bot o Finish Figura 2 23
16. igura 2 13 Listar telas 2 2 Tela 8 2 2 3 Exibir Tela em Editor Gr fico Esta funcionalidade permite que as telas e seus componentes sejam exibidos em formato gr fico Apenas uma tela pode ser visualizada por vez Para executar esta funcionalidade o usu rio deve clicar com o bot o esquerdo no nome de uma tela listada Figura 2 13 Em seguida a ferramenta exibe a tela e seus componentes Figura 2 14 Exemplo A Navi i i tela k gation 155 tea tys ela tvs H Wj tela tys T Property Value O DD eee e c c U a lc cd Role dd e je lei il e ce e il il e c c ceia cer d c LO O O O CO io ci O DN O DN O DD bp e Ce c C ol dc dO id Ci ei Ci ld li ld e cio li c cgi de do id SE sd ing iss O O O OR O O RR O O O OR O O SR E O O O RS O O O O OR O O O Doce c de d Cecc Ce c c dedo dC Ss CC Odd ice a e l cedo e a cs il is los io OD 640 x 480 Figura 2 14 Exibir tela em editor gr fico 2 2 4 Definir Tela Inicial Esta funcionalidade permite determinar para cada persona do projeto qual a primeira tela a ser exibida Para executar esta funcionalidade o usu rio deve selecionar a aba Navigation deixando o persona desejado como selecionado e clicar com o bot o direito em cima do nome da tela Em seguida clicar no item Set As Initial Screen Figura 2 15 Na janela aberta o usu rio deve selecionar um dos componentes da tela para ser o
17. inga 2 1 Projeto Esta se o descreve as funcionalidades referentes ao conceito de projeto 2 1 1 Criar Projeto Esta funcionalidade permite reunir um conjunto de telas numa determinada resolu o para formar uma aplica o de TV digital Para execut la o usu rio deve no menu File submenu New clicar no item Project Figura 2 2 ou digitar o atalho Ctrl P Na janela aberta informar o diret rio onde os arquivos do projeto devem ser armazenados e clicar no bot o Save Figura 2 3 Na outra janela aberta selecionar a resolu o desejada para as telas do projeto e clicar no bot o Finish Figura 2 4 2 1 2 Abrir Projeto Esta funcionalidade permite visualizar todos os dados de um projeto e trabalhar nele Para execut la o usu rio deve no menu File clicar no item Open Project Figura 2 5 ou digitar o atalho Ctrl O Na janela aberta selecionar o arquivo tup que representa o projeto que deve ser aberto e clicar no bot o Open Figura 2 6 2 1 Projeto Edit Project E Open Project Ctr 0 Close Project A Save Project Ctrl s Delete Project Exit Figura 2 2 Novo projeto sen Dr NM S2B My Recent Documents File name ZADocuments and Sektingsi cer DesktopiManualEzemplo My Metwork Places Files of type Project typ Figura 2 3 Sele o de diret rio Project name Exemplo Resolution 640 4 dal Figura 2 4 Resolu o das telas de um projeto
18. is fluxos das telas que podem ser visualizadas Os poss veis fluxos dependem do contexto do usu rio da aplica o A Figura 2 1 exibe uma imagem da ferramenta com suas principais reas destacadas Na rea 1 s o exibidos o nome do projeto e as telas pertencentes a ele Na rea 2 exibida a tela selecionada ou a navega o entre telas para o persona selecionado Na rea 3 s o exibidas as propriedades e seus valores para um componente selecionado Na rea 4 s o exibidos os tipos de componentes que podem ser adicionados s telas Na rea 5 exibida a lista dos personas do projeto Por fim na rea 6 s o exibidas as tr s categorias who when e where das caracter sticas de contexto que podem ser alteradas para o persona selecionado As funcionalidades est o agrupadas pelos conceitos de projeto de tela de componente de persona de transi o e de gera o de c digo NCLua As funcionalidades diretamente relacionadas a contexto s o as dos conceitos de persona e de transi o 2 1 Projeto 3 W Contextual Ginga kakaji File Edit Project Code Help A A Text E Image E Video m amy i tela2 tvs UM tela3 tvs ES When Start Date 02 04 2010 EndDate 23 04 2010 Start Hour 20 00 End Hour 22 00 Day Tuesday Q Where Country Brasil Dialog Plain 12 A State PE Pernambuco City Recife Postal Code 50 732 970 Figura 2 1 Contextual G
19. lica es desenvolvidas como testes para a ferramenta foram executadas na m quina virtual Linux Ginga NCL Virtual Set Top Box v 0 11 2 PORTAL 2009 O c digo da aplica o gerada deve ser organizado na m quina virtual da forma exposta na Figura 3 1 O biblioteca media Q userChoices Main lua Telai lua Tela2 lua Tela lua le Exemplo nel e Context properties Figura 3 1 Estrutura de diret rios na m quina virtual Na m quina virtual dentro do diret rio misc deve ser criado um diret rio para que os arquivos da aplica o sejam organizados Neste diret rio devem ser colocados os arquivos gerados pela ferramenta e o diret rio media Dentro do diret rio media deve ser colocado ainda o arquivo do v deo principal com o mesmo nome fornecido para o projeto O diret rio misc tamb m deve conter a Biblioteca Contextual Ginga Lua criada neste trabalho e o diret rio userChoices que deve ser criado pelo usu rio Este diret rio armazenar os registros das intera es do usu rio com a aplica o de TV digita que s o criados pela biblioteca para cada vez que a aplica o executada Por fim o diret rio misc deve conter um arquivo denominado Context properties no qual a aplica o ir capturar as informa es contextuais do usu rio Na Tabela 3 1 exibido um exemplo do conte do deste arquivo no qual cada linha possui uma propriedade e um valor para informa o contextu
20. lidades referentes ao conceito de transi o 2 5 Transi o 17 2 5 1 Adicionar Transi o Esta funcionalidade permite criar uma transi o entre dois componentes estando eles na mesma tela ou em telas distintas Para executar esta funcionalidade com o persona desejado selecionado o usu rio deve clicar com o bot o direito sobre o componente de origem da transi o e clicar no item Add Transition Figura 2 41 Na janela aberta selecionar a tela e o componente de destino da transi o e qual a a o que vai disparar a transi o Em seguida o usu rio deve clicar no bot o OK Figura 2 42 8 Contextual Ginga Add Transition Persona pol ER eos Personas E Navigation E telal tvs Im Screen From Screen telal toys To Screen telal tes Bol BOTO Component cd D Delete Component E D go e o From Component a e o a A o a A To component b Transitions Es a Set s Initial Component ecc ct Action CURSOR RIGHT Figura 2 41 Adicionar transi o Figura 2 42 Valores da transi o 2 5 2 Visualizar Transi es Esta funcionalidade permite visualizar as transi es que s o originadas em um componente ou tela por persona Para executar esta funcionalidade o usu rio deve clicar com o bot o direito sobre o componente de origem da transi o e clicar no item Transitions Figura 2 43 Na janela aberta exibida a lista de transi es que s o
21. na Value digitar o novo nome e apertar a tecla Enter O mesmo pode ser feito para as propriedades Location e Size Alterar o valor de Size outra forma de mudar um componente de posi o al m do drag and drop Para alterar a propriedade Text o usu rio deve clicar no bot o Na janela aberta digitar o novo texto e clicar no bot o OK Figura 2 31 Para alterar as propriedades Foreground e Background o usu rio deve clicar no bot o que representa um diagrama de cores Na janela aberta selecionar a nova cor e clicar no bot o OK Figura 2 32 Contextual Ginga Update Component Text Figura 2 31 Alterar propriedade de texto Para alterar a propriedade Font Style o usu rio deve clicar no bot o que representa letras Na janela aberta selecionar o novo estilo de fonte e clicar no bot o OK Figura 2 33 Por fim para alterar as propriedades Image e Image on Focus o usu rio deve clicar no bot o que representa a abertura de uma pasta Na janela aberta selecionar o novo 2 3 Componente E Contextual Ginga Color Chooser Recent Prerje m E E Sample Text Sample Text EN E Sample Text Sample Text Figura 2 32 Alterar propriedade de cor arquivo da imagem e clicar no bot o OK Contextual Ginga Font Chooser The quick brown fox jumpec over the lazy dogs Figura 2 33 Alterar propriedade de estilo de fonte 14 2 4 Persona 15 2 4 P
22. ramenta 1 1 Requisitos Os requisitos de hardware s o 1 Mem ria RAM 256 MB ou superior 2 Processador AMD Turion 64 1 80 GHz Como requisito de software a ferramenta precisa que esteja instalada na m quina a Java Runtime Environment JRE da Sun Microsystems vers o 1 6 ou superior MICROSYSTEMS 2006 Dessa forma a ferramenta pode ser executada em qualquer sistema operacional suportado pela JRE em fun o da caracter stica de portabilidade desta Mas v lido destacar que a ferramenta foi executada apenas no sistema operacional Windows vers es XP e Vista A ferramenta melhor visualizada com resolu o do monitor igual ou superior a 1280 por 720 pixels 1 2 Instala o e Desinstala o Como a ferramenta foi desenvolvida na linguagem Java a ferramenta n o precisa ser instalada E suficiente executar o arquivo ContextualGinga jar Para remover a ferramenta suficiente excluir o arquivo ContextualGinga jar do disco 2 Funcionalidades Neste cap tulo ser o descritos os passos necess rios para a execu o das funcionalidades proporcionadas pela ferramenta Contextual Ginga Nesta o conjunto de elementos gr ficos que devem formar uma aplica o devem estar representados na ferramenta dentro de um mesmo projeto Estes elementos s o as telas que re nem um conjunto de componentes que s o exibidos por vez As telas s o interligadas atrav s de transi es que determinam os poss ve
23. t o Yes Figura 2 10 E Contextual Ginga File Edit Project Code Help Mew H video Close Project H Save Project Ctrl S za Delete Project Exit Figura 2 9 Excluir projeto Contextual Ginga Are you sure you want to delete project Exemplo From the File system i F This action can not be undonej Figura 2 10 Confirmar exclus o do projeto 2 2 Tela T 2 2 Tela Esta se o descreve as funcionalidades referentes ao conceito de tela 2 2 1 Criar Tela Esta funcionalidade permite adicionar uma tela ao projeto Para execut la o usu rio deve no menu File submenu New clicar no item Screen Figura 2 11 ou digitar o atalho Ctrl N Em seguida deve informar o nome para a nova tela e clicar no bot o Finish Figura 2 12 Contextual Ginga 8 Contextual Ginga New Screen Properties File Edit Project Code Help Mew k Screen Ctrl M screen name telal Close Project H Save Project Ctrl 5 ol Delete Project Exit Figura 2 11 Criar tela Figura 2 12 Nome da tela 2 2 2 Listar Telas Esta funcionalidade permite que sejam exibidos os nomes de todas as telas pertencentes ao projeto Sempre que o usu rio est com um projeto aberto s o listados os nomes das telas deste projeto Figura 2 13 x Contextual Ginga File Edit Project Code Help i s Text E Image fH video Personas Defaul Exemplo a m Navigation E tela twys e F
24. ta clicar no bot o Yes para confirmar a exclus o do componente Figura 2 26 Text Cc SE Delete Component o dd Transition Transitions Set s Initial Component Contextual Ginga 2 4 Are you sure you want to delete this component Figura 2 26 Confirmar exclus o do Figura 2 25 Excluir componente componente 2 3 Componente 12 2 3 3 Mover Componente Esta funcionalidade permite mover graficamente um componente atrav s de drag and drop dentro da rea da tela Para executar esta funcionalidade o usu rio deve clicar com o bot o esquerdo no componente e arrastar o componente at a nova posi o desejada Quando chegar nesta posi o o usu rio deve soltar o bot o pressionado 2 3 4 Definir Componente Inicial Esta funcionalidade semelhante Definir Tela Inicial permite definir qual o componente que primeiramente ter foco de acordo com o persona selecionado Mas diferentemente daquela esta j considera que a tela inicial ser a que est sendo exibida Para executar esta funcionalidade o usu rio deve clicar no componente com o bot o direito e clicar no item Set As Initial Component Figura 2 27 Na janela aberta para exibir a mensagem que o componente inicial foi definido o usu rio deve clicar no bot o OK Figura 2 28 Contextual Ginga S Delete Component Add Transition a texto is the new Initial Component For Persona Jo o Transitions Set s Initi
25. ta funcionalidade permite que sejam visualizadas para um dado persona as transi es existentes entre as telas de maneira similar a um diagrama de estados Mesmo que n o existam transi es entre duas telas n o existir o liga es entre elas mas seus nomes ser o exibidos Esta funcionalidade tamb m permite que o usu rio da ferramenta altere a exibi o da navega o entre as telas ou seja reorganize os nomes das telas como considerar que fique melhor a visualiza o das transi es Os nomes das telas podem ser 2 6 Gera o de C digo 19 arrastados tamb m atrav s de drag and drop As transi es s o exibidas na aba Navigation Figura 2 45 Uma linha entre os nomes de duas telas indica que existe uma transi o entre as mesmas e um arco indica o seu sentido da origem para o destino transi o da telai tvs para a tela2 tus Se entre duas telas existem transi es nos dois sentidos os dois arcos formam um c rculo transi o entre as telas tela2 tvs e tela3 tus Um c rculo no canto superior esquerdo do nome da tela tamb m representa uma transi o entre componentes da mesma tela componentes da telai tvs Se o usu rio selecionar outro persona exposto um outro arranjo de conex o entre as telas ess N 55 Navigation E tela2 tes EMI tela3 tvs EB telai tvs Figura 2 45 Navega o entre as telas por persona 2 6 Gera o de C digo Esta se o descreve as fun
Download Pdf Manuals
Related Search