como desenvolver aplicativos mobile com android studio modulo 1/2/3
💡 4 Respostas
Robinho Oliver
Módulo 2
Criando uma aplicação mobile e activity
Neste módulo, você estudará as principais ferramentas para criar, executar e testar o aplicativo. Além disso, conhecerá como é a interface de um aplicativo, quais são seus principais widgets ou componentes, assim como seus grupos e layouts. Veja a seguir!
Ferramentas de interface do Android Studio
Após a instalação, configuração do ambiente e do emulador do Android Studio, que vimos no primeiro módulo, você já pode criar seu primeiro aplicativo. No entanto, antes de iniciar, é importante tomar nota quanto às suas principais janelas. Desse modo, na imagem abaixo apresentamos a interface do Android Studio, confira:
Esse ambiente de desenvolvimento é separado para garantir a visualização da estrutura do projeto, das abas de codificação, do design e do teste do aplicativo. Veja na imagem abaixo e observe na lista cada parte dessa interface.
1 - Barra de ferramentas
2 - Barra de navegação
3 - Janela do editor
4 - Barra de janela de ferramentas
5 - Janelas de ferramentas
6 - Barra de status
Saiba mais
A interface do Android Studio pode ser organizada conforme as necessidades do desenvolvedor, mas é bom se familiarizar com as janelas para não haver equívocos ou trocas que podem afetar seu projeto. No artigo Conheça o Android Studio, você encontra informações valiosas a respeito da temática!
Depois de se familiarizar com a interface primária dessa plataforma, você aprenderá como criar seu primeiro projeto com tranquilidade!
Criando um projeto
Para criar um projeto, o primeiro passo é acessar a janela principal do Android Studio. Selecione “Create New Project”, conforme demonstra a imagem abaixo.
O Android Studio disponibiliza uma série de templates, os quais são janelas pré-configuradas para auxiliar o desenvolvedor no processo de criação de layouts, com diversos componentes definidos. Dessa forma, utilize um template vazio com as configurações básicas para o projeto.
Selecione "Empty Activity" e em seguida "Next".
A seguir, devem ser configurados os nomes de projeto e pacote, o local de salvamento, a linguagem utilizada e o SDK mínimo para o projeto. Em resumo, observe na imagem e lista abaixo para entender melhor cada configuração:
1 - Nome do projeto
2 - Nome do pacote
3 - Local de salvamento
4 - Linguagem
5 - SDK mínimo
Uma observação importante é que essas configurações podem ser alteradas no projeto, caso seja necessário.
Realizadas as configurações do projeto, selecione “Finish”. Na sequência, o Android Studio construirá o projeto, esse procedimento pode demorar um pouco. A dica é aguardar a construção total, para depois iniciar a programação.
Com o projeto pronto, este já pode ser executado, sem qualquer codificação.
Saiba mais
No artigo Criar um projeto para Android, há um compilado de informações interessantes para você se aprofundar na temática. Dessa maneira, será muito mais fácil criar o aplicativo. Não deixe de ler as dicas!
Até este ponto, você pôde entender como iniciar o projeto de criação de um aplicativo. Notou, também, que a plataforma disponibiliza templates que você poderá usar, dependendo do estilo e proposta do seu projeto.
Em seguida, viu como realizar as configurações mínimas para o seu projeto.
Portanto, como o projeto foi criado e o ambiente já está configurado, chegou a hora de testar a aplicação. Faremos isso juntos no próximo tópico!
Teste da aplicação
Após começar a criar o projeto do aplicativo, vamos para a etapa da testagem. O processo de teste da aplicação demanda saber em qual tipo de device será testado, que poderá ser em smartphone, um relógio, uma televisão ou a internet das coisas. No curso, utilizaremos o emulador criado no primeiro módulo. Selecione o destaque na imagem abaixo para ter mais informações.
Desta forma, ao acionar o emulador, você estará diante da seguinte tela:
Considerando o que viu na imagem anterior, perceba na janela apresentada que ela traz as mesmas características de um aplicativo rodando em seu próprio aparelho.
Assim, pensando nisso, é muito importante realizar os testes da aplicação no emulador para evitar qualquer problema de componentes na interface.
Saiba mais
Existem diversas formas de executar um aplicativo em um device. Para saber mais sobre isso e se aprofundar quanto às possibilidades que estão à sua disposição, indicamos a leitura do artigo Criar e executar o app. Certamente será uma leitura valiosa para agregar a seus estudos e garantir maiores conhecimentos!
Neste tópico, você conheceu o passo a passo de como testar o projeto do aplicativo, além de selecionar e aplicar o emulador voltado para essa finalidade.
Assim, com o emulador em execução e o teste de aplicação realizado, é necessário entender o conceito de interface. Veja mais sobre o assunto no tópico a seguir!
Interface gráfica ou do usuário e tipos de atividades
Anteriormente, você criou sua primeira aplicação utilizando as configurações-base do Android Studio, visto que elas auxiliam no processo de construção de aplicativos. Agora, você verá sobre as interfaces e os tipos de atividades que uma aplicação pode ter, como será organizada e a forma de aproveitarmos o que estará disponível para o projeto.
Podcast
Ouça o podcast que preparamos na sequência para entender o conceito de interface!
Confira aqui o que foi abordado no podcast.
Diante disso, quando você executou o primeiro aplicativo, foram criados, indiretamente, a atividade e todos os componentes que fazem parte dela. Observe na imagem abaixo:
Você deve estar se perguntando: isso significa que toda janela de celular é uma atividade?
Sim! E você pode, ainda, complementar mencionando que essa atividade pode ser composta por diversos componentes, os quais têm por objetivo auxiliar no processo de construção de uma aplicação.
Saiba mais
Existem diversas atividades que interagem no aplicativo. Pensando nisso, sugerimos a leitura do artigo O conceito de atividades, que traz informações mais detalhadas quanto ao assunto, possibilitando o aprofundamento do tema!
Neste tópico abordamos o conceito de interfaces e os tipos de atividades (activities), sendo que esta última representa uma janela no app que possui um papel específico e é composta por componentes.
Ainda no que diz respeito aos componentes de uma atividade, eles são divididos em dois grupos: View e ViewGroup. Conheça-os melhor a seguir.
Conceitos de View e ViewGroup
Uma View consiste naqueles componentes que você utilizou para montar a tela do aplicativo. Ela está ligada a uma activity que controla o seu comportamento. Para simplificar, as Views são os textos, os botões, a barra de progresso e tudo o que possa interagir ou não com o usuário do aplicativo:
TextView
Button
EditText
Spinner
Checkbox
Saiba mais
Existe uma grande quantidade de componentes que auxiliam na montagem da aplicação. Para conhecê-los e ter em mãos sempre que precisar, sugerimos que acesse o Material Design: Compenents!
Para organizar as Views na tela do aplicativo, o Android Studio dispõe de um gerenciador de layout, com o objetivo de arrumar e agrupar essas Views. A esse agrupamento, damos o nome de layout, que tem a possibilidade de organizar os componentes de modo que fiquem visualmente agradáveis aos usuários.
Observe com atenção o esquema a seguir, ele demonstra a relação dos componentes de uma View.
Você irá inserir no aplicativo alguns componentes, mas antes, criaremos um protótipo para exemplificar. Para elaborá-lo, utilizaremos diversos aplicativos on-line, começando pelo Quant-UX.
No exemplo, identifique os componentes que fazem parte do layout. Seguindo o gráfico de ViewGroup apresentado acima, eles estão sob um layout principal, o qual agrupa de forma organizada e facilita a visualização.
Agora, crie esses componentes no Android Studio. Na janela principal do programa, selecione "Create a New Project". Depois, selecione o template “Empty Activity”, como feito anteriormente.
Em seguida, crie o nome do projeto “AppLogin”, que definirá o pacote e sua localização. O restante deixe como default, pois, no momento, não há necessidade de alterações.
Basta, então, selecionar "Finish" e aguardar o processo de finalização da montagem do projeto. Como você já bem sabe, essa etapa demora um pouco, mas é preciso esperar a finalização para não haver problemas.
Acompanhe, no recurso, os próximos passos que devem ser seguidos.
Após carregado, o projeto ficará com as estruturas exibidas e estará pronto para inserirmos os componentes, conforme o protótipo criado anteriormente.
Os componentes podem ser inseridos diretamente no layout a partir do painel de componentes (palette
) ou pela codificação.
Observe na imagem para entender melhor, onde está o painel "Code", ele apresenta a codificação do layout selecionado.
Ainda é possível deixar o código e design “split” apresentados no mesmo instante. Isso facilitará a observação das alterações em tempo de execução.
Slide 1 of 4.
Até esse ponto, você aprendeu sobre os dois grupos de componentes de uma atividade, os Views e os Grupviews. Após isso, pôde criar um projeto a partir do tutorial apresentado e configurou o modo de visualização que será trabalhado. Não foi tão complicado, não é mesmo?
A seguir, você verá outro recurso muito relevante para o desenvolvimento de aplicações mobile, os Widgets.
Os widgets são componentes que permitem aos usuários interagirem com uma janela de aplicativo. Por haver inúmeras funções envolvidas nessa interação, logicamente existem diversos tipos de widgets em uma janela de aplicativo.
Esses widgets podem ser inseridos por meio da ferramenta “Palette”, como explicamos anteriormente, ou pelo código. Aqui, realizaremos pelo código. Aliás, alguns dos widgets mencionados já foram vistos, mas entraremos em mais detalhes para que possa fixar seus conhecimentos, combinado?
O TextView serve para mostrar um texto na janela de um aplicativo no sistema Android. Sua propriedade principal é a “text”. No slide a seguir, observe o código desenvolvido e em seguida como fica sua visualização após ser executado.
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Inserindo um texto na janela"
/>
O EditText, por sua vez, permite a inserção de dados em um campo pelo teclado do dispositivo. Sua propriedade principal é o “inputType”, que possibilita a definição quanto ao tipo de entrada e à configuração do teclado do dispositivo. Veja no próximo slide como fica o código e sua visualização quando o executamos!
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Entre com seu nome"
android:inputType="textPersonName"
/>
Ficou claro até aqui?
Vamos seguir em frente!
Analise o quadro na sequência, ele indica os tipos de entradas do EditText que podem ser utilizados. Confira!
Agora conheça os demais componentes que você pode utilizar em sua aplicação.
Já o CheckBox serve para inserir uma caixa de seleção com definição de estado de selecionado ou não. Ele apresenta as opções checked “true” ou “false”.
A seguir, observe as opções de checked “true” em código e como fica na visualização. Veja:
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Tenho mais de 18 anos."
android:checked="true"
/>
O recurso apresentado abaixo nos traz as opções de checked “false”. Veja como é aplicado no código e como ele fica na visualização após a execução. Observe atentamente as diferenças!
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Tenho mais de 18 anos."
android:checked="false"
/>
Ainda temos o RadioButton, que serve para inserir um grupo de botões em que você poderá selecionar apenas uma opção disponível. Para tanto, deve-se inserir o RadioButton em um widget chamado RadioGroup. A propriedade checked pode ser “true” ou “false”, assim como o widget anterior. Veja no slide!
android:layout_width="match_parent"
android:layout_height="wrap_content">
android:id="@+id/sexo masculino"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Masculino" />
android:id="@+id/sexo_feminino"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Feminino" />
O ImageView serve para apresentar uma imagem na janela do aplicativo. O código mostrará a figura na tela chamada “ic_launcher_foreground”, a qual deve estar dentro da pasta “res/drawable” em “Drawable Resources”. Veja como aplicá-lo no código e a visualização final.
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_launcher_foreground" />
O Button nos mostra um botão na janela do aplicativo, o qual, ao ser clicado, gera um evento. Observe o código e o resultado:
android:id="@+id/btnEntrar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Entrar" />
Já o ImageButton apresenta as mesmas funções do Button, porém, em vez de exibir o botão com um texto, exibirá uma imagem e permitirá que uma ação seja disparada quando o usuário clicar nessa figura.
android:id="@+id/btnEntrar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_launcher_foreground" />
Também precisamos citar o DataPicker, que insere um calendário permitindo a seleção de uma data qualquer. É possível recuperar as informações e os eventos do calendário para utilizar no aplicativo. Assim, ao fazer uso da propriedade “datepickermode”, é possível alterar o tipo de calendário. O código ficará assim:
android:id="@+id/dtpAgenda"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
Já o modelo de visualização pode ser observado na próxima imagem:
Por fim, o TimePicker insere um relógio na janela do aplicativo. Dessa forma, ao utilizar a propriedade “timepickermode”, pode-se alterar o tipo de relógio.
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
O modelo de visualização do TimePicker é o seguinte:
Neste tópico, você conheceu não só o conceito de widgets, como também pôde acompanhar o tutorial de como programá-los utilizando códigos específicos para cada tipo.
Continuando seus estudos, você verá agora quais são os principais tipos de layout, principalmente para aplicar em um sistema operacional como o Android.
Os principais tipos de layouts para a aplicação no Android
Após estudar sobre os widgets e suas formas de codificações, vamos progredir para o estudo dos layouts, esse recurso é fundamental para os aplicativos mobile.
Entenda o Conceito
Os layouts são utilizados no agrupamento dos componentes ou Views para auxiliar no processo de criação de uma janela de aplicativo. Dessa forma, é necessário conhecer os tipos de layouts existentes e entender como utilizá-los na criação de um aplicativo adequado para o projeto e que ofereça uma boa experiência para o usuário.
Em geral, existem alguns tipos de layouts principais para a criação dos aplicativos. O LinearLayout, por exemplo, é utilizado para alinhar os componentes na vertical ou horizontal, fazendo com que as Views fiquem uma embaixo da outra ou uma do lado da outra.
Acompanhe a disposição do código LinearLayout na vertical!
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="30dp"
android:orientation="vertical"
tools:context=".MainActivity">
android:layout_width="150dp"
android:layout_height="150dp"
android:layout_gravity="center_horizontal"
android:layout_marginTop="50dp"
android:src="#2d2d2d" />
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="200p"
android:hint="Entre com usuário"
android:inputType="textPersonName" />
android:layout _ width=”match _ parent”
android:layout _ height=”wrap _ content”
android:layout _ marginTop=”20dp”
android:hint=”Entre com sua senha”
android:inputType=”textPassword”/>
android:layout _ width=”match _ parent”
android:layout _ height=”wrap _ content”
android:layout _ marginTop=”20dp”
android:text=”Entrar”/>
android:layout _ width=”match _ parent”
android:layout _ height=”wrap _ content”
android:layout _ marginTop=”20dp”
android:text=”Sair”/>
Veja como fica o design do código aplicado, quando o executamos:
Outro tipo de layout é o RelativeLayout, utilizado para alinhar os componentes de forma relativa a outro componente, permitindo declarar que determinado componente fique à esquerda, direita, abaixo ou acima de outro.
Esse tipo de layout merece uma atenção especial, pois o posicionamento dos componentes utiliza como referência o componente que foi criado anteriormente. Desse modo, chama-se “componente pai” o criado primeiro e “componente filho” aquele que foi criado posteriormente.
Observe a disposição do código RelativeLayout.
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="30dp"
tools:context=".MainActivity">
android:id="@+id/imgLogo"
android:layout_width="150dp"
android:layout_height="150dp"
android:layout_centerHorizontal="true"
android:layout_marginTop="50dp"
android:src="#2d2d2d" />
android:id="@+id/edtUsuario"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/imgLogo"
android:layout_marginTop="20dp"
android:hint="Entre com usuário"
android:inputType="textPersonName" />
android:id="@+id/edtSenha"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/edtUsuario"
android:layout_marginTop="20dp"
android:hint="Entre com sua senha"
android:inputType="textPassword" />
android:id="@+id/btnEntrar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/edtSenha"
android:layout_marginTop="20dp"
android:text="Entrar" />
android:id="@+id/btnSair"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/btnEntrar"
android:layout_marginTop="20dp"
android:text="Sair" />
Para visualizar o design de RelativeLayout, temos o seguinte:
Já o TableLayout é utilizado para alinhar os componentes em forma de tabela. Como toda tabela, ele será definido por linhas e colunas. Veja a disposição do seu código na sequência.
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="30dp"
android:stretchColumns="2"
tools:context=".MainActivity">
android:id="@+id/imgLogo"
android:layout_width="150dp"
android:layout_height="150dp"
android:layout_marginTop="50dp"
android:src="#2d2d2d" />
android:id="@+id/edtUsuario"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:hint="Entre com usuário"
android:inputType="textPersonName" />
android:id="@+id/edtSenha"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:hint="Entre com sua senha"
android:inputType="textPassword" />
android:id="@+id/btnEntrar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:text="Entrar" />
android:layout_marginLeft="10dp"
android:id="@+id/btnSair"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_weight="1"
android:text="Sair" />
Vamos, então, analisar como fica o design de TableLayout? Confira!
Ainda temos o FrameLayout, normalmente aplicado para acomodar somente um componente na tela do dispositivo, bem como na criação de janelas com uma imagem ou barra de progresso.
Nesse caso, veja como fica sua disposição em apenas um código, acompanhe o recurso abaixo:
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="30dp"
tools: context=".MainActivity">
android:layout_gravity="center_horizontal bottom"
android:id="@+id/imgLogo"
android:layout_width="150dp"
android:layout_height="150dp"
android:layout_margin Top="50dp"
android:src="#2d2d2d" />
Na imagem, você pode observar a aplicação do código que gera o FrameLayout.
Agora você está visualizando o design como fica após executar o código utilizando o FrameLayout.
Por último, mas não menos importante, o ScrowView é utilizado quando a tela necessita de uma barra de rolagem ou scrollbar, pois os componentes não cabem em uma só janela da tela do dispositivo. Seu código ficará conforme mostrado a seguir:
xmlns: android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
android:layout_margin="30dp"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
android:layout_gravity="center_horizontal"
android:id="@+id/img Logo"
android:layout_width="150dp"
android:layout_height="150dp"
android:layout_marginTop="56dp"
android:src="#2d2d2d" />
android:id="@+id/edtUsuario"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android: hint="Entre com usuário"
android:inputType="textPersonName" />
android:id="@+id/edtsenha"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android: hint="Entre com sua senha"
android:inputType="textPassword" />
android:id="@+id/btnEntrar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:text="Entrar" />
android:id="@+id/btnSair"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:text="Sair" />
No caso do design de ScrollView, temos duas partes, conforme a figura abaixo:
O ScrollView ou a barra de rolagem aparece quando os componentes não cabem na tela, conforme apresentado anteriormente. Ele é muito útil para quando necessitamos de visualizações mais dinâmicas, com diversos posicionamentos de tela no device.
Saiba mais
Existem outros layouts no Android Studio, sendo que dominar esse conceito é de suma importância para criarmos layouts mais dinâmicos e com um design que melhore a experiência do usuário. Diante dessa relevância, sugerimos a leitura do artigo Como dominar os Android Layouts em 07 passos, escrito por Fillipe Cordeiro.
Desta forma, após retomar o conceito de layout, você pôde se aprofundar um pouco mais nesse recurso, analisando os seus vários tipos, como também qual é o melhor a depender do projeto demandado. Além disso, você também viu as linhas de código de cada tipo de layout, as quais futuramente, você poderá aplicar.
Assim, conhecendo esses modelos de layouts, também precisamos ter atenção a outro componente relacionado a eles que veremos a seguir.
Notificações
Como você viu, estudamos sobre os tipos de layout, bem como suas respectivas linhas de código. Agora, será apresentado um outro recurso importante: as notificações.
Entenda o Conceito
As notificações são mensagens que aparecem distantes da interface do usuário, como um ícone na barra do aplicativo. Para que o indivíduo possa ver a notificação, ele precisa abrir a barra de notificações, pois as informações são controladas pelo sistema.
Outro tipo de notificação é o de sistema/aplicativo, acionada a partir de uma ação do usuário no aplicativo. Essa notificação é muito utilizada, por exemplo, quando tentamos acessar o sistema. Veja como ela é aplicada na prática:
O toast é utilizado quando queremos passar uma informação para o usuário sem a interação direta sobre a tela. Isso porque ele aparece e tem um tempo determinado para se manter ativo, que pode até mesmo ser de alguns segundos.
Saiba mais
A notificação diz respeito a mensagens curtas que aparecem ao longo do processo de utilização do sistema do aplicativo ou provenientes de uso do aplicativo. Para obter maiores informações referentes à criação de uma notificação básica, não deixe de ler o artigo Criar uma Notificação Básica, que será de grande ajuda!
Parabéns, você chegou ao final do módulo 2.
Neste módulo, você compreendeu a maneira pela qual é possível criar, executar e testar um aplicativo a partir do Android Studio. Assim, primeiramente, você foi apresentado à interface primária dessa plataforma de desenvolvimento.
Em seguida, chegou a vez de compreender como iniciar o projeto de criação do aplicativo, sobretudo, a partir dos templates disponíveis pela plataforma. Viu sobre a etapa de como fazer o processo de testagem do projeto do aplicativo, isto é, analisar em qual device (smartphone, relógio, televisão etc.) o app será mais eficaz. Depois disso, passamos a tratar sobre as interfaces, os tipos de atividades de um aplicativo e como essas serão dispostas.
Você aprendeu sobre os dois grupos de componentes de uma atividade, os Views e os GroupViews. Depois disso, tendo como base o tutorial, você iniciou a criação de um protótipo de app a partir dos modelos de widgets, de layout e de notificações disponíveis na plataforma. Por último, experimentou o processo de testagem desse aplicativo.
No próximo, analisaremos as requisições que o app poderá fazer utilizando o protocolo HTTP e o carregamento de arquivos, aspectos essenciais para que você possa desempenhar de modo eficaz a sua atividade profissional de aplicação mobile.
Robinho Oliver
https://www.passeidireto.com/pergunta/111678890/como-desenvolver-aplicativos-mobile-com-android-studio-modulo-1-2-3
Robinho Oliver
modulo 1
Aplicativos mobile e plataformas de desenvolvimento
Neste primeiro módulo, você estudará sobre os conceitos de mercado mobile e as principais plataformas de desenvolvimento. Além disso, você conhecerá o Android Studio, um ambiente de criação do sistema operacional Android. Assim, você realizará a instalação e configuração do programa, bem como a criação dos emuladores para testar os aplicativos. Vamos lá!
Conceito e mercado de aplicações mobile
O universo de aplicações mobile (softwares desenvolvidos e desenhados para o contexto de smartphones, tablets, smartvs e similares) está em franca expansão. Só que, para dar os primeiros passos nesse universo, é importante você entender o conceito e o mercado de aplicações mobile.
Desta forma, para dar início aos seus estudos, que tal começar com um podcast? Nele, você poderá acompanhar com mais detalhes o conceito mobile e seu mercado!
Agora que você já tem uma base do que é o mercado mobile e como ele vem crescendo nos últimos tempos, veja na sequência as principais plataformas de desenvolvimento da área, sobretudo, as que envolvem o ambiente híbrido e o ambiente nativo, bem como a relação delas com as demandas exigidas pelos seus futuros clientes. Continue a leitura!
As principais plataformas de desenvolvimento mobile
Conforme você viu anteriormente, o mercado de aplicações mobile está crescendo vertiginosamente, necessitando a cada dia mais de novos profissionais para esse fim. Para isso, é relevante que conheça e domine as plataformas de desenvolvimento, principalmente, do ambiente híbrido e nativo, pois cada uma será mais adequada, dependendo do projeto solicitado pelos futuros clientes. Sabendo disso, vamos lá.
Os aplicativos são desenvolvidos com o uso de ambientes multiplataformas. Tais ambientes são divididos em híbrido e nativo. Aliás, você saberia explicar o que cada ambiente traz e o que os diferencia?
Para criação de aplicativos, seja qual for a ideia de projeto, é preciso considerar as necessidades dos clientes, bem como analisar se o que desejamos criar será útil para o usuário. Esse diferencial é extremamente importante no processo de desenvolvimento de qualquer tipo de aplicativo.
Saiba mais
Em relação às plataformas híbrida ou nativa, deve-se considerar o projeto que será realizado, a equipe para o seu desenvolvimento e o produto. Dessa forma, será fundamental ter uma reunião com a equipe de projetos e organizar todos os processos, analisando quais serão as ferramentas necessárias e o que se deseja obter como produto final para o mercado. Para saber mais sobre essas plataformas, sugerimos que assista ao vídeo Aplicativo híbrido ou nativo?, pois complementará seus estudos e o ajudará em seu dia a dia.
Neste tópico, você entendeu o conceito de plataformas de desenvolvimento mobile, as quais são divididas em ambiente híbrido e ambiente nativo, além de que, independente de qual for usar, deve-se conhecer o projeto do cliente, para que o processo de planejamento e execução do que foi solicitado seja mais eficiente.
Neste curso, vamos nos aprofundar no ambiente nativo. Dessa forma, utilizaremos a plataforma de desenvolvimento Android Studio, que disponibiliza ao desenvolvedor uma gama de ferramentas e processos incríveis para a criação de aplicativos para smartphones, tablets, relógios, TV e internet das coisas.
Sabendo disso, vamos ver mais detalhadamente sobre o Android Studio.
Android Studio
De acordo com o que você estudou até aqui, existem dois tipos de ambientes nas plataformas de desenvolvimento: o híbrido e o nativo. Vamos focar no segundo tipo, principalmente, na plataforma Android Studio. Isso porque além da sua versatilidade, o sistema operacional Android, no cenário mobile, é o mais utilizado no mundo. Portanto, muitos projetos e demandas são direcionados a ele. Em função disso, vamos começar pela sua definição.
Entenda o Conceito:O Android Studio é um sistema operacional livre para a criação de aplicativos móveis, o qual foi desenvolvido pelo Google e seus associados.
De fato, um bom aplicativo será aquele que apresenta uma boa interface, relacionada ao fluxo adequado de janelas e informações para o usuário. Na figura a seguir, podemos observar esses pontos no ambiente de desenvolvimento do Android Studio.
A criação de layouts no Android Studio demanda planejamento, prototipação e análise de fontes, cores, imagens, entre outras particularidades. Para isso, foram criadas especificações e métodos que auxiliam no posicionamento e nos estilos com diversas possibilidades.
Desta forma, você pôde conhecer as principais características do Android Studio, bem como ver um print do ambiente de desenvolvimento dele.
No entanto, para que você entenda melhor sobre a temática e estar mais preparado para os próximos assuntos, é necessário realizar a instalação e configuração do Android Studio. Veja a seguir!
Instalação e configuração do Android Studio
Após você conhecer mais as características do Android Studio, além de já ter uma ideia do ambiente de desenvolvimento dele, chegou a hora de iniciar a transição da teoria para prática. O primeiro estágio desse processo é aprender sobre a instalação e configuração do Android Studio.
Para começar a desenvolver os aplicativos no Android Studio, é necessário instalar o Software Development Kit (SDK), também conhecido no português como kit de desenvolvimento de software. O Android SDK traz um conjunto de ferramentas-base e emuladores para realizar a codificação e os testes da aplicação.
Para baixá-lo, acesse o Android SDK e, após realizar a leitura dos termos e as condições apresentadas, selecione o “aceite”. Na sequência, a versão mais recente do programa será disponibilizada, seguindo o sistema operacional. Caso o processador ou sistema seja diferente do Android, há outras versões e plataformas, as quais estão disponíveis no Android Studio Downloads.
A seguir, você pode conferir todos os requisitos mínimos para cada plataforma.
Após realizar o download do Android SDK no sistema operacional, inicie a instalação. O processo completo está disponível no item “Instalar o Android Studio”, basta seguir os passos oferecidos para o sistema operacional desejado.
Em relação ao suporte de aceleração para processadores Intel, verifique se o computador tem o suporte para virtualização. Nas atualizações de versões do SDK do Android Studio, os desenvolvedores são informados que devem ter o sistema sempre atualizado.
Saiba mais
No artigo Como posso habilitar a virtualização (VT) no meu PC?, há um passo a passo para que você consiga habilitar o suporte referente à virtualização em seu computador ou notebook, a fim de aplicar os exercícios práticos que vamos realizar ao longo de todo o curso. Caso ainda não saiba como fazer, vale a pena conferir!
Finalizada a etapa de configuração do SDK do Android Studio, é necessário configurar o emulador, que é a ferramenta indispensável para testar os aplicativos em tempo de execução. Ou seja, os testes serão realizados no ambiente que o usuário final utilizará. Para tanto, deve-se configurar o AVD Manager (Android Virtual Device) nesse ambiente, com atenção especial ao que depende exclusivamente de hardware.
Assista a mais um vídeo para entender o assunto e colocar as ideias em prática!
Vale ressaltar que, em "Actions", na última tela que apresentamos no vídeo, é possível apagar, alterar, copiar e criar outros emuladores, conforme as necessidades de teste que surgirão. Todavia, a execução de mais de um emulador dependerá exclusivamente da capacidade de hardware.
Saiba mais
Para obter mais informações referentes ao suporte de virtualização, você pode ler o artigo Configurar a aceleração de hardware para o Android Emulator, para conferir instruções mais avançadas a respeito do assunto. Vale a pena conferir!
Aliás, vale mencionar que o emulador poderá ser executado até antes de criar um projeto, selecionando em “executar”, conforme você pode observar a seguir.
O emulador demora um pouco para ser carregado, mas logo disponibilizará as configurações de um smartphone. Depois desse procedimento, já estará pronto para testar no aplicativo que estamos elaborando juntos no curso.
Parabéns, você chegou ao final do módulo 1.
Aqui você conheceu o conceito de aplicação mobile e viu sobre o contexto do mercado atual desse segmento, o qual está em grande expansão. Além disso, aprendeu um pouco sobre as plataformas de desenvolvimento (do ambiente híbrido e nativo) e a sua importância, principalmente, quando estiver produzindo para seus futuros clientes.
Em seguida, você foi apresentado ao Android Studio, plataforma de desenvolvimento do sistema operacional do Android, um dos mais populares e requisitados atualmente. Assim, você pôde entender as suas características e conhecer seu ambiente de desenvolvimento.
Você descobriu a maneira de instalá-lo e configurá-lo, lembrando que o primeiro estágio desse processo consistiu em fazer o download e instalar o Software Development Kit (ou kit de desenvolvimento de software em português).
Por fim, somado a isso, você observou o tutorial de como configurar o emulador, o recurso de testagem do app, enquanto você o desenvolve ou quando estiver finalizado.
No próximo módulo você terá uma proposta voltada para a prática, sobretudo, envolvendo a geração, a execução e a testagem de um aplicativo, fases essenciais para que você tenha capacidade de atuar no ramo da aplicação mobile. Vamos lá?!
Selecione o botão “Avançar” e confira!
link abaixo do modulo 2
https://lms.ev.org.br/mpls/WebCds/cds.aspx?action=launch&ERL=A93B87F3-FC06-4D66-858E-866F120D4BD9&SID=cgzvos23aar5cxiqzedy5iny&AL=True&ResumeMode=CP&DCM=ALL&TzOffSet=-3&ServerID=1&LID=00000000-0000-0000-0000-000000000000
link abaixo do modulo 1
https://lms.ev.org.br/mpls/WebCds/cds.aspx?action=launch&ERL=A93B87F3-FC06-4D66-858E-866F120D4BD9&SID=cgzvos23aar5cxiqzedy5iny&AL=True&ResumeMode=CP&DCM=ALL&TzOffSet=-3&ServerID=1&LID=00000000-0000-0000-0000-000000000000
link abaixo do modulo 3
https://lms.ev.org.br/mpls/WebCds/cds.aspx?action=launch&ERL=A93B87F3-FC06-4D66-858E-866F120D4BD9&SID=cgzvos23aar5cxiqzedy5iny&AL=True&ResumeMode=CP&DCM=ALL&TzOffSet=-3&ServerID=1&LID=00000000-0000-0000-0000-000000000000
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
✏️ Responder
Para escrever sua resposta aqui, entre ou crie uma conta
Outros materiais
Perguntas relacionadas
Materiais relacionados
4 pág.
3 pág.
6 pág.
Compartilhar