Mapa Aula Introdução: 2. Objetivos: 3. Vocabulário interessante:

Transcrição

1 Mapa Aula 1 1. Introdução: Seja bem-vindo ao mais interativo tutorial feito até o dia de hoje ( ), dentro do drive IEEE SSIT UnB Projetos SIGNAL Mit App Inventor Projeto 4. A principal deste tutorial é ser mais do que os tutoriais que encontramos por aí, mas permitir que você, usuário do tutorial, também crie e participe da construção do mesmo, portanto nas seção 3. Vocabulário Interessante e nas partes de Sugestões de Uso dentro das funções dos itens, adicione o que achar necessário, desde seus próprios exemplos até aquelas pequenas palavras que poderiam fazer enorme diferença na hora de explicar um conceito. Sinta-se livre para fazer a diferença neste tutorial e Boa Sorte=D Essa é a primeira aula com uma nova metodologia baseada na ideia de apresentar as partes antes de montar o aplicativo. Logo, antes de começar a aula propriamente dita, sugere-se falar sobre esse novo método que permite mais interação entre o aluno e as ferramentas do App Inventor. Também é bom mostrar o layout do aplicativo que será feito ao final desse módulo, que tem a função de salvar locais e mostrar locais, com o auxílio do Google Maps e do Banco de Dados, além de outras ferramentas (Figura 1). O que mais o aluno poderia fazer com essas ferramentas? 2. Objetivos: Apresentar o novo modelo de aulas; Apresentar a seguinte configuração: o Notificador. 3. Vocabulário interessante: Mapa Local Endereço Por favor, adicione aqui palavras que achar interessantes para essa temática.

2 Figura 1 Layout do Aplicativo 4. Procedimentos: 4.1 Notificador O notificador se encontra em Paleta Interface do Usuário Notificador. (Figura 2) Para usá-lo, basta arrastar o item para a tela de design. É importante notar que por ser uma operação não aparece na tela propriamente dita, mas aprece abaixo da mesma, na seção Componentes Invisíveis. Como para ser utilizado, o notificador precisa que alguma operação ocorra anteriormente, sugere-se que a adição de um botão para testes. (Figura 3)

3 Na aba Blocos Notificador1, é possível ver a variedade de opções desse item, que na maioria das vezes são procedimentos, sendo possível apenas ajustar a cor de fundo e a cor de letras. Para um teste inicial, pode-se criar um pequeno programa onde clica-se no botão e aparece a mensagem Teste (ou Olá, mundo!). Para isso, seleciona do botão a opção Quando botão1.clique, junto de chamar Notificador1.MostrarAlerta e completar com, da aba Internos Textos (Figura 4). Pode-se ao aluno mudar as configurações de cor tanto pela tela de Design quanto pelos Blocos, através das opções de ajuste. (Figura 5) Figura 2 Onde encontrar o Notificador

4 Figura 3 Aparência da tela com os dois componentes Figura 4 Possibilidade do primeiro teste do Notificador Figura 5 Opções de ajuste do Notificador Além dessa opção simples de aviso, existem outras que tem opções, fornecem opções entre outras. Cada uma será apresentada brevemente a seguir com possibilidades de testes para serem feitos em aula Diálogo de Mensagem Essa notificação mostra um pequeno texto e desaparece depois que o usuário aperta o botão.

5 Sugestão de uso: Figura 6 Notificador com diálogo de mensagem Figura 7 Uso do Notificador de Diálogo de Mensagem 1 Figura 8 Uso do Notificador de Diálogo de Mensagem Diálogo de texto Essa notificação permite que você escreva uma mensagem, permitindo ou não que você cancele o clique. De qualquer forma, é necessário adicionar a caixa quando Notificador1.DepoisDeEntrarTexto para que alguma coisa ocorra quando o usuário escrever algo na caixa de texto. Figura 9 Notificador com Diálogo de Texto

6 Observação: nos exemplos a seguir, podem ter sido adicionado ferramentas como Legenda, Imagem, entre outros. Por favor, atente-se ao fato que ao tentar executar qualquer uma das Sugestões, você precise adicionar uma dessas ferramentas. Outra observação: o item Cancelável apenas aceitas as opções Verdadeiro ou Falso (Internos Lógica). Sugestões: Figura 10 Uso do Notificador de Diálogo de Texto 1 Figura 11 Uso do Notificador de Diálogo de Texto Notificador com Diálogo de Progresso Essa notificação aparece como uma daquelas barras de carregamento em formato circular, permitindo adicionar uma título e uma mensagem enquanto a pessoa espera. Até o momento não se sabe como fazer a tela fechar, então é necessário reiniciar o aplicativo. Sugestões:

7 Figura 12 Uso do Notificador com Diálogo de Progresso Opção de Escolha Figura 13 Uso do Notificador com Diálogo de Progresso 2 Figura 14 Notificador com Opção de Escolha Essa notificação permite que o usuário tome decisões que alteram o estado atual do aplicativo. Destaque que há apenas duas opções, sem considerar o Cancelar, que pode ou não aparecer, dependendo se usar verdadeiro ou falso (Olhe Diálogo de texto). Sugestões de Uso:

8 Figura 15 Uso do Notificador com Opção de Escolha 1 5. Conclusão Figura 16 Uso do Notificador com Opção de Escolha 2 Então, esta foi a primeira aula da nova metodologia. Espero que tenha sido proveitosa. Por favor, peça feedback do seu aluno sobre esse novo método e sugestões sobre o que poderíamos melhorar. Caso a aula tenha sido muito curta, mande mensagem para a Eduarda, e diga isso na próxima reunião. Obrigada por interagir com este tutorial e torná-lo ainda melhor, vejo você no próximo tutorial =D