Os aplicativos móveis desempenham um papel crucial no ecossistema da Internet das Coisas (IoT), servindo como interfaces por meio das quais os usuários podem interagir e controlar dispositivos IoT. Vários dispositivos IoT usados em eletrônicos de consumo, automação residencial, logística e estoque, entre outros, são controlados ou gerenciados por meio de aplicativos móveis.
Por exemplo, os usuários podem contar com um aplicativo instalado em seus smartphones para controlar diferentes aparelhos, sistemas de segurança, alarmes ou outros dispositivos – de forma semelhante a um controle remoto. Um aplicativo também pode oferecer monitoramento em tempo real desses dispositivos, fornecendo notificações e alertas oportunos. Eles também podem ser úteis para visualizar dados (como dados de sensores) recebidos de sistemas IoT de maneira abrangente.
Essencialmente, um aplicativo serve como um centro de controle centralizado para gerenciar vários dispositivos IoT que compartilham uma rede comum ou diferente. Os aplicativos móveis permitem que os usuários acessem com segurança seus dispositivos conectados e fornecem uma plataforma para personalizar sistemas IoT e personalizar configurações de acordo com as preferências do usuário.
Para engenheiros integrados, o desenvolvimento de aplicativos é um domínio único. Compreender como os aplicativos móveis interagem e gerenciam diferentes dispositivos é fundamental. Para aqueles que precisam desenvolver um aplicativo móvel ou protótipo para dispositivos IoT (para projetos IoT menores ou intermediários), existem plataformas de programação visual úteis, incluindo aquelas para usuários que não entendem de tecnologia.
Uma dessas plataformas de programação para desenvolver apps é o MIT App Inventor. Neste artigo, discutiremos o MIT App e como começar a usá-lo da melhor forma.
O que é o MIT App Inventor?
MIT App Inventor é uma plataforma de código aberto baseada na web para criar aplicativos móveis para dispositivos Android. O Google o desenvolveu inicialmente e agora é mantido pelo Massachusetts Institute of Technology (MIT). A plataforma fornece uma interface de programação visual onde os usuários podem criar um aplicativo móvel usando elementos visuais de arrastar e soltar. Em vez de escrever código, os usuários montam blocos que representam diferentes funções e comportamentos do aplicativo. O desenvolvimento de aplicativos dessa forma não requer conhecimento de nenhuma linguagem de programação.
Os usuários podem criar um aplicativo móvel elegante e totalmente funcional combinando vários elementos visuais de acordo com a lógica apropriada. Embora o MIT App Inventor funcione apenas para dispositivos Android, existem ferramentas de terceiros para adaptar um aplicativo desenvolvido para iOS.
O MIT App Inventor é a primeira plataforma a introduzir a programação baseada em blocos no desenvolvimento de aplicativos móveis. Muitas outras plataformas de programação baseadas em blocos para desenvolvimento de aplicativos móveis, como Thunkable, Kodular e AppyBuilder, são baseadas ou inspiradas no MIT App Inventor.
A história
Por volta de 2007, o professor do MIT Hal Abelson, do Google, criou o conceito do App Inventor. Isso ocorreu durante uma iniciativa do Google para tornar o desenvolvimento de aplicativos acessível a não programadores. Em 2009, o Google começou a testar o App Inventor em diversas escolas e universidades. Um ano depois, o Google decidiu tornar a tecnologia de código aberto, vendo seu potencial educacional.
Posteriormente, o MIT assumiu o projeto, integrando-o ao recém-criado Centro de Aprendizagem Móvel do MIT, que Abelson co-dirige. O MIT relançou o App Inventor em 2012, hospedando-o em seus próprios servidores e continuando seu avanço.
Desde o seu relançamento, o MIT App Inventor passou por várias melhorias com uma nova atualização quase mensal. Em 2021, o suporte para iPhones e iPads também foi adicionado com o lançamento do aplicativo iOS Companion.
Atualmente, o MIT App Inventor continua a liderar o desenvolvimento de aplicativos móveis baseados em blocos, apesar da concorrência de plataformas como Thunkable, Kodular e AppyBuilder. Mais de um milhão de usuários mensais têm mais de 85,4 milhões de aplicativos desenvolvidos usando o MIT App Inventor.
Por que escolher o MIT App Inventor?
Você deve experimentar o MIT App Inventor para desenvolver aplicativos móveis para projetos de IoT por vários motivos. A plataforma tem uma história bastante longa e evoluiu, fornecendo uma opção baseada em blocos para iniciantes para desenvolvimento de aplicativos. Nenhuma linguagem de programação é necessária para uso, o que significa que há pouca probabilidade de erros de sintaxe e outras complexidades de programação de texto.
Claro, uma vantagem significativa é que o MIT App Inventor é gratuito e de código aberto. Embora os aplicativos criados rodem apenas em Android, eles podem ser facilmente adaptados para iOS usando ferramentas de terceiros como PhoneGap/Cordova, Kodular, Thunkable ou AppyBuilder. O aplicativo MIT é ideal para prototipagem rápida e adequado para IoT.
Os aplicativos desenvolvidos usando o MIT App permanecem no servidor MIT para que um projeto possa ser gerenciado e retomado de qualquer lugar e a qualquer momento. Os aplicativos também podem ser testados ao vivo usando um emulador (aiStarter), uma conexão WiFi, uma conexão USB e um smartphone Android ou Chromebook.
Integração de IoT, serviços de localização, integração de mídia social, inteligência artificial e suporte multilíngue são alguns dos recursos mais tentadores para usar com o MIT App Inventor.
O que você pode fazer com o MIT App Inventor?
Você pode criar aplicativos para controlar dispositivos IoT, rastreamento de localização, multimídia, utilitários, aplicativos integrados de mídia social e muito mais. O MIT App Inventor também é uma excelente solução para prototipar rapidamente ideias de aplicativos. Usuários avançados podem criar suas próprias extensões personalizadas para adicionar novas funcionalidades e recursos.
É uma plataforma fácil de usar para aprender e experimentar o desenvolvimento de aplicativos móveis. No entanto, esta plataforma de programação baseada em blocos tem limitações para o desenvolvimento de aplicativos avançados ou de nível empresarial.
Interface do Inventor
Para criar um aplicativo móvel usando o MIT App Inventor, primeiro visite o Site do App Inventor do MIT.
Clique no botão ‘Criar aplicativos’ e faça login no App Inventor através de sua conta do Google. Certifique-se de concluir a autenticação para continuar. Depois de fazer login corretamente no App Inventor, você verá o painel do projeto.
Clique no botão 'Iniciar um projeto em branco' e nomeie o projeto. Considere nomear seu primeiro projeto como 'HelloAppInventor'. Depois de criar um novo projeto, um App Inventor Designer e um App Inventor Block Editor aparecerão no painel.
O App Inventor Designer apresenta a interface onde você pode adicionar componentes visuais ao seu aplicativo. Os componentes são adicionados a uma tela para que você possa ver como apareceria no aplicativo. Um aplicativo móvel pode conter uma ou mais telas.
No App Inventor Block Editor podem ser adicionados blocos de programa, que definem a lógica do aplicativo e como os componentes visuais devem se comportar.
Na parte superior do App Inventor Designer, existem botões que permitem adicionar, remover e navegar pelas telas.
No lado esquerdo, você verá uma janela de paleta onde poderá encontrar componentes para seu aplicativo, que podem ser arrastados para a tela principal no 'Visualizador'. No centro, há uma janela de visualização onde são exibidas as telas do aplicativo. Você encontrará as janelas 'Componente' e 'Mídia' à direita da janela do visualizador.
A janela do componente mostra os componentes arrastados e adicionados à tela de um aplicativo móvel. A janela de mídia mostra os componentes multimídia adicionados à tela. A janela ‘Propriedades’ está no lado direito do App Inventor Designer. Indica quais das propriedades estão selecionadas na janela do componente.
No Editor de blocos do App Inventor, a janela 'Blocos' fica no lado esquerdo, onde você encontrará os blocos de comportamentos que pode adicionar ao aplicativo. Na janela de blocos existem gavetas para expandir vários tipos de blocos de programa.
Abaixo da janela de blocos está a janela de mídia, onde você encontrará blocos para adicionar comportamentos aos componentes de mídia. À direita está a janela do Visualizador, onde você pode arrastar e adicionar blocos de programa ao aplicativo.
Arquitetura do aplicativo
Um aplicativo móvel criado no MIT App Inventor consiste em quatro blocos de construção principais.
1. Componentes
2. Variável
3. Comportamentos/manipuladores de eventos
4. Procedimentos
Os componentes são os objetos visuais ou elementos que você adiciona ao seu aplicativo móvel. Os componentes são adicionados a uma tela móvel através do App Inventor Designer.
Pode haver várias telas em um aplicativo. Os componentes podem ser elementos visíveis ou invisíveis. Alguns exemplos de componentes visíveis são Button, Label, Textbox, Password Textbox, etc. Exemplos de componentes invisíveis são LocationSensor, TextToSpeech e Texting, etc.
MIT App-Inventor é uma plataforma de programação orientada a eventos. Funciona executando procedimentos (ações) em resposta a eventos. Essas funções são chamadas de comportamentos ou manipuladores de eventos, definindo como o aplicativo móvel deve responder a eventos externos ou iniciados pelo usuário.
Os procedimentos são grupos reutilizáveis de blocos de programa. Eles são semelhantes a uma função em uma linguagem de programação, que envolve um grupo de instruções de programa em uma identidade que pode ser chamada.
Componentes
Os componentes são objetos visuais ou elementos que você adiciona ao seu aplicativo móvel, e centenas deles estão disponíveis no MIT App Inventor. São tantos componentes disponíveis que nem é possível listar ou nomear cada um deles. Além disso, novos estão sendo continuamente adicionados.
A maioria dos componentes pode ser categorizada da seguinte forma.
- Componentes da interface do usuário: exemplos são botões, rótulos, TextBoxes, Slider, Picker, CheckBox, RadioButton, Switch, Image, VideoPlayer, Canvas, Layout (Horizontal, Vertical, Table), etc.
- Componentes de mídia: câmera, filmadora, player, som, ImagePicker, VideoPicker, SpeechRecognizer, TextToSpeec,h etc.
- Sensores: Sensor de localização, Sensor de proximidade, Sensor de luz, Sensor de acelerômetro, Sensor de giroscópio, etc.
- Componentes de conectividade: BluetoothClient, BluetoothServer, Web, WebViewer, WiFiDirect, etc.
- Componentes de armazenamento: CloudDB, File, TinyDB, FusionTablesControl, etc.
- Componentes sociais: ContactPicker, PhoneNumberPicker, Twitter, Compartilhamento etc.
- Desenho e Animação: ImageSprite, Ball, Canvas, etc.
- Componentes LEGO MINDSTORMS: Comandos NXT Direct, Motores EV3 e Sensores
- Componentes personalizados contribuídos por usuários avançados.
Variáveis
As variáveis armazenam dados que podem ser alterados e acessados em todo o aplicativo. Elas podem ser variáveis globais ou locais. Variáveis globais são acessíveis de qualquer lugar no aplicativo e armazenam dados que precisam ser compartilhados em diferentes partes do aplicativo. Eles são declarados no Editor de Blocos usando o bloco 'inicializar nome global para'.
Variáveis locais são acessíveis no procedimento ou manipulador de eventos onde são declaradas e são usadas para armazenar dados temporários necessários apenas em um bloco específico de código. Variáveis locais são declaradas usando o bloco 'inicializar nome local para' dentro de um procedimento ou manipulador de eventos.
Eventos e manipuladores de eventos
Os eventos são ações ou ocorrências específicas que desencadeiam a execução de blocos no Editor de Blocos. Eles podem ser eventos externos ou iniciados pelo usuário.
Exemplos incluem:
Os manipuladores de eventos são blocos que definem como um aplicativo responde a diferentes tipos, como interações do usuário ou alterações do sistema. Esses manipuladores controlam o comportamento do aplicativo no MIT App Inventor. Eles permitem que os aplicativos desenvolvidos reajam dinamicamente às entradas do usuário, aos dados dos sensores e aos eventos externos. Os manipuladores de eventos são definidos arrastando, soltando e combinando vários blocos de programa no App Inventor Block Editor.
- Eventos de interação do usuário: Button.Click, ListView.AfterPicking, CheckBox.Changed, Slider.PositionChanged etc.
- Eventos de toque: Canvas.Touched, Canvas.Dragged, etc.
- Eventos de sensor: AccelerometerSensor.Shaking, OrientationSensor.OrientationChanged, LocationSensor.LocationChanged, etc.
- Eventos de temporizador: Clock.Timer.
- Eventos de comunicação: BluetoothClient.ReceiveText, Web.GotText, etc.
- Eventos de armazenamento e recuperação de dados: File.GotText, TinyDB.DataChanged, etc.
- Eventos de tela: Screen.Initialize, Screen.BackPressed, etc.
- Eventos de mídia: Player.Completed, Sound.Error, etc.
- Eventos específicos do componente: VideoPlayer.Completed, Camera.AfterPicture, etc.
Procedimentos
Os procedimentos são uma forma de agrupar blocos de programa em unidades reutilizáveis no MIT App Inventor. Embora os blocos de programa sejam análogos às instruções de programa em uma linguagem de programação, os procedimentos são semelhantes às funções em uma linguagem de programação.
Assim como as funções, os procedimentos no aplicativo MIT podem retornar um valor ou executar uma tarefa sem retornar nenhum valor. Os procedimentos que não retornam um valor são definidos usando os blocos 'procedure do'. Os procedimentos que retornam um valor são definidos usando os blocos 'to procedure return'.
Para usar um procedimento, você deve chamá-lo de outra parte do seu aplicativo. Para aqueles sem valor de retorno, você precisará usar o bloco 'call procedure do'. Para aqueles com valor de retorno, será necessário utilizar o bloco que representa o nome do procedimento, que retornará um valor calculado.
Projetando para a IoT
MIT App Inventor é uma excelente plataforma para desenvolvimento de aplicativos móveis para IoT, suportando diversos protocolos e dispositivos IoT, incluindo Bluetooth e WiFi. Os recursos de IoT podem ser expandidos adicionando extensões personalizadas ao App Inventor. Esta é a plataforma de desenvolvimento de aplicativos móveis baseada em blocos mais amigável para iniciantes para prototipagem rápida de aplicativos IoT sem aprender código.
O MIT App Inventor é especificamente popular entre educadores, estudantes e amadores interessados em criar seus próprios aplicativos sem conhecimento de linguagem de programação.
A plataforma é mantida pelo MIT e suportada por uma grande base de usuários. Ela também permite testes ao vivo de aplicativos móveis de IoT por meio de vários métodos. No entanto, para projetos de aplicativos corporativos, frameworks de software convencionais como React Native e Flutter são ideais.
Primeiros passos com o MIT App Inventor
Construir aplicativos móveis IoT no MIT App Inventor é simples. Depois de criar um novo projeto no App Inventor, você poderá projetar a interface do usuário do seu aplicativo na interface do Designer sem conhecimento de código.
Para construir a interface de usuário do seu aplicativo, arraste e solte os componentes desejados na tela do painel e configure suas propriedades. Você pode adicionar várias telas a um aplicativo móvel.
Depois de concluir isso, você pode definir como seu aplicativo deve se comportar adicionando blocos de programa na interface do Block Editor. Você também pode combinar vários blocos de programa em procedimentos para reutilização. Lembre-se de que esses blocos são semelhantes às instruções do programa e os procedimentos são semelhantes às funções das linguagens de programação.
