Mudanças entre as edições de "Usuário:Ernani.rs"

De MediaWiki do Campus São José
Ir para navegação Ir para pesquisar
Linha 6: Linha 6:
 
*Desenvolver alguns sistemas básicos para o auxilio didático no curso Telecomunicações, usando a ferramenta App Inventor.
 
*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
+
;BOLSISTA SELECIONADO: Ernani Rodrigues De S. Thiago 2900111
;Local de Trabalho: LABIC, Máquina: Apolo
+
;Local de Trabalho: LABIC, Máquina: VENUS
 
;Horário de Trabalho:  
 
;Horário de Trabalho:  
 
*Segunda 13h30 às 17h30;  
 
*Segunda 13h30 às 17h30;  
Linha 17: Linha 17:
 
#Seguir os tutoriais em [http://www.youtube.com/playlist?p=PL2D27126F35E50A1B App Inventor Tutorials for Beginners], observando o método usado para ensino do AppInventor, anotando os pontos positivos e negativos encontrados.
 
#Seguir os tutoriais em [http://www.youtube.com/playlist?p=PL2D27126F35E50A1B App Inventor Tutorials for Beginners], observando o método usado para ensino do AppInventor, anotando os pontos positivos e negativos encontrados.
 
#Relatar a cada dia os avanços.
 
#Relatar a cada dia os avanços.
# Para uso do AppInventor, rode preferencialmente na maquina Apolo.
+
# Para uso do AppInventor, rode preferencialmente na maquina VENUS.
  
 
==Atividades realizadas==
 
==Atividades realizadas==
;09 mai de 2012
+
;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 sgnificativas 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
 +
 
 +
*Instalação do "IcedTea Java Web Start 6",necessário para a execução do App Inventor.
 +
*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.
 +
 
 +
==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...***
 +
 
 +
==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".
 +
*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.
 +
*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: [https://drive.google.com/?ui=3&authuser=0#folders/0B-b87sjIJPp1bGktS0U0SHloYkU]
 +
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:
 +
[https://drive.google.com/?ui=3&authuser=0#folders/0B-b87sjIJPp1QkVRbER4TWE5bzQ]
 +
 
 +
***EM FASE DE EDIÇÃO...***

Edição das 16h19min de 10 de maio de 2012

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.

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 sgnificativas 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
  • Instalação do "IcedTea Java Web Start 6",necessário para a execução do App Inventor.
  • 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.

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...***

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".
  • 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.

  • 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:

[2]

      • EM FASE DE EDIÇÃO...***