Projeto Ginga Hiper- Aplicação / Componentes

Concepção / Plano / Cronograma / Conteúdo Curso Pipa

- Carlos E. Machado / Natan V. Zeferino

Concepção

• Estudar Tecnologia• Definir Arquitetura do Software• Estrutura da Interface• Abrir e Salvar Projeto• Exportar• Abas Propriedades e Eventos• Carregar os componentes• Componentes

Plano

• Introdução• Escopo• Justificativa• Exclusões• Fatores críticos de sucesso• Riscos• Desenvolvimento

– Identificação do projeto– Definição da equipe– Detalhamento das Tarefas

Plano - Desenvolvimento

• Identificação do Projeto– Nome : Ginga Hiper

• Definição de Equipe– “só para ter um direcionamento de funções necessárias ao

trabalho, para que caso estejamos saindo do foco possamos olhar para isso e retomar a linha correta”

– Gerente : Ambos– Analista : Ambos– Desenvolvedor : Ambos

• Detalhamento de Tarefa

Plano – Desenvolvimento – Detalhamento das Tarefas

• Benchmark– Olhar os softwares indicados pelos orientadores,

levantar características desejadas relacionadas ao nosso software

– Produto : documento de texto

• Estudar Tecnologia– Ler tutoriais, “hello world”, dissertações.

Plano – Desenvolvimento – Detalhamento das Tarefas

• Definir arquitetura do software– Pesquisar ( alguns frameworks , api de interface

gráfica, swing, jgoodies, desenvolvimento web )• Listar possibilidades de framework

– Implementar e testar• Fazer o “hello world“• Tentar fazer algumas funcionalidades básicas da nossa

aplicação (tipo flexinha, arrastar...)

Plano – Desenvolvimento – Detalhamento das Tarefas

• Estrutura da Interface – Definir (pensar na parte de design e usabilidade,

ex: três painéis - top left, right -, paletas, maximixar, minimizar...)

– Implementar (implementar telas, como uma foto, apenas o esqueleto, sem função)

Plano – Desenvolvimento – Detalhamento das Tarefas

• Abrir e Salvar Projeto– Definir o Meta-Modelo (criar um documento de texto definindo a

estrutura do meta-modelo, ex: se usarmos tags, definir quais existirão - <componente>, <ligação>... - outra possibilidade, bastante interessante, é tentar serializar o painel central com todos os objetos filhos, dessa forma ao carregar seria apenas “dar um cast” desse painel e colocá-lo na posição)

– Salvar (varrer a tela e salvar suas características em um xml, ou a cada alteração da tela ir salvando o xml em memória, e depois apenas gerar o arquivo - pensar no salvar do word, manual ou de tempos em tempos ou a idéia de serialização)

– Abrir (ler arquivo xml e criar os objetos conforme suas definições contidas no arquivo ou idéia de serialização)

Plano – Desenvolvimento – Detalhamento das Tarefas

• Exportar– Definir / mapear componentes java com o relativo componente da

linguagem destino (ex: JPanel – Swing, para “Panel” - JavaDTV -/ NCL, de preferência javaDTV, acreditamos que aqui estaremos quase que implementando um GWT (java to javascript X java to javadtv), sabendo que a dificuldade disso é grande, a solução é reduzir ao máximo o escopo, ou seja, os componentes possíveis de serem usados, por exemplo nada de Thread, Maps, Componentes 3D...)

– Implementar exportação - pegar o arquivo "traduzir" e gerar o arquivo final na linguagem destino, pronto para ser rodado no viewer (lembrar que podemos testar em algum viewer existente: composer, ginga-live, algum de javadtv, lua, ou no do browser-Aloysio)

Plano – Desenvolvimento – Detalhamento das Tarefas

• Aba Propriedades e Eventos – Carregar as propriedades do componente selecionado (colocar os

labels e os campos a serem setados conforme seus tipos - definidos em arquivo ou conforme classe, ex: list - combo, string - campo texto...)

– Salvar mesmo que em memória os valores alterados / setados

• Carregar os componentes ( apenas na paleta ) – Ler o diretório de componentes, listar os arquivos pela extensão

definida para o componente, verificar ou apenas tratar componentes que não estão no formato adequado ( provavelmente apenas um “try catch” vai solucionar)

– Colocar os ícones dos componentes na paleta de componentes

Plano – Desenvolvimento – Detalhamento das Tarefas

• Definir e implementar interações do usuário com o componente na área de desenvolvimento – Carregar a estrutura do objeto ( suas propriedades, a serem carregadas para a paleta

de propriedades e alteradas pelo usuário ) ao colocar ele na área– Arrastar componente pela tela ( salvando sua posição pela tela )– Arrastar para fora e para dentro da área de desenvolvimento, tirando ou colocando o

componente em desenvolvimento– Linkar componentes ( ao soltar o botão do mouse, terminando o link, irá abrir a paleta

de eventos focando no evento de link editado ou novo ) - ao mover componentes o link (flecha) deve se mover.

– Ao clicar no link fazer a mesma função anterior– O link deve ter uma representação de sentido ( daqui pra cá - flecha )– Ao clicar ou outra ação em um componente na área central mostrar a paleta com suas

propriedades

Plano – Desenvolvimento – Detalhamento das Tarefas

• Definir Tela de posição do componente na tela da TV– Mostrar como o componente ficaria na tv, derrepente não o componente final,

mas um ícone representativo e seu tamanho– Essa é uma tarefa possível de ser cortada do escopo

• Componentes– Olhar softwares indicados pelos orientadores para entender funcionamento ou

idéia de componentização, plugin, carregamento de componentes, integração com aplicação ...• produto : documento de texto

– Definir Documento ( especificação )– Definir Conjunto Modelo de Classes a serem utilizadas obrigatoriamente na

implementação de um componente ( idéia de framework )– Criação de um componente de validação do modelo

Cronograma

• Outubro/Novembro : 8 horas semanais• Restante : – 20 horas semanais (Carlos)– 16 horas semanais (Natan)

• Agenda ( Dia - Tarefa - Status )– 06/10 - Concepção/Plano/Cronograma -

Concluído– 07/10 - Reunião 1 – Em andamento– 08/10 - Projetos 1 - Resumo TCC – Pendente– ...

Conteúdo Curso Pipa

• 1) Telas onde tem um texto e imagem, como fazer proceder no NCL, melhor incluir dois componentes (texto e imagem), ou apenas um compenente que chame um arquivo HTML?

– Para fazer um conteúdo digital idêntico ao ppt proposto, um único arquivo html, resolveria. Nessa idéia a questão de componentes não entraria.

– Porém, se pensarmos em vídeo, seus devidos controles e componentes, só seria possível com ncl (ou demais):

Conteúdo Curso Pipa

– (NCL) Poderia ter apenas um componente com opções de configuração de texto, imagem, vídeo, áudio, links, botões, como posição, início, término, ação ( do link )...

– (JavaTV) Xlet (semelhante a applet). Programaria em java. Para fazer o ppt, poderia ser basicamente um xlet, porém não tem componentização nisso. Se pensarmos em componentização, já vemos a dificuldade de comunicação entre um xlet e outro.

– (Lua) Não Pesquisado. Porém deve ter grande controle, assim como java.

Conteúdo Curso Pipa

– Obs: Questão principal: como seria criado um componente e transformado em código final. Por exemplo o desenvolvedor de componentes, vai fazer o ppt proposto, como se fosse uma aplicação java swing, e depois como iremos gerar o código correspondente, ou ele vai ter que desenvolver em ncl, se for, como ele vai fazer uma interface gráfica legal.

Conteúdo Curso Pipa

• 2) Ao chamar um vídeo em uma janela, poderemos realizar controle sobre a programação corrente e sobre o vídeo em questão, ou seja, é possível realizar pausa, seguir, avançar, retroceder, etc, teremos que programar isso ou já existe em NCL?– Não sabemos a princípio se existe em NCL, nem em

qualquer outra linguagem. No Xlet vimos alguns pacotes para controle de mídia.

– Por fim, vamos pesquisar exemplos práticos, código...

FIM