MIT App Inventor: Aula 7 - Banco de Dados (TinyDB) + Listas. Parte 2/3 

Valeu Natally! Obrigado

Obrigado pelo feedback Leandro!

Valeu pelo feedback Leandro!

Obrigado!

Obrigado Israel

Valeu Marcos! Obrigado

Valeu Axwel, obrigado!

Obrigado Maurício! Se tiver alguma dúvida em qq vídeo, escreve aqui que eu respondo ASAP.

Ótima abordagem! É uma outra forma de implementar essa funcionalidade.

Marcos, não tenho uma Videoaula com esse conteúdo. Abs

João, vc terá que importar do banco para uma lista, conforme eu fiz nessas videoaulas de banco de dados. Sabendo o que cada posição da lista guarda (cada atributo fica em uma posição da lista geralmente), basta levar a posição desejada da lista para um registro na list view. Abs

Milena, obrigado pelo feedback das aulas. Em relação a suas perguntas, vamos la: Para vc criar 1 banco de dados físico específico para cenário, no seu caso as ruas, é só vc alterar no "namespace" nas propriedades do TinyDB. Desta forma, se vc adicionar 2 TinyDB na tela, basta dar um namespace diferente para cada um deles, e vc terá 2 bancos de dados independentes. Eu até comento isso em alguma vídeo aula do canal, mas não lembro exatamente qual...provavelmente uma direciona a banco de dados. Em relação à comunicação dos esp32, eu sugiro vc criar um servidor de aplicação na nuvem para triangular a comunicação dos dispositivos com o App. Dessa forma, os dispositivos mandarão os dados coletados paravo servidor, e o App vai fazer requisições HTTP para a API desse servidor para apresentar os dados. Usando isso, vc pode inclusive nem ter necessidade de criar os bancos de dados no App, deixando o banco para ser feito no servidor. Nos meus projetos de iniciação científica dos meus alunos de engenharia de computação, eu gosto de usar a plataforma ThingSpeak de nuvem. Ela eh gratuita, e bem intuitiva para mexer. Eh bem simples vc criar um canal de comunicação com algum dispositivo, e os dados coletados pelo dispositivo são encaminhados por esse canal para o servidor. Qq dúvida complementar, eh soh chamar aqui.

@ Muito obrigado professor, vou testar aqui !

Bom dia professor, como e crio uma notoficação push atraves dos dados enviados pelo thingespak? no caso seria somente se o valor estivesse entre 2 e 10, abaixo de 2 nao mandaria notifcação nem alerta.

Milena, vc precisa fazer essa configuração no próprio ThinkSpeak, dá uma olhada lá na documentação deles que eles explicam como configurar um push. Outra alternativa seria vc programar requisições periódicas no seu App (polling) e ficar observando os valores retornados, mas isso não eh tão eficiente quanto o push

@ blz professor, muito obrigado, vou tentar aqui!

Matheus, obrigado pelas palavras. Pelo que entendi no seu projeto, o ideal será que a busca fosse baseada em um um atributo chave dos registros no banco. Como o número da linha de ônibus eh fixo e não há duas linhas com o mesmo número, o número da linha poderia ser a chave de cada registro no banco. Assim, vc poderia fazer uma busca com uma caixa de texto, onde o usuário insere o número da linha e vc retorna as informações que quer apresentar sobre aquela linha. Esse esquema de botões só irá funcionar bem se a qtde de linhas for pequena, pq se não vc irá precisar de várias telas para representar todos os botões.

Se quiser usar mesmo os botões, vc pode associar um valor numérico ou de texto para cada botão, e passar esse valor para uma tela nova onde esse valor seria buscado no banco. Assim, vc faria a manipulação do banco em um único conjunto de blocos, nessa tela nova a ser aberta qdo QQ botão fosse clicado.

@ Entendi professor, muito obrigado pelo retorno! Vou seguir com um unico botão mesmo, sua sugestão de utilizar o numero da linha é muito boa e inclusive já me deu ideias novas. Muito obrigado mesmo!

@ Como as outras pessoas comentaram, fico no aguardo de um curso do senhor. Compraria sem pensar duas vezes!!!!

@@matheuscruzsilva1182 Beleza. QQ dúvida eh soh chamar aqui

Pelo que entendi, cada entidade do banco possui uma quantidade fixa de atributos. Como vc jah sabe a priori qtas informações de cada registro no banco vc vai mostrar, pode fazer isso em um conjunto de legendas em uma tela separada utilizando os componentes de "Organização de tela" para mostrar tudo de forma organizada. Assim, na hora de mostrar as informações vc abre uma tela nova e mostra tudo em legendas, no final dessa tela vc coloca um botão de voltar para a tela anterior para o usuário poder continuar navegando no App depois de visualizar as informações que desejava. Abs

@ obrigado professor Andre

Olá, pq vc não coloca essa explicação em uma outra tela, que seria aberta qdo alguém selecionadas um item na lista. Essa tela teria o texto da explicação que vc deseja, e um botão de voltar que levaria a tela onde a lista eh apresentada. Dependendo do tamanho da sua lista, vc poderia deixar uma área fixa de legenda na mesma tela da lista, e apresentar as informações nessa legenda. Seria uma opção que não precisaria abrir uma tela nova.

@ amanhã vou tentar fazer isso, obrigado pela resposta

Beleza! Depois conta aqui se deu certo

Kleber, obrigado pelo Feedback! Já me deram esse conselho tb, mas a missão do canal e multiplicar conhecimento e ser acessível para todos! Em breve teremos mais vídeos aqui.Abs

Eider, vc tem que inserir os arquivos que vc deseja na tela de design. Ali há uma opção para vc carregar mídias e arquivos. Uma vez inseridos os arquivos, defina uma legenda como espaço para visualização de imagens e arquivos, e eh soh usar um bloco de texto para descrever o nome do arquivo (completo, com a extensão .pdf ou .jpg por exemplo) que vc deseja mostrar naquele espaço.

@ , eu consegui carregar os arquivos em pdf, mas não consigo chamar eles para tela, sempre da inválido, eu uso um textbox, image ou label ? Tentei direcionar o click do botão pra texto manual.pdf, mas não funciona, dá inválido, ainda preciso de ajuda.

@@eiderjosesilva6840 Legenda e Imagem funcionam. Muda seu arquivo de PDF para imagem (jpg ou Gif) e tenta carrega-lo. Se der certo, sugiro que vc faça isso com os demais manuais tb.

@ , tentei renomear e não funciona, criei um textbox, um label, um imagem, todos eles direcionei pra CFW08.pdf, no textbox e label, só aparece o nome "CFW08", na imagem não mostra nada, renomeei o arquivo pra jpg e também não funcionou, converter todo arquivo pdf em imagem fica complicado, os manuais tem entre 100 e 200 páginas, tinha que conseguir abrir o pdf mesmo, vi que tem aplicativos pra converter arquivos em pdf e conseguem abrir eles convertidos, mas não consegui entender como chamam o pdf pra tela, se puder me dar mais umas dicas ou montar um exemplo eu agradeço.

Édio, o que está acontecendo quando vc tenta localizar? Como vc sabe que está cadastrando ok? Se não está conseguindo localizar, o problema pode estar no processo de fazer cadastro ou no processo de fazer a consulta na base. Abs

Boa tarde Andre... Sei q o problema esta em localizar... Pq quando eu cadastro um cliente com mesmo cpf.. ai recebo a notificação de que o cpf ja esta cadastrado.. porem quando vou localizar esse cadastro... Ai recebo a notificação de cadastro em encontrado.

@@edio153624 saquei... Me manda um print das telas de design e blocos do App para eu dar uma olhada. Manda para andre.monteiro@cefet-rj.br

Boa noite André... Te mandei os prints la no e-mail andre.monteiro@cefet-rj.br

@@edio153624 beleza! Vou dar um check e te retornou

Obrigado pelo feedback. Neste cenário que vc falou, o título sim poderia ser a sua chave. Talvez a string formada por título + data fosse uma boa escolha, do jeito que vc sugeriu: Evento em Data

Obrigado pela presteza na resposta André. Titulo + data? Como éfeito? Por intermedio do text "Join"(Juntar)?

@@soloengeengenhariaprojetos8291 sim, esse bloco (Join) mesmo.

Mas com a chave sendo o produto, vc corre o risco de ter registros iguais (com mesma chave), certo? Isso pode te trazer várias inconsistências depois. Se vc quer essa funcionalidade de buscar um produto e retornar do banco todos que possuam aquele nome, vc poderia fazer o seguinte: use uma chave “geral” com o nome de um produto (sabonete, por exemplo) e monte uma estrutura de listas e sublistas onde em cada posição da 1a lista vc teria uma outra “chave” capaz de identificar um produto (ex: protex, dove, lux, etc...em cada posição onde tivesse um nome desse, além do nome vc teria uma sublista com outros dados do produto). Nas videoaulas de API há uma estrutura semelhante que resulta da conversão de dados em arquivo JSON para listas do App Inventor. Há outras opções, mas em todas vc teria que fazer um controle paralelo usando outros bancos de dados para guardar as informações de cada produto. É complexo, mas da pra fazer. Abs

@ Entendi, porque tipo, vejo aplicações onde quando se busca um produto, por exemplo, sabonete, ele mostra uma lisview mostrando todos sabonetes. A chave primária poderia ser sem problemas o código do produto, porém, quando fizesse essa filtragem e escolhesse, ele buscaria no banco pelo código do produto selecionado, entende?

Como te falei, da pra fazer isso que vc deseja usando o MIT App Inventor, mas vai dar um trabalho bem razoável. O problema eh que o App Inventor não dá suporte para bancos de dados mais complexos com uso de chaves estrangeiras, join de tabelas e outras funcionalidades. A capacidade do TinyDB eh bem limitado para essas operações, por isso vc terá que montar uma estrutura paralela de listas pra implementar o que vc quer. Abs

César, primeiro vc precisa resolver a conexão entre o sensor e o cel. Vc pode transmitir os dados do sensor via Bluetooth ou até mesmo Wi-Fi. Se vc já tiver essa conexão resolvida, para armazenar no banco é só montar uma lista com um a primeira posição sendo o timestamp da medição e a segunda posição sendo o valor medido.Como tão vc pode usar um valor sequencial, começando com 1 e para cada nova medida armazenada vc incrementa esse valor (o próximo seria 2, depois 3, etc). Assim esse sequencial vai indicar inclusive atas medidas vc fez. A tag poderia ser a própria data de medição tb, caso isso ajudasse vc a fazer alguma busca depois no banco por valores medidos em determinada data.

@ obrigado pela ajuda, já tenho a conexão. Espero que em breve faça uma aula sobre isso.

Cesar, está nos planos sim! Em breve farei uma sequência de videoaulas abordando os sensores do celular e conexão com sensores externos. Abs

Com o TinyDB não eh possível fazer isso. Eu vou subir uma aula sobre a Fusion tables na semana que vem, e vou abordar isso. Abs

Thiago, Vc teria que fazer essa associação de imagem e informações "na mão". O banco de dados do App Inventor não da suporte nativo para vc inserir uma imagem como um atributo de uma entidade. Assim, acho que a melhor forma seria criar um banco físico do TinyDB só com imagens e criar um vínculo lógico entre cada imagem e as demais informações do usuário. Uma alternativa seria utilizar várias auxiliares pra fazer esta associação. Abs

Dan, amanha sai a parte 2 do CRUD com TinyDB. Abs

estou ansioso poste logo pff

Vc esta gravando a foto (e as outras informações) no banco do App, que é compartilhado com a aplicação desktop, é isso? Pelo App vc consegue vizualizar as fotos salvas no banco? Se sim a foto está sendo salva corretamente e o problema é o compartilhamento/visualização da foto no desktop. Mas se nem pelo App vc conseguir visualizar a foto, o problema está no armazenamento desse item no banco.

@ sim, está gravando os outros dados e a foto no banco de dados ( a foto como blob). Porém quando executo a aplicação no desktop e vou na tela visualizar todos os outros dados aparece na tabela , já a foto não aparece ....aparece umas letras isso mostra que no banco tem alguma coisa ....mais a imagem não aparece. Quando eu fiz a programação eu coloquei assim : =Placa Veículo &=Foto Está correto assim ? No banco de dados eu coloquei assim: Placa veículo int (); Foto LongBlob;

@ eu não fiz a visualização das fotos no app pq como sou iniciante não sei como fazer essa visualização . Você poderia fazer uma vídeo aula ensinando ? Listar dados no app vindo do banco MySQL .

@@adrianozanette8665 por enquanto as videoaulas abordam somente as funcionalidades do App Inventor. O uso de outros BD como MySQL foge do escopo do canal, pq vai misturar muito os conteúdos. Aqui mesmo no RU-vid tem vários canais que abordam a construção de Apps via codificação, dá uma pesquisada nesses canais que vc vai achar a solução para a sua dúvida.

@ bom dia ! Poderia me dizer como eu faço para quando inicializar o app o teclado eu consiga digitar em letra maiúscula . Obg

Adley, nesse cenário vc teria que usar o TinyWebDB, pois a base de dados deve ser compartilhada para que todos que tenham o App possam acessar os pedidos. Se vc fizer com o TinyDB local, um usuário do smartphone só enxergaria os seus próprios pedidos.

Faby, vc pode usar qq componente para disparar o evento de mudar de tela (checkbox, lista de seleção, etc). Inclusive vc pode usar o temporizador para mudar de tela automaticamente apos um determinado tempo, sem necessidade de nenhuma ação do usuário.

@ irmão. Não sei o q é temporizador. Fazer no mit. Inclusive, qual é melhor tinydb ou tinydbweb?

Temporizador ou “timer” é um componente que fica ali na aba dos sensores. Da uma olhada lá que vc vai achar. Sobre o banco de dados, se vc for usar apenas localmente no App eu sugiro o TinyDB mesmo, mas se outras versões do app instaladas em outros celulares quiserem ter acesso a uma base de dados única, aí vc deve usar o TinyDB Web. Abs

valeu @ eu quero que outros celulares tenham acesso e pensava o local seria melhor. obrigada

é André Monteiro mas e para voltar, que em app, se nao tiver tudo arrumado, nao vai p lugar nenhum. vc tem um tutorial passo a passo de um app completo, nivel mais complexo, com muitas funcionalidades, como colocar informaçoes com links que possam ser acessados?

Olá! Tem como sim. Basta salvar a URL como uma string no TinyDB. Depois qdo vc for acessar o banco é só pegar a URL e disparar uma requisição HTTP que vc obterá a imagem como retorno. Nas videoaulas sobre API eu explico sobre requisições HTTP. A única diferença seria que ao invés de ter um retorno de um texto JSON vc vai ter o retorno de um arquivo (imagem).

Recebi um comentário seu por e-mail, mas não apareceu aqui. De qq forma, vc pode visualizar uma imagem pelo imponente Web Viewer, é só colocar a URL da imagem que ela sera carregada na área reservada ao web Viewer.

@ bom dia.. na verdade eu apaguei pq assim que mandei, voltei no projeto e consegui fazer ela aparecer.. O lance é que a extensão que estou jogando a url estava com tag dinâmica (pq eu precisava criar uma lista de imagens selecionadas).. mas passei pra tag fixa.. e apareceu, porém só aparece uma imagem...Dessa forma não resolveu, mas ao menos da pra eu entender onde esta o problema.. a url até que esta chegando direitinho.. de qualquer forma obrigado.. A extensão é a Custon ListView..

Roberto, associado a cada tag de data vc esta guardando outras informações (uma lista, por exemplo?). Se sim, qdo vc for no banco e pedir para "ObterValor" passando uma data (informação da tag) ele vai trazer toda a lista, ou todas as informações salvas associadas à tag, junto. Se vc quer um banco só de tags com data e informações associadas a essas tags de data, e um outro banco com outras tags que não sejam datas, sugiro vc usar dois bancos distintos no App. Para isso é só alterar o "NameSpace" (aba de propriedades do elemento TinyDB), colocando um valor de "NameSpace" para o banco de tags com data, e outro valor de "NameSpace" para o banco com tags diferentes de data. Espero que isso ajude! Abs

O App Inventor não importa base de dados externas em outros formatos (SWL, Oracle, etc). Vc teria que gravar um arquivo e desenvolver no AppInventor um esquema para ler esse arquivo e montar uma base de dados local com as databases da ferramentas (TinyDB, Firebase, etc). Montando uma API na sua base de dados original para passar informações via Json para o App pela internet tb seria um possibilidade, caso a sua base não seja muito grande.

Certo, a base é em xlsx, pesa 78kb, mas já tentei de tudo, não consigo fazer o esquema para ler deste arquivo e não queria ter que criar a parte de inclusão do app, pois ele seria exclusivo para consulta. Você não teria alguma vídeo aula explicando como puxar ou criar a partir de outras dbs?

Tiago, não tenho uma videoaula sobre isso. Se é XLS vc poderia usar como base de dados no App o fusion tables, que é uma tabela xls acessível via internet. Dai vc poderia carregar o fusion tables com o XLS que vc já tem. Aqui pelo RU-vid vc acha vídeos sobre o fusion tables, da um check.

@ eu vi que será descontinuada no fim deste ano a fusion tables, por isso minha preocupação em fazer com outra dB...

Não sabia disso. Se está em XLS o próprio Excel pode gerar um arquivo CSV. Com esse arquivo CSV vc conseguiria alimentar a base do APP. Não vejo nenhuma opção mais viável que essa...

Izaias, com certeza! Eu particularmente não gosto muito de usar arquivo, acho que o TinyDB cumpre muito bem a sua função de persistir os dados. Mas de qq forma, arquivos ainda é uma opção muito usada por aí. Abs

@ bom mestre, eu a muito leio sobre o mit app inventor mas o seu foi o melhor, bom é o seguinte eu sou novo no mundo de criptomoedas e tenho um projeto precisando de supervisão vc poderia me ajudar, dês de já obrigado fique em paz.

Izaias, ajudo sim. Se preferir me envia um e-mail com maiores detalhes do projeto: andremonteiro.pet@gmail.com

Desculpe a demora, por algum motivo só vi este comentario agora, ja conseguiu resolver? Caso não, vou dar uma olhada no teu projeto até semana que vem e te retorno. Abs

@ André. Tô fazendo outro. O invés de assinatura em um canvas, resolvi usar o firebase com usuário e senha do vigilante que está a controlar a entrada e saída.

@ agora só falta aprender a colocar os campos de um formulário no firebase e depois recuperar em uma screen de pesquisa. Por fim, resolvi também colocar uma agenda dos visitantes. O vigilante vai acessar essa screen e automaticamente aparece os visitantes do dia. Ah! Não estou conseguindo colocar a data e a hora junto com os dados salvos do formulário.

Boa! Em relação à data e hora, já tentou usar o componente “temporizador”? Se não me engano ele tem um bloco pra vc pegar data e hora corrente.

@ ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-fKMagTQkCPw.html olha aí André. Fiz esse vídeo para meu primo se inteirar. A parte principal ainda está sendo construída, talvez eu tente o airtable. A busca foi feita com o firebase tempo real. Neste caso cada entrada com nome igual sobrepõe o antigo, mas eh proposital, pois não eh necessário um histórico das autorizações de visitas. Afinal de contas quando está visita chegar, já vai ficar registrado no formulário principal. Este sim não sobrepõe nome.