# data[].attributes.body
Entra aquí para comenzar el REA asociado a la situación de aprendizaje 3: Desarrollo móvil.

Aprenderás a crear una aplicación móvil con App Inventor.

# data[].attributes.attachment_link.readable_text
Ponlo en tu web

Ponlo en tu web

Si quieres embeber el vídeo en tu web, copia el siguiente código:

Esta es una Situación de Aprendizaje en formato REA (Recurso Educativo Abierto) fundamental para iniciar al alumnado en la programación de dispositivos móviles, utilizando App Inventor como entorno de programación. Durante el REA, se va a aprender a realizar distintos tipos de aplicaciones móviles, ya que nos basamos en el análisis de los elementos y componente de la aplicación y luego realizamos ejercicios para adquirir conocimiento y destreza. Al final, se realiza un producto final que se trata del desarrollo de una aplicación móvil que informe sobre el reciclaje

Tipo de licencia universal

Usuario final Alumno en general
Grupo

Contexto educativo Mixta Semipresencial

Idioma Destinatario español (o castellano)

Rol author Author f_j_romero Fecha 07/12/2023

# data[].attributes.attachment_link.description
Ponlo en tu web Si quieres embeber el vídeo en tu web, copia el siguiente código: Esta es una Situación de Aprendizaje en formato REA (Recurso Educativo Abierto) fundamental para iniciar al alumnado en la programación de dispositivos móviles, utilizando App Inventor como entorno de programación.

# data[].attributes.body
Aquí podrás acceder a la herramienta digital online gratuita App Inventor.

# data[].attributes.body
Esta es la app para móvil necesaria para probar la aplicación que hayas creado con App Inventor.

# data[].attributes.body
Aquí publicaremos todas las actividades secundarias asociadas a la situación de aprendizaje 3.

# data[].attributes.attachment_link.description
Google Classroom is the main address of Education, Training, and Study!

# data[].attributes.attachment_link.title
Conoce el nuevo iPasen: Pantalla del alumnado

# data[].attributes.headline
Descarga aquí las imágenes que necesites

# data[].attributes.subject
Descarga aquí las imágenes que necesites

# data[].attributes.body
Si lo prefieres puedes usar Genially.

# data[].attributes.attachment_link.description
Canva is a free-to-use online graphic design tool. Use it to create social media posts, presentations, posters, videos, logos and more.

# data[].attributes.attachment_link.readable_text
Los diagramas son dibujos geométricos que nos ayudan a representar gráficamente ideas, procesos, soluciones o a resolver visualmente problemas estableciendo relaciones entre sus elementos. Suelen usarse mucho en el mundo de la informática para representar el diseño de programas, aunque veremos que pueden ayudarnos a organizar todo tipo de información de cualquier materia, como Lengua, Matemáticas, Ciencias de la Naturaleza...

Hay muchos tipos de diagramas, pero en este apartado vamos a ver los diagramas de actividad, también llamados de flujo, ya que son uno de los más utilizados para representar decisiones y procesos. Se construyen con los siguientes elementos:

1. Nodos

Los diagramas de flujo comienzan y terminan con un nodo inicial y otro final. El inicial se representa con un círculo y el final con un círculo y un anillo concéntrico mayor como se ve en la imagen.

2. Actividades

Entre el nodo inicial y el final se encuentran las actividades. Las actividades están unidas por conectores con forma de flecha y que determinan el orden de las actividades.

3. Decisiones

Cuando haya que decidir entre dos opciones usamos una figura con forma de rombo con dos conexiones. Esas conexiones que salen del rombo se llaman ramas.
- Si se cumple la condición el conector llevará a una actividad.
- Si no se cumple la condición el conector nos llevará a otra actividad diferente.

4. Bucles

Si tuviéramos que repetir una actividad hasta que se cumpla una condición, usaremos un bucle.

5. Ejemplos

En los siguientes ejemplos podremos ver diagrama de actividad con una decisión simple y otra con el uso del bucle.

- Ejemplo de diagrama de actividad con decisión:

- Ejemplo de diagrama de actividad con bucle:

Lectura facilitada
Los diagramas son dibujos que nos ayudan a representar ideas y resolver problemas.
En este apartado veremos los diagramas de actividad.
Los diagramas de actividad también se pueden llamar diagramas de flujo.
Estos diagramas son uno de los más utilizados para representar decisiones y procesos.
Las características de los diagramas de actividad son:
- Todos sus elementos están relacionados.
- Se usan mucho en el mundo de la informática para diseñar programas.
- Los podemos usar en todas las materias como Lengua, Matemáticas, Ciencias de la Naturaleza y muchas más.
Hay muchos tipos de diagramas.
Se construyen con los siguientes elementos:

1. Nodos

Los diagramas de flujo comienzan y terminan con un nodo.
Un nodo es un punto que está conectado a algo.
El nodo inicial tiene forma de círculo.
El nodo final tiene forma de círculo con un anillo que lo rodea.
Aquí tienes un ejemplo:

2. Actividades y conectores

La actividades están entre el nodo inicial y el final .
Las actividades están unidas por conectores.
Los conectores son líneas con forma de flecha.
Los conectores nos indican el orden de las actividades.
Aquí tienes un ejemplo de actividades y conectores:

3. Decisiones

Cuando tengas que decidir entre dos opciones debes usar una figura con forma de rombo.
Del rombo salen dos conectores.
Estos dos conectores se llaman ramas.
Dentro del rombo escribimos algo que puede pasar o no.
Si esto pasa el conector lleva a una actividad.
Y si no pasa el conector nos lleva a otra actividad diferente. Aquí tienes un ejemplo:

4. Bucles

Un bucle es una repetición de algo.
Se usa el bucle cuando tenemos que terminar una actividad antes de pasar a otra.

5. Ejemplos

Aquí puedes ver varios ejemplos.

- Ejemplo de diagrama con decisión:

- Ejemplo de diagrama con bucle:

Cerrar

Apoyo visual Cerrar

Lectura facilitada
Los diagramas son dibujos que nos ayudan a representar ideas y resolver problemas.
En este apartado veremos los diagramas de actividad.
Los diagramas de actividad también se pueden llamar diagramas de flujo.
Estos diagramas son uno de los más utilizados para representar decisiones y procesos.
Las características de los diagramas de actividad son:
- Todos sus elementos están relacionados.
- Se usan mucho en el mundo de la informática para diseñar programas.
- Los podemos usar en todas las materias como Lengua, Matemáticas, Ciencias de la Naturaleza y muchas más.
Hay muchos tipos de diagramas.
Se construyen con los siguientes elementos:

1. Nodos

Los diagramas de flujo comienzan y terminan con un nodo.
Un nodo es un punto que está conectado a algo.
El nodo inicial tiene forma de círculo.
El nodo final tiene forma de círculo con un anillo que lo rodea.
Aquí tienes un ejemplo:

2. Actividades y conectores

La actividades están entre el nodo inicial y el final .
Las actividades están unidas por conectores.
Los conectores son líneas con forma de flecha.
Los conectores nos indican el orden de las actividades.
Aquí tienes un ejemplo de actividades y conectores:

3. Decisiones

Cuando tengas que decidir entre dos opciones debes usar una figura con forma de rombo.
Del rombo salen dos conectores.
Estos dos conectores se llaman ramas.
Dentro del rombo escribimos algo que puede pasar o no.
Si esto pasa el conector lleva a una actividad.
Y si no pasa el conector nos lleva a otra actividad diferente. Aquí tienes un ejemplo:

4. Bucles

Un bucle es una repetición de algo.
Se usa el bucle cuando tenemos que terminar una actividad antes de pasar a otra.

5. Ejemplos

Aquí puedes ver varios ejemplos.

- Ejemplo de diagrama con decisión:

- Ejemplo de diagrama con bucle:

Cerrar

Apoyo visual Cerrar

Hemos visto los diagramas de actividad o flujo pero....¡te invitamos a que no te quedes ahí! Si continúas leyendo podrás ver que hay más tipos de diagramas para representar la información y, no solo eso, sino que los diagramas son una de las formas de modelado, ¿...qué no sabes qué es el modelado? Pues es el mejor motivo para seguir aprendiendo en el siguiente punto: ¿Qué es el modelado?

El modelado no es más que la creación de un modelo, pero... ¿Qués es un modelo? Un modelo es una representación reducida de una parte de la realidad. Por ejemplo, si hacemos un dibujo muy sencillo de una casa seguro que cualquier persona comprende que ese dibujo representa una casa; no es una casa real, sino la representación de una casa. Crear estos modelos es lo que se conoce como modelado.

El modelado es una estrategia muy útil que nos puede ayudar a resumir textos, procesos o conjunto de reglas, a detectar las ideas clave y las relaciones que hay entre distintos elementos, agruparlas y clasificarlas en categorías. Por tanto, aprender a crear modelos nos puede ayudar a aprender mejor en cualquier asignatura y por supuesto, tienen una relación directa con los elementos del Pensamiento Computacional.

Hay diferentes tipos de modelos:

Modelos mentales

Los usamos cada vez que creamos o reconstruimos en nuestra mente la imagen de una idea, o estamos pensando en lo que vamos a hacer a continuación, cuando recordamos algo, cuando hacemos una lluvia de ideas, etc.

Modelos gráficos

Son modelos que usan un soporte gráfico para representar la idea, como un plano de un edificio, un árbol genealógico, un mapa o el dibujo de cualquier objeto, animal, etc.

Modelos físicos

Son muy habituales, por ejemplo una maqueta de un puente, representación de objetos con bloques de construcción, un maniquí, etc.

Modelos informáticos

En el mundo informático los modelos se llaman diagramas y se usan para representar todo tipo de sistemas complejos, como el funcionamiento de los algoritmos que forman parte de un programa informático.

Definición:

Habilidad que permite resolver problemas y comunicar ideas poniendo en práctica estructuras de pensamiento propias de los lenguajes de computación, como son: la descomposición de problemas, el reconocimiento de patrones, la abstracción, creación de algoritmos, depuración o la generalización.

Ejemplo:

Resolvimos el problema usando algunos elementos del pensamiento computacional.

Como hemos visto en el primer apartado, los diagramas se pueden entender como un tipo de lenguaje visual que, como todo lenguaje, tiene sus propias reglas y normas que debemos conocer para que puedan ser entendidos por cualquier persona independientemente del idioma que hable. En el caso de los diagramas, el lenguaje más utilizado se llama UML, que son las siglas del Lenguaje Unificado de Modelado.

A continuación veremos tres de los diagramas más usados y las reglas que debemos conocer para poder usarlos.

¿Diferentes tipos de diagramas?
Vamos a conocer tres tipos de diagramas básicos:

1. Diagramas de Entidad/Relación. Muy útiles para visualizar los elementos más importantes de un texto. Usados en Historia, Filosofía o Literatura.

2. Diagramas de Actividad. Se utilizan para realizar operaciones, actividades o conjunto de reglas. Usados en Experimentos de química, normas deportivas, reglas gramaticales, recetas de cocinay, por supuesto, para representar algoritmos y programas informáticos.

3. Diagramas de Clase y Objetos, para describir una cosa, clasificar, crear categorías o jerarquizar elementos. Pueden usarse por ejemplo en Biología, Geografía, Idiomas, Informática, etc.

Diagramas entidad - relación

Los diagramas de Entidad/ Relación sirven para visualizar los elementos más importantes de un texto y las relaciones que hay entre esos elementos. Veamos qué significan:

1. La Entidad son elementos más importantes y destacados del texto. Pueden ser una persona, un lugar, un objeto o un evento.

2. Las relaciones nos indica cómo interactúan las entidades entre ellas.

3. Los atributos son las propiedades o características de las entidades o de las relaciones.

Para ver un ejemplo, ver el video:

Diagrama de clases y objetos

El diagrama de clases y objetos, es muy útil para describir personas y cosas o para formar categorías, jerarquías de elementos y estructurar vocabulario.
Los diagramas de objetos sirven para representar a personas o cosas concretas, por lo que usaremos sustantivos, tanto propios como comunes: Marta, José, ratón, mesa, avión...
Los diagramas de clases usan términos genéricos como los nombres colectivos, que representan una categoría, por ejemplo: vertebrados, tercera edad, medios de transporte....
Para construir un diagrama de clases u objetos debemos identificar los siguientes elementos:

1. Nombres de la clase o el objeto.

2. Las características o propiedades a los que llamamos atributos.

3. Actividades, acciones o comportamientos que realizan y que se denominan operaciones.

Si quieres ver un resumen y ejemplo de todo puedes mirar el siguiente video:

Diagrama de actividad

El diagrama de actividad, aunque lo hemos desarrollado en el primer apartado de esta página, vamos a recordar que se utilizan para resolver situaciones de normas, procesos, decisiones, historias, experimentos y programas informáticos. Si necesitas recordar sus características puedes ver este video:

# data[].attributes.attachment_link.authors[].name
Dirección General de Formación del Profesorado e Innovación Educativa. Consejería de Educación y Deporte

# data[].attributes.attachment_link.description
Los diagramas son dibujos geométricos que nos ayudan a representar gráficamente ideas, procesos, soluciones o a resolver visualmente problemas estableciendo relaciones entre sus elementos. Suelen usarse mucho en el mundo de la informática para representar el diseño de programas, aunque veremos que pueden ayudarnos a organizar todo tipo de información de cualquier materia, como Lengua, Matemáticas, Ciencias de la Naturaleza...

# data[].attributes.attachment_link.readable_text
Ya has conseguido obtener toda la información necesaria, has averiguado qué debes hacer en la actividad o pregunta, de qué tipo de pregunta se trata y cómo generar una respuesta a la misma, ¿cómo ordenarías toda esta información? ¿Se te ocurre algún ejemplo?

Seguro que los ejemplos que has pensado se parecen a los que te proponemos a continuación, se llaman organizadores gráficos.

Los organizadores gráficos son técnicas de aprendizaje que ayudan a representar visualmente la información de la que disponemos.

Lectura facilitada
En este apartado encontrarás información sobre los organizadores gráficos.

Los organizadores gráficos son imágenes que ayudan a representar la información.
Cerrar

Audio
audio/mpeg
Cerrar

Apoyo visual Cerrar

# data[].attributes.attachment_link.authors[].name
Dirección General de Formación del Profesorado e Innovación Educativa. Consejería de Educación y Deporte

# data[].attributes.attachment_link.description
Ya has conseguido obtener toda la información necesaria, has averiguado qué debes hacer en la actividad o pregunta, de qué tipo de pregunta se trata y cómo generar una respuesta a la misma, ¿cómo ordenarías toda esta información? ¿Se te ocurre algún ejemplo?

# data[].attributes.headline
Cómo probar las apps creadas en App Inventor

# data[].attributes.subject
Cómo probar las apps creadas en App Inventor

# data[].attributes.attachment_link.title
Cómo probar las apps creadas en App Inventor

# data[].attributes.body
Al finalizar la app genera el archivo .apk.