Você já teve uma ótima ideia para um aplicativo, mas não tinha as ferramentas para criá-lo? Com a ajuda da IA, agora você pode dar vida às suas ideias de aplicativo em minutos usando apenas a linguagem natural. Neste artigo, usaremos GitHub Spark para criar, melhorar e compartilhar um aplicativo de pesquisa de palavras sem escrever uma única linha de código nós mesmos.
Observação
GitHub Spark está em visualização pública com proteção de dados e está sujeito a alterações.
Criar um protótipo do seu aplicativo
Vamos começar gerando uma versão inicial e básica do nosso aplicativo para desenvolvermos depois.
-
Navegue até https://github.com/spark.
-
Envie o seguinte prompt para gerar a primeira iteração do seu aplicativo:
Copilot prompt Please create a word search game. The game should take in a set of words from the user, then create a word search puzzle containing those words, as well as a word bank listing the words. Words in the puzzle can be horizontal, vertical, diagonal, forwards, and backwards, and are "found" when the user clicks and drags their mouse across them. Once all words are found, give the user the option to create a new puzzle.
Please create a word search game. The game should take in a set of words from the user, then create a word search puzzle containing those words, as well as a word bank listing the words. Words in the puzzle can be horizontal, vertical, diagonal, forwards, and backwards, and are "found" when the user clicks and drags their mouse across them. Once all words are found, give the user the option to create a new puzzle. -
Observe como Spark cria seu aplicativo em tempo real! Você saberá que o aplicativo terminou de gerar quando a pré-visualização aparecer.
-
Para testar o aplicativo, crie e resolva um quebra-cabeça na visualização.
Aprimorar seu aplicativo
É isso. Já temos um aplicativo funcionando! No entanto, ainda precisa de alguns ajustes. Vamos fornecer a Spark algumas instruções adicionais para refinar nosso projeto.
-
Na lateral esquerda da página, na guia Iterate, envie o seguinte prompt:
Copilot prompt Please add a leaderboard and a timer to the game. The timer should start when the user generates a new puzzle, then stop when all words are found. The user should then be able to enter their name, and their name, time, and the number of words in their puzzle should be displayed on the leaderboard. The leaderboard should be sortable in ascending and descending order by each of the three categories.
Please add a leaderboard and a timer to the game. The timer should start when the user generates a new puzzle, then stop when all words are found. The user should then be able to enter their name, and their name, time, and the number of words in their puzzle should be displayed on the leaderboard. The leaderboard should be sortable in ascending and descending order by each of the three categories. -
Depois que o aplicativo for atualizado, crie e resolva outro caça-palavras para ver os novos recursos em ação.
-
Seja criativo e faça seus aprimoramentos no aplicativo! Se você estiver sem ideias, escolha uma das sugestões que Spark fornece acima da caixa de texto do prompt. Você também pode fazer alterações usando os controles de edição visual nas guias "Tema", "Dados" e "Prompts", sem precisar mexer em código.
Depurar seu aplicativo
Enquanto você está criando o aplicativo, você pode encontrar alguns erros. Muitas vezes, Spark identificará esses problemas e os listará em um pop-up "Erros" acima da caixa de texto do prompt. Para corrigir os erros, clique em Corrigir tudo.
Se você encontrar um erro que Spark ele mesmo não sinalizou, escreva um prompt para corrigi-lo. Para obter melhores resultados, forneça uma descrição detalhada do erro, bem como do estado ideal esperado. Por exemplo, se você observar que adicionar palavras com mais de um determinado número de caracteres faz com que o caça-palavras seja renderizado incorretamente, envie o seguinte prompt:
Please prevent users from entering words longer than the number of rows or columns in the puzzle. Additionally, add an option to change the size of a puzzle. If the user tries to enter a word that's longer than the current size of the puzzle, display an error message telling them that provided words must be less than or equal to the size of the puzzle.
Please prevent users from entering words longer than the number of rows or columns in the puzzle. Additionally, add an option to change the size of a puzzle. If the user tries to enter a word that's longer than the current size of the puzzle, display an error message telling them that provided words must be less than or equal to the size of the puzzle.
Compartilhar seu aplicativo
Agora que você está feliz com seu aplicativo, vamos publicá-lo para que você possa compartilhá-lo com outras pessoas. Você também pode optar por compartilhar seu spark como somente leitura para que outros usuários possam ver o conteúdo do aplicativo, mas não possam editá-lo, excluir arquivos ou registros ou criar novos itens.
Observação
- Se você tornar o spark acessível a todos os GitHub usuários, todos os usuários poderão acessar e editar os dados armazenados no spark. Exclua os dados privados ou confidenciais do seu aplicativo antes de torná-los visíveis para outros usuários. Essa opção não está disponível para contas de usuário gerenciadas
-
No canto superior direito da página, clique em Publicar.
-
Por padrão, o spark é publicado como privado e acessível apenas para você. Para permitir que outros usuários GitHub acessem seu aplicativo, na seção Visibilidade do menu suspenso de publicação, selecione Organização para tornar seu spark acessível a todos os membros da organização selecionada, ou Todos os usuários GitHub. Isso permite que qualquer pessoa com uma GitHub conta acesse o spark.
-
Se você tornar o spark visível para outros usuários (ou seja, qualquer configuração além de privada), uma opção "Acesso a Dados" aparecerá na lista suspensa da publicação. Isso oferece a opção de controlar quem tem acesso para editar o conteúdo e os dados no spark.
Escolha Somente Leitura para permitir que outras pessoas exibam seu aplicativo, sem permitir que elas criem, editem ou excluam conteúdo ou dados. Escolha Gravar Acesso para permitir que os usuários editem e exibam conteúdo e dados no spark.
Por exemplo, se você criou um aplicativo de calendário familiar e deseja mostrar o aplicativo, mas não deseja que os usuários possam criar, editar ou excluir eventos no calendário ainda, escolha "Somente leitura".
-
Clique em Exibir site para ver seu aplicativo implantado e, em seguida, copie e compartilhe a URL do aplicativo.
Próximas etapas
Acabamos de criar um aplicativo de pesquisa de palavras, mas Spark podemos criar todos os tipos de aplicativos Web! Tente criar outro aplicativo por conta própria. Se você precisar de alguma inspiração, aqui estão algumas ideias para começar:
- Tente criar um aplicativo agregador de notícias ou um gerador de receitas inteligente.
- Crie um controlador de orçamento que permita definir um orçamento, aceite a inserção de uma lista de despesas e exiba o orçamento total restante. Você pode dar a cada despesa uma categoria e uma data e, em seguida, classificar as despesas pelas diversas categorias.