¿Alguna vez has tenido una gran idea para una aplicación, pero no tenías las herramientas para compilarla? Con la ayuda de la inteligencia artificial, ahora puedes dar vida a tus ideas de aplicaciones en cuestión de minutos usando solo el lenguaje natural. En este artículo, usaremos GitHub Spark para compilar, mejorar y compartir una aplicación de búsqueda de palabras sin escribir una sola línea de código.
Nota:
GitHub Spark está en versión preliminar pública con protección de datos y sujeto a cambios.
Creación de un prototipo de la aplicación
Para empezar, se generará una versión inicial básica de la aplicación que puedas compilar más adelante.
-
Vaya a https://github.com/spark.
-
Envía el siguiente mensaje para generar la primera iteración de la aplicación:
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. -
Vea como Spark compila la aplicación en tiempo real. Sabrás que la aplicación se ha terminado de generar cuando aparezca la vista previa.
-
Para probar la aplicación, crea y resuelve un rompecabezas con la vista previa.
Mejora de la aplicación
Y solo con eso ya tienes una aplicación funcional. Pero todavía necesita algunos ajustes. Vamos a dar Spark algunas indicaciones adicionales para pulir nuestro proyecto.
-
En el lado izquierdo de la página, en la pestaña Iterate, envía el siguiente mensaje:
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. -
Una vez que se actualice la aplicación, crea y resuelve otro rompecabezas para ver las nuevas características en acción.
-
Dale rienda suelta a tu creatividad y haz tus propias mejoras en la aplicación. Si te sientes atascado, elige una de las sugerencias que Spark ofrece sobre el cuadro de texto de la indicación. También puedes realizar cambios mediante los controles de edición visual en las pestañas "Theme", "Data y "Prompts", sin tener que escribir código.
Depuración de la aplicación
Mientras compilas la aplicación, es posible que encuentres algunos errores. A menudo, Spark identifica estos errores y los muestra en una ventana emergente de «Errores» situada encima del cuadro de texto de la solicitud. Para corregir los errores, haz clic en Fix all.
Si encuentra un error que Spark no detectó, escriba una instrucción para corregirlo. Para obtener los mejores resultados, proporciona una descripción detallada del error, así como el estado de corrección ideal. Por ejemplo, si observas que al agregar palabras que superan un determinado número de caracteres hace que el rompecabezas se represente incorrectamente, envía el mensaje siguiente:
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.
Uso compartido de la aplicación
Ahora que ya te convence la aplicación, se publicará para que puedas compartirla con otros usuarios. También puedes compartir Spark como de solo lectura para que otros usuarios puedan ver el contenido de la aplicación, pero no puedan editar contenido, eliminar archivos o registros ni crear nuevos elementos.
Nota:
- Si hace que spark sea accesible para todos los GitHub usuarios, todos los usuarios podrán acceder a los datos almacenados en spark y editarlos. Asegúrate de eliminar cualquier dato privado o confidencial de la aplicación antes de que sea visible para otros usuarios. Esta opción no está disponible para cuentas de usuario administradas
-
En la esquina superior derecha de la página, haz clic en Publish.
-
De manera predeterminada, la instancia de spark se publica como privada y solo es accesible para ti. Para permitir que otros GitHub usuarios accedan a la aplicación, en la sección Visibilidad de la lista desplegable de publicación, elija Organización para que spark sea accesible para todos los miembros de la organización seleccionada o Todos los GitHub usuarios. Esto permite que cualquier usuario con una GitHub cuenta acceda a spark.
-
Si haces que la instancia de spark sea visible para otros usuarios (es decir, cualquier configuración además de privada), aparece una opción "Data Access" en la lista desplegable de publicaciones. Esto te ofrece la opción de controlar quién tiene acceso para editar el contenido y los datos en la instancia de spark.
Elija Solo lectura para permitir que otros usuarios vean la aplicación, sin permitirles crear, editar o eliminar contenido o datos. Elija Acceso de escritura para permitir a los usuarios editar y ver contenido y datos en spark.
Por ejemplo, si has creado una aplicación de calendario familiar y quieres presentar la aplicación, pero no quieres que los usuarios puedan crear, editar ni eliminar eventos en el calendario todavía, elige "Read-Only".
-
Haga clic en Ver sitio para ver la aplicación implementada y, a continuación, copie y comparta la dirección URL de la aplicación.
Pasos siguientes
Acabamos de crear una aplicación de búsqueda de palabras, pero Spark podemos hacer todo tipo de aplicaciones web! Intenta crear una aplicación por tu cuenta. Si necesitas inspiración, estas son algunas ideas para empezar:
- Intenta compilar una de aplicación de agregador de noticias o un generador de recetas inteligente.
- Crea un rastreador de presupuestos que te permita establecer un presupuesto, que tome una lista de gastos y que muestre el presupuesto restante total. Puedes asignar a cada gasto una categoría y una fecha y, después, ordenar los gastos por varias categorías diferentes.