Home / News / #1 Criar Aplicativo Notícias c/ painel administrativo Kodular

#1 Criar Aplicativo Notícias c/ painel administrativo Kodular

[Vider id=40 ]o papel dele de hoje vou mostrar pra você como você pode criar um aplicativo de notícias um aplicativo de ofertas também promoções para sua cidade está a gente vai fazer o passo a passo como se fosse um curso tá e educativo notícias ou oferta está ok eu mostrar o passo a passo todas as aulas estarão no youtube desde o início até o final e todas serão gratuitas a única coisa é pra você não tem uma surpresa no meio do curso é que tem uma extensão tac você vai ter que comprar se você quiser criar esse aplicativo é não é o que vem da extensão eu também não ganho nada ao vender essa extensão ou a oferecer essa extensão pra você a extensão custará 8 e 50 mas é uma extensão bem legal que eu tive que comprar tudo ok então é essa extensão aqui é de lista né lista e este dá pra você botar ícones também eu vou falar mais um pouco mais sobre ela durante esse curso e é só pra avisar você nem se você quiser fazer talvez você tenha que comprar essa extensão que custa 8 e 50 e pode ser comprada com crédito da playstation store ou cartão de crédito alguma coisa assim tal que vem é o aplicativo vai ficar assim no final está é claro que aqui só tem ele mas imagens aqui que eu tinha pronto tá mas poderia ser notícias por exemplo algum acontecimento da cidade alguma coisa que vai acontecer na cidade aqui também poderiam ser promoções e aqui vai ter sempre então uma imagem isso aqui é tipo um feed né então vai ter uma imagem em baixo um título e também mais tarde você pode botar eles ícones aquilo lado de compartilhar alguma coisa assim então quando a gente clique em cima de uma das notícias por exemplo vou eu vou clicar em uma delas aqui e aí aparece assim vai ter né a imagem vai ter o título e aqui em baixo poderia ter um texto a gente poder botar um mega texto aqui tá um texto maior ok então vai assim vai ficar o nosso aplicativo e o interessante desse curso aqui é porque você vai criar taesa criar também um painel administrativo que é o que muita gente me pede é como criar um painel administrativo então eu já vou te ensinando aqui é um painel administrativo a gente vai começar por ele esse aqui vai ser o nosso painel administrativo sta vai ter uma senha aqui uma tela de login bem simples toque mas depois você vai entender porque eu fiz simples é só clicar aqui em acessar o site já vai ter um list viu aqui com imagem texto com as nossas notícias né por exemplo aquelas notícias que instalar um aplicativo que a gente colocou lá aí quando a gente clicar em cima de um desses aqui vai ter a opção de excluir o editar e aqui em nova postagem vai ter a opção da gente preencher os dados na postagem o título o texto a imagem e daí a gente pode salvar a postagem está ok então vamos lá vamos proposta passe antes eu só gostaria de mostrar para vocês se você não conhece o curso aplicativo de livre vai estar o link aí na na descrição da unidade se você já quer ganhar dinheiro ainda esta semana com aplicativos ok e agora vamos lá então vamos para o passo a passo como o tutorial a gente vai ter que fazer dois aplicativos com vai ser o administrador e outro vai ser o aplicativo é que vai aparecer as notícias então pra começar a gente vai criar um novo projeto aqui a gente vai começar pelo administrador do ouro e vou colocar aqui notícias não next e depois de aberto aqui a gente tem aí a nossa página inicial a gente vai só tirar essa barra em cima tá vai ficar um pouquinho mais limpo então a gente tira o título ea gente vai citar a nossa tela aqui ó alinhamento dela a gente bota center e esse é o top a gente bota center faz com que tudo caia no meio é pra começar a gente vai fazer com que essa tela que seja só uma tela de login simples eu não vou fazer uma tela de login toda bonitinha porque eu já tenho um vídeo quatro vídeos na verdade ensinando a fazer uma tela de login a gente vai fazer uma bem simples mesmo só pessoa logar no aplicativo é que na verdade vai ser você nem o administrador do aplicativo lugar então a gente vem aqui e vai pegar um teste box é uma caixinha de texto em baixo você pode vim aqui em cima no interface do usuário aí aqui embaixo tem uma caixa de texto e arrastar aqui pro meio certo nessa caixa de texto aqui a gente pode botar a largura dela né você vem aqui clica no componente a ea largura dela você pode colocar aqui por exemplo 80% a gente podem que 80 e dar um ok então ela vai ocupar 80 por cento de largura da tela o hit é aquilo que aparece no fundo quando a gente está com um dispositivo ligado ele vai aparecer aqui atrás a onu que o que a pessoa tem que colocar aqui tá então a gente vai colocar aqui por exemplo 20 a gente coloca a senha para acessar 7r ensino text box a gente vai renomear ele para a senha também pra gente saber lá nos boxes ok então a gente muda aqui aqui também a gente pode mudar o tamanho do texto que a pessoa vai digitar aqui a gente muda por exemplo para 17 e aqui ainda no teste box a gente pode mudar aqui ó pá como vai ser uma senha aqui tem o tipo que a gente vai colocar takita como normal aí vai abrir um teclado normal aqui mas a gente pode colocar aqui pra senha passou então a gente fica aqui e peço aí vai aparecer aqueles asterisco é quando a gente for digitando aquino assim a gente pode botar aqui uma lei boa ou seja uma legenda explica que em cima ea gente coloca um espacinho primeiro aqui em layout botão espaço aqui em cima se coloca à altura do espaço e se o leite à altura e esse aqui é o orgulho da gente muda que a altura muito aqui por uns 2% a gente coloca uma leiga o click interface do usuário e vem aqui pra lei porque é um texto é o ataque digite só assim o coloque sua senha se você quiser pode deixar só a caixa de texto se quisesse também né o tamanho para 17 fica o padrão dá pra mudar a fonte também que mudar a negrito é uma uma área de login simples e aqui a pessoa digita a 100 então a gente coloca aqui agora é um botão botão em baixa explica aquino interface do usuário e um batom certo o botão para ela acessar botão a gente bota aqui acessar e aqui a gente bota também certo no texto do nosso botão que é o texto que aparece aqui a gente pode mudar largura aqui para 80% também a gente pode mudar a cor do nosso cotão aqui pra ver se por exemplo você pode botar a cor que você quiser agora eu quero que esse botão ele fique aqui em baixo e que essa caixinha que essas coisas fiquem no meio que eu vou fazer outra dois espaços aqui eu venho layout bota um espaço aqui em cima num espaço entre o botão ea taxa de texto e aí eu coloco à altura desses espaços pra filho perde ou seja ele vai ocupar todo o espaço disponível e aí eu divido o poder de baixo aqui colocando ele também como fio perde então ele vai ficar aqui no meio eo botão de acessar aqui embaixo certo então tá feita que a nossa primeira página né vai ter pra colocar sempre a ses a gente poderia colocar uma imagem qualquer coisa né cartaz mas como a gente vai fazer mais a parte lógica a gente vai deixar assim senão a gente vai ficar muito longo agora nos blocos a gente vai fazer o seguinte a gente vai vim aqui é então quando a pessoa clicar em acessar a esse é o botão enfim design botão acessar tal como acessar aqui em cima e já vê que nos blocos como acessar quando a pessoa clicar em acessar a gente vai verificar se a nossa senha da que a pessoa digitou é igual assim que a gente vai predeterminar certo pra esse a gente vai usar um bloco eff certo a gente explica que encontrou tá aí a gente arrasta esse bloco aqui ó esse louco aqui ele vai verificar se algo verdadeiro ou não se for ele vai executar o o que está aqui dentro de casa não for ele vai executar outra coisa ok então aqui a gente vai verificar de pega o bloco de lógica ó pá e verificar pega esse bloco de locke eu tá então a gente pega aqui na senha clicamos em senha a gente vai pegar o texto que a pessoa digitou lá então a gente tem esse bloco que ela sem a teste então a gente vê seu texto que a pessoa ditou é igual à nossa senha então a gente pode colocar um bloco de texto aqui ó com a nossa senha assim vai ser você define o ataque 12 34 fica mais fácil então se a nossa senha for igual a um desses quatro a cinco pessoas dita foi gorda em 264 ele vai fazer o que a gente colocar aqui dentro né então ele vai fazer aqui e caso contrário vai executar aqui então se for assim a gente quebra uma outra tela então eu vim aqui em adicionar uma tela vou colocar o nome aqui como menu e vou dar um ok tá ele vai adicionar uma nova tela e depois que a gente adicionar eu voltar lá pra minha tela screen um pouco a minha tela inicial na luta para os blocos e aí eu vou pegar esse bloco aquilo em controle vou rolar até aqui embaixo eu vou botar é essa aqui ó abrir uma nova escrita certa e esse é o jeito mais fácil de fazer tá aí uma nova schin a nova tela e aqui eu coloco o nome dessa tela pega o bloco de texto e coloco aqui o menino certo que é o nome da tela que a gente adicionou que botar o nome igual é o que você digitou se você botar maiúsculas em conta a mãe as coisas aqui também votou minúsculas gotas minutos e caso contrário então assim até errado né porque essa pessoa tão acirrado então a gente vem aqui design e vai adicionar no the fire interface do usuário vem aqui embaixo e arrasto noite fire aqui pra dentro é um modificador aqui nas nas configurações muda nada e aqui nos blocos a gente vem noite fire ea gente vai mostrar uma mensagem você pega esse bloco aqui ó mostrar alerta está show laerte a gente coloca aqui em noite se a gente vai colocar aqui o nosso alerta que vai ser senha incorreta certo então já está feita a nossa nossa minha tela de login aqui só vai digitar sem clicar em acessar a esse quando ela aplicar se assim for igual a nossa sem que a gente ditou vai abrir a tela menor no caso não for vai dar 100 correta então a gente já pode passar agora lá pra nossa tela menu menu e aí na tela menu que a gente vai fazer a gente vai ver aqui um designer de novo novamente aqui em cima né esse título aqui a gente vai mudar agora só a parte essa parte deve ser de esquerda a gente voltar pra center ele vai centralizar tudo que a gente colocar na nossa tela na nossa tela menu a gente vai fazer o seguinte a gente vai colocar aqui list viu tá pra gente saber nossas postagens que a gente colocou e vai colocar um botão para adicional na roupa uma nova postagem está mais para colocar tudo isso aqui aqui dentro a primeira coisa que a gente vai fazer é mudar aqui o nosso layout tá a gente vai colocar arranjar mento vertical aqui dentro vai colocar esse arrendamento vertical pra filho perde ocupar todo o espaço rock in rio perde vai ocupar todo o espaço da tela vai mudar a cor de fundo aqui pra nenhuma a gente vai colocar aqui como início eu ganhei três minutos mas quase que eu acho mais fácil é um padrão que eu uso para esses tipos de arrendamento a idéia é tá funcionando com até lá então aqui vai funcionar com uma tela tá quando eu voltar ele invisível aqui ó ele vai sumir quando voltar visível tudo que tiver tempo vai ficar visitá dentro de se arranjar momento a gente vai modificar aqui de novo tá pra alinhamento lado esquerdo a gente vai mudar pra sempre tá ok depois disso a gente vai colocar então neste viu com imagem e texto a gente acredita em cima interface do usuário e vamos adicionar aqui ó ele se viu imagem e texto a gente a raça aqui pra dentro ea gente vai mudar aqui a configuração deste nível só clicar em cima e vai votar para que ele ocupe todo o espaço que ele vai preencher todo o lixo se viu aqui aqui embaixo a gente vai colocar um botãozinho pra gente adicionar uma nova postagem a gente vem aqui interface do usuário bem aqui em button e arrasta que eu não posso votar aqui embaixo porque ele vai ficar fora do nosso da nossa parte no nosso alisando a nossa terra tem colocar aqui dentro entre polícia civil e horizontal certo prestígio aqui o botão tarde esse botão a gente vai nomear como adicionar a de colocar assim nada e é postagens certo vai adicionar postagem e aí é que você pode modificar o jeito que você quiser voltar à fonte para 17 e voltar aqui a largura pra por exemplo ou mostrar aqui 80 por cento que é o que a gente está usando vou mudar a cor dele aqui micro onde o vermelho por exemplo você pode mudar como quiserem o texto que a gente muda pra nova postagem já temos a nossa botão adicionar postagem já temos a nossa lista que vai ser a lista de postagens então agora a gente vai ficar aqui ó no vertical tá vendo que eu cliquei no vertical é preciso iniciar em cima um analista no vertical tá aí pra mim disse e então já sumiu tudo gente vai vir no layout vamos adicionar outro vertical rendimento e se aqui a gente a raça que pra dentro mas é a mesma coisa se tá ele pra philbert ok e aqui pra filho perde o que é certo depois de fazer isso aqui que a gente vai fazer a gente vai mudar a cor dele botar pra nenhuma e aqui a gente vai mudar então irá adicionar postagem maiúsculas de novo também sabe que é uma tela é esse aqui a gente vai mudar também aqui o alinhamento vez de ser lado esquerdo a gente manda pro meio tá a gente bota center e aqui a gente vai colocar os blocos de texto que a gente vai adicionar postais de coco e se a gente vai botar um título a gente vai colocar a postagem a gente vai adicionar uma foto 7 essas três coisas que a gente vai usar o título postagem e foto a primeira coisa então o título tá que colocar uma lei boa aqui só pra separar aqui em cima vai escrever aqui bem deixa os dados nos dados ou a postagem depois você ver como você preferir a gente bota pra 17 também é que botar um espacinho que mesmo assim aqui tá botar a altura dele aqui pode ser uma porcentagem com o papá altura uma porcentagem de 5% a gente vai começar aqui vamos na interface do usuário vim aqui em pegar um táxi box igual a gente fez antes arrastado para o meio e colocar esses xbox aqui pra uns 80% ok a gente vai mudar aqui a cor desse tex boxe aqui o fundo dele o background color que a cor de fundo que vai mudar para um cinza light clay tá e aqui o hit dele que é o que aparece no fundo a gente vai mudar também a gente vai colocar aqui título título da postagem então aqui a pessoa vai botar o título eu vou mudar aqui em cima ou tá te tudo box pra mim achar lá nos blocos depois tá tudo boxe é uma caixinha na caixa de texto só que a gente vai voltar mais um espaço aqui no meio para dividir a gente vem aqui em layout bota mais um espaço nesse espaço a gente pode votar também a altura é que 5% ok é igual e se disse aqui e agora a gente vai colocar outros xbox vem aqui embaixo a sythex box a gente coloca aqui a largura dele 80% de novo aqui a gente vai mudar a cor background-color dele é que a gente vai voltar pra lá e tirei também e aqui a gente vai mudar então pra é que vai ser o corpo nem corpo da da postagem não colocar muita texto texto do box e aqui eu vou mudar o nome da vez é o tipo vai ser normal e o tamanho a gente quer mudar também a gente pode botar um tamanho maior que a 16 esse aqui também anos que se de votar no 16 que é a fonte nova também da fonte é melhor acreditar e aqui a gente vai votar nele um pouquinho maior o tamanho dele a gente botou 80 de largura a gente pode cobrir uns 40% da tela usando esse e se ele vai ficar bem grande pra gente poder digitar um texto fica melhor aqui tá ok agora a gente vai adicionar uma imagem então a gente pega botar mais um espaço em layout nos colocam um espaço é a gente vai colocar à altura desse espaço aqui para 5% também aqui em baixo a gente vai colocar uma imagem a gente vai fazer isso a gente vem aqui em layout melhor interface do usuário vim aqui mês e arrastada para dentro essa imagem eu vou colocar aqui no tamanho é só pra gente visualizar ela mesmo aí sim por 100 cem por cem só para ficar um tamanho que dê pra gente visualizar e aqui a gente vai ter que colocar essa tela que não vai faltar espaço aqui pra gente colocar as coisas né então a gente volta aqui nem menu e bota ela pra cá a água é razoável que só achar que se clica nesse aqui e ela fica razoável a gente pode colocar mais coisas certas isso tá aqui na tela minutah voltamos agora aqui para adicionar postagem a gente tem a nossa imagem aqui você pode até baixar uma imagem e colocar aqui se você quiser por exemplo se você vê aqui ó no mês o google então voltei aqui no emaj png no google e sim a gente vai fazer o download então essa imagem aqui ó certo vou fazer o upload agora dela aqui só você clicar em 7 só fechar aqui você vem aqui em sets clique em upload e aí você vai encontrar a imagem e vai colocar em abrir aí tudo certo só aparece aqui deu tudo certo ea gente fecha aqui tá a gente cria em cima da imagem aqui muda o nosso picchu para o noi mês já vai aparecer aqui toda a gente coloca assim aparece tá aí a gente vai mudar aqui pra clicável tac essa imagem vai ser um botão ea gente vai adicionar também aqui ó layout melhor dizendo a gente vai adicionar um image picker o mpt e largar aqui dentro qualquer lugar que você botar e vai acertar ele aqui para invisível certo só está ali pra invisível que vai deixar de investir e depois a gente vai usar e e aqui a gente vai votar mais um botãozinho então aqui em baixo que é a salvar então a gente tem layout coloca mais um espaço à altura desse espaço de 5 por cento também ea gente vai colocar aqui um botão para salvar todo explica interface do usuário e arrasta o botão aqui dentro né tem que ser dentro de si horizontal aquilo que a gente coloca aqui o botão salvar você tá então salvar a gente ri no meio botão também coloca fonte dele para 17 você não me a ele aqui pra salvar postagem a gente vai mudar aqui a cor dele colocar aqui pra cá verde também a largura a gente coloque para 80% certo então essa é a parte de layout que a gente vai fazer que é a parte simples toque ea próxima aula então esse no dia 13 de agosto nem 2019 e vai ser lançada às cinco horas da tarde no total serão quatro aulas eu fiquei tão se já passou essas datas né depende do momento que você está assistindo vídeos já passou essas datas é só vocês aí o próximo vídeo aqui então se ainda não chegou o dia 13 é você vai ter que aguardar 13 8 às 17 horas já dá um leque no vídeo e já se inscreve no nosso canal caso você ainda não é escrito até a próxima

About Drinko

Check Also

Criar Aplicativo Agenda Salão de Beleza Barbearia – Bônus

[Vider id=41 ]opa beleza que eu desde e nesse vídeo vou falar sobre um golo …

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *