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 maquina 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 analise escrita das caracteristicas positivas do tutorial em video e comparar com o tutorial em web/wiki.

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

Padronização

Para compreenção e utilização correta do App Inventor, é necessário que algumas características sejam padronizadas para melhor entendimento do programador. Muitos usuários, ao começarem a usar o App Inventor, não dão importância a alguns detalhes importantes com que se deparam durante a programação de um projeto.

Nomenclatura:

Do projeto:

Antes de iniciar um projeto, é necessário nomeá-lo para melhor classificação e possível distinção de outros (projetos) futuramente. Ao nomear um projeto procure relacionar sua função, edição e autoria À ele. Como por exemplo em: CriadorDeFilmes_V2_Ronaldo. No exemplo citado a função do projeto é criar filmes, sua versão é 2.0 e o autor, Ronaldo. Dessa forma os projetos ficam mais organizados e correm menor risco de se perderem num imenso banco de dados. Procure não se esquecer de iniciar cada palavra com uma letra maiúscula, ajuda na visibilidade (leitura), e de manter a função dos projetos num mesmo idioma. Se o autor for você mesmo, ou a versão for 1.0, simplesmente não os coloque, se aplicarmos estas situações no exemplo anterior, ficaria: CriadorDeFilmes.

NÃO TERMINADO, AINDA EM FASE DE EDIÇÃO E REVISÃO...

é importante dizer para não usar acentos, ç, espaços na Nomenclatura de objetos, procedimentos, etc.... --Marcos Moecke

Análise de Vídeo I - Baseada no vídeo Tutorial 1: AI Basic Drum App:Part 1 of 2

Passos:

• Abrir página do App Inventor (site do MIT) ou inicie o programa.
• Crie e nomeie o projeto. Sugestão: "BateriaBasica".

Para destacar nomes de funções, procedimentos, propriedades do software 
o uso de <tt> PalavraDestacada </tt>  funciona melhor que "PalavraDestacada".  
O uso do negrito ou italic, poderiam ser uma solução mas normalmente já são usados em outro contexto 
(destaque de frases e palavras estrangeiras). Veja o teste abaixo:

Note que a PalavraDestacada fica mais destacada do que aqui "PalavraDestacada".

• Verifique se o "Display Invisible Components in Viewer" está acionado, se não, acione-o clicando no quadrado vazio a sua esquerda (este comando esta em cima da

Screen).

• Adicione um "Canvas", arrastando o seu ícone, que se encontra na Barra de Menus Lateral, "Basic", para a "Screen1". Nomeie-o como "Interface", será a única que utilizaremos. O Canvas servirá como uma área de trabalho onde as imagens serão adicionadas.

 Retirei um enter para deixar na formatação correta.  Tem mais alguns enter acima e abaixo que precisas arrumar. --Marcos Moecke 17h01min de 10 de maio de 2012 (BRT)

• Em "Components" (Barra à direita), clique em Canvas. Aparecerá em "Properties" (Barra à direita de "Components") uma lista de opções, em "Width", selecione a

opção "Fill parent...", esta fará com que o comprimento da Interface seja da tela inteira.

• Ainda em "Properties", aletere o "Height" para "420" pixels, fará com que a altura da Interface aumente para 420 pixels.
• Vá em "Animation", em baixo de "Basic", e arraste para a nossa Interface três "ImageSprite"s, estas serão usadas para carregar as figuras que representarão os

diferentes sons da Bateria.

• Para alterar a imagem de um "ImageSprite", clique no desejado, e em "Properties", na opção "Picture", carregue a imagem desejada. Utilize as imagens encontrada

no seguinte link: [1] Não se esqueça de alterar seus nomes para "ImagemDeBateria1", "ImagemDeBateria2" e "ImagemDeBateria3".

• Adicione À "Screen1" três "Sound"s, para adicionar vá em "Media", abaixo de "Basic", e arraste "Sound" para "Screen1". Não se esqueça de renomear os "Sound"s para

"Som1", "Som2" e "Som3".

• Por fim, em cada "Sound", vá em "Properties", na opção "Source" selecione os sons que deseja para cada objeto. Link para download dos "Sound"s

Fiz um link com nome.  acho que fica melhor a apresentação --Marcos Moecke 17h01min de 10 de maio de 2012 (BRT)
Depois que meus comentarios forem lidos podes apagar. 
Se forem solicitações deixe o comentario até que eu possa verificar que foram feitas.  --Marcos Moecke

NÃO TERMINADO, AINDA EM FASE DE EDIÇÃO E REVISÃO...