Realización de hojas de trabajo y datos de aplicaciones interactivas

En nuestro mundo digital, no podemos negar la importancia de los dispositivos móviles. aplicaciones . Aportan soluciones a los problemas cotidianos y nos facilitan la vida. En esta lección, usaremos App Lab para crear aplicaciones interactivas . Una aplicación interactiva es una aplicación que permite a los usuarios interactuar “con información audiovisual a través de gamificación, visualización e incluso VR / AR. Básicamente, cada aplicación tiene algún tipo de interactividad '.



Consulte el archivo de hechos a continuación para obtener más información sobre cómo crear aplicaciones interactivas o, alternativamente, puede descargar nuestro paquete de hojas de trabajo de 28 páginas para hacer aplicaciones interactivas para utilizar en el salón de clases o en el hogar.

Información y hechos clave

Diseño de la interfaz de usuario

  • Una interfaz de usuario es la apariencia visual de un sitio web, software o una aplicación con la que los usuarios interactúan.
  • Para que la aplicación tenga éxito, el creador debe tener en cuenta lo que necesita el usuario de la aplicación. La interfaz de usuario debe ser atractiva y eficaz. Debe respaldar el viaje del usuario a través de la aplicación y crear una experiencia positiva para el usuario.
  • App Lab equipa a los creadores con una caja de herramientas de diseño que contiene todos los componentes / elementos de la aplicación.
  • El creador de la aplicación puede diseñar fácilmente la interfaz de usuario de su aplicación combinando diferentes componentes.
  • Para agregar un elemento a la aplicación, el creador debe arrastrar y soltar el elemento en la pantalla. Pueden colocar el elemento en cualquier lugar de la pantalla y editar las propiedades de dicho elemento (redimensionar, cambiar de color, editar texto, etc.).

Elementos de la interfaz de usuario

  • Botón - comúnmente se muestra como formas con una etiqueta en el centro y permite al usuario ejecutar un comando en particular
  • Etiqueta - muestra texto que proporciona información al usuario sobre un objeto en particular
  • Boton de radio - pequeño elemento circular que permite a los usuarios seleccionar una opción de una lista en particular
  • Imagen - permite a los creadores mostrar una imagen de un objeto en particular en la pantalla
  • Pantalla - permite a los creadores agregar una nueva pantalla a la aplicación
  • Gráfico - permite a los creadores mostrar datos a los usuarios y comunicar su mensaje sobre dichos datos
  • Seleccionar foto - permite a los usuarios seleccionar una foto de su computadora y almacenarla
  • Entrada de texto - donde el usuario puede ingresar datos
  • Desplegable - revela una lista de elementos desde donde el usuario puede seleccionar o elegir un valor cuando se hace clic en un botón
  • Caja - permite a los usuarios seleccionar un elemento marcando la casilla junto a él
  • Lienzo - donde los usuarios pueden dibujar y crear gráficos
  • Área de texto - puede contener una cantidad ilimitada de caracteres (generalmente se usa para recopilar entradas de usuario como comentarios, reseñas, etc.)
  • Deslizador - permite a los usuarios controlar un valor deslizando la perilla
  • No existe una fórmula fija para crear la aplicación móvil perfecta, pero seguir estos buenos principios de diseño definitivamente ayudará a los creadores a crear una aplicación exitosa.
  • Primero, es bueno luchar por el minimalismo. Evite el desorden. La pantalla solo debe tener todos los elementos necesarios. El diseño visual y funcional debe ser coherente en toda la aplicación. Utilice el mismo conjunto de fuentes, combinación de colores y similares. Los usuarios esperarán que los elementos similares se comporten de la misma manera en toda la aplicación.
  • El objetivo del creador es tener una aplicación funcional simple, fácil de entender. En otras palabras, la interfaz de usuario debe ser intuitiva.
  • Los usuarios deberían poder navegar por la aplicación fácilmente sin ningún tipo de formación.
  • La aplicación también debería ser atractiva. Los usuarios deben salir sintiendo que quieren volver.
  • La aplicación debería ser eficiente. Los usuarios no deberían tener que pasar por demasiados pasos solo para lograr lo que necesitan hacer. ¿Puede el usuario lograr su objetivo con solo unos pocos clics?
  • El usuario también debe sentirse apoyado siempre que use la aplicación. Si necesitan ayuda o consejo, ¿la aplicación tiene alguna forma de ayudarlos?
  • Por último, los usuarios deberían poder recuperarse fácilmente cuando cometen un error.

Hacer una aplicación interactiva

  • El código hace que los elementos de la interfaz de usuario sean interactivos. El diseñador necesita código para hacer que los elementos se comporten de cierta manera y permitir que los usuarios interactúen con él.
  • El ejemplo muestra cómo codificar un botón de tal manera que cuando el usuario haga clic en él, lleve a cabo una tarea (hacer que el fondo sea verde).
  • El diseñador debe ingresar la información correcta dentro del bloque de codificación, como se muestra a continuación.
  • 'Las aplicaciones interactivas necesitan tanto elementos de la interfaz de usuario como controladores de eventos para esos elementos de la interfaz de usuario y cada tipo de interacción del usuario necesaria'.
  • El primer menú desplegable permite al diseñador seleccionar el elemento que desea codificar.
  • El segundo menú desplegable permite al diseñador seleccionar el tipo de acción que desea que el usuario realice para desencadenar el evento especificado.
  • Cualquier tarea o comando que el elemento necesite ejecutar se encuentra dentro del bloque de eventos. En el ejemplo, al hacer clic en el botón, el color de fondo de la pantalla se establecerá en verde.
  • Para obtener más información sobre el proceso de codificación, complete las hojas de trabajo a continuación.

Nota:

  • El uso de las hojas de trabajo requiere iniciar sesión en su cuenta de App Lab. Visite https://code.org/educate/applab.
  • Este paquete de hojas de trabajo es una secuela de Introducción a la creación de aplicaciones . Si necesita un tutorial para principiantes más detallado sobre App Lab, consulte ese paquete de hojas de trabajo.

Hacer hojas de trabajo de aplicaciones interactivas

Este es un paquete fantástico que incluye todo lo que necesita saber sobre cómo crear aplicaciones interactivas en 28 páginas detalladas. Estos son hojas de trabajo de Creación de aplicaciones interactivas listas para usar que son perfectas para enseñar a los estudiantes sobre la importancia de las aplicaciones móviles. Aportan soluciones a los problemas cotidianos y nos facilitan la vida. En esta lección, usaremos App Lab para crear aplicaciones interactivas. Una aplicación interactiva es una aplicación que permite a los usuarios interactuar “con información audiovisual a través de gamificación, visualización e incluso VR / AR. Básicamente, cada aplicación tiene algún tipo de interactividad '.

Lista completa de hojas de trabajo incluidas

  • Realización de aplicaciones interactivas
  • Buenos principios de diseño
  • Buen diseño de interfaz de usuario
  • Elementos de la aplicación interactiva
  • Tu aplicación favorita
  • Aplicación de música
  • Aplicación calculadora
  • Aplicación de encuestas / sondeos
  • Master Clicker Game
  • ¿Dónde está el error? Juego
  • ¿Cuál es tu idea de aplicación?

Vincular / citar esta página

Si hace referencia a cualquiera de los contenidos de esta página en su propio sitio web, utilice el código a continuación para citar esta página como fuente original.

Realización de hojas de trabajo y datos de aplicaciones interactivas: https://kidskonnect.com - KidsKonnect, 23 de noviembre de 2020

El enlace aparecerá como Realización de hojas de trabajo y datos de aplicaciones interactivas: https://kidskonnect.com - KidsKonnect, 23 de noviembre de 2020

Usar con cualquier plan de estudios

Estas hojas de trabajo se han diseñado específicamente para su uso con cualquier plan de estudios internacional. Puede usar estas hojas de trabajo tal como están o editarlas con Presentaciones de Google para que sean más específicas para los niveles de habilidad de sus estudiantes y los estándares del plan de estudios.

Compartir Con Tus Amigos: