Descubra como usar a API GPT-4 Vision em uma aplicação Ionic neste tutorial prático. Passaremos pelo processo de configuração, desenvolvimento e testes tando em ambiente Web como em um Dispositivo Móvel (AVD) de um aplicativo que interage com a poderosa API de análise de imagens do OpenAI, explorando as funcionalidades através de perguntas e respostas sobre as imagens.
### Índice de capítulos:
00:00:00 - Introdução ao GPT-4 Vision e configuração do projeto Ionic
00:00:49 - Criação do projeto (aplicação) Ionic (e verificando a versão)
00:03:06 - Exploração do mecanismo de módulos Standalone do Angular
00:04:44 - Execução da aplicação com Ionic serve
00:05:52 - Estrutura de diretórios do projeto Ionic
00:07:12 - Estilização inicial da aplicação (ion-input, ion-buttons, img)
00:11:42 - Ajustes finais de estilo com SCSS
00:14:21 - Criação de variáveis para bind com TypeScript
00:15:54 - Inclusão da plataforma Android, Instalação e configuração da câmera do Capacitor (npx cap sync)
00:20:25 - Preparação para consumir a API do GPT-4 Vision
00:21:01 - Implementação do método para chamar a API de Vision
00:22:14 - Geração e uso de uma chave da API OpenAI (usando environment)
00:24:29 - Execução da chamada API dentro do código
00:27:10 - Teste de requisição e análise dos erros de CORS
00:27:58 - Ajuste do método de chamada API com o Capacitor HTTP
00:30:53 - Adição de um loading controller
00:32:26 - Testes finais no navegador da aplicação
00:34:09 - Execução e teste da aplicação em um emulador AVD Android
Nesse vídeo iremos aprender a criar um chatGPT personalizado usando Angular, o mesmo código servirá no Ionic, iremos aprender também a criar um contexto de memória de conversa para o GPT e iremos explorar algumas das novidades do novo GPT-4!
Nesse vídeo rápido e simples iremos aprender como criar um menu de compartilhamento (share) em uma aplicação Angular e também fazer um comparativo com o método navigator.share do HTML
Nesse vídeo nós iremos aprender, de maneira rápida e prática, a utilização da câmera e sabemos como obter as coordenadas e geolocalização do dispositivo.
Aqui nós iremos retornar às origens do Angular aprendendo e brincando um pouco com o saudoso AngularJs, ainda bastante utilizado em aplicações legadas, iremos criar uma listagem dinâmica de objetos.
