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
 
(60 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
=Desenvolvendo Sistemas de Telecomunicações Básico com “ Applnventor”=
+
*[[Criando Aplicações Android com AppInventor]]
;ORIENTADOR:
+
*[[Sistema Automático de Reconhecimento de Palavra usando Transformada Wavelet e Redes Neurais]]
[[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 ==
 
#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.
 
# Para uso do [[AppInventor]], rode preferencialmente na máquina VENUS.
 
# Seguir o [http://beta.appinventor.mit.edu/learn/tutorials/molemash/molemash.html tutorial].
 
# 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.
 
# 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==
 
{{collapse top|Atividades}}
 
;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 [http://cs.usfca.edu/~wolber/appinventor/bookSplits/ch3MoleMash.pdf] 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 "[https://docs.google.com/file/d/0B-b87sjIJPp1RUVkZWpCd1pJZDA/edit 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: <tt>TracadorDeLinhas_v1_Ernani</tt>.
 
;15/05/2012
 
*Início da produção do <tt>TracadorDeLinhas_v1_Ernani</tt>.
 
*Muito tempo desperdiçado tentando editar a imagem do plano cartesiano, para os pixels corretos.
 
*Há diferenças entre um <tt>ImageSprite</tt> e o <tt>BackGroundImage</tt> (do <tt>Canvas</tt>), necessário melhor definição!
 
*Término da primeira parte do <tt>TracadorDeLinhas_v1_Ernani</tt> (mas ainda há o problema da escala!).
 
;16/05/2012
 
*Modificação da Interface do <tt>TracadorDeLinhas_v1_Ernani</tt>.
 
*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 <tt>TracadorDeLinhas_v1_Ernani</tt>, este é sem escala.
 
*Discussão sobre o problema da escala com orientador [[Eraldo Silveira e Silva]].
 
*Início do <tt>TracadorDeLinhas_v2_Ernani</tt>, este é com uma escala definida pelo utilizador.
 
*Terminado o <tt>TracadorDeLinhas_v3.0_Ernani</tt>, 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 <tt>TracadorDeLinhas_v1_Ernani</tt>.
 
*Depuração do  <tt>TracadorDeLinhas_v1_Ernani</tt> realizada com sucesso, nenhum erro encontrado.
 
*Término do script do  <tt>TracadorDeLinhas_v2_Ernani</tt>.
 
*Foram encontrados erros durante a depuração do <tt>TracadorDeLinhas_v2_Ernani</tt>, estes, ainda não foram solucionados.
 
;22/05/2012
 
*O erro do <tt>TracadorDeLinhas_v2_Ernani</tt> foi depurado e corrigido, nenhum <tt>Canvas.Width</tt> pode ser <tt>Fill Parent</tt>.
 
*Foi implementado um novo código no <tt>TracadorDeLinhas_v3_Ernani</tt> 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 <tt>TracadorDeLinhas_v2_1_Ernani</tt>.
 
*Manutenção de <tt>TracadorDeLinhas_v3_1_Ernani</tt>.
 
*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 <tt>TracadorDeLinhas_v2_1_Ernani</tt>.
 
*Manutenção de <tt>TracadorDeLinhas_v3_1_Ernani</tt>.
 
*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 <tt>TracadorDeLinhas_v2_1_Ernani</tt>.
 
*Término do <tt>TracadorDeLinhas_v3_1_Ernani</tt>.
 
*Dificuldade na Depuração devido a grande lentidão da máquina VENUS.
 
*Ainda não é possível utilizar o emulador no Matlab.
 
;04/06/2012
 
*Início da produção do primeiro tutorial escrito na wiki.
 
*Um software novo de edição de imagens foi instalado [http://www.gimp.org/ (Gimp)].
 
*Dificuldade no carregamento de imagens na wiki.
 
*Foi necessário um intervalo para resolver o problema do Registro de Frequência.
 
;05/06/2012
 
*Continuação da produção do primeiro tutorial escrito na wiki.
 
*Dificuldade no carregamento de imagens na wiki.
 
*Foi necessário um intervalo para resolver o problema do Registro de Frequência.
 
;06/06/2012
 
*Continuação da produção do primeiro tutorial escrito na wiki.
 
*Dificuldade no carregamento de imagens na wiki.
 
;11/06/2012
 
*Faltou por motivos pessoais.
 
;12/06/2012
 
*Faltou por motivos pessoais.
 
;13/06/2012
 
*Greve.
 
;14/06/2012
 
*Continuação da produção do primeiro tutorial escrito na wiki.
 
*Erro encontrado no tutorial.
 
;15/06/2012
 
*Continuação da produção do primeiro tutorial escrito na wiki.
 
*Erro encontrado no tutorial.
 
;18/06/2012
 
*Foi necessário um intervalo para resolver o problema do controle de frequência dos bolsistas.
 
*Continuação da produção do primeiro tutorial escrito na wiki.
 
;19/06/2012
 
*Faltou por ter marcada uma avaliação de ELI.
 
;20/06/2012
 
*Atraso devido a Assembléia dos Alunos.
 
*Problemas para acessar a conta do AppInventor, foi necessário tentar três vezes e atualizar a página (provavelmente problemas com o servidor).
 
*Continuação da produção do primeiro tutorial escrito na wiki.
 
;21/06/2012
 
*Terminado o primeiro tutorial.
 
*Houve problemas quando o tutorial foi corrigido, o Canvas parece incorreto.
 
;22/06/2012
 
*Problema do tutorial ainda não solucionado.
 
;25/06/2012
 
*O canvas apresenta uma característica estranha, mesmo com todas a configurações idênticas as do tutorial, ele se comporta diferente.
 
;26/06/2012
 
*Faltou devido a urgência da produção do Trabalho de PJI1.
 
;27/06/2012
 
*Faltou devido a urgência da produção do Trabalho de PJI1.
 
;28/06/2012
 
*Discussão com coordenadores da bolsa sobre a linha de produção de tutoriais.
 
*Manter os trabalhos iniciados até então em standby.
 
*Iniciar produção de um Aplicativo semelhante a uma calculadora com as quatro operações básicas.
 
;29/06/2012
 
*Início da Produção do novo aplicativo.
 
*A parte do visualizador esta quase pronta, precisa ser revista pois o "button =" não aparece.
 
;02/07/2012
 
*O problema da disponibilidade dos "buttons" foi resolvida com a ajuda do orientador [[Marcos Moecke]].
 
*Início da produção dos scripts (Block Editor).
 
;03/07/2012
 
*Continuação da Produção dos Scripts.
 
*Problema dos "buttons" solucionado.
 
;04/07/2012
 
*Criação de um loop para os "buttons".
 
*Continuação da produção dos Scripts.
 
;05/07/2012
 
*Foi utilizado um método de 3 variáveis apara realizar as operações.
 
*Continuação da produção dos Scripts.
 
;06/07/2012
 
*Criado um método de reutilização de operadores utilizados anteriormente para quando se apertar o igual mais de uma vez seguida ele ficar num loop que realiza as mesmas operações.
 
*Continuação da produção dos Scripts.
 
;09/07/2012
 
*Criado o valor "=" para a variável operador, que serve para realizar operações multiplas repetidamente. Ex.:1+2+7+4=14.
 
*Continuação da produção dos Scripts.
 
;10/07/2012
 
*Continuação da produção dos Scripts.
 
;11/07/2012
 
*Continuação da produção dos Scripts.
 
;12/07/2012
 
*Continuação da produção dos Scripts.
 
*Finalização e melhoramento da produção dos Scripts.
 
;13/07/2012
 
*Novos objetivos foram passados pelo orientador [[Marcos Moecke]].
 
*Início da produção do tutorial do vizualizador da calculadora.
 
*Criada uma conta hotmail e gmail para melhor compartilhamento dos projetos com os coordenadores.
 
;16/07/2012
 
*Problema com a Background Image da Screen1. Uma parte não aparece com a figura correta.
 
*Continuação da produção do tutorial.
 
;17/07/2012
 
*Houve conflito na Properties da Screen1, porque a Background color estava em White e havia uma Background Image.
 
*Término da Primeira parte do tutorial da Calculadora básica, que mostra como fazer apenas o vizualizador.
 
Debate com Eraldo, para definir o projeto
 
Elaboração junto com o Ernani.
 
;18/07/2012 a 20/07/2012
 
*Debate com o coordenador [[Eraldo Silveira]] sobre os objetivos do projeto.
 
*Elaboração de um Cronograma junto ao colega Lucas.
 
*Início da finalização da Implementação.
 
;23/07/2012 a 30/07/2012
 
*Férias.
 
;31/07/2012
 
*Finalização da especificação da calculadora.
 
*Criação de outra versão da calculadora (exemplo).
 
;01/08/2012
 
*Início da produção do material que será utilizado como base para a oficina.
 
;02/08/2012
 
*Produção de uma introdução ao [[AppInventor]].
 
;03/08/2012
 
*Produção da especificação de requisitos da calculadora, para oficina.
 
;06/08/2012
 
*Produção da especificação de requisitos da calculadora, para oficina.
 
*Dificuldade com método de explicação.
 
;07/08/2012
 
*Produção da especificação de requisitos da calculadora, para oficina.
 
*Adotado método Problema-Soluções, em que a medida que é necessário acrescentar algo novo, diferentes soluções são apresentadas com suas respectivas vantagens e desvantagens.
 
;08/08/2012
 
*Produção da especificação de requisitos da calculadora, para oficina.
 
*Problema na quantidade de imagens a serem postas no tutorial, qual o número ideal? E quais devem ser?
 
;09/08/2012
 
*Terminada da especificação de requisitos da calculadora, para oficina.
 
*Início de tutorial passo a passo de como fazer a calculadora.
 
;10/08/2012
 
*Produção de tutorial passo a passo de como fazer a calculadora, para oficina.
 
*Devido a necessidade de se possuir alguma experiência com [[AppInventor]] para se construir a primeira parte do aplicativo, as tarefas do dia um serão alteradas.
 
;13/08/2012
 
*Produção de tutorial passo a passo de como fazer a calculadora, para oficina.
 
*Começando a aplicar método de ensino no componente Label, é necessário explicar que funções ele pode realizar, que elemento da calculadora ele será (visor) e etc.
 
;14/08/2012
 
*Produção de tutorial passo a passo de como fazer a calculadora, para oficina.
 
*Criação de imagens que serão utilizadas para explicar a altura dos componentes do aplicativo.
 
;15/08/2012
 
*Produção de tutorial passo a passo de como fazer a calculadora, para oficina.
 
*Atualização da Wiki, que não havia sido atualizada antes devido ao mal acesso a internet!
 
;16/08/2012
 
*Produção de tutorial passo a passo de como fazer a calculadora, para oficina.
 
*Discussão com o coordenador Eraldo sobre retomada das atividades.
 
;17/08/2012
 
*Produção do primeiro dia da oficina.
 
*Início da produção de documentação que será utilizada no primeiro dia (conceitos de variáveis, lista e etc).
 
;20/08/2012
 
*Continuação da produção do "manual" do primeiro dia.
 
*Dificuldade de montar o conteúdo em um único texto.
 
;21/08/2012
 
*Continuação da produção do "manual" do primeiro dia.
 
*Verificar conceito de "Procedures" com coordenadores.
 
;22/08/2012
 
*Continuação da produção do "manual" do primeiro dia.
 
*Tradução do material inicial "Padronização" para wiki.
 
;23/08/2012
 
*Continuação da produção do "manual" do primeiro dia.
 
*Tradução do material inicial "Padronização" para wiki.
 
;24/08/2012
 
*Continuação da produção do "manual" do primeiro dia.
 
;27/08/2012
 
*Continuação da produção do "manual" do primeiro dia.
 
*Finalizados os conceitos básicos.
 
*Início da produção dos Conceitos de Instrução.
 
;28/08/2012
 
*Produção dos Conceitos de Instrução.
 
*Trabalhou pouco tempo devido a necessidade de ir ao Alistamento Militar.
 
{{collapse bottom}}
 
 
 
=Documentação=
 
Breve...
 
 
 
=Padronização=
 
{{collapse top|Em Construção...}}
 
==Introdução==
 
Muitos alunos, ao entrarem em contato com o [[AppInventor]], aprendem rapidamente como utilizá-lo. Este fato ocorre porque esses alunos, normalmente, já possuem alguma experiência em programação, já entraram em contato com o [http://scratch.mit.edu/ Scratch] e/ou se entusiasmaram com a atraente interface do [[AppInventor]]. Mas para a melhor compreenção e utilização desta ferramenta, é necessário que algumas características sejam padronizadas. Quando iniciados no [[AppInventor]] é comum que a maioria não dê grande importância para a ordem de desenvolvimento do projeto e muito menos para a nomenclatura que esta sendo utilizada. O objetivo da "Padronização" é justamente evitar que os alunos se percam durante o desenvolvimento do projeto, direcionando-os  para o essencial e os auxiliarem para fazê-lo organizadamente.
 
==Nomenclatura==
 
===Projeto===
 
Antes de iniciar um projeto, é necessário nomeá-lo para poder classificá-lo e distinguí-lo de outros. Ao nomear um projeto procure relacionar sua função e versão a ele. Como por exemplo:  <tt>CriadorDeFilmesV2b</tt>. No exemplo citado a função da aplicação é "Criar Filmes", sua versão é "2" (sempre precedido de um "V") e o "b" significa que ele possui alguma alteração relevante ao <tt>CriadorDeFilmesV2a</tt> (o anterior), mas que ainda não esta pronto (a versão ainda esta em fase de desenvolvimento). Dessa forma as aplicações criadas ficam mais organizadas e correm menor risco de se perderem num imenso banco de dados. Procure também, não se esquecer de manter as palavras no mesmo idioma e de iniciá-las com uma letra maiúscula, ajuda na visibilidade (leitura).
 
Em Construção...
 
{{collapse bottom}}
 
 
 
=Oficina AppInventor=
 
==Tutorial Calculadora:==
 
===Especificação===
 
;Inicia em 0;
 
;Quando operação for clicada, armazena numero numa variavel, muda o display pra 0;
 
;Multiplas operações;
 
;Implementação da virgula;
 
;Máx. de dígitos : "-" + "," + 7 digítos.
 
==Planejamento das Oficinas==
 
===DIA 01===
 
Apresentação
 
*Conceitos básicos (variável, script, sprite, eventos).
 
*Apresentação da estrutura básica do [[AppInventor]], Block Editor e Components.
 
*Utilização de tutoriais iniciantes produzidos pelo MIT para aplicar o pouco aprendido.
 
===Introdução ao AppInventor===
 
Nesta oficina você aprenderá alguns conceitos básicos de programação e os utilizará para criar aplicativos utilizando a ferramenta [[AppInventor]]. O [[AppInventor]] é um software educacional criado pelo [http://web.mit.edu/ MIT] para auxiliar seus alunos a melhor compreender a funcionalidade da lógica de programação. Trabalharemos diversos conceitos que serão importantes quando tratados em outras linguagens, como Variáveis, Listas, <tt>Procedures</tt> e etc. Nesta primeira parte da oficina, aprenderemos um pouco mais sobre a funcionalidade do [[AppInventor]].
 
O [[AppInventor]] é uma ferramenta muito intuitiva, e por isso, de fácil compreensão. Ele é dividido em duas partes, o <tt>Designer</tt> e o <tt>Blocks</tt>. Na etapa <tt>Designer</tt>, trataremos <tt>Buttons</tt>, <tt>Labels</tt>, <tt>Canvas</tt> e até arquivos de mídia, como <tt>Sounds</tt>. Observe na imagem abaixo como a nomenclatura de cada seção (em inglês) indica exatamente sua função, como por exemplo, <tt>Viewer</tt> e <tt>Properties</tt>.
 
[[Arquivo:AppInventorDesigner.png]]
 
 
 
Já no Blocks, criaremos <tt>Procedures</tt>, Listas, Variáveis e etc. Nesta parte desenvolveremos diversos blocos que detalharam o a funcionalidade do aplicativo, ou seja, o que os componentes do aplicativo devem fazer.
 
 
 
[[Arquivo:AppInventorBlocks.png]]
 
 
 
Tanto o <tt>Designer</tt> como o <tt> Blocks</tt> possuem diversos conceitos que precisam ser abordados de uma maneira mais prática do que teórica. Para isso, enquanto introduzimos o básico de [[AppInventor]], iremos ver alguns conceitos que já foram vistos em [http://scratch.mit.edu/ Scratch]. E esses conceitos, serão revistos através de tutoriais que iremos seguir ao longo desta oficina.
 
<tt></tt>
 
 
 
===DIA 02===
 
Especificação
 
*Relembrando o básico já visto.
 
*Introdução a funcionalidade da calculadora (especificação).
 
*Início do desenvolvimento na parte Components.
 
===DIA 03===
 
Desenvolvimento
 
*Término da parte Components.
 
*Revisão dos conceitos básicos que serão utilizados (variáveis, listas, procedures...).
 
*Início da parte do Block editor.
 
===DIA 04===
 
*Conclusão e possibilidades de melhoramentos.
 

Edição atual tal como às 12h22min de 7 de junho de 2016