Portfólio de Desenvolvimento Mobile - #portfolio #ads #faculdade #portfolio

Olá meu nome é Júnior esse é o canal M Maker e nesse vídeo a gente vai fazer o portfólio de desenvolvimento mbile já vou deixar aqui o meu agradecimento o Rafael Dias que é quem disponibilizou o material para que eu pudesse gravar o vídeo Então vamos lá esse portfólio pede pra gente criar um aplicativo no Android Studio então primeiro a gente tem que instalar o jtk instalar o Android Studio configurar para criar o aplicativo vamos lá vamos pro passo a passo e fazer esse portfólio juntos aí primeiro passo vou instalar o jdk Então é só

procurar aí pro jdk download que é bem fácil de instalar o jdk não tem erro e se você já tem instalado Não precisa ele é da Oracle Então essa primeira opção aqui Oracle Java download e aqui eu tenho algumas opções aqui ó para instalar o meu jdk eu vou vir aqui em Windows eu tenho que selecionar o meu sistema operacional como eu t usando Windows eu vou clicar aqui em Windows essas três versões eu vou instalar do Meio vou fazer o download da do meio aqui x64 installer posso clicar aqui ó e ele vai começar

a fazer o download eu já fiz esse download então eu vou parar ele aqui porque eu já fiz para adiantar e precisa também do Android Studio Então tem que instalar o Android Studio então só procurar aí Android Studio download vai ser essa primeira opção aqui também provavelmente para você também vai ser essa primeira opção Android Studio download vou dar um clique aqui e o Android Studio também não é muito difícil de instalar mas tem que ter uma determinada tensão aí fazer download do Android Studio aqui eu vou aceitar os termos posso vir aqui embaixo aceitar

os termos vou fazer o download o Android Studio é um pouquinho grande deve estar com 1 gig 1 GB 200 megas por aí ele é um pouco grande pode demorar um pouco esse download deixa eu ver o tamanho exato aqui é 1.2 GB Então pode demorar um pouquinho eu já fiz esse download então eu vou pausar vou deixar o link para esses dois softwares aqui na descrição desse vídeo vou fechar ISO aqui não quero continuar esse download posso parar aqui e posso fechar vou vir na minha pasta downloads aqui ela abri min outra tela vou

trazer para cá vou vir aqui na minha pasta de downloads aqui ó ele até baixou de novo o jdk primeira coisa que eu vou instalar é o jdk depois eu instalo o Android Studio Então vou dar dois click no meu jdk como eu já instalei ele deixa eu dar um sim aqui ele vai dizer que já tá instalado mas se você ainda não instalou é muito simples é next next Fin não tem erro não tem configuração não tem nada jdk não tem erro para instalar vamos aguardar um pouquinho ah lá ele diz que já tá

instalado eu vou clicar em no aqui não precisa instalar de novo jtk não tem erro Vamos pro Android Stúdio que é o que realmente importa aqui que é pouco mais complexo tem que baixar algumas coisas aí vou dar dois cliques nele e já vou fechar essa tela aqui pra gente ter uma tela limpa entender bem como funciona esse instalador Ele pode demorar um pouquinho tudo no Android Studio pode demorar um pouquinho de acordo com o seu hardware de de acordo com a sua máquina então aqui ó ele me trouxe deseja permitir o aplicativo faça alterações

dispositivos eu vou clicar em sim não sei se ficou gravado aqui para vocês mas é só clicar em Sim lá aqui eu vou em next essa opção aqui provavelmente vai est desmarcada ó no meu que tá marcado vou clicar aqui para marcar então para instalar o Android sur device next next de novo aqui eu deixo desse jeito não mudo nada aqui instal vai começar a instalar depois que ele terminar essa parte da instalação ainda tem uma parte de configuração Então vamos guardar essa parte da instalação essa Barrinha ficar verde ele vai chamar uma nova tela

e lá no Android Studio quando ele começar a abrir a gente tem que fazer alguns procedimentos lá pro vídeo não ficar muito grande eu vou cortar esse vídeo e vamos pra próxima tela tô sabendo vai essa parte da instalação já está completa vou só clicar em next aqui e finish e ele vai abrir agora uma segunda parte da instalação do meu Android Studio então aqui eu tenho essa segunda parte da instalação aqui eu vou clicar em don't sange e ele vai começar aqui as configurações Ó nessa parte eu vou clicar em next mesmo aqui eu

vou deixar como Standard next nesse ponto tem que fazer o download de um monte de coisa então vou só clicar em next aqui não tem o que fazer precisa fazer o download e aqui ó eu tenho tudo em vermelho aqui porque eu não aceitei aqui muita gente é aqui aqui eu tenho que aceitar para ele fazer o download aqui tô dando permissão para ele fazer o download se eu não aceito aqui ele não faz o download não vai funcionar não vai ter emulador Vai ter um monte de recurso aqui que o software precisa Então eu

vou aceitar aqui vou clicar em finish e ele vai começar a fazer os download eu posso clicar em show aqui acompanhar esses downloads por aqui isso Vai demorar um pouquinho porque são quase 2 GB de de de arquivos ali então é aguardar e a gente vai volta na próxima tela nesse ponto ele pediu mais uma permissão aqui então deseja permitir que esse aplicativo faça alterações no seu dispositivo eu vou clicar em Sim e ele vai passar por essa por essa etapa aceitei as permissões agora eu vou clicar em finish aqui talvez a tela tenha ficado

escura aí mas é porque quando ele pede essa permissão ele para de gravar Então é só aceitar clicar em sim aí e clicar em finish aqui e a gente tem agora a tela do nosso Android Studio eu não vou fazer esse update aqui e vou trocar de monitor vou começar a gravar a partir de outro monitor porque o Android Studio é um pouquinho grande tem muitas Abas e esse monitor que eu tô gravando é menor pra gente ter uma visão menor aqui do nosso instalador agora a gente vai lá pro monitor maior Tá bom a

gente vai criar esse projeto agora vou New Project e a opção que eu vou escolher aqui tem que ser views activity que é essa opção aqui cliquei nessa opção em e o nome da minha aplica aqui precisa ser Hamburgueria Z coloquei aqui Hamburgueria Z aqui eu vou deixar como Java mesmo a linguagem que eu vou usar é Java a pi que eu vou usar aqui é a 24 e na última opção aqui eu vou trocar de Golin para Groove D SL Então vou trocar aqui ó veio como Golin eu vou tirar de Golin e colocar

como Groove e vou em finish aqui e ele vai começar criar a minha aplicação isso demora mesmo vai depender muito do Hardware ele mostra uma barra de progresso aqui embaixo e eu tenho que aguardar essa barra de progresso desaparecer aqui que ele vai que isso indica que terminou a aplicação demora dependendo do Hardware pode demorar aí 5 10 minutos vai depender muito do Hardware aqui o meu não vai demorar tanto mas também De toda forma não é uma coisa assim tão rápida ele tá construindo a aplicação eu já tenho aqui algumas pastas que são da

minha aplicação já vou abrindo aqui as que eu vou usar beleza terminou a minha aplicação vamos entender como funciona a aplicação pra gente começar aqui no activ XML eu tenho a construção de telas do Android Studio então eu posso construir de duas formas eu posso construir arrastando o componente aqui e montando aqui na na tela Ou posso construir usando XML deixa eu trocar a minha webcam de lugar aqui para mostrar isso bem em cima Bem em cima aqui ó aqui ó nessa região aqui eu tenho as notificações e tenho três ícones então o primeiro o

ícone do meio aqui primeiro ícone vai mostrar essa tela o ícone do meio vai mostrar só as telas que foram criadas e o primeiro ícone aqui vai trazer o XML que é essa tela essa tela é construída em XML quando eu arrasto aqui quando eu arrasto aqui ele vai mudar também aqui porque eu tô construind na tela em XML com a ferramenta que o Android Studio me disponibiliza como eu sou muito bonzinho eu vou deixar esse código lá no github Então vamos lá no github pegar esse código aqui para entrar no meu github onde nesse

repositório é fácil demais só digitar M Maker aí Aliás você já está no canal né eu vou entrar pelo canal para ficar mais fácil entender tá aqui no canal ó só vi nesse link aqui ó acho que dá para ver aí nesse link aqui que tá bem na descrição do canal aqui eu tenho o github do canal vou clicar abrir o meu github vou vir aqui em repositories o meu tá mostrando aqui uma quantidade maior de repositórios Porque grande parte dos meus repositórios são privados vocês vão ver menos repositórios aqui mas esse aqui ó vai

tá lá desenvolvimento MB eu vou clicar em cima dele Esses são os arquivos vou vir em code e vou fazer o download desses arquivos em zip então vir aqui embaixo e vou fazer o download desses arquivos aqui ele já fez o downloads é poucos são poucos arquivos aqui posso fechar isso aqui beleza já fiz o download dos arquivos que eu preciso vou vir aqui na minha pasta de download e aqui eu tenho a minha pasta de desenvolvimento móbil que eu acabei de fazer o download lá deixa eu só deixar ess um pouco maior ícones médios

vamos ver ícones médios acho que aqui tá bom ícones grandes Vamos mudar aqui para ícones grandes ícones grandes Então essa é minha pasta aqui onde eu fiz aqui o download vou vir aqui botão direito extrair tudo vou deixar o nome da pasta como esse mesmo e Vou extrair tudo aqui e eu tenho aqui os meus arquivos Esses são os arquivos que eu vou usar Beleza vou pegar aqui primeiro esse activity aqui ó activity M esse arquivo aqui ó activity aqui é esse activity essa tela aqui então deixa eu voltar lá nele e abrir ele com

algum editor aqui poss abrir com visual Studio code mesmo ele abriu em outra tela deixa eu Minimizar aqui e trazer o visual Studio code aqui para vocês então aqui eu tenho o meu visual code onde abr os arquivos que foram descompactados L ab todos aqui já de uma vez aqui eu vou pegar o o activity Main XML vou dar um CRL a CRL C vou copiar esse arquivo vou Minimizar vou vir aqui ó perto das notificações eu tenho alguns ícones aqui no primeiro ícone é só procurar aí que vai me trazer o meu XML correspondente

a minha tela Então vou dar um control a aqui delete contrl V Colei o meu XML agora se eu dou aqui um control S ele tá me trazendo alguns erros aqui porque tá faltando arquivo que a gente tem que pegar lá ainda e volto aqui ó no ícone do meio eu já tenho a minha tela montada tá faltando a logo vamos colocar a logo aqui essa logo o caminho dela é aqui emble e aqui eu vou clicar com o botão direito do mouse em cima da pastinha e vou vir aqui ó tem uma opção aqui

de Open in abrir com Explorer e eu abri aquela pastinha Onde estão aqueles arquivos lá onde estão os arquivos do W aqui dois cliques a pastinha abriu eu tenho que colar a minha logo para essa pastinha Então vou pegar ela aqui no meu Android Studio ó no meu usual Studio code Essa é a minha logo então eu vou trazer isso aqui para cá ó Deixa eu só organizar isso aqui vou pegar minha logo daqui do meu visual Studio code onde eu tô com meus arquivos e vou colar aqui nessa pastinha do Android Studio posso Minimizar

aqui meu visual Studio code posso fechar isso aqui demora um pouquinho mas ela vai aparecer aqui eu vou fechar a pasta de novo vou abrir ela já apareceu aqui vou voltar pro meu XML e em seguida e pra minha tela eu já tenho a minha logo aqui é só uma questão de atualização ali de tempo Beleza já tenho a minha logo já ten a minha tela pronta a gente precisa agora de um outro arquivo Deixa eu voltar no visual stud code aqui pra gente pegar esse outro arquivo que é o arquivo temis XML Então vou

dar um control a nele aqui control c vou minimizar esse arquivo tá aqui em Vales ó temis Então dentro de vales eu tenho uma pasta temis esse primeiro tema aqui esse primeiro th aqui vou dar dois cliques nele ele me trouxe aqui o meu tema Então vou dar um cont control a nele também deltrol V beleza não ficou nada em vermelho então não tem nada errado tá certo aqui coloquei os meus temas já no lugar certo vamos voltar aqui no nosso nosso arquivo que a gente baixou lá do github e aqui a gente tem também

o myactive p jaava que é a lógica do nosso aplicativo eu vou dar um control a nele aqui CRL C vou Minimizar aqui o visual Studio code e esse my activa tá bem aqui ó quando eu crio a aplicação ele já vem direto na tela se você perder ele você consegue achar ele aqui no buscar dentro de exemplos Hamburgueria Z você tem esse my aqui beleza então vou dar um cont control nele aqui também deletar e colar a minha lógica aqui vou dar um cont control s e agora eu vou conferir se eu não tenho

nenhum erro eu não vou explicar esse código porque isso é Java e eu teria que passar toda uma base da linguagem Java aqui em seguida comear ess pfo a gente fazer esse passo a passo isso de demoraria vários vídeos então eu deixei o código pronto lá no github e ou um código relativamente grande ó ele ficou com 204 linhas né então um código bem grande e eu tenho aqui o meu código então eu trabalhei em três arquivos no activity m onde eu criei a tela que é no meu XML aqui colei meu XML aqui trabalhei

no meu temis eu adicionei os meus temas aqui e trabalhei no me myjava onde eui lógica dessa apli VTR S aqui cont S nos três arquivos para salvar e não correr o risco de ter um erro beleza agora eu vou vir aqui ó tem um izinho verdinho logo em cima aqui ó perto do nome da api e nesse icin verde eu vou clicar nele aqui ó e ele vai começar a fazer o build da minha aplicação do meu aplicativo vamos aguardar aqui ele já mostrou uma tela aqui que ainda não é a tela do nosso

aplicativo em si no nosso emulador em si ele vai instalar isso lá no emulador e vai trazer esse emulador pra gente ele indicou um erro aqui vamos aguardar Mas ele já indicou um erro aqui ó um erro no stos ali ó ficou um erro aqui ó B is muito intuitivo então eu errei alguma coisa nessa digitação aqui quando eu fui importar esse tema eu vou importar ele de novo dar um cont control s para salvar e limpar então aqui importando Stars bar tem bar Hamburgueria Z vou dar um cont control s para salvar aqui e

vamos rodar isso de novo vamos rodar essa aplicação de novo eu acho que agora ele vai buildar e vai instalar o aplicativo no meu emulador ele já budou já então ele vai instalar agora no meu emulador abri o emulador Como eu disse antes vai depender de computador para computador o tempo de resposta e já tá instalando o aplicativo instalou o aplicativo no meu emulador e eu tenho aqui já o meu aplicativo Vamos fazer um teste aqui vamos fazer um pedido vamos chamar aqui Júnior e simular um pedido aqui então eu vou querer dois Lanches vou

querer um lanche só que eu já tô gordinho com um acréscimo de bacon então deu 22 C em enviar pedido e ele me trouxe a minha tela aqui com o impressão desses dados a quantidade lanche e trou aqui o nome do cliente né a quantidade de lanche e o acréscimo O bichão mes he doid e agora que a gente tem que fazer aqui é exportar esse projeto em zip exportar em zip é muito fácil só vir aqui no cantinho tem o menu aqui do Android stud você clica nele Export aqui ó Export to Zip exportar

em zip e aqui você vai selecionar Para onde você vai exportar esse arquivo você pode exportar paraa mesma pasta onde ele está ou pode exportar para outra pasta eu vou exportar paraa pasta aqui vou escolher uma pasta aqui no meu sistema que não esteja com muita coisa vou exportar para a pasta documentos aqui ó clicar em documentos Ok ele vai exportar esse projeto lá pra minha pasta documentos se eu venho aqui nas minhas pastas aqui ó documentos eu tenho aqui o Hamburgueria Z que é o Projeto exportado em modo Zip e com isso missão cumprida

só tirar os prints do passo a passo montar o portfólio que não tem erro se você ainda não é inscrito no canal já se inscreva Ative o Sininho deixe seu like e bora pro próximo vídeo