anterior
Tweet about this on TwitterPin on PinterestShare on LinkedInShare on Google+Email this to someoneShare on Facebook
QR CODE

App Inventor – Parte 2

Oi pessoal! Neste post iremos criar o nosso primeiro programa para qualquer aplicativo Android com a ferramenta App Inventor. Já comentei sobre essa ferramenta, para quem não se lembra ou não viu clique aqui e leia o primeiro post, que mostra como utilizá-la.

CAPA

 

Dentro do site e com sua senha logada, qualquer dúvida veja o primeiro post, clique no link anterior. Clique em New, como mostra na imagem 1.

figura-1

 

E depois coloque o nome do projeto, irei colocar primeira_apresentação, como mostra a imagem 2.

figura-2

No lado esquerdo da tela onde se localiza as ferramentas do App Inventor, clique e arraste a ferramenta Label até a tela do centro (emula um celular), como mostra a imagem 3.

figura-3

A ferramenta Label, em programação, tem a função de escrever uma mensagem na tela. Agora ao lado direito da tela tem as opções de modificar a ferramenta, iremos colocar a seguinte frase: Meu primeiro programa para Android, como mostra na imagem 4. Modifique a sua maneira.

figura-4

Agora iremos inserir uma imagem em nossa aplicação, para isso clique e arraste a ferramenta Image. Como mostra na imagem 5.

figura-5

Depois iremos à parte de baixo e clicar na opção Upload New para importar a imagem para o programa App Inventor, como mostra a imagem 6.

figura-6

Após isso, vamos à propriedade da imagem para inserir a imagem na sua aplicação. Ao lado direito, como mostra a imagem 7. Não se esqueça de formatar a sua imagem a sua maneira.

figura-7

Agora iremos colocar um botão que ao clicar toque uma música desejada (a mesma deve estar em seu computador), para isso clique na ferramenta Button e arraste para sua aplicação, como mostra a imagem 8.

figura-8

Ao lado esquerdo existem as propriedades da ferramenta Button, iremos mudar a propriedade Text: Tocar Música. Após isso faça o passo igual para importar a imagem, mas nesse caso escolha a música, como mostra a imagem 9.

figura-9
Após fazer vamos inserir a ferramenta Sound. Para isso clique na opção Media e depois arraste a ferramenta Sound, como mostra na imagem 10.

figura-10

Na parte inferior irá ficar o desenho de um alto falante, como mostra na imagem 11.

figura-11

Na propriedade da ferramenta Sound insira a música que você fez o upload, como mostra a imagem 12.

figura-12

Agora iremos inserir a programação, quando a pessoa clicar no botão irá tocar a música que você escolheu. Então vamos lá.

Clique em Open the block editor, como mostra na imagem 13.

figura-13

Obs.: É importante ter o Java instalado e atualizado, senão não irá funcionar.

Após alguns minutos aparecerá a seguinte janela, como mostra a imagem 14.

figura-14

Essa janela são os blocos de funcionalidade do App inventor, ou seja, sua programação. Clique em My Blocks e depois em Button 1 e por último arraste o bloco Button 1.click, como mostra a imagem 15.

figura-15

Após isso, iremos inserir o som quando for pressionado o botão, para isso  clique na opção Sound1 e arraste a opção Sound1.Play, como mostra na imagem 16.

figura-16

Agora iremos ver como está a nossa aplicação na prática. O App Inventor existe seu próprio emulador e para verificar basta clicar no botão New emulator. Tenha paciência aparecerá a seguinte janela, como mostra a imagem 17, e espere até carregar totalmente.

figura-17

Após carregar clique em Connect to Device e depois em emulator – 5554 e só esperar carregar seu aplicativo, como mostra a imagem 18.

 

figura-18

Obrigado pessoal, espero que tenham gostado. Esse post foi apenas para aquecer, iremos entrar em mais detalhes nos próximos. Não se esqueçam de curtir e compartilhar e mandem novos temas. Até uma próxima.

Próximo

Postado por

Professor de Informática da Escola Microcamp de Praia Grande, desde 2009. Formado em Técnico em Informática na Escola Técnica Adolpho Berezin e Bacharelado em Sistemas de Informações na Faculdade do Litoral sul Paulista. Lecionar é o que me motiva todos os dias e tenho muito orgulho de fazer parte da família Microcamp. “Feliz aquele que transfere o que sabe e aprende o que ensina” – Cora Coralina

Postagem Relacionada

Smartphone dobrável???
Faz um tempo que estamos escutando rumores que a samsung estaria desenvolvendo um novo display