Pensamento Computacional - MIT APP Inventor - Parte 1

29.95k views3105 WordsCopy TextShare
UNIVESP
Disciplina: Engenharia de Computação Univesp - Universidade Virtual do Estado de São Paulo Profess...
Video Transcript:
>> [RONALDO] OLÁ, PESSOAL. TUDO BEM? EU SOU O PROFESSOR RONALDO.
A NOSSA AULA DE HOJE É SOBRE 'APP INVENTOR' OU 'APP INVENTOR'. MAS ANTES DE FALAR SOBRE O APP INVENTOR VOU FALAR UM POUQUINHO SOBRE O QUE SÃO 'APPS', O QUE SÃO APLICATIVOS. APLICATIVOS SÃO PROGRAMAS DESENVOLVIDOS PARA SEREM EXECUTADOS EM DISPOSITIVOS MÓVEIS.
O QUE SÃO DISPOSITIVOS MÓVEIS? CELULAR, SMARTPHONES, RELÓGIOS, TABLETS E VÁRIOS OUTROS DISPOSITIVOS QUE SÃO EXECUTADOS COM OS SISTEMAS OPERACIONAIS ANDROID OU O IOS TAMBÉM. EXISTE HOJE UMA GRANDE VARIEDADE DE APLICATIVOS E CADA APLICATIVO É DESENVOLVIDO EM UMA DETERMINADA LINGUAGEM DE PROGRAMAÇÃO ESPECÍFICA.
E ESSES APLICATIVOS FICAM DISPONÍVEIS EM PLATAFORMAS DE DISTRIBUIÇÃO NO CASO A APPLE TEM A 'APP STORE' E O GOOGLE TEM O 'GOOGLE PLAY STORE' ONDE VOCÊ PODE BAIXAR OS SEUS APLICATIVOS. NÓS TEMOS VÁRIOS APLICATIVOS. EXISTEM ALGUMAS VANTAGENS DE VOCÊ DESENVOLVER UM APLICATIVO QUE A GENTE CHAMA DE APLICATIVO NATIVO EM RELAÇÃO A VOCÊ UTILIZAR NO CASO UM NAVEGADOR NO SEU CELULAR PARA PODER BAIXAR INFORMAÇÕES.
ENTÃO, QUANDO VOCÊ DESENVOLVE UM APLICATIVO VOCÊ PODE UTILIZAR TODO O RECURSO DO SEU CELULAR, NO CASO DO SEU HARDWARE, SEU DISPOSITIVO MÓVEL (GPS, CÂMERA PARA PODER FAZER FOTOS, OS SENSORES, O BLUETOOTH PARA CONEXÃO) E ISSO NÃO ACONTECE QUANDO VOCÊ NÃO UTILIZA UMA APLICAÇÃO NATIVA. ALÉM DISSO QUANDO VOCÊ DESENVOLVE UMA APLICAÇÃO NATIVA VOCÊ PODE TER O SEU CELULAR ACESSANDO A APLICAÇÃO OFFLINE OU SEJA NÃO PRECISO DA INTERNET PARA PODER ACESSAR DETERMINADA APLICAÇÃO, ELA JÁ ESTÁ INSTALADA NO SEU APLICATIVO MUITAS VEZES ALÉM DE ESTAR INSTALADA ELA PODE ARMAZENAR OU RECUPERAR DADOS QUE FORAM ARMAZENADOS NO SEU PRÓPRIO DISPOSITIVO SEM A NECESSIDADE DE VOCÊ UTILIZAR A INTERNET. COM ISSO EU TENHO O QUE?
O MENOR CUSTO DE ACESSO QUE NO CASO TODO O MEU SOFTWARE JÁ ESTÁ INSTALADO LOCALMENTE EU SÓ VOU CARREGAR INFORMAÇÕES QUE ESTÃO REMOTAS, OU SEJA, INFORMAÇÕES REFERENTES, POR EXEMPLO, A UM BANCO DE DADOS. E INTERESSANTE TAMBÉM QUE QUANDO VOCÊ DESENVOLVE ALGUM APLICATIVO NATIVO VOCÊ TEM UM EVENTO INTERESSANTE QUE É O EVENTO DE NOTIFICAÇÃO. ATÉ COLOQUEI AQUI O PRINT DE UMA TELA DE UM SMARTPHONE ONDE EU TENHO, POR EXEMPLO, E-MAILS HÁ UMA NOTIFICAÇÃO QUE É A QUANTIDADE DE E-MAILS, NO CALENDÁRIO TENHO UMA NOTIFICAÇÃO INFORMANDO UM DETERMINADO EVENTO QUE EU TENHO NESSE DIA.
ENTÃO, É IMPORTANTE PORQUE EU CONSIGO FAZER O CONTATO UMA COMUNICAÇÃO DIRETA COM A PESSOA QUE ESTÁ USANDO O MEU APLICATIVO OU DETERMINADO APLICATIVO. ISSO NÃO ACONTECE TAMBÉM QUANDO O APLICATIVO NÃO É NATIVO. >> [RONALDO] MAS EXISTEM DESVANTAGENS EM TRABALHAR COM APLICATIVOS?
SIM. O PRIMEIRO DELES É O CUSTO E TEMPO PARA DESENVOLVIMENTO. NÃO É TÃO SIMPLES VOCÊ DESENVOLVER UM APLICATIVO CONSIDERANDO QUE ELE DEVE SER EXECUTADO EM MÚLTIPLAS PLATAFORMAS.
E ALÉM DISSO HOJE NÓS TEMOS AS ATUALIZAÇÕES DOS DISPOSITIVOS E ISSO ÀS VEZES TORNA UM POUCO COMPLICADO VOCÊ MANTER O SEU APLICATIVO. >> [RONALDO] BEM, EXISTEM – COMO EU JÁ DISSE – SITES QUE PODEM SER ACESSADOS PELO CELULAR POR MEIO DE BROWSERS E ESSES SITES MUITAS VEZES QUANDO VOCÊ ABRE O SITE PELO SEU CELULAR OS TEXTOS ESTÃO DESORGANIZADOS. EXISTE UM CONCEITO BASTANTE INTERESSANTE CHAMADO DESIGN RESPONSIVO.
EU TENHO UM GIF MOSTRANDO PARA VOCÊS QUE É O SEGUINTE NO MOMENTO EM QUE VOCÊ ACESSA UM SITE PELO CELULAR OU PELO PRÓPRIO COMPUTADOR OS ELEMENTOS QUE ESTÃO NESSE SITE SÃO AUTOMATICAMENTE REORGANIZADOS E REDIMENSIONADOS COM O TAMANHO DA SUA TELA, DE ACORDO COM A RESOLUÇÃO DA SUA TELA. ISSO É INTERESSANTE PRINCIPALMENTE PARA DISPOSITIVOS MÓVEIS. HOJE NÓS JÁ TEMOS VÁRIOS APLICATIVOS QUE SÃO DESENVOLVIDOS DE FORMA RESPONSIVA.
VOCÊ ABRE - APLICATIVOS, NA VERDADE SITES, ESTOU FALANDO DE SITES RESPONSIVOS – VOCÊ ABRE UM SITE ELE CONSEGUE SE ADEQUAR, MAS NÃO SÃO TODOS. ISSO TAMBÉM DEPENDENDO DO QUE VOCÊ VAI FAZER, DA FUNCIONABILIDADE DO SEU SITE. ISSO NÃO É TÃO INTERESSANTE, POR ISSO QUE OS APLICATIVOS SÃO MAIS INTERESSANTES, PORQUE VOCÊ TEM UMA INTERFACE MAIS ADEQUADA AO PROBLEMA.
>> [RONALDO] MAS O PESSOAL TEM TRABALHADO TAMBÉM COM DESENVOLVIMENTO DE WEB APP. O QUE SERIA ISSO? VOCÊ JÁ OTIMIZA A SUA PÁGINA, O SEU SITE DE ACORDO COM O DISPOSITIVO MÓVEL.
DE ACORDO COM A RESOLUÇÃO DE CADA DISPOSITIVO. ISSO É INTERESSANTE, TEM UM MENOR CUSTO DO DESENVOLVIMENTO PORQUE VOCÊ JÁ TEM A PÁGINA PRONTA, PORÉM NÓS TEMOS PROBLEMAS QUE SÃO. .
. EU NÃO CONSIGO UTILIZAR O RECURSO DO DISPOSITIVO. COMO EU JÁ DISSE QUANDO EU TENHO O MEU WEB NATIVO CONSIGO UTILIZAR TODOS OS RECURSOS.
O INTERESSANTE É QUE BASTA EU TER O MEU NAVEGADOR E EU POSSO UTILIZAR INDEPENDENTE DE PLATAFORMA. >> [RONALDO] BEM, VAMOS FALAR ESPECIFICAMENTE DO 'APP INVENTOR'. ELE É UM AMBIENTE DE PROGRAMAÇÃO VISUAL INTUITIVO QUE PERMITE QUE VOCÊ CRIE APLICATIVOS FUNCIONAIS PARA DISPOSITIVOS MÓVEIS.
ESSE APLICATIVO. . .
O APP INVENTOR FOI ORIGINALMENTE CRIADO PELA GOOGLE, ATUALMENTE É MANTIDO PELO MIT, POR ISSO É MIT APP INVENTOR. POR SER DA GOOGLE JÁ GARANTO QUE TODAS AS APLICAÇÕES QUE VÃO DESENVOLVER NO APP INVENTOR VÃO SER EXECUTADAS, GERADAS PARA PLATAFORMA ANDROID. ENTÃO NÃO VAMOS CONSEGUIR TRABALHAR COM APP INVENTOR PARA GERAR APLICATIVOS PARA IOS QUE É O SISTEMA OPERACIONAL PRÓPRIO PARA IPHONE.
>> [RONALDO] CLARO QUE O APP INVENTOR NÃO SUBSTITUI A LINGUAGEM DE PROGRAMAÇÃO, MAS POR SER UM AMBIENTE VIRTUAL INTUITIVO ELE FACILITA E MUITO O DESENVOLVIMENTO DE APLICATIVOS. >> [RONALDO] MAS POR QUE NÓS DEVEMOS APRENDER O APP INVENTOR? O APP INVENTOR A GENTE PODE UTILIZAR ELE PARA DESENVOLVIMENTO DE FERRAMENTAS DE ENSINO APRENDIZAGEM, OU SEJA, O PROFESSOR PODE UTILIZAR O APP INVENTOR EM SUA DISCIPLINA, NAS SUAS AULAS A QUALQUER MOMENTO.
POSSO FAZER COM QUE O ALUNO CONSTRUA SEUS APLICATIVOS DE ACORDO COM SUA NECESSIDADE. EU COMEÇO APRENDER A APRENDER, O ALUNO PODE DESENVOLVER ALGUMAS APLICAÇÕES RELACIONADAS A SUA AULA OU AO SEU DIA A DIA. NÓS TEMOS TAMBÉM COM QUE OS EDUCADORES POSSAM ESTAR CRIANDO SEUS PRÓPRIOS OBJETOS INSTRUCIONAIS.
POR QUE O PROFESSOR NÃO PODE CRIAR SUA PRÓPRIA AULA? EU JÁ CRIEI VÁRIOS OBJETOS PARA SEREM UTILIZADOS NA SUA AULA. NÃO SÓ ISSO POSSO TAMBÉM TER OS ENTUSIASTAS, EMPREENDEDORES, PESSOAS QUE TEM UMA IDEIA INTERESSANTE E RESOLVE CRIAR SEU APLICATIVO, PODE UTILIZAR O APP INVENTOR QUE JÁ É UMA FERRAMENTA MUITO FÁCIL, QUE VOCÊ CONSEGUE GERAR RESULTADOS MUITO RÁPIDOS SEM UM ÚNICO CUSTO.
ENTÃO VOCÊ JÁ PODE FAZER UM PROTÓTIPO. VOCÊ JÁ PODE TER UMA IDEIA INICIAL E COLOCAR ISSO NO "PAPEL", VAMOS DIZER ASSIM, QUANDO EU FALO PAPEL SERIA NO APLICATIVO JÁ TER RESULTADOS INTERESSANTES PARA AVALIAR. NÃO SÓ ISSO O APP INVENTOR NÃO ESTÁ - ÀS VEZES O PESSOAL ACHA QUE A GENTE SÓ USA O APP INVENTOR PARA JOGOS, NÃO - EU POSSO USAR NA ÁREA EDUCACIONAL, POSSO TRABALHAR COM COLETA DE DADOS.
ENTÃO PORQUE NÃO DESENVOLVER UM APLICATIVO DE COLETAS DE DADOS, UM QUESTIONÁRIO ESPECÍFICO NÉ? ESSES DIAS EU ESTAVA LÁ NO FISIOTERAPEUTA, ELE COMEÇA FAZER UMA SÉRIE DE PERGUNTAS, PODERIA TER UM APLICATIVO AO INVÉS DE COLOCAR AQUILO NO PAPEL QUE VOCÊ JÁ VAI ALIMENTANDO ISSO COM UM BANCO DE DADOS E DEPOIS VOCÊ PODE GERAR GRÁFICOS MUITO MAIS RÁPIDOS E EFICIENTES. LOCALIZAÇÃO HOJE NÓS JÁ TEMOS VÁRIOS APLICATIVOS DE LOCALIZAÇÃO ONDE ESTÁ DETERMINADO CARRO, ONDE ESTÁ DETERMINADA PESSOA, POR EXEMPLO, MEU FILHO NO SHOPPING, EU CONSIGO SABER SE ELE REALMENTE ESTÁ LÁ OU NÃO.
OS APLICATIVOS JÁ TÊM ALGUNS RECURSOS, MAS EU POSSO TER O MEU. EU POSSO TER UM APLICATIVO QUE MANTÉM O HISTÓRICO DE ONDE EU ESTOU ANDANDO, PARA ONDE ESTOU INDO, QUAL É O HOSPITAL MAIS PRÓXIMO, QUAL É O RESTAURANTE MAIS PRÓXIMO. POSSO DESENVOLVER APLICATIVOS PARA CONTROLAR ROBÔS - ANO PASSADO UM GRUPO DE ALUNOS DO PRIMEIRO ANO DO CURSO DE CIÊNCIAS DA COMPUTAÇÃO, EU PEGUEI UM CARRINHO DE CONTROLE REMOTO DO MEU FILHO, AQUELES CONTROLES REMOTOS ANTIGOS, NÓS COLOCAMOS UM HARDWARE, O ARDUÍNO, E FIZEMOS O APLICATIVO MOBILE PARA FAZER O CONTROLE REMOTO DO CARRINHO.
ENTÃO ESSE CARRINHO ERA CONTROLADO PELO CELULAR USANDO BLUETOOTH, É O TIPO DE COMUNICAÇÃO NO CASO COM O CARRINHO. E CLARO, NÓS PODEMOS FAZER VÁRIOS OUTROS APLICATIVOS PERSONALIZADOS, DEPOIS VOCÊS PODEM VERIFICAR AQUI, ISSO VAI DEPENDER MUITO DA CRIATIVIDADE. ENTÃO, NÓS TAMBÉM ESTAMOS AQUI JUSTAMENTE PARA ESTIMULAR A CRIATIVIDADE E O RACIOCÍNIO LÓGICO DE VOCÊS.
MAS COMO EU DESENVOLVO O APLICATIVO? TEM TODO UM CICLO DE VIDA NÉ? EU TENHO QUE TER UMA IDEIA, PRECISO CONSTRUIR, PRECISO IMPLEMENTAR ESSA MINHA IDEIA, PRECISO TESTAR ESSA MINHA IDEIA, EU POSSO TESTAR ISSO EM EMULADORES, VAMOS VERIFICAR QUE A GENTE ESTÁ USANDO AQUI NO CASO EMULADORES OU NO PRÓPRIO APLICATIVO, DEPOIS EU PRECISO COMPARTILHAR ESSE MEU APLICATIVO E AVALIAR.
COMPARTILHAMENTO É JUSTAMENTE COLOCAR NA APP STORE, NA GOOGLE PLAY STORE, ONDE DEPOIS ELE PODE SER BAIXADO PARA UM DETERMINADO DISPOSITIVO MÓVEL. BEM, COMO EU USO O APP INVENTOR? O APP INVENTOR É UMA FERRAMENTA ONLINE VOCÊ NÃO PRECISA BAIXAR, SEMELHANTE AO "SCRATCH" NA VERSÃO ONLINE.
EU TENHO AQUI OS DOIS LINKS. O LINK PARA A PÁGINA DO INVENTOR E UM LINK DIRETO PARA O SITE ONDE JÁ POSSO COMEÇAR A CONSTRUIR OS MEUS PROJETOS. LEMBRANDO QUE PARA EU ACESSAR O APP INVENTOR EU TENHO QUE TER UMA CONTA DO GOOGLE.
ENTÃO VOU LOGAR COM O E-MAIL DO GOOGLE, POSSO ESCOLHER O IDIOMA A TRABALHAR. E A PARTIR DO MOMENTO QUE VOCÊ ACESSA A PÁGINA VOCÊ VAI CAIR NESSA INTERFACE, NESSA TELA PRINCIPAL AQUI, MUITO PARECIDA COM O "SCRATCH" PORQUE EU TENHO AQUI UMA PROGRAMAÇÃO EM BLOCOS. O INTERESSANTE É QUE QUANDO VOCÊ ABRE O AMBIENTE, A GENTE CHAMA DE VISÃO DE DESIGN DO DESENVOLVEDOR, EU POSSO VERIFICAR UMA ÁREA DE VISUALIZAÇÃO ONDE ELE MOSTRA COMO SE FOSSE UM DISPOSITIVO MÓVEL.
EU POSSO ALTERAR O TAMANHO DA TELA DESSE DISPOSITIVO PARA ELE PODER SER UM TABLET OU DEPENDENDO DA RESOLUÇÃO, EU POSSO CONFIGURAR A RESOLUÇÃO. EU TENHO AQUI NESSA INTERFACE PRINCIPAL DO INVENTOR, ESSA ÁREA DE VISUALIZAÇÃO, AS PALETAS DE COMPONENTES, NÓS TEMOS VÁRIOS COMPONENTES E PARA CADA COMPONENTE VOU TER PROPRIEDADES ESPECÍFICAS, DEPOIS EU TENHO A OPÇÃO DE BLOCOS, A OPÇÃO DE BLOCOS É QUANDO EU VOU COLOCAR UM POUCO DE LÓGICA DE PROGRAMAÇÃO NA MINHA APLICAÇÃO. COMO EU DISSE EU TENHO VÁRIOS COMPONENTES.
COMPONENTES REFERENTES A INTERFACE DO USUÁRIO, NÃO VOU DETALHAR CADA UMA DELAS AQUI, MAS EU TENHO BOTÕES, CAIXA DE TEXTO E IMAGENS. VOCÊS PODEM VERIFICAR, ORGANIZAÇÃO, COMO OS DISPOSITIVOS MÓVEIS TEM RESOLUÇÕES, TAMANHOS DE TELA DIFERENTES A GENTE NÃO TRABALHA COM POSIÇÕES FIXAS DE LOCALIZAÇÃO 'X, Y' COORDENADAS. NÃO.
ENTÃO PARA PODER ORGANIZAR OS MEUS COMPONENTES DA TELA EU TRABALHO COM ORGANIZADORES. TEM ORGANIZADORES HORIZONTAIS, VERTICAIS E OUTROS. EU TENHO AQUI ORGANIZAR OS MEUS COMPONENTES NA TELA.
EM MÍDIAS POSSO TRABALHAR COM CÂMERAS, TRABALHAR COM SOM, GRAVADOR DE IMAGEM, BASTA EU IDENTIFICAR UM COMPONENTE DESSE ARRASTAR ESSE COMPONENTE E COMEÇAR TRABALHAR. MAPAS, VOU MOSTRAR UMA APLICAÇÃO QUE NÓS DESENVOLVEMOS USANDO O MAPS. ENTÃO POSSO COLOCAR O MAPA MARCAR, INSERIR UM MARCADOR EM DETERMINADO LOCAL DESSE MAPA.
SENSORES, JÁ ADIANTO QUE TODAS AÇÕES QUE SÃO REALIZADAS NO APLICATIVO SÃO BASEADOS EM UM DETERMINADO EVENTO E ESSE EVENTO PODE VIR DE UM SENSOR, NÓS TEMOS VÁRIOS TIPOS DE SENSORES, UM BEM ESPECÍFICO É O SENSOR DE LOCALIZAÇÃO. NÓS TEMOS SENSOR DE ACELERÔMETRO, DE CÓDIGO DE BARRA E OUTROS. E POR FIM, NO NOSSO CASO AQUI, NÓS TEMOS OUTRO COMPONENTE, NÓS TEMOS A PARTE DE ARMAZENAMENTO.
ESSE ARMAZENAMENTO EU POSSO ARMAZENAR DADOS LOCALMENTE NO MEU DISPOSITIVO MÓVEL OU POSSO ARMAZENAR TAMBÉM NAS NUVENS. AGORA NÓS VAMOS PENSAR O SEGUINTE: EU PREPARO A MINHA INTERFACE, MAS EU PRECISO COLOCAR LÓGICA DE PROGRAMAÇÃO. AS FUNCIONALIDADES DA MINHA APLICAÇÃO FICAM NO BOTÃO DE BLOCOS.
AQUI EU TENHO OS BLOCOS INTERNOS ONDE EU VOU ADICIONAR A PROGRAMAÇÃO, DEPOIS NÓS VAMOS EXPLICAR ISSO COM MAIS DETALHES. BEM, NÓS VAMOS FAZER NOSSA DINÂMICA AQUI, COLOCANDO A MÃO NA MASSA, OU SEJA, NÓS VAMOS PENSAR NUM PROBLEMA, UMA APLICAÇÃO E FAZER UM PASSO A PASSO PARA EXPLICAR MELHOR PARA VOCÊS OS COMPONENTES E COMO EU POSSO CRIAR ESSE APLICATIVO. ENTÃO EU PENSEI NO APLICATIVO CHAMADO CALCULADORA DE IMC.
COMO CALCULO O ÍNDICE DE MASSA CORPORAL? COMO É QUE EU INÍCIO? EU INICIO DEPOIS QUE EU JÁ ENTREI NO AMBIENTE SÓ VOU MOSTRAR PRA VOCÊS AQUI, JÁ ESTOU INCLUSIVE LOGADO.
ENTÃO ESTOU AQUI NO APP INVENTOR, JÁ ENTREI COM MINHA CONTA DO GMAIL. ESTOU NA MINHA TELA, ESSE AQUI É UM APLICATIVO QUE EU JÁ CRIEI, POSSO VIR AQUI EM 'PROJETOS', 'INICIAR NOVO PROJETO', DEFINO O NOME DO MEU PROJETO E COMEÇO ESSE PROJETO, QUE É AQUELA TELA. ENTÃO, A PARTIR DAQUI É O QUE NÓS VAMOS FALAR DA AULA DE HOJE DEPOIS NÓS VAMOS TER UMA OUTRA AULA PRÁTICA EXPLICANDO COM MAIS DETALHES.
ENTÃO FEITO ISSO, SÓ LEMBRANDO QUE NESSE APLICATIVO QUE SERIA A CALCULADORA DE IMC, COMO EU CALCULO O IMC? EU TENHO O PESO E A ALTURA, ENTÃO PEGO O PESO DIVIDO PELA ALTURA AO QUADRADO. ESSA É A FÓRMULA.
PARA EU SABER QUAL É A MINHA CLASSIFICAÇÃO SE EU ESTOU MUITO MAGRO, MUITO GORDO OU OBESO, EU TENHO ESSA CLASSIFICAÇÃO AQUI E NÓS TEMOS QUE COLOCAR ESSA LÓGICA NO NOSSO APLICATIVO. ESSE AQUI É UM ALGORITMO, DEPOIS SE VOCÊS PUDEREM ACOMPANHAR ESSE ALGORITMO QUE É ENTRAR COM ALTURA, COM PESO, FAZER O CÁLCULO E A CLASSIFICAÇÃO. ENTÃO NÓS JÁ COLOCAMOS UM NOME PARA O NOSSO APLICATIVO CHAMADO CALCULADORA.
E AGORA PRECISO ARRASTAR OS MEUS BOTÕES, NA VERDADE OS COMPONENTES PARA A MINHA TELA PRINCIPAL. LEMBRANDO QUE QUANDO EU CRIO UM PROJETO, TENHO UMA TELA PRINCIPAL CHAMADA SCREEN 1, ESSA É MINHA TELA PRINCIPAL, EU POSSO CRIAR OUTRAS TELAS, MAS A TELA PRINCIPAL É CHAMADA DE SCREEN 1. ENTÃO EU VOU ARRASTANDO OS COMPONENTES, SÓ PARA MOSTRAR, POSSO PEGAR UM BOTÃO AQUI E ARRASTO PARA CÁ.
EU POSSO PEGAR UMA CAIXA DE TEXTO E ARRASTO AQUI. É ISSO QUE TENHO QUE FAZER. É BASTANTE SIMPLES.
ENTÃO, NO CASO DA NOSSA INTERFACE DA NOSSA CALCULADORA EU VOU ARRASTAR ALGUNS COMPONENTES. NO NOSSO APLICATIVO ENTÃO, EU VOU INSERIR OS COMPONENTES PESO, ALTURA, BOTÃO PARA CLICAR EM CALCULAR O ÍNDICE DE MASSA CORPORAL, UMA LEGENDA QUE VAI ME INFORMAR O RESULTADO E UMA OUTRA LEGENDA QUE NÓS VAMOS COLOCAR A CLASSIFICAÇÃO. PARA CADA COMPONENTE EU TENHO PROPRIEDADES, NOSSO PRINCIPAL COMPONENTE AQUI SERIA A TELA SCREEN 1.
NO CASO ELA TEM QUAIS PROPRIEDADES? EU POSSO JÁ DEFINIR QUE TODOS OS MEUS OBJETOS, MEUS COMPONENTES VÃO SER CENTRALIZADOS. POSSO DIZER QUE O ALINHAMENTO.
POSSO TER UMA COR DE FUNDO PADRÃO. POSSO TER UM TÍTULO. POSSO DEFINIR SE ESSE TÍTULO VAI FICAR VISÍVEL OU NÃO.
POSSO DIZER SE ESSE MEU REDIMENSIONAMENTO É RESPONSIVO, SE A TELA PODE SER RESPONSIVA. E TAMBÉM SE VAI TER O 'SCROLL', SE VAI ROLAR, PORQUE ELA TEM VÁRIOS COMPONENTES QUE NÃO CABE AQUI NA TELA, NO CASO ELE TEM QUE ATIVAR O 'SCROLL'. E NO CASO PARA CADA COMPONENTE, NO CASO DE CAIXA TEXTO QUE SERIA O PESO E A ALTURA, EU POSSO DEFINIR TAMBÉM O TAMANHO DELE, EM QUE FORMATO EU VOU COLOCAR, A FONTE DO TEXTO - QUE VAI SER ALIMENTADO ALI NAQUELA CAIXA TEXTO - E TAMBÉM POSSO INFORMAR O TEXTO PADRÃO QUE FICA AQUI.
ALI EU SEI QUE VOU COLOCAR O PESO NO OUTRO A ALTURA, FAÇO ISSO TAMBÉM COM A ALTURA. JÁ O BOTÃO CALCULADORA, POSSO TER O TÍTULO DESSE BOTÃO, POSSO TER OUTRAS PROPRIEDADES TAMBÉM. [.
. . ] VOCÊS PODEM PESQUISAR MELHOR ESSAS PROPRIEDADES.
E AÍ PRECISO ADICIONAR A LÓGICA, NO CASO ESPECÍFICO DA NOSSA LÓGICA QUE ESTÁ NOS BLOCOS. EU TENHO MEUS BLOCOS INTERNOS. EU PRECISO FAZER O QUE?
A PARTIR DO RESULTADO EU PRECISO FAZER A MINHA CLASSIFICAÇÃO, PRECISO USAR VARIÁVEIS PARA QUE EU POSSA ARMAZENAR O RESULTADO DO VALOR DA FORMA. UMA VARIÁVEL NADA MAIS É DO QUE UM LOCAL DE MEMÓRIA ONDE ARMAZENO O VALOR. E EU POSSO INICIALIZAR VARIÁVEIS.
EU TENHO LÁ O BLOCO DE VARIÁVEIS QUE SÃO GLOBAIS E EU PRECISO DEFINIR O TIPO DE CADA VARIÁVEL, DEPENDENDO DO VALOR QUE EU ATRIBUO, POSSO PEGAR AQUI NO BLOCO MATEMÁTICA E ATRIBUIR UM VALOR QUE É UM NÚMERO OU POSSO ADICIONAR UM TEXTO QUE EU VOU TER UMA STREAMING. E PARA CADA VARIÁVEL POSSO AJUSTAR O SEU VALOR, ENTÃO POSSO AJUSTAR O VALOR DESSA MINHA VARIÁVEL COM DETERMINADO VALOR. ESSE VALOR VEIO DA ONDE?
EU TENHO COMPONENTE, O PESO E ALTURA, E PRECISO PEGAR POR MEIO DO COMPONENTE PESO, PEGO O VALOR QUE ESTÁ NO TEXTO E DIVIDO POR QUEM? ALTURA VEZES, ALTURA. ENTÃO, ESSES DOIS COMPONENTES AQUI TAMBÉM SÃO COMPONENTES QUE EU VOU ACIONAR PARA EFETUAR ESSE CÁLCULO.
O RESULTADO PRECISA SER ATUALIZADO. ONDE EU INFORMO O RESULTADO NA CLASSIFICAÇÃO? EU POSSO ALTERAR, TENHO LÁ O COMPONENTE MENSAGEM, POSSO AJUSTAR O VALOR A PARTIR DA MINHA CLASSIFICAÇÃO, DIZENDO QUAL A CLASSIFICAÇÃO DESSE INDIVÍDUO.
TODA AÇÃO DO APLICATIVO É REALIZADA POR MEIO DE UM EVENTO. A PARTIR DO EVENTO EU REALIZO UMA AÇÃO OU REALIZO UM OUTRO EVENTO. NO CASO, NO MOMENTO EM QUE EU CLICAR NO BOTÃO DE CALCULAR, EU VOU FAZER O QUE?
EFETUAR O CÁLCULO. ENTÃO INSIRO UMA AÇÃO. CADA COMPONENTE TEM UM DETERMINADO EVENTO.
ENTÃO INSIRO O EVENTO, NESSE EVENTO, NO CASO O BOTÃO, VOU COLOCAR O EVENTO QUANDO O BOTÃO FOR CLICADO, VOU CALCULAR O MEU RESULTADO. ESSA DAQUI ENTÃO FICA O RESULTADO DA LÓGICA DA NOSSA CALCULADORA. EU TENHO A VARIÁVEL GLOBAL, TENHO O EVENTO, CÁLCULO DO RESULTADO, DA FÓRMULA E NO FINAL EU TENHO QUE VERIFICAR DEPENDENDO DESSE RESULTADO QUAL É A MINHA CLASSIFICAÇÃO E AJUSTANDO ESSA MINHA CLASSIFICAÇÃO AO TEXTO QUE VAI SER VISUALIZADO.
[SILÊNCIO] >> [RONALDO] COMO É QUE EU FAÇO PARA TESTAR? EU POSSO TESTAR MEU APLICATIVO DE DUAS MANEIRAS: POSSO TESTAR COM EMULADOR, PRECISO INSTALAR ESSE EMULADOR, TENHO O LINK DO EMULADOR OU POSSO INSTALAR DIRETAMENTE NO MEU DISPOSITIVO. LEMBRANDO QUE ELE SÓ FUNCIONA PARA ANDROID.
NA HORA DE INSTALAR POSSO USAR POR WIFI OU USB. SÓ PARA MOSTRAR PRA VOCÊS EU TENHO AQUI NA MINHA MÁQUINA ESTÁ RODANDO JÁ O MEU EMULADOR E TAMBÉM EU JÁ TENHO EXECUTANDO NESSE CASO AQUI O EMULADOR ESTÁ INSTALADO E EU TENHO A EXECUÇÃO DESSE EMULADOR. [SILÊNCIO] >> [RONALDO] VOLTANDO AQUI, COMO QUE EU FAÇO PARA FAZER UM TESTE?
NO NOSSO CASO NÓS VAMOS USAR O EMULADOR. A PARTIR DO MOMENTO QUE MEU EMULADOR ESTÁ EM EXECUÇÃO, VENHO AQUI EM EMULADOR, ELE VAI CARREGAR NO CASO ESSE EMULADOR, NO PRIMEIRO MOMENTO QUE VOCÊ INSTALA O EMULADOR, ELE VAI PERGUNTAR ALGUMAS COISAS QUE VOCÊ PRECISA CONFIGURAR, AS VEZES A VERSÃO ESTÁ DESATUALIZADA, VOCÊ ATUALIZA E AÍ SIM VOCÊ JÁ PODE EXECUTAR NESSE CASO O PESO, A ALTURA E ELE VAI TE INFORMAR O RESULTADO E A CLASSIFICAÇÃO. NÓS PODEMOS TAMBÉM BAIXAR ELE NO DISPOSITIVO MÓVEL, NÓS NÃO VAMOS FAZER ISSO, MAS VOCÊ PODE FAZER UMA LEITURA PELO 'QR CODE' E ELE BAIXA O SEU APLICATIVO NO SEU DISPOSITIVO PARA PODER FAZER O TESTE.
DEPOIS NÓS VAMOS TER UMA AULA PRÁTICA SOBRE IMPLEMENTAÇÃO DESSE APLICATIVO ATÉ A PRÓXIMA AULA PESSOAL.
Copyright © 2024. Made with ♥ in London by YTScribe.com