SecurityAI
Segurança & Inteligência Artificial
Transforme suas ideias em Aplicativos com ChatGPT
Desenvolver um aplicativo Android nunca foi tão fácil e inovador! Utilizando o poder do ChatGPT para gerar conteúdo dinâmico e inteligente, hospedando tudo com facilidade na Web, e finalmente, convertendo sua aplicação web em um app nativo para Android ou iOS, você pode transformar qualquer ideia em realidade. Este processo não só economiza tempo e recursos, mas também garante que seu aplicativo esteja sempre atualizado e acessível. Neste artifo eu mostro passo a passo como combinar as ferramentas certas para você criar seu App de maneira prática e descomplicada.
01 - Passo
Acesse o site: chat.openai.com, digite o seu Prompt, exemplo:
Gere uma ferramenta que me permita inserir e remover tarefas do dia utilizando HTML5, Bootstrap 5.3 e JavaScript. A página deve ter um campo para inserir a tarefa e um botão de Inserir. Assim que a Tarefa for adicionada deve aparecer um botão de remover. Todos os dados serão armazenados em cookies, sem a necessidade de um banco de dados.
02 - Passo
Copie o script gerado e salve como index.html
03 - Passo
No meu caso quando abri o arquivo index.html não visualmente como o esperado, mas vamos a solução!
04 - Passo
Entre no site do Bootstrap e copie a linha do CSS mais recente: getbootstrap.com/docs/5.3/getting-started/introduction
Substitua a url Antiga:
https://stackpath.bootstrapcdn.com/bootstrap/5.3.0/css/bootstrap.min.css
Para a url Nova no arquivo index.html
https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css
05 - Passo
Atualize a página para ver o resultado! 👍
06 - Passo
Realize um teste adicionando qualquer Tarefa e clique em Add Task
07 - Passo
Customize o Layout como você quiser, basta pedir ao ChatGPT ou você mesmo pode fazer customizações pontuais.
Download
Realize o download do arquivo pronto!
Publicando o TaskManager na Web
01 - Passo
Acesse o site: tiiny.host, realize o seu cadastro e em seguida envie o arquivo TaskManager.zip para o site.
Escoha um nome para o seu site, exemplo: securityai-taskmanager.tiiny.site e clique em PUBLISH.
02 - Passo
O site será publicado 👍, agora basta acessá-lo para conferir o resultado: securityai-taskmanager.tiiny.site
Resultado
Gerando o App para Android
01 - Passo
Acesse o site: webintoapp.com e clique em GET STARTED
02 - Passo
Preencha todos os campos solicitados em seguida clique em Next >>
- URL: https://securityai-taskmanager.tiiny.site
- Give your App a name: Tarefas
- Company / Brand Name: SecurityAI
- Ícone: Envie um Ícone para o seu App, exemplo: www.flaticon.com/br/icones
03 - Passo
Clique em Make App
04 - Passo
Preencha os dados para realizar seu Registro no site.
05 - Passo
Clique em Make App novamente.
Aguarde...
06 - Passo
Clique sobre o ícone da Nuvem a frente no nome do seu App.
07 - Passo
Clique em Download All Files (ZIP)
Realize o download do arquivo pronto!
08 - Passo
Descompacte o arquivo e navegue ate a pasta androide copie o arquivo app-release.apk para a pasta Download do seu celular.
Pasta Download
Instalando o App no Android
01 - Passo
Localize o arquivo app-release.apk na pasta Download
02 - Passo
Clique em Instalar
Aguarde...
03 - Passo
App Instalado com sucesso!, em seguida clique em Abrir
Aguarde...
04 - Passo
App Aberto!
05 - Passo
Realize os seus testes.
06 - Passo
Agora basta deixar o App onde quiser! 👏👏👏
