Pular para conteúdo

Criação de Site-Resumo com Gemini Canvas

Objetivo

Utilizar o Gemini, com o recurso Canvas, para criar um site de página única (one-page) que resume os pontos mais importantes de um documento normativo ou política institucional do TRE-BA, facilitando a comunicação interna com os servidores.

Contexto

Documentos como a Política de Segurança da Informação, o Código de Ética, a Política de Dados Pessoais ou normativas internas do TRE-BA são essenciais, mas sua linguagem técnica pode dificultar a compreensão geral. Criar um site visualmente agradável e com conteúdo resumido é uma forma eficaz de comunicar direitos e deveres dos servidores e administrados.

O que é o Canvas? No Gemini, o Canvas é um recurso que permite gerar aplicações mais complexas, como um site completo, de uma só vez. Ao invés de gerar apenas um bloco de código, ele estrutura todo o projeto. Para usá-lo, procure pelo botão "Canvas" ou "Gerar em Canvas" após enviar seu prompt.

Passo a Passo

  1. Acesse o Gemini.
  2. Anexe um documento normativo do TRE-BA (ex: Política de Dados Pessoais, Código de Ética ou outro normativo fornecido no material do curso).
  3. Copie e cole o prompt abaixo.
  4. Clique para enviar e, em seguida, escolha a opção "Gerar em Canvas".
  5. O Gemini irá gerar a estrutura de arquivos (HTML, CSS).
  6. Baixe o código e abra no seu bloco de notas.
  7. Salve como index.html e abra no navegador para ver o site.

Exemplo de Prompt para o Gemini Canvas

Objetivo: Criar um site informativo de página única (one-page), com HTML e CSS, para resumir os pontos principais do documento normativo que estou anexando, voltado para servidores do Tribunal Regional Eleitoral da Bahia (TRE-BA).

Requisitos do Site:
1.  **Estrutura da Página:**
    - Crie uma página única com seções navegáveis a partir de um menu no topo.
    - O site deve ser visualmente agradável e fácil de ler.
    - Inclua o nome e o brasão do TRE-BA no cabeçalho.

2.  **Conteúdo das Seções (baseado no PDF anexo):**
    - **Seção 1: Sobre esta Política**
        - Resuma os objetivos e a importância do documento normativo.
    - **Seção 2: A Quem se Aplica?**
        - Indique o âmbito de aplicação (servidores, colaboradores, etc.).
    - **Seção 3: Principais Diretrizes**
        - Destaque as regras e obrigações mais importantes de forma clara.
    - **Seção 4: Seus Direitos e Deveres**
        - Liste os principais direitos e deveres dos servidores conforme o documento.
    - **Seção 5: Contato e Canal de Denúncia**
        - Inclua informações de contato e o canal para relato de irregularidades.

3.  **Design e Estilo:**
    - Use um layout moderno com seções bem definidas.
    - Utilize ícones para ilustrar cada seção.
    - Cores sugeridas: azul institucional do TRE-BA, branco e cinza claro.
    - O site deve ser responsivo.

Instrução Final: Gere o código completo (HTML e CSS no mesmo arquivo) para este site de página única.

Resultado