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