|
|
|||
| | FOROS | Coméntame algo | Qué es esto | |
|||
| Basic4Android |
Elastix |
||
| Telecomunica. |
Cosas de Windows |
Web interesantes |
|
App Inventor 2 em português
Programação telefones celulares com Android
App Inventor 2 - Juan Antonio Villalpando
- Iniciação Tutorial App Inventor 2 em português -
____________________________
________________________________________________________
1.- Apresentação. Pitágoras. Duas telas.
1B.- Adivinhe o número. Roleta russa. Igualdade de três.
2.- Propriedades. Botão. Eventos. Etiqueta. CasillaDeVerificación. Pop. VisorDeLista.
3.- SelectorDeFecha. SelectorDeHora. Slider. Velocidade da luz.
4.- Câmara. Aviso. TextoAVoz. Sound. Player. Eu reproductordevideo. GrabadorDeSonidos. ReconocimientoDeVoz. TraductorYandex.
5.- Acelerômetro. LectorCódigoDeBarras. VisorWeb. SensorDeUbicación. SensorDeOrientación. Canvas. SpriteImagen. Compass. NFC. Perto abordagem de comunicação de campo. Sensor.
6.- Relógio. Semaphore. GIFs.
7.- lona. linhas de desenho. SpriteImagen. Funções de desenho. Padel. E SpriteImagen bola.
8.- Como salvar e carregar arquivos. arquivo. TinyDB e MiniWebDB.
9.- Arduino Bluetooth. Bluetooth. Bate-papo.
10.- App Inventor 2 e robô Lego Mindstorms.
11.- Enviar mail.
12.- Notifier emergente.
13.- Eis-me aqui. Código incompleto. (Você pode baixá-lo a partir do Google Play)
14.- Gráficos AP.
15.- Procedimentos.
16.- Contagem regressiva.
18.- Par ou Ímpar.
19.- ACTIVY Starter.
20.- Mistura de cores aditivo.
21.- Stone, papel.
22.- Redimensionada.
23.- Dados que passam entre as telas.
24.- Vector.
25.- Vector Relógio.
26.- Mesmo ou nenhum.
27.- Potência fiscal. Imposto de tração mecânica.
34.- Índice de Massa Corporal.
35.- As pausas móveis quando nenhum botão sem pulso. O ecrã desliga-se. Solução. Background. Serviço.
45.- Condições. Se ... Então ...
101.- Propostas.
102.- Vara HDMI. O Android em sua TV.
103.- Arquivos do computador para o celular em Movimento. Obter o código QR. Remote Desktop Mobile. Kahoot para realizar o teste.
104.- Links para exemplos . Foguetes do jogo. Livros.
__________________________________
Arquivos importantes:
- Emulator for Windows Stater AI vai começar a usar o Windows. Este emulador funciona apenas no Windows. Ele é usado para imitar os nossos aplicativos diretamente no seu computador sem ser necessário instalar móvel. É um processo lento.
- MIT EA2 Companion App. Um programa que é carregado no telefone para usá-lo como um emulador. Instalado no celular do Google Play usando o código QR.
- MIT AI Companion 2.23
(Se o emulador não vem com versão 2.23, o menor Nesta página você vai prompt do Windows, você entra C:\ AI2U\Emulator, escrever adb shell e instala o arquivo que você acabou de baixar.
______________________________________________
Apresentação
- O que é Android?
Android é um sistema operacional livre que utiliza muitos telefones móveis modernos (smartphones = smartphone), é baseado em Linux. Android é propriedade do Google.
1.5 (Cupcake), 1.6 (Donut), 2.0 (Eclair), 2.2 (Froyo), 2.3 (Gingerbread), 3.2 (Honeycomb), 4.0 (Ice Cream Sandwich), 4.1 (Jelly Bean): De vez em quando aparecem novas versões 4.2 Jelly Bean (Gummy Bear), 4.3 (Jelly Bean), 4,4 (KitKat) 4,5 (Kit Kat), 5.0 (pirulito) ...
Existem outros sistemas operacionais como o telefone da Apple iOS (20%) e Microsoft Windows Phone (2%), Android (78%).
(Ver gráfico da estatística e Android )
O Android pode facilmente programar e executar programas de fórmulas matemáticas, jogos, localização no Google Maps, movendo-se um robô via Bluetooth, SMS auto resposta ...
Saiba mais com Android na Wikipedia.
- Para saber como programar o Android Eu preciso ter um celular com Android?
Não. Você só precisa de um computador e ligação à Internet. No computador pode fazer e programas de teste em um emulador instalado no mesmo computador.
Se você tem um celular ou tablet com Android você pode ir para os programas executados Mobile para ver como eles funcionam e usá-los.
- O programa é usado para programar o Android?
Indianas três formas de programação amplamente utilizada:
1.- Com o Android SDK e Eclipse . Programas de escrita em código Java são feitas. É como eles usam bons programadores. Você pode ver exemplos no este vídeo .
2.- Por uma taxa de inscrição (40 € aproximadamente) chamada (B4A) BASIC4Android, para programas semelhantes para a forma como é feito com o Visual Basic
IMPORTANTE: Se você está interessado neste para fazer programas Android simples de ver este tutorial aprendizagem e iniciação eu fiz:
3. Em App inventor. É uma forma intuitiva para fazer programas de instruções de posicionamento convenientes, como peças de um quebra-cabeça. Nós usamos o App Inventor para os nossos programas. O que você precisa é estar conectado à Internet para usar o App Inventor.
- Inventor App apareceu em 12 de julho de 2010, e abriu ao público no dia 15 de Dezembro, 2010.
- O que se desenvolveu entre Hal Abelson, do MIT e engenheiros do Google Ellen Spertus e Liz Looney, juntamente com o professor David Wolber USFCA e divulgador da aplicação.
- A principo agosto 2011 o Google anunciou que deixaria de ser nesta aplicação, mas que faria open source para a educação.
- Uma semana depois, o Instituto de Tecnologia de Massachusetts (MIT), uma instituição privada de ensino superior localizada em Cambridge, Massachusetts (EUA), anunciou que iria assumir o projeto.
Veja web .
- Em 31 dicembre 2011 Google App Inventor parou de funcionar.
- Em 04 de março de 2012 , o Instituto de Tecnologia de Massachusetts (MIT) novamente colocar o projeto na Internet.
- Em dezembro de 2013, MIT AI 2 mostra, uma nova versão do App Inventor: http://ai2.appinventor.mit.edu
- Em novembro 2014 fora a opção de idioma, o que podemos ver a maioria dos elementos em espanhol.
- Em 15 de julho de 2015 desaparece inventor App (o antigo). Há uma aplicação Web para passar os projetos .zip .aia inventor App para inventor 2. Aplicação on-line .
- Qual é o código?
- Em forma de bloco ...
Os programas são executados usando blocos, que são um tipo de peças do puzzle.
No programa escrito fonte texto.
- Onde eu recebo App inventor?
O App Inventor não é um programa que você tem que sair do computador. Funciona em computação em nuvem, o programa funciona através da ligação à Internet, você trabalha com o servidor programa conectado diretamente ao inventor App. É como uma página da web e executar operações sobre ele. Você só precisa de uma conta do Gmail.
NOTA: Existem versões para que possam ser instalados no computador e trabalhar sem estar conectado à Internet (offline).
Para fazê-lo funcionar você precisa eu tenho o Java instalado . Você também precisa de uma conta do Google Gmail.
http://appinventor.googlelabs.com
_________________________
- Qual a direção que eu vá para programar?
No momento, se você vai estudar inventor App 2, vai nesse sentido e autentica-lo com o seu endereço de e-mail do Gmail ...
http://ai2.appinventor.mit.edu
App inventor 2 português
http://beta.appinventor.mit.edu (versão antiga)
_________________________
Interface
- Podemos trabalhar em Espanhol, Inglês, Francês, Italiano ...
App Inventor 2 em off-line
- Vimos que para trabalhar com EA2 deve estar conectado à Internet, poderíamos de alguma forma trabalhar off-line, ou seja, sem estar conectado?
-. Sim, por isso que não seja a equipe do MIT criou um EA2 Ultimate com Server Personal Isso instala o EA2 no seu computador, usando JAVA. Em seguida, escrever em um navegador http://localhost: 8888 e pode trabalhar diretamente com o seu computador sem estar conectado à Internet.
Versão 2.3 ai2u
- App Inventor 2 Ultimate com Server Personal . Instale este pacote no seu computador para trabalhar com AI off-line, ou seja, sem estar conectado à Internet. Ele tem uma nova versão do AI Starter. Mais detalhes.
Faça o download aqui.
Iniciar o Servidor, vamos a um navegador e digite http://localhost: 8888
Atenção, esta forma de instalação que você está fazendo é criar um servidor web local com o App Inventor, para que outros computadores em sua rede local pode escrever seu ip um navegador local, por exemplo 192.168.1.2:8888 e se conectar com seu servidor web com o App Inventor, juanantonio@example.com colocar qualquer nome e pode entrar. Eu estudá-lo.
- Há também a opção portátil sem instalação.
- Há uma outra versão chamada off-line AILiveComplete ( instalação )
- Neste momento App Inventor 2 online, apenas permite até 5 MB códigos, no entanto, se você usar o método off-line, você pode fazer muito maior.
____________________________________________________________
____________________________________________________________
____________________________________________________________
____________________________________________________________
____________________________________________________________
COMECE AQUI ...
_________________
1.- Nosso primeiro projeto. Teorema de Pitágoras.
| Baixe este arquivo para o seu computador e, em seguida, enviá-lo para o App Inventor (Projetos / Import Project)
|
- Nós vamos criar um projeto.
No nosso caso, será o teorema de Pitágoras. Nós introduzimos as duas pernas, pressionar um botão e você começa a hipotenusa.
- Nós clique em Projetos / Iniciar um novo projeto ...
Nós colocamos como nome: pitagoras
_________________
Desenhista
Screen1 é a tela de seu celular.
Paleta são os elementos ou componentes que colocamos na tela do seu celular. Botões, caixas, imagens, etiquetas, ...
Vamos arrastar a partir da paleta para exibir Screen1:
A etiqueta (label1)
Um campo de texto (CampoDeTexto1) NOTA: Em suas propriedades verifique "SoloNúmeros" Nós apagar informações da faixa.
Outra etiqueta (Tag2)
Outro campo de texto (CampoDeTexto2) NOTA: Em suas propriedades verifique "SoloNúmeros" Nós apagar informações da faixa.
Um botão (Button1)
Outra etiqueta (Etiqueta3)
Eles olham para a direita são as propriedades de cada elemento ...
Se LABEL1 marcas, à direita, você pode colocá-lo em negrito, alterar o tamanho da fonte, o texto que deseja que apareça no rótulo (o texto)
O Botao1, ele pode colocar sua largura corresponde à largura da tela. Defina o recipiente
Se você clicar em Screen1, usando as propriedades pode mudar a tela de título, você vai Pitágoras.
Também colocou em Screen1, OrientaciónDeLaPantalla verticalmente, para manter esta posição.
De vez em quando você clica no Projeto / Save Project para salvar as alterações que vão fazendo ...
(Embora o fato de o projeto é salvo automaticamente, você não salvá-lo "manualmente".)
Designer e Blocos.
Para projetar o nosso controles imprensa Designer.
Para colocar blocos blocos de código de imprensa.
_________________
Blocos
Clique em blocos para fazer as Boques código ...
|
|
No lado esquerdo temos que colocar blocos de código e os controles que pusemos em tela Screen1. Usaremos três variáveis numéricas: uma perna (x) outra perna (y), a hipotenusa (z) as variáveis que vamos usar o declarado anteriormente ..
Queremos que quando eu clico no Botão1, a fórmula teorema de Pitágoras é feita. Em botão1 chegarmos Botón1_Click A primeira é que as variáveis x, e tomar o valor de CampoDeTexto1 e CampoDeTexto2. Em seguida, a variável Z terá o valor obtido no cálculo. Precisamos de operações como a raiz quadrada, quadrado (^), soma ... obter estes blocos Matemática pressionando o botão.
Uma vez que temos o resultado na variável z, vamos colocá-la no rótulo Etiqueta3. |
Dentro Botón1.Click
- Nós CampoDeTexto1 conteúdo.Text e atribuí-la à variável x
- Nós CampoDeTexto conteúdo.Text 2 e atribuí-la à variável e
- Nós fazemos a raiz quadrada de x para 2 mais elevados e dois eo resultado é atribuído a z
- Nós, na União Etiqueta3.Texto "O hiponenusa vale a pena ..." eo valor de z.
Partes da matemática tomamos operações integradas.
O CampoDeTexto, Etiqueta, Button e defina as variáveis de assumir Screen1
IMPORTANTE: EA2 algumas funções matemáticas são um pouco escondido, o log e ^, são implantados no neg bloco
Os acos, garra, gravata ... estão pressionando a seta do bloco.
- Tenha cuidado sempre com o separador decimal é o ponto de, por vezes, e às vezes coma. O código é sempre o ponto:
pi = 3,1416, mas às vezes o CamposDeTexto é outro ponto e vírgula, tentar.
_______________________________________________________
_______________________________________________________
_______________________________________________________
_______________________________________________________
INSTALAÇÃO NO MOBILE para teste e depuração (debug).
Nós temo-lo, vamos ver se funciona Há três maneiras de descobrir .:
_______________________________________
Primeira forma:
1. Mova o programa para seu telefone via Wi-Fi e aplicação Companion App EA2 MIT.
(Esta é a forma recomendada).
- Ligue o telefone à mesma rede Wi-Fi com o computador no qual você está trabalhando.
- Instala no seu celular Companion MIT EA2: http://appinventor.mit.edu/explore/ai2/setup-device-wifi
- Inicie o programa Companion MIT EA2 você tiver instalado no seu celular.
| - No computador, clique em Conectar e, em seguida, AI Companion
|
E você receberá um código QR.
|
|
|
O programa vai para o seu telefone. - O programa será conectado até sign-off (Connect Connection / Reiniciar) - Desta forma, é possível depurar programas (depuração) que realizam para funcionar corretamente. |
_______________________________________
SEGUNDA FORMA QUE VEM:
2. instalar um emulador em seu computador com o Windows (isto também se aplica ao emulador Linux, embora seja mais difícil de instalar), assim você pode fazer o teste de desempenho no emulador e computador de trabalho corretamente quando você passa o telefone.
Neste caso, não nos torna móvel ou Wi-Fi necessário para testar a nossa aplicação.
( http://explore.appinventor.mit.edu/ai2/setup-emulator )
- Instalar o Windows no seu computador com o App Inventor e aiStarter.
http://explore.appinventor.mit.edu/ai2/windows (100 MB)
(Você também pode instalar este software no Linux, mas é mais complicado)
- Inicie o computador no aiStarter.
- Em nosso programa, pressione Conectar / Emulator
|
|
Depois de um tempo o Windows vai o nosso emulador Android. Como em casos anteriores, se mudarmos um pouco da Designer ou blocos, que vai mudar o emulador.
|
NOTA: Se você deseja que o emulador é colocado na horizontal, pressione a combinação de teclas Ctrl F11
NOTA: O emulador é lento e precisa de um bom computador para executar bem.
___________________________________
TERCERA FORMA:
3. Se você não tiver acesso, o nosso programa irá se conectar a partir do computador para o celular via cabo USB. (http://appinventor.mit.edu/explore/ai2/setup-device-usb.html)
- Instalar o Windows no seu computador com o App Inventor e aiStarter.
http://explore.appinventor.mit.edu/ai2/windows (100 MB)
(Você também pode instalar este software no Linux, mas é mais complicado)
- Instala no seu celular Companion MIT EA2: http://appinventor.mit.edu/explore/ai2/setup-device-wifi
- Inicie o computador e conectar o computador aiStarter USB para celular.
- Comece o Companion MIT A2 no celular.
- Teste se eles estão executando a conexão: http://appinventor.mit.edu/test/
- Vá para o programa que você está fazendo e pressione Conectar / USB
Seu aplicativo vai para o móvel e estará operacional.
|
|
O programa vai para o seu telefone. - O programa será conectado até sign-off (Ligar / Reset Connection) - Desta forma, é possível depurar programas (depuração) que realizam para funcionar corretamente. |
___________________________________
___________________________________
___________________________________
___________________________________
Instale o programa no seu telemóvel usuário para usar (compilação)
- Para carregar os programas já compilados para o seu telefone, é desejável que ele tem um scanner de código QR, se o seu telefone não tem que baixar e instalar-lo por exemplo: Barcode Scanner ZXing
Vimos três maneiras para depurar programa (debug).
Se nós terminamos nosso programa, podemos passá-lo para o seu computador e telefone celular.
Uma coisa é depuração (debug) usando o Connect que fazemos e fazemos o processo de criação, correção de erros e provas de implementação.
Quando tivermos totalmente concluída aplicativo para uso e distribuição, compilar o que fazemos, este é pitagoras.apk Gerar um tipo de arquivo que contém o aplicativo pronto para instalação.
Neste caso, copie-o para o seu computador eo arquivo pitagoras.apk do seu computador via USB podemos passar para móvel.
Outra forma seria a de obter em seu computador o código QR do nosso programa, e depois digitalizar o QR com diversão móvel a ele. Esta é a maneira recomendada.
Estas duas formas pode ser feito pela ... Construir
___________________________________
Salve o programa
- Como já vimos, podemos criar nosso programa e obter um caminho de arquivo pitagoras.apk podemos salvar em seu computador e instalar no celular para funcionar.
O arquivo é nomeado pitagoras.apk compilado programa que está pronto para instalar e operar.
- Mas, se queremos salvar a fonte para melhorá-lo mais tarde ou partilhar programa, devemos pressionar ...
Meus projetos / exportação para o meu computador do projeto (.aia) selecionada.
Nós obter o pitagoras.aia arquivo podemos compartilhar.
O arquivo seria pitagoras.aia código-fonte, ou seja, pode ver a partir da forma como é feito.
_____________________________________
_____________________________________
_____________________________________
_____________________________________
2.- Melhorias.
- Cores, Centro, Imagem
p1_pitagoras2 (várias telas - tela)
Continuaremos com nossos pitagoras projeto melhorá-lo.
Primeiro vamos salvar o nosso projeto com outro nome para um backup, por isso, vá para Meu projeto / Save Project As ...
e nós colocamos o nome pitagoras2
Continuamos com esta cópia chamado pitagoras2.
- Ao Propriedades renomear a cor de fundo e cartas de etiquetas.
- Em CamposDeTexto, exclua o texto da pista, esta caixa de texto aparece como um fundo excluí-lo ..
- Em CamposDeTexto, marque apenas os números, para deixar o teclado.
- Vamos colocar uma imagem em nosso projeto. Abaixe a imagem do computador.
Subimos esta imagem para o nosso projeto por ...
Mídia / Fazer upload do arquivo ...
Em seguida, ir para a tela da nossa aplicação ...
|
|
Mídia / SelectorDeImagen Propriedade imagem em sua imagem pitagoras.gif nós apenas subir. Nós removemos o texto da imagem. Para centralizar a imagem que vai disposição e levou para a tela uma DisposiciónHortizontal. Em seguida, apresentamos a imagem de SelectorDeImagen em DisposiciónHorizontal. Nós DisposiciónHorizontal que abrange a largura de seu recipiente. O foco.
Podemos nos concentrar os controlos na horizontal, na vertical ou na mesa, de modo que podemos colocar vários controles em cada dessa disposição. |
___________________________________________
3.- Vários monitores
p1_pitagoras2 (várias telas - tela)
Continuamos com nosso projeto de Pitágoras, que é o mesmo pitagoras2.aia estamos fazendo.
Vamos criar uma outra forma em outra tela, neste caso vamos fazer o cálculo da área do triângulo.
- Nós adicionamos uma nova tela: Adicione janela
- Nós deixamos o nome Screen2
- By Design situamos um label1 um CampoDeTexto1 outro Tag2, outro CampoDeTexto2 um botão e outro Etiqueta3
NOTA :. Nas propriedades da marca CampoDeTexto "SoloNúmeros" Nós excluir informações Pista
- Usando blocos acredito que esta disposição:
- Programa emulador Nós
- Menu Ecrã
Criamos um outro menu janela, neste caso SCREEN3, com um menu.
Nós adicionamos um VisorDeLista1.
Nós podemos adicionar itens a VisorDeLista1 por propriedade ElementosDesdeCadena, separando o nome dos elementos de coma.
Oferecemos: Um, Dois, Três
Deixe-Blocks
Embora no início do projeto temos que colocar vários itens na VisorDeLista1, vamos colocar outros elementos, mas no código.
Para isso, use duas tabelas, uma figura os nomes de dois elementos VisorDeLista1 (Pitágoras, área do triângulo)
em outra tabela Eu definir o nome das duas telas (screen1 e Screen2).
Quando SCREEN3 de tela, é carregado no VisorDeLista1 os elementos da primeira mesa.
Quando você clica em um item, tomamos o índice desse elemento e mostrar a tela sobre esse elemento como no jogo de duas tabelas.
Por um tempo em uma das telas que podem retornar o menu, vamos criar em Screen1 e Screen2 Botón2_Click dois botões separados, por isso, quando você pressiona-lo novamente na tela SCREEN3.
Podemos testar usando Connect, mas às vezes isso não funciona dessa maneira emuladores, é aconselhável para compilar o programa com Gerar e passar o compilado Mobile. Isso pode ser feito por digitalizar a QR obtido.
___________________________________
______________________________________________
Resumo da instalação.
- Podemos trabalhar on-line e off-line.
Em linha com ligação à Internet é a maneira "oficial", criamos uma conta de e-mail, por exemplo, Gmail e criar o código através da ligação a um site.
Vemos o resultado de nosso código em um emulador instalado no seu computador, celular / tablet usando Wi-Fi ou celular / tablet através de um cabo USB.
Para entrar neste site vamos ... http://ai2.appinventor.mit.edu/
Off-line, está instalado no seu "programa" computador App Inventor 2 e trabalhar com ele sem estar conectado à Internet.
Vemos o resultado de nosso código em um emulador instalado no seu computador, celular / tablet usando Wi-Fi ou celular / tablet através de um cabo USB.
Para baixar o "programa" App Inventor 2 Vamos ... http://sourceforge.net/projects/ai2u/files/
! - Há uma outra versão chamada AiLiveComplete: off-line http://sourceforge.net/projects/ailivecomplete/files/
https://amerkashi.wordpress.com/page/3/
E, em seguida, clique em WinStartBuildServer.cmd escrever uma localhost navegador: 8888
Portátil, vamos colocá-la em um diretório ou em um trabalho USB e sem ela instalada.
_________________________________
- Implementação de nosso código.
Se você está trabalhando off-line e on-line, existem várias maneiras de verificar como ele está trabalhando o seu código:
- Instalando no celular / tablet um aplicativo queda do Google Play, ligue: MIT EA2 Companion , então precisamos da rede onde trabalhamos têm acesso. Ou seja, o celular tem Wi-Fi (se houver) e seu computador está conectado à mesma rede sem fio. (Não é necessário que o computador está conectado à rede sem fio, cabo pode ser conectado à rede, o que quero dizer é que tanto o celular eo computador estão conectados à mesma rede e tem Wi-Fi).
Carregue no Inventor App Companion AI. Vamos deixar a tela em um código QR. Começamos o nosso móvel MIT EA2 e digitalizar o QR para carregar a aplicação que temos feito.
- A instalação do computador em um emulador, que é um tipo de telefone móvel para agir como um telefone celular. Para este para baixo:
http://explore.appinventor.mit.edu/ai2/windows . Nós instalamos o Windows, você vai nos deixar com um ícone de arranque Ai2. Pressione o ícone para iniciar este servidor. App Inventor, em seguida, clique em: Emulator.
- Ligue o seu telefone ao computador via cabo USB. Nós instalado no computador correspondente ao nosso modelo de driver de dispositivo móvel.
Depois de instalar http://appinventor.mit.edu/explore/ai2/setup-device-usb.html
Comece o Starter Ai2. App Inventor, em seguida, clique em: USB
_______________________________
Configuração do Roteador
- Se você tem um roteador de casa em casa, você não precisa configurar nada.
- Se estamos em uma escola ou local de trabalho:
| Nós podemos conectar um roteador WiFi com uma das portas na chave,para criar-nos uma extensão da rede. Note-se que para este roteador é na mesma rede, você deve se conectar a um dos seus portos locais LAN (amarelo na foto), conector NO Modem WAN (azul na imagem). Nós também deve inserir a configuração do roteador, coloque uma senha e desativar o DHCP. ________________ Se você tiver Andared, você pode configurar o laptop eo trabalho móvel nesta rede. |
|
__________________________________
| - Meu email: juana1991@yahoo.com |
- Quién soy. | - Política de cookies. | Textos e imagens propriedade do autor: © Juan A. Villalpando Copiando informações ou imagens não é permitida. |