Usuário:Ernani.rs

Desenvolvendo Sistemas de Telecomunicações Básico com “ Applnventor”

ORIENTADOR

Eraldo Silveira e Silva e Marcos Moecke

Objetivos do Projeto

• Desenvolver tutoriais na plataforma wiki e nas próprias ferramentas App Inventor para facilitar o aprendizado de novos alunos da variação da linguagem Scratch utlizada no App Inventor de modo a elevar significativamente o número de usuários da linguagem.
• Desenvolver alguns sistemas básicos para o auxilio didático no curso Telecomunicações, usando a ferramenta App Inventor.

BOLSISTA SELECIONADO

Ernani Rodrigues De S. Thiago 2900111

Local de Trabalho

LABIC, Máquina: VENUS

Horário de Trabalho

• Segunda 13h30 às 17h30;
• Terça 13h30 às 17h30;
• Quarta 15h30 às 20h30;
• Quinta 13h30 às 16h30;
• Sexta 13h30 às 17h30;

Atividades propostas

1. Seguir os tutoriais em App Inventor Tutorials for Beginners, observando o método usado para ensino do AppInventor, anotando os pontos positivos e negativos encontrados.
2. Relatar a cada dia os avanços.
3. Para uso do AppInventor, rode preferencialmente na máquina VENUS.
4. Seguir o [tutorial http://beta.appinventor.mit.edu/learn/tutorials/molemash/molemash.html]
5. Quando terminar o video 4 do drum app, fazer uma análise escrita das características positivas do tutorial em vídeo e comparar com o tutorial em web/wiki.
6. Elaborar o projeto "O que o aluno precisa apreender para programar AppInventor"

• O Basico da Interface (o que cada area do screen faz contem).

• Explicar os componentes do Visualizador. (os conteudos das gavetas)
• Explicar o editor de blocos (conteudo das gavetas estáticas e dinânica)
• Explicar o emulador (como funciona)
• Explicar o uso de aparelho celular (Android) -> como dispositivo USB de teste. -> como executor do app.

Atividades realizadas

09/05/2012

• Diálogo com o Orientador Marcos Moecke sobre o objetivo do projeto, modos sua realização, e os métodos que serão utilizados.
• Início da produção de um "Padrão", arquivo que conterá os meios de organização de scripts, nomenclatura de objeto e outros a fins, para melhor utilização do App Inventor.
• Produção da primeira análise de app's, feita com base no primeiro vídeo da lista proposta.
• Não houve dificuldades significativas com o fato de o aúdio do vídeo ser em inglês, pois o que não era interpretado corretamente, era logo corrigido pela visualização do vídeo. Entretanto perdeu-se longo tempo com a procura de um freeware que pudesse editar ou criar arquivos de aúdio e com os "PrintScreen" que foram armazenados como ferramentas necessárias para a realização da Análise de Vídeo I - Bateria Básica (Parte 1/2).

10/05/2012

• Correção dos relatórios postados na wiki.
• Troca do banco de dados do Projeto App Inventor de um skydrive pessoal, para uma pasta compartilhada.
• Visualização do vídeo "AI Basic Drum App:Part 2 of 2", para produção de análise.
• Houve problemas com quanto a utilização do App Inventor, pois no computador que foi utilizado versão Java não é coerente com a necessária para se executar o emulador do Android. É crucial antes de começar a utilizar o App Inventor, verificar qual a versão de java que está sendo utilizada, pois não é necessária uma versão mais atualizada e sim uma específica, neste caso, faltou a instalação do "IcedTea Java Web Start 6". Mas é sempre bom ressaltar todos itens necessários: RunTime do OpenJDK Java 6, IcedTea Java Web Start 6 e o plug-in Java IcedTea.

11/05/2012

• Foi necessário uma nova correção dos dados postados nos relatórios dos dias anteriores devido a falta de prática (com a wiki) que faz com que o erros apareçam com maior frequência.
• Foram assistidos e compreendidos os primeiros quatro vídeos da lista proposta de atividades, que tratava de uma Bateria Básica em App Inventor.
• O tutorial escrito sobre o jogo MoleMash [1] também foi lido, com o intuito de futuramente, comparar os métodos de aprendizagem autodidata, utilizando ou vídeo, ou texto com imagens.
• Tive dificuldades no entendimento da 1ª Parte do MoleMash, sobre o comando procedure que é usado na produção de novos blocos, foi necessário o suporte do orientador Marcos Moecke para o entendimento adequado, fato que pode botar em dúvida a verdadeira qualidade dos tutoriais escritos (entretanto o fato de o tutorial ser inglês pode ter influenciado neste caso).

14/05/2012

• Produção de uma "Comparação entre a eficiência dos tutoriais escritos e os feitos em vídeo".
• Visualização dos cinco vídeos que detalham como fazer um jogo Pong.
• Definido o objetivo do Projeto com Orientador Marcos Moecke: Desenvolver uma sequência de sistema utilizando o AppInventor, para o ensino desta linguagem de programação.
• Início da construção do primeiro projeto: TracadorDeLinhas_v1_Ernani.

15/05/2012

• Início da produção do TracadorDeLinhas_v1_Ernani.
• Muito tempo desperdiçado tentando editar a imagem do plano cartesiano, para os pixels corretos.
• Há diferenças entre um ImageSprite e o BackGroundImage (do Canvas), necessário melhor definição!
• Término da primeira parte do TracadorDeLinhas_v1_Ernani (mas ainda há o problema da escala!).

16/05/2012

• Modificação da Interface do TracadorDeLinhas_v1_Ernani.
• Dificuldade de utilizar o plano cartesiano devido a Imagem criada não possuir as coordenadas pixels correta.
• Nova Imagem criada utilizando o programa DIA.
• Começo da definição dos blocos.

17/05/2012

• Faltou devido a compromissos pessoais (sujeito a reposição).

18/05/2012

• Início do TracadorDeLinhas_v1_Ernani, este é sem escala.
• Discussão sobre o problema da escala com orientador Eraldo Silveira e Silva.
• Início do TracadorDeLinhas_v2_Ernani, este é com uma escala definida pelo utilizador.
• Terminado o TracadorDeLinhas_v3.0_Ernani, com escala automática, entretanto há erros, possivelmente ligados as muitas variáveis globais, necessária revisão e discorrer sobre o tema com os orientadores.

21/05/2012

• Término do TracadorDeLinhas_v1_Ernani.
• Depuração do TracadorDeLinhas_v1_Ernani realizada com sucesso, nenhum erro encontrado.
• Término do script do TracadorDeLinhas_v2_Ernani.
• Foram encontrados erros durante a depuração do TracadorDeLinhas_v2_Ernani, estes, ainda não foram solucionados.

22/05/2012

• O erro do TracadorDeLinhas_v2_Ernani foi depurado e corrigido, nenhum Canvas.Width pode ser Fill Parent.
• Foi implementado um novo código no TracadorDeLinhas_v3_Ernani e corrigido a maioria dos erros.
• Não foram identificados os procedimentos matemáticos exponencial e módulo, há suspeitas, entretanto não fora confirmadas.
• Criado usuário no NX CLIENT, entretanto não foi possível conectar devido ao excesso de usuários registrados na rede.

23/05/2012

• Manutenção de TracadorDeLinhas_v2_1_Ernani.
• Manutenção de TracadorDeLinhas_v3_1_Ernani.
• Dificuldade na Depuração devido a grande lentidão da máquina VENUS.
• Ainda não é possível utilizar o emulador com o servidor Matlab.

24/05/2012

• Manutenção de TracadorDeLinhas_v2_1_Ernani.
• Manutenção de TracadorDeLinhas_v3_1_Ernani.
• Dificuldade na Depuração devido a grande lentidão da máquina VENUS.
• Ainda não é possível utilizar o emulador no Matlab.

25/05/2012

• Término do TracadorDeLinhas_v2_1_Ernani.
• Término do TracadorDeLinhas_v3_1_Ernani.
• Dificuldade na Depuração devido a grande lentidão da máquina VENUS.
• Ainda não é possível utilizar o emulador no Matlab.

Tutoriais

Para completar estes tutoriais adequadamente, é necessário uma conexão com a internet e uma conta google.

Tutorial I - TracadorDeLinhasSimples

Introdução

Como este é o primeiro tutorial, além de criarmos um projeto simples, iremos aprender a nos conectar ao AppInventor, a criar um novo projeto, a fazer o download do projeto e como instalá-lo.

Criando um novo Projeto

Para iniciar um novo projeto é necessário se conectar ao site do AppInventor, clicar em Invent e entre na sua conta Google. A sua tela deve ser exatamente a que vemos abaixo, clique em New para continuar.

Agora, nomeie o seu projeto, sugestão: TracadorDeLinhasSimples.

Se você já nomeou o projeto, ele abrirá automaticamente uma tela de edição do projeto. Nessa página você tratará as Screens, Screens são os locais onde você tratará o layout do seu aplicativo, a sua Interface.

Construindo a Interface

Agora nós iniciaremos a edição do projeto, para começar criaremos um Canvas, é como uma área de trabalho em que você pode tratar Images e ImageSprites. Nesse caso nós utilizaremos uma outra função do Canvas, como só queremos tratar uma imagem (o plano cartesiano), tudo que faremos é mudar o Background do Canvas. Para fazer isso primeiro crie um Canvas, arrastando o seu ícone ,que se encontra na gaveta Basic, para o centro da Screen1.

Note que ao criar o Canvas, além de aparecer um novo ícone na Screen1, a gaveta Properties, que se encontra na direita da página se enche de novas opções. Agora nós alteraremos essas opções, primeiro mude a Width do Canvas para ... carregue a imagem do plano cartesiano, isso pode ser feito de duas formas, ou ...

EM MODIFICAÇÃO