Como fazer um app android: o seu guia para o mit app inventor

desenvolvimento de aplicativos Android nem sempre é simples. App Inventor do MIT é a maneira mais fácil de aprender a fazer um aplicativo Android, mas se você não sabe como começar o nosso mais recente guia pode ajudar. Do autor James Sherar, “Faça sua própria App Android: Seu Unofficial Intro Para MIT App Inventor” vai sobre os princípios de fazer o seu próprio app para Android usando a ferramenta educacional Inventor App. Dê o primeiro passo para aprender a tornar os aplicativos em vez de apenas utilizá-los.

App Inventor faz desenvolvimento de aplicativos Android altamente visual, e altamente intuitiva. É uma maneira fácil e divertida para os não iniciados para aprender sobre programação de computadores, e é ao mesmo tempo uma ferramenta produtiva para programadores avançados. Vale ressaltar que apesar de ser em sua infância - isto é fase beta - esta plataforma ainda oferece um conjunto robusto de ferramentas de programação para todos os níveis de habilidade de programação e é ideal para uso em educação. De fato, um grande ângulo que está sendo promovido pelo MIT / Google é sua instrumentalidade no ensino e para a introdução de qualquer pessoa a programação, em particular os jovens, em dizer uma configuração de alta escola. Embora, ele tem um público-alvo muito mais amplo do que isso. Ou seja, adultos não-programadores que desejam ensinar-se e programadores profissionais.

Este guia tem como objetivo mostrar a ninguém o básico da utilização App Inventor na esperança de que mais pessoas vão entrar em desenvolvimento de aplicativos Android em vez de apenas consumir.

Índice

§-Introdução

Requisitos §1º-System

§2-Desenvolvimento

§3-codificação e testes

§ 4º-Testing

§5-Sharing e Marketing

§-Conclusão

Introdução

Se você é como muitas pessoas nos dias de hoje, você provavelmente gastar pelo menos algum do seu dia interagindo com a Internet através de aplicativos no seu dispositivo Android para qualquer coisa de banca, jogos, e planejamento de eventos para ouvir música, mensagens de texto e qualquer coisa que você pode pensar. Para a maioria, a tecnologia subjacente que faz com que um app ‘carrapato` está envolta em mistério. Esta tem sido uma benção para especialistas em programação e rejeitou um nicho muito lucrativo para programadores profissionais que são pagos para pesquisar, desenvolver e construir esses aplicativos. Mas e se você tem uma ideia para a “próxima grande coisa” - ou mesmo a “próxima coisa pequena” para que o assunto - sem conhecimentos de programação para falar e, por qualquer motivo, você não quer entregar a sua ideia a um profissional e pagar para tê-lo desenvolvido? No passado, se você não fosse um aplicativo programador, você teria tido a opção de (a) não fazer nada, é claro, (b) ser corajoso e confiar em sua idéia nas mãos de um desenvolvedor, ou (c) desenvolver suas habilidades de programação e aprender a construir o danado mesmo. Bem, agora há esperança para não-programmers.Recently, graças a uma colaboração entre Google e MIT, o mundo da criação de aplicativo móvel foi aberto a todos com o App Inventor, que é uma plataforma de desenvolvimento baseado na web, tornando a opção (c ) não tão fora do alcance de muitos.

0,1 Quem é Este guia para?

Com este software livre e de código aberto, todo mundo vai ter a capacidade de se tornarem contribuintes para o mundo digital que os rodeia. App Inventor faz desenvolvimento de aplicativos Android altamente visual, e altamente intuitiva. É uma maneira fácil e divertida para os não iniciados para aprender sobre programação de computadores, e é ao mesmo tempo uma ferramenta produtiva para programadores avançados. Vale ressaltar que apesar de ser em sua infância - isto é fase beta - esta plataforma ainda oferece um conjunto robusto de ferramentas de programação para todos os níveis de habilidade de programação e é ideal para uso em educação. De fato, um grande ângulo que está sendo promovido pelo MIT / Google é sua instrumentalidade no ensino e para a introdução de qualquer pessoa a programação, em particular os jovens, em dizer uma configuração de alta escola. Embora, ele tem um público-alvo muito mais amplo do que isso. Ou seja, adultos não-programadores que desejam ensinar-se e programadores profissionais.

0.1.1 Educadores

Com a profusão de computadores em nossas vidas diárias, eu ouso dizer que todas as escolas de ensino médio agora oferecem cursos de ciências de computação introdutórios para os alunos. App Inventor é um veículo ideal para esse fim. Em virtude da natureza visual da plataforma, os alunos são capazes de muito rapidamente “encaixam” seu primeiro programa. Não só isso, e talvez mais importante, é uma forma divertida e envolvente para as crianças a aprender sobre computadores e como eles podem se tornar contribuidores de conteúdo digital útil e proposital, e não apenas os usuários do mesmo.

guias Myriad, recursos de ensino, e depoimentos de educadores profissionais sobre como desenvolver um plano de aula para jovens podem ser encontradas em http://appinventor.mit.edu/teach/ que dá acesso a uma espécie de currículo-em-um quadro -box para salas de aula e oficinas, tutoriais em vídeo, e uma seção de grupo fórum e FAQ específico para educadores.

0.1.2 Não-programadores em geral

Com a abundância de tutoriais e outros recursos online, a aprendizagem auto-guiada é feita fácil. Não-iniciados pode progredir rapidamente e para o ponto onde eles estão criando programas avançados e relevantes de seu próprio projeto.

Video: MIT App Inventor Português - Programa Para Criar App Android Grátis #01

O site App Inventor permite o acesso a uma riqueza de recursos para a aprendizagem auto-guiada:

• http://appinventor.mit.edu/explore/blog.html - um blog
• http://appinventor.mit.edu/explore/content/tutorials.html - um tesouro de tutoriais on-line
• http://beta.appinventor.mit.edu/forum/index.html - um fórum de usuários on-line

0.1.3 Programação Avançada (programadores profissionais)

Ele também pode ser usado para mais do que apenas como um auxiliar de ensino. Desde que a plataforma oferece todos os componentes de alto nível necessárias para a construção de aplicativos robustos, bem como primitivas de programação, App Inventor não deve ser relegado como a tecnologia “brinquedo”. Com App Inventor, os programadores têm uma maneira de construir programas relevantes que aproveitam todo e qualquer:

Video: Veja Como Criar aplicativos RSS READER para Smartphone e Tablet Android com MIT App Inventor 2

• GPS, movimento e sensor de orientação
• mensagens de texto SMS
• código de barras
• WiFi, Bluetooth
• O reconhecimento de voz e TextToSpeech
• Banco de dados e personalizado conectividade de banco de dados web (aka armazenamento em nuvem)
• Media Audio / Video
• conectividade web
• conectividade site social
• tecnologia Mindstorms NXT da Lego

Outras tecnologias também estão sendo desenvolvidos em uma base contínua. Por exemplo, um par de futuros componentes incluem a comunicação do servidor de jogos online, e capacidades de voto web.

0.1.4 Prototipagem

Embora não seja oficialmente parte do da Google / MIT competência, uma coisa que quase imediatamente me veio à mente para este autor é que, se por nada mais, o Inventor App poderia ser uma ferramenta ideal para consultores e sistemas de programadores para criar protótipos rapidamente novos produtos para revisão por clientes, graças ao editor visual. Com o editor visual à sua disposição é possível, até mesmo fácil, para criar uma simulação de um programa sem necessariamente ter que escrever mesmo uma única linha de código.

Então, bem-vindo ao mundo do desenvolvimento de aplicativos Android. Neste manual, nós introduzimos App Inventor, cobrindo configuração do sistema e aspectos básicos do ambiente de desenvolvimento on-line App Inventor, incluindo um programa arquetípica “Olá Mundo”, e concluímos explorando opções disponíveis para a distribuição de seus novos aplicativos.

1. Requisitos do Sistema

App Inventor é um Ambiente de Desenvolvimento Online (ODE), ou seja, a criação de aplicativos ocorre diretamente em um navegador web. Então, se você tem um sistema razoavelmente up-to-date, você já deve ter a maioria dos pré-requisitos instalados. Se não, nunca medo. A configuração deve ser bastante simples.

1.1 Hardware & Programas

Preliminarmente, você deve verificar se o seu sistema é aquele que é suportado, que o seu navegador é um daqueles atualmente suportados, e que o Java está atualizado e funcionando em seu computador. Aliás, você também deve se certificar de que você não tem um script bloqueador de execução no seu browser.

Para começar, seu sistema operacional deve ser um dos seguintes:

• GNU / Linux (Debian 5, Ubuntu 8.04 ou posterior)
• Mac OS / X 10.5, 10.6 ou posterior
• Windows XP, Vista, 7 ou mais tarde

Video: #02: Como criar um aplicativo no APP Inventor 2

No mínimo, você deve estar executando um dos seguintes navegadores:

• Firefox 3.6 ou posterior
• Chrome 4.0 ou posterior
• Apple Safari 5.0 ou posterior
• IE 7 ou mais tarde

1.2 Java

Em termos de Java, as diretrizes oficiais afirmam que você deve estar usando Java 6 (ou seja, a versão 1.6). No momento da redação deste texto Java 7 estava disponível, no entanto, para os nossos propósitos, vamos supor o uso de Java 6. Para verificar se o Java está a trabalhar na sua máquina, vá para a página de teste Java.

Se o seu computador está configurado corretamente, você deve ver a mensagem “O Java está funcionando ...”. Se não, você deve seguir as instruções no site Java para o seu sistema antes de prosseguir.

App inventor também exige que o quadro Java Web Start existe no seu computador, e seu navegador está configurado para lançar aplicações Java com ele. Você não tem que se preocupar muito com o jargão técnico aqui, basta apontar seu navegador para a página de teste Java Web Start App Inventor, a fim de executar o teste. “Parte 1” do teste será executado automaticamente quando a página é carregada, e se o seu navegador está configurado corretamente, a mensagem “Seu navegador parece estar configurado corretamente.” Será exibido.

Para executar “Parte 2” do teste de configuração, na mesma página, clique no botão “Iniciar”.

Isso deve abrir uma aplicação simples Java “bloco de notas”, que você pode então perto.

1.3 Conta Google

Outra coisa que você deve ter é uma conta do Google. Isto porque o seu projeto (s) serão armazenados, pelo menos durante o desenvolvimento, no Google Cloud. O resultado disso é que isso também significa que você pode acessar seus projetos de qualquer lugar com uma conexão à Internet. Se você tiver um, certifique-se que você está logado neste momento. Se você não tiver um, você pode configurar-se em https://gmail.com/.

1.4 O Software App Inventor

A plataforma App Inventor é livre e open source, o que significa que o software está disponível sem custo no site Inventor do App. Dependendo do seu sistema, escolha o link apropriado abaixo e siga as instruções de instalação para seu sistema operacional.

• GNU / Linux: http://beta.appinventor.mit.edu/learn/setup/setuplinux.html
• Mac: http://beta.appinventor.mit.edu/learn/setup/setupmac.html
• Do Windows: http://beta.appinventor.mit.edu/learn/setup/setupwindows.html

1.5 Recursos

Antes de passar vale a pena apontar os outros recursos de desenvolvimento aplicativo Android à sua disposição:

• Se houver qualquer coisa que você precisar de ajuda com na configuração descrita nesta seção, parar com a página de solução de problemas no http://beta.appinventor.mit.edu/learn/troubleshooting.html.
• A página de FAQ pode ser encontrada em http://beta.appinventor.mit.edu/learn/userfaq.html.
• Caso contrário, tente o “App Inventor Fórum usuário” no http://beta.appinventor.mit.edu/forum/.
• Documentação (aka Ajuda páginas), pode ser acessado no http://appinventor.mit.edu/explore/content/reference-documentation.html.

2. Desenvolvimento

desenvolvimento de aplicativos Android pode ser dividido em três fases, que pode, e de fato devem ser realizadas, simultaneamente.

1. desenvolvimento de interface
2. Codificação
3. prova

Embora estes irão ser feito passo a passo para os fins deste manual, no final você vai ver como é conveniente e é importante que as fases pode ser feito em qualquer ordem. Além disso, enquanto a criação de aplicativos pode ser feito com uma conexão para um dispositivo móvel, uma vez que alguns podem ter diferentes maneiras de conectar seu dispositivo móvel, para ignorar quaisquer problemas de conectividade que vai usar o emulador incluído no software. Agora, antes de fazer qualquer coisa, certifique-se que você está conectado à sua conta do Google.

Também estará exigindo a imagem de um gato bonito encontrado em http://publicdomainpictures.net/pictures/10000/velka/peek-a-boo-cat-eyes-23441279626324N0rf.jpg* assim você pode baixá-lo bem neste ponto. Daí em diante, vamos nos referir a ele simplesmente como o pic Peek-a-boo-gato-olhos.

2.1 Olá mundo

O aplicativo canônico “Olá Mundo” apresentamos transmite uma visão superficial de técnicas de codificação, entrada, saída e interação do usuário para se familiarizar com o ambiente de desenvolvimento de aplicativos Android.

Para começar, vá até http://appinventor.mit.edu/ e clique no botão “inventar”. Isso o levará para o seu projetos painel pessoal. Clique no botão “Novo” no canto superior esquerdo para iniciar um novo projeto, e dar-lhe um nome. Você pode chamá-lo de qualquer coisa que você quiser, mas vamos nomeá-lo “HelloCoolWorld” - uma palavra só. Clique em “OK”.

2.1.1 O Design Janela

A janela de projeto deve aparecer no seu browser uma vez que você digite o nome do seu aplicativo e clique em “OK. A janela Projeto é onde você começar a criar como o seu aplicativo vai olhar, a interface de usuário (UI).

No painel esquerdo da tela, você encontra a paleta que funciona como muitas outras plataformas visuais, onde você arrastar e soltar os componentes que necessitam dele para um mock-up de uma tela móvel. Por exemplo, estes podem ser caixas de texto, botões, etiquetas, conectividade de banco de dados, mídia, ou objetos de sensores - qualquer coisa que você quer ou precisa para seu aplicativo para funcionar. Os componentes são agrupados por categoria funcional - Basic, Media, Animação, social, sensores, etc. - e clicando no título de grupo revela os componentes nele. Como você vai notar, não há muita coisa emocionante para jogar e experimentar.

No centro você tem o painel Viewer com um mock-up da tela do dispositivo chamado Screen1 onde você vai colocar objetos componentes que compõem o seu aplicativo, como botões e caixas de texto. À direita do que, você tem o painel componentes que fornece uma lista de todos os objetos em sua aplicação, incluindo o objeto Screen1, enquanto o painel Propriedades permite que você tenha acesso e definir determinados parâmetros de objetos como fonte, cor ou texto .

Primeiro, vamos precisar de um caminho para o usuário interagir com o nosso app, então clique e arraste o objeto Botão da Paleta para Screen1 no painel Viewer, e defina sua propriedade Text para “Clique-me”, e mudar seu parâmetro Largura Preencher pai ...

Em seguida, é claro, nós queremos que aconteça alguma coisa uma vez que o usuário clica no botão. Então, vamos adicionar um objeto de imagem e um objeto Label para Screen1 da mesma forma como fizemos com o botão - por drag-and-drop. Para Image1, somos capazes de definir a imagem clicando na área de entrada de texto de propriedade de imagem do Image1 e clicando em Carregar nova ....

Na caixa de diálogo que se abre, clique em Procurar ... escolher os peek-a-boo-gato-olhos pic recuperados anteriormente.

Defina a propriedade Visible como escondido, e Largura para preencher pai.

No painel Componentes, seleccionar Rótulo1. Defina sua propriedade de texto para estar em branco, TextAlignment para centralizar e largura para preencher Pai ....

Agora, vamos passar para adicionar funcionalidade a estes objectos com o Editor de blocos que é uma aplicação Java.

3. codificação e testes

Aqui é onde o Inventor App afasta da programação tradicional. Há uma quantidade mínima de real necessidade de codificação, e isso é feito em conjunto com o teste ao vivo com o emulador (ou dispositivo Android). A beleza do Editor de Blocos é que praticamente todos os “codificação” é conseguido através do processo visual ligar vários elementos de programação - objetos, métodos e propriedades - como quebra-cabeça peças pré-fabricadas de código. Isto proporciona o sistema de uma medida de auto-validação uma vez que apenas certos elementos casar-se. Esta é uma marca registrada do projeto que permite que ele seja altamente acessível.

3.1 Acessando os blocos do Editor

Clique no botão “Abra o Editor de Blocos” perto do canto superior direito da janela de design. Se uma janela de diálogo abre perguntando o que fazer, certifique-se de executá-lo, em vez de salvá-lo.

A aplicação Java que lança é o Inventor App para Android Blocks Editor, ou Blocks Editor for curto. Isso concede controle sobre a funcionalidade de cada um dos componentes de seu aplicativo.

3.2 Acesso o emulador

Clique no botão Novo emulador no topo da janela do Blocks Editor. Isto irá abrir uma emulação de um dispositivo Android. Isso pode demorar alguns minutos. O tempo que leva para carregar será proporcional à velocidade do seu sistema. Uma janela intitulada, “Iniciando o emulador. Por favor, seja paciente.”Irá aparecer com algumas informações úteis que você pode ler enquanto você espera. Clique OK quando estiver pronto. Depois de completamente carregado, você será presenteado com uma janela que se parece com um telefone celular. Clique e arraste o bloqueio verde para a direita para desbloquear o telefone, se necessário.

Voltar no Editor de blocos, clique em Conectar ao Dispositivo botão ... e selecione o emulador a partir da lista drop-down. Mais uma vez, pode demorar um pouco para o seu computador para estabelecer a conexão. Uma indicação de que a conexão foi bem sucedida é que agora há um pequeno ícone verde que se parece com um telefone celular no topo do Editor de Blocos. Você também será capaz de ver o seu projecto no emulador.

Video: Como Criar Aplicativos (Navegar e Passar Informação Entre Telas) - MIT App Inventor #05

3.3 codificação e testes com os blocos editor eo emulador

Ainda no Editor de Blocos, selecione a guia Meus Blocos e clique em Button1. A gaveta que desliza aberto, apresenta-o com os métodos de um objecto, e as propriedades que podem ser montados e manipulados de modo a produzir a funcionalidade desejada.

Por exemplo, clique e arraste o método Button1.Click da gaveta para a área de trabalho para a direita.

3.3.1 adicionando uma imagem

O que gostaria que acontecesse uma vez que o usuário pressiona o botão em nosso aplicativo, é para a imagem do gato bonito a aparecer, juntamente com a mensagem: “Olá Cool World!” Que configurado como um rótulo. Então, vamos arrastar e soltar o Image1.Visible conjunto para o método da gaveta Image1, e ajustá-lo no interior da peça Button1.click.

Você notará que agora temos um soquete vazio que temos para anexar algo. Então, volte para a guia interna no canto superior esquerdo da tela, e da gaveta Logic, selecione a verdadeira peça e anexá-lo à tomada Image1.Visible por drag-and-drop.


A partir daqui, podemos testar a nossa aplicação, alternando para o emulador e clicando no botão Clique-me.

3.3.2 Adicionando uma mensagem

Nós também queremos que a nossa mensagem a aparecer abaixo da imagem. Voltando à guia Meus Blocos no Editor de bloco, como anteriormente com a imagem, vamos arrastar e soltar o Label1.Text conjunto para o método da gaveta e ajustá-lo para o objeto Button1.Click. Voltando ao guia-In construída, abrir a gaveta de texto e arraste e solte a peça de texto para o objeto Button1.Click. Clique no texto que aparece em negrito na peça para configurá-lo para ler “Olá Cool World!”.

Voltando para o emulador, testamos o que acabou de fazer. Clicando no botão exibe agora a nossa mensagem.

Isto, naturalmente, é motivo de celebração, porque você acabou de construir sua primeira aplicação móvel. É simples, mas ao mesmo tempo construindo o seu aprendi que você maneira de contornar os princípios de um sistema que você pode usar para, eventualmente, construir algo mais complexo. Continuar a explorar, e divirta-se!

4. Teste

Não há muito para cobrir aqui desde o emulador baseado em Java incluído no software nos permitiu desenvolver e testar o aplicativo como fomos along- um processo denominado “teste ao vivo”. Como você pode dizer, esta é a maneira particularmente útil de fazer as coisas porque você pode ver imediatamente os efeitos de suas mudanças, portanto, tornando mais fácil ver os seus erros e perceber onde você errou, bem como o seu progresso e sucessos.

5. partilha e de Marketing

Trazendo seu aplicativo para o mercado envolve o que é conhecido como embalagem. O que este é apenas um processo pelo qual seu aplicativo é montado para o formato do pacote Android com uma extensão .apk, que é ao mesmo tempo de leitura óptica e facilmente e amplamente distribuído.

5.1 Versioning

versionamento adequada é um passo importante se você deseja distribuir o aplicativo comercialmente. Isto é feito na página do projeto através de propriedades versionCode e versionName de Screen1. VersionCode é um valor inteiro e deve ser incrementado a cada nova versão maior ou menor do seu aplicativo. O VersionName pode ser qualquer coisa que você gosta, no entanto, tradicionalmente inclui o nome e um número decimal com o número inteiro que representa a versão principal e a parte fracionária representa o número de qualquer revisão menor.

5.1 Sharing

A fim de compartilhar seu aplicativo com outros usuários do Android que primeiro criar o arquivo .apk clicando no pacote para o botão de telefone na janela de design.

Uma vez que seu pacote está pronto, você será solicitado a salvá-lo em seu computador.

Assim que tiver o aplicativo, você pode distribuí-lo via e-mail ou por meio de upload para um site que você gosta. Outras pessoas podem instalá-lo em seus telefones, abrindo seus e-mails a partir de seu dispositivo.

5.2 Google Play - O Android Market

A fim de colocar seu aplicativo no Google Play, primeiro certifique-se que tem um número de versão adequada e está devidamente nomeado, tal como estabelecido na secção 5.1. Uma vez que está devidamente versionadas e de ter baixado o aplicativo para o seu computador, tal como estabelecido na secção 5.1, você vai ser definido para fazer o upload para o Google Play ... Bem, quase.

Você também deve se registrar como um desenvolvedor com o Google Play e pagar uma pequena taxa para publicar. Basta seguir as instruções do https://play.google.com/apps/publish/signup, e você estará em seu caminho para se tornar um desenvolvedor de aplicativo de boa-fé.

6. Conclusão

No geral, a curva de aprendizagem é moderado, tornando introdutório de programação de computador tomada extremamente acessível App Inventor um sucesso, mesmo nestas fases iniciais do seu desenvolvimento. Por outro lado alguns inconvenientes no momento da redação deste artigo foi a de que você não pode incluir várias telas para seu aplicativo, e que não tinha os primitivos necessários para obter acesso total ao sistema de arquivos. Isso não deve ser motivo para relegar o sistema como uma tecnologia de brinquedo, no entanto, já que a plataforma ainda está em beta e tem potencial para ser também uma excelente ferramenta, agora e no futuro, para prototipagem RAD profissional. Por estas razões, o App Inventor parece estar prestes a se tornar uma ferramenta popular não só para não-programadores, mas para os desenvolvedores experientes.

Confira estes excelentes artigos Android, bem como:

• Hitchhike Your Way Around The Internet com Três Free Apps
• 5 maneiras de obter dados de seu desktop para o Android
• Mantendo o seu Droid segura com Avançado de Atendimento Móvel de 2,0
• Lidar com problemas no sistema Em Android: Modo de Segurança, Fábrica & restauração de backups
• O que é o modo de depuração USB On Android? [MakeUseOf Explica]

Notas finais

* Licença: Esta imagem é de domínio público. Você pode usar esta imagem para qualquer finalidade, inclusive comercial. Se você usá-lo, por favor considere ligando de volta para nós. Se você estiver indo para redistribuir esta imagem on-line, um hiperlink para essa página específica é obrigatória. - http://publicdomainpictures.net/view-image.php?image=7770&imagem = peek-a-boo-gatos-olhos

Guia publicado: janeiro 2013