Jetpack Compose: integrando a API da Open AI no App

Introdução a Open AI - Apresentação

Boas-vindas ao curso de Jetpack Compose e OpenAI! Sou Alex Felipe, instrutor na Alura.

Audiodescrição: Alex Felipe é um homem de pele negra, olhos castanhos-escuros e cabelos raspados. Usa uma camiseta cinza com as mangas pretas e está sentado em uma cadeira gamer preta. Ao fundo, uma parede lisa e uma cortina com iluminação degradê do roxo ao azul.

Neste curso, você aprenderá como pegar um aplicativo Android que já tem o código Jetpack Compose implementado, ViewModel e gerenciamento de estados e integrá-lo com a ferramenta da OpenAI, que utiliza o modelo ChatGPT por baixo dos panos.

Isso ajudará a realizar diversos tipos de tarefas durante o curso. Trabalharemos em um aplicativo de restaurante, no qual teremos um assistente que auxiliará as pessoas clientes no momento de realizar o pedido e assim, forneceremos os produtos disponíveis.

Para isso, precisaremos utilizar diversas técnicas e ferramentas, como a API da OpenAI. Essa API nos dará acesso a uma chave que nos permitirá realizar requisições.

Além disso, teremos em conjunto o Jetpack Compose e o ViewModel para gerenciar o estado e exibir todo esse conteúdo.

Ao longo do curso, teremos alguns detalhes adicionais, como a exibição de estados de carregamento e possíveis problemas, algo comum em qualquer aplicativo que faça esse tipo de implementação.

É muito importante aprender essa técnica, pois a Inteligência Artificial está cada vez mais presente nas soluções de software.

Portanto, saber utilizar essa ferramenta em um aplicativo Android existente pode ser uma grande oportunidade para você desenvolver novas soluções que serão inovadoras no mercado, trazendo novas funcionalidades e ferramentas que podem auxiliar cada vez mais a vida das pessoas clientes.

Se interessou pelo conteúdo? Te convidamos a assistir a primeira aula.

Até lá!

Introdução a Open AI - Apresentação do projeto

Durante o curso, trabalharemos com o aplicativo TechTaste. Você terá acesso a ele nas atividades e poderá executá-lo utilizando o Android Studio.

Conhecendo o aplicativo

Com o Android Studio, importamos o projeto. Para executá-lo, clicamos no botão "Run" localizado no topo direito da tela ou utilizando o atalho "Shift + F10".

Feito isso, abre um emulador, exibindo a página inicial do aplicativo. Nela, encontramos o banner inicial, um logotipo, além da seção "Escolha por categoria" onde podemos visualizar pratos principais, massas, sobremesas, entre outros.

Abaixo encontramos os pratos mais populares e opções vegetarianas, que estão dispostas em uma estrutura de seções. Estas são as informações iniciais.

Importante reforçar que nessa página inicial temos apenas informações estáticas. Nosso foco não será trabalhar nessa tela, ela serve justamente como uma tela introdutória para o início do aplicativo. Nesse curso, focaremos no botão conhecido como Floating Action Button, ou seja, Botão de Ação Flutuante.

Ao clicá-lo, abre uma nova tela. É nesse local que implementaremos funcionalidades. O objetivo é que essa tela seja um assistente para auxiliar as pessoas a escolherem um tipo de refeição.

No momento em que clicamos no botão para enviar uma mensagem, ocorrerá um processamento. Neste momento, no qual já temos um código inicial, é feita uma ação automaticamente, sem nenhum tipo de integração ou inteligência por baixo dos panos. São informações pré-configuradas.

Ao enviar uma mensagem vazia, por exemplo, tivemos como resposta um texto e uma seleção de pedidos com o valor de cada um e o valor total, indicando como seria o pedido se fosse feito dessa forma.

Se fizermos outras interações, como, por exemplo, solicitar uma salada e enviar, o aplicativo mostra uma nova resposta. Portanto, o app já tem todo esse esboço pré-configurado para que nosso foco seja na integração com a OpenAI.

Agora que você conhece o aplicativo, precisamos entender como isso foi feito em código. Assim, se você precisar se localizar melhor no projeto, terá maior facilidade.

Para isso, minimizamos o aplicativo, abriremos a estrutura do projeto. Para isso, acessamos as pastas "app > java > br.com.alura.techtaste". Nesse pacote, encontramos outros, como extensions para alguns códigos de extensão do BigDecimal. Porém, não é necessário focar nisso agora, pois ele foi feito apenas para simplificar como exibimos nossos números.

Temos o models para representar o que é uma mensagem e um pedido. Também temos a configuração navigation, sugerimos que você a análise caso queira entender como é feita a transição entre telas.

Abaixo, temos um arquivo de samples, ou seja, amostras para indicar quais são as amostras que estou utilizando para popular as informações no aplicativo.

Em ui é onde teremos todo o código que faz a parte do design na tela, que apresenta as informações na tela. Um dos pontos interessantes que você deve localizar são os componentes, os Composables que mostramos na tela.

Além disso, os screens, que seriam a representação de cada tela. Nesse caso, temos o Home Screen, que representa a tela inicial e Assistant Screen, que representará de fato o assistente, que seria basicamente o nosso chat.

Se quiser entender mais como o código funciona, recomendamos que você analise e entenda um pouco o fluxo e como foi feita toda a configuração para funcionar.

Caso você não saiba como algo funciona e tenha interesse em aprender, indicamos que você confira os pré-requisitos do curso, pois indicamos tudo que você precisa saber para acompanhar esse curso sem dificuldade.

Para concluir, conheceremos os códigos que ajustaremos na maioria das nossas interações com este projeto. O código que modificaremos será o AssistantScreen.ky, já que vamos alterar alguns pontos na nossa tela.

Também modificaremos o AssistantViewModel, que possui toda parte da lógica que modifica as informações na tela de assistente. É nesse código que faremos as integrações.

Agora que já conhecemos o projeto e o código, a seguir descobrimos o que aprenderemos ao longo do curso.

Até breve!

Introdução a Open AI - Adquirindo uma chave da Open AI

Agora que conhecemos o projeto, nosso próximo passo é ter acesso à API da OpenAI.

Acessando a API da OpenAI e gerando chaves de integração

Para isso, precisamos acessar a plataforma online da OpenAI.

Inicialmente é preciso realizar a autenticação. Se você ainda não tem uma conta na OpenAI, precisará criá-la. Feito isso, ao logar no sistema você terá acesso à página inicial.

Nela, encontramos várias ferramentas disponíveis. Porém, não se preocupe. Você não precisa saber a funcionalidade de cada uma delas. Nessa etapa, o importante é saber como obter a chave para a integração do seu aplicativo com essa ferramenta.

Na lateral superior direita dessa tela, encontramos o botão "Personal". Ao clicá-lo, abre um menu. Clicamos na opção "View API keys", ou seja, visualizar as chaves da API.

Em seguida, somos encaminhados para outra janela, no endereço platform.openai.com/account/api-keys. É nele que teremos acesso a um painel de administração para a gestão das chaves da API.

Então, nessa página, no centro da tela, encontramos o botão "Create new secret key". Ao clicar nele abre uma janela, na qual é solicitado para adicional, de forma opcional, o nome da chave. Isso pode ser útil para você saber exatamente qual é o uso da chave.

Você pode nomear como preferir. Em seguida, basta clicar no botão verde "Create secret key".

Feito isso, é preciso prestar muita atenção! Isso porque, se você não copiar a chave nesse momento, não terá acesso a essa informação novamente, após de clicar em Done.

Então, copie a chave e cole em algum lugar seguro, como um arquivo do bloco de notas, por exemplo. Somente após fazer isso que clicamos em "Done".

Após, é exibido uma lista das chaves disponíveis, com opções para remoção ou edição. Você pode realizar as modificações que desejar, desde que mantenha a chave que utilizará no projeto acessível neste painel administrativo.

Uma informação importante em relação ao uso da OpenAI é que se trata de uma ferramenta que consome recursos financeiros. Precisamos ter créditos na plataforma para utilizá-la.

Para verificar isso, no menu lateral esquerdo, você pode clicar em "Usage", que se refere ao uso da ferramenta. Nisso, somos encaminhados para uma página com um gráfico indicando o custo por requisição e o crédito disponível.

Outra informação relevante, considerando o momento em que esse curso foi gravado, é que no momento em que você cria sua conta na OpenAI pela primeira vez, a plataforma oferece alguns créditos para que você possa realizar testes.

Você pode estudar o conteúdo desse curso criando uma conta gratuita, sem necessidade de pagamento. Nesse processo, enquanto cria uma nova conta, você terá acesso a créditos que não precisa pagar.

No entanto, suponha que você não consegue criar uma nova conta, nesse caso será necessário adicionar créditos para fazer esse teste.

Essas são as informações necessárias neste momento. Novamente, não se esqueça de guardar a chave, pois usaremos no projeto.

No vídeo seguinte entenderemos quais são os passos iniciais para integrar esse código em Android (Android) com a OpenAI (OpenAI).

Até breve!

Sobre o curso Jetpack Compose: integrando a API da Open AI no App

O curso Jetpack Compose: integrando a API da Open AI no App possui 144 minutos de vídeos, em um total de 54 atividades. Gostou? Conheça nossos outros cursos de IA para Mobile em Inteligência Artificial, ou leia nossos artigos de Inteligência Artificial.

Matricule-se e comece a estudar com a gente hoje! Conheça outros tópicos abordados durante o curso:

• Introdução a Open AI
• Integrando a Open AI com o App Android
• Manipulando a resposta da Open AI
• Melhorando a experiência de uso
• Lidando com problemas de comunicação