Criação manual de aplicativos de IA: um guia para todo o processo, desde a análise de requisitos até a implantação e a ativação

Prefácio

Neste artigo, tentamos implementar um aplicativo no caminho mais curto e no modo mais leve, o que requer apenas três etapas grandes + 9 etapas pequenas, e o seguinte é um processo de ensino prático.

Descrição dos requisitos

Uma descrição sistemática da perspectiva de um gerente de produto pode ser encontrada no modelo a seguir:

1. Visão geral dos requisitosQual problema está sendo resolvido, qual função está sendo alcançada e uma introdução geral.
2. Descrição da interface interativaFunções e interações da caixa de entrada e da caixa de saída.
3. Fornecimento de ferramentas funcionaisA busca por modelos de IA funcionalmente realizáveis.

modelo relevante

Os seguintes modelos de IA estão disponíveis para gerar ilustrações de artigos e obter uso específico da API:
endereço do modelo

Exemplo de uma demonstração finalizada::Clique para ver

Etapas de realização de requisitos

1. descrição geral das necessidades

Desenvolva um aplicativo baseado no Gradio para implementar os seguintes recursos:

• Depois que o usuário inserir o conteúdo da postagem pública, clique no botão One Click Generate (Gerar com um clique).
• Geração automática de títulos e resumos.
• Gerar automaticamente prompts em inglês com base em resumos e gerar gráficos de artigos.

2 Módulos centrais de front-end

1. Caixa de entrada do usuárioLembre o usuário de inserir o conteúdo da publicação pública.
2. Caixa de saída do cabeçalho::
   • Gerar automaticamente 5 títulos (64 caracteres ou menos) que são adequados para números públicos.
   • Layout da esquerda para a direita, saída de streaming e apresentação separada do processo de pensamento e da saída final.
3. Caixa de saída de resumo::
   • Gerar automaticamente um resumo (120 palavras ou menos) adequado para números públicos.
   • Layout da esquerda para a direita, saída de streaming e apresentação separada do processo de pensamento e da saída final.
4. Artigo com imagem Caixa de saída do prompt::
   • O prompt é gerado automaticamente em inglês com base no resumo.
   • Layout esquerdo e direito com saída de streaming.
   • Editável e compatível com regeneração.
5. Caixa de saída para gráficos de artigos::
   • Gerar uma imagem com base no prompt em inglês gerado.
   • Gera 2 imagens de tamanho 1024x500.

Estilo visual: ciano tecnológico + roxo.

3. API do lado do servidor

Título, Resumo, API de saída do prompt

importar solicitações
importar json
from PIL import Image
from io import BytesIO
url = 'https://api-inference.modelscope.cn/v1/images/generations'
carga útil = {
'model': 'djyzcp123/gjerc', # ModelScope Model-Id, obrigatório
'prompt': 'A golden cat' # required
}
headers = {
'Authorisation': 'Bearer Replace with your Magic Hitch token', 'Authorisation': 'Bearer' # required }
'Content-Type': 'application/json'
}
response = requests.post(url, data=json.dumps(payload, ensure_ascii=False).encode('utf-8'), headers=headers)
response_data = response.json()
image = Image.open(BytesIO(requests.get(response_data['images'][0]['url']).content))
image.save('result_image.jpg')

Gerar código com IA e testar o polimento na nuvem Notebook

1. geração de código

• O código pode ser gerado automaticamente usando modelos grandes, como Cursor, DeepSeek-R1, QwenMax-QWQ, Claude 3.7, etc.
• O código é salvo como .py Documentação.

2) Execute o código no Notebook

• O notebook vem pré-instalado com o ambiente logo ao sair da caixa.
• Endereço do notebook
• estar em movimento .py Documentação:

!python /mnt/workspace/filename.py

3. teste e otimização

Aceitação de front-end

As interfaces de front-end geradas pelas quatro ferramentas são diferentes, mas todas elas atendem aos requisitos.

Cursor	DeepSeek-R1
QwenMax-QWQ	Claude3.7

Aceitação no lado do servidor

A funcionalidade está funcionando corretamente e o título, o resumo, o prompt e as imagens gerados estão de acordo com o esperado.

A implantação entra em operação

1. configuração básica do CreateSpace

• Novo espaço criativo
• Use os recursos de CPU gratuitos da plataforma, que são configurados por padrão.

2. Etapa principal: proteção da chave da API

• Modifique o código para armazenar a chave de API em uma variável de ambiente.

Pré-modificação:

Modificado:

importar os
MODEL_API_KEY = os.getenv('MODEL_API_KEY')

3. fazer upload de documentos e publicá-los on-line

• Depuração bem-sucedida no Notebook .py Renomeie o arquivo para app.py e carregado.

Depois de fazer isso, você receberá um link para compartilhar:

resumos

Todo mundo é um desenvolvedor de aplicativos, ative a mágica com IA e crie milhares de aplicativos!

O aplicativo é infinitamente expansível, por exemplo:

1. Adicione embelezamentos de artigos e cópias de microblogs.
2. Estilo de ilustração opcional.

Mais possibilidades estão esperando por você para serem exploradas! 🚀