Índice de páginas

IFCT083PO · App Inventor · Bloque 6

Asistente iOS

Vamos a crear una aplicación sencilla para repasar la familia Apple, iOS y el ecosistema de dispositivos.

Label Image ListPicker Button Notifier if / else if / else

1. ¿Qué vamos a crear?

Vamos a crear una app llamada Asistente iOS.

El usuario elegirá un producto Apple y la aplicación mostrará información sobre su función, su relación con iOS y su conexión con el ecosistema Apple.

La app permitirá:

  • Elegir un producto Apple con un ListPicker.
  • Mostrar una explicación sencilla en un Label.
  • Indicar cómo se conecta con otros dispositivos Apple.
  • Mostrar una recomendación final al pulsar un Button.

Productos que vamos a analizar

ProductoUso principal
iPhoneComunicación y aplicaciones
iPadEstudio, ocio y trabajo
Apple WatchSalud y notificaciones
MacBookTrabajo y productividad
AirPodsAudio, llamadas y Siri
Esta actividad refuerza el apartado 6.1: introducción a la familia iOS.

2. Diseño de la aplicación

ASISTENTE iOS
🍎
Elige un producto Apple:
iPhone ▾
Información:
El iPhone utiliza iOS y permite llamar, usar apps, hacer fotos y navegar por Internet.
MOSTRAR RECOMENDACIÓN

Diseño recomendado

  • Título grande: Asistente iOS.
  • Imagen decorativa relacionada con Apple o tecnología móvil.
  • ListPicker para elegir el dispositivo.
  • Dos Labels para mostrar información y ecosistema.
  • Botón para mostrar una recomendación final.
No hace falta que el diseño sea idéntico, pero sí debe tener los mismos componentes y funcionar correctamente.

3. Componentes necesarios

ComponenteNombre recomendadoFunción
LabelLabelTituloMuestra el título de la aplicación.
ImageImageAppleImagen decorativa relacionada con Apple o iPhone.
LabelLabelPreguntaIndica al usuario que debe elegir un producto.
ListPickerListPickerProductoPermite seleccionar iPhone, iPad, Apple Watch, MacBook o AirPods.
LabelLabelInformacionMuestra para qué sirve el producto seleccionado.
LabelLabelEcosistemaMuestra cómo se conecta con otros dispositivos Apple.
ButtonButtonRecomendacionMuestra una recomendación según el producto elegido.
LabelLabelRecomendacionMuestra la recomendación final.
NotifierNotifier1Muestra un aviso si no se ha elegido ningún producto.
Opciones del ListPicker: iPhone, iPad, Apple Watch, MacBook, AirPods.

4. Configura el ListPicker

Propiedad Elements

En el componente ListPickerProducto, configura la lista de elementos:

iPhone,iPad,Apple Watch,MacBook,AirPods

También puedes escribir cada elemento en líneas separadas desde el editor de propiedades.

Importante

Los textos deben coincidir exactamente con los que usarás en los bloques.

  • Si escribes AppleWatch sin espacio, luego debe coincidir igual en los bloques.
  • Revisa mayúsculas, espacios y acentos antes de probar la app.

5. Bloques del ListPicker

Usaremos el evento ListPickerProducto.AfterPicking para mostrar información cuando el usuario elija un producto.

when ListPickerProducto.AfterPicking

    if ListPickerProducto.Selection = "iPhone"
        set LabelInformacion.Text to "El iPhone es el teléfono inteligente de Apple. Utiliza iOS y permite llamar, usar apps, hacer fotos y navegar por Internet."
        set LabelEcosistema.Text to "Se conecta con iCloud, Apple Watch, AirPods, iPad y Mac."

    else if ListPickerProducto.Selection = "iPad"
        set LabelInformacion.Text to "El iPad es una tableta de Apple. Se utiliza para estudiar, leer, dibujar, ver contenido y trabajar."
        set LabelEcosistema.Text to "Puede sincronizar documentos, fotos, notas y aplicaciones con otros dispositivos Apple."

    else if ListPickerProducto.Selection = "Apple Watch"
        set LabelInformacion.Text to "El Apple Watch es un reloj inteligente para notificaciones, salud y actividad física."
        set LabelEcosistema.Text to "Trabaja junto al iPhone y se integra con la app Salud."

    else if ListPickerProducto.Selection = "MacBook"
        set LabelInformacion.Text to "El MacBook es un ordenador portátil de Apple para trabajar, estudiar, programar y crear contenido."
        set LabelEcosistema.Text to "Sincroniza archivos, fotos, notas y correo mediante iCloud."

    else if ListPickerProducto.Selection = "AirPods"
        set LabelInformacion.Text to "Los AirPods son auriculares inalámbricos para música, llamadas y Siri."
        set LabelEcosistema.Text to "Se conectan fácilmente con iPhone, iPad, Mac y Apple Watch."

6. Botón Mostrar recomendación

Ahora programaremos el botón para mostrar una recomendación según el producto seleccionado.

when ButtonRecomendacion.Click

    if ListPickerProducto.Selection = "iPhone"
        set LabelRecomendacion.Text to "Ideal para comunicación, aplicaciones y uso diario."

    else if ListPickerProducto.Selection = "iPad"
        set LabelRecomendacion.Text to "Ideal para estudiar, dibujar, leer o ver contenido multimedia."

    else if ListPickerProducto.Selection = "Apple Watch"
        set LabelRecomendacion.Text to "Ideal para salud, deporte y notificaciones rápidas."

    else if ListPickerProducto.Selection = "MacBook"
        set LabelRecomendacion.Text to "Ideal para trabajar, estudiar, programar o crear contenido."

    else if ListPickerProducto.Selection = "AirPods"
        set LabelRecomendacion.Text to "Ideal para música, llamadas y comodidad."

    else
        call Notifier1.ShowAlert "Selecciona un producto Apple antes de continuar."
El bloque else evita que el usuario pulse el botón sin haber elegido antes un producto.

7. Bloques paso a paso

Orden recomendado

1. Configurar Elements del ListPickerProducto
2. when ListPickerProducto.AfterPicking
3. if Selection = "iPhone"
4. set LabelInformacion.Text
5. set LabelEcosistema.Text
6. else if para iPad, Watch, MacBook y AirPods
7. when ButtonRecomendacion.Click
8. else: mostrar Notifier si no hay selección

Qué debes entender

  • El ListPicker guarda la opción elegida en Selection.
  • Los condicionales comparan esa selección.
  • Cada producto muestra textos diferentes.
  • El botón añade una recomendación final.
  • El Notifier ayuda a controlar errores de uso.

8. Prueba la aplicación

☐ El ListPicker muestra iPhone, iPad, Apple Watch, MacBook y AirPods.
☐ Al elegir iPhone aparece información sobre iOS.
☐ Al elegir iPad aparece información sobre una tableta.
☐ Al elegir Apple Watch aparece información sobre salud y notificaciones.
☐ Al elegir MacBook aparece información sobre trabajo y estudio.
☐ Al elegir AirPods aparece información sobre audio y llamadas.
☐ El botón muestra una recomendación diferente para cada producto.
☐ Si no hay selección, aparece un aviso con Notifier.
No des por terminado el ejercicio hasta probar todas las opciones.

9. Documento Word para Classroom

Cuando termines la app, debes rellenar un documento de Word y subirlo a Google Classroom.

El documento debe incluir:

  • Nombre y apellidos.
  • Nombre de la aplicación.
  • Componentes utilizados.
  • Explicación breve de lo que hace la app.
  • Bloques principales escritos.
  • Pruebas realizadas.
  • Dificultades encontradas.

Preguntas que debes responder

  • ¿Qué producto Apple te parece más útil?
  • ¿Qué función cumple iOS dentro del iPhone?
  • ¿Qué significa ecosistema Apple?
  • ¿Qué dispositivos pueden trabajar juntos?
  • ¿Qué parte de los bloques te ha resultado más difícil?
Si puedes, añade una captura del diseño de tu aplicación.

10. Reto opcional para alumnos rápidos

Reto 1

Añade dos nuevos productos al ListPicker:

  • Apple TV
  • HomePod

Después añade dos nuevos else if para mostrar su información y recomendación.

Reto 2

Añade un TextBox para escribir el nombre del usuario.

Después muestra un mensaje como este:

Hola José, este producto puede ser útil para ti.
El reto es opcional. Primero debe funcionar la aplicación básica.
Fin de la actividad

Recuerda probar la app antes de entregarla

Una aplicación no termina cuando se diseña. Debe funcionar, probarse y explicarse correctamente en el documento de entrega.

Diseño terminado Bloques creados App probada Word completado Entrega en Classroom
1 / 1