# Aplicación

> Tu plataforma como aplicación en el celular del alumno, sin tienda: nombre, icono, colores, cómo la instala el alumno y el vínculo con una app Android.

Tu plataforma puede quedar en la pantalla de inicio del celular del alumno como una aplicación, con tu nombre y tu icono. En **Configuraciones > Aplicación** configuras esa aplicación. No va a la App Store ni a la Play Store: el alumno la instala desde el navegador del celular.

## La idea en un minuto

La aplicación es la propia área del alumno, instalada como una app. La tecnología se llama PWA. Se abre en una ventana propia, sin la barra del navegador, con tu icono en la pantalla de inicio.

**La regla más importante:** la aplicación solo queda disponible cuando hay un **Icono** subido. Sin icono, el celular no ofrece la instalación.

El aviso en la parte de arriba de la pestaña **Identidad de la aplicación** muestra el estado:

- **Aplicación configurada**: "El icono está definido y la aplicación puede instalarse en dispositivos compatibles."
- **Configuración pendiente**: "Sube un icono para que la aplicación esté disponible en dispositivos compatibles."

## Las tres pestañas

Las tres pestañas se guardan juntas, con **Guardar ahora** en la barra inferior.

| Pestaña | Lo que define |
|---|---|
| **Identidad de la aplicación** | **Título de la aplicación**, **Icono** e **ID de la aplicación** |
| **Instalación** | **Descripción de la aplicación**, **Categoría**, **Capturas de pantalla** y, en **Apariencia**, **Color de fondo** y **Color del tema** |
| **Vínculo Android** | **Package name** y **SHA256 del certificado** de una app Android propia, para generar el **Archivo de vínculo** |

### Identidad de la aplicación

- **Título de la aplicación**: el nombre en la instalación y en la pantalla de inicio del celular. En blanco, vale el **Título de las páginas** del área del alumno. Prefiere un nombre corto, porque los nombres largos pueden cortarse en la pantalla de inicio.
- **Icono**: PNG cuadrado de 1024×1024, hasta 350 kb. Es el que activa la aplicación.
- **ID de la aplicación**: el identificador único de la aplicación, como mi-escuela. No lo cambies después de publicarla: es por él que el celular reconoce la aplicación ya instalada.

### Instalación

Lo que muestra el celular cuando ofrece la instalación:

- **Descripción de la aplicación**: el texto que presenta la aplicación.
- **Categoría**: la que mejor representa el contenido. Las opciones son **Negocios (Business)**, **Educación (Education)**, **Finanzas (Finance)**, **Estilo de vida (Lifestyle)**, **Productividad (Productivity)** y **Utilidades (Utilities)**.
- **Capturas de pantalla**: imágenes que se muestran durante la instalación. PNG o JPG vertical (9:16), hasta 800 kb por imagen. Puedes subir más de una.
- **Color de fondo**: el color de la pantalla de carga, cuando se abre la aplicación.
- **Color del tema**: el color de partes de la interfaz de la aplicación, según el aparato. Por ejemplo, la barra de estado.

### Vínculo Android

Esta pestaña es solo para quien tiene una aplicación Android propia, publicada en la Play Store, que abre este dominio. Android pide un archivo público en tu dominio que pruebe el vínculo entre la app y el sitio.

- Indica el **Package name**, como com.tuempresa.tuapp.
- Indica el **SHA256 del certificado** de firma de la app, en el formato AA:BB:CC:… o AABBCC….

Con los dos guardados, la pantalla muestra el **Archivo de vínculo** y el botón **Abrir archivo**. El archivo de vínculo es la dirección pública que consulta Android. Hasta entonces, el estado es **Vínculo pendiente**.

Los dos campos son opcionales e independientes. Con solo uno completado, el archivo no se publica, pero el resto de la pantalla se guarda normalmente. Un valor fuera del formato se rechaza, con el mensaje del campo.

## Paso a paso

Para activar la aplicación:

1. En el panel, abre **Configuraciones > Aplicación**.
2. En **Identidad de la aplicación**, completa **Título de la aplicación**.
3. Sube el **Icono**.
4. Define el **ID de la aplicación**. Hazlo una sola vez.
5. Abre la pestaña **Instalación**.
6. Escribe la **Descripción de la aplicación** y elige la **Categoría**.
7. Sube las **Capturas de pantalla**.
8. Ajusta **Color de fondo** y **Color del tema**.
9. Haz clic en **Guardar ahora**.

El aviso de la primera pestaña pasa a **Aplicación configurada**. Para ver el resultado como lo ve el alumno, abre la plataforma en el celular e instálala.

## Cómo la instala el alumno

1. En el celular, el alumno abre la dirección de la plataforma en el navegador.
2. Usa la opción de instalar del propio navegador: **Agregar a la pantalla de inicio** en Safari del iPhone, o **Instalar** o **Agregar a la pantalla principal** en Android.

Después de instalada, el icono queda en la pantalla de inicio con el **Título de la aplicación**. La aplicación abre directo en la plataforma.

En la pantalla de login del modelo Clásico ([Pantallas de acceso](/es/configuracoes/telas-de-acesso)), la plataforma ayuda al alumno. Durante unos segundos, muestra la instrucción del navegador en uso, con el icono del botón que hay que tocar.

**Atención: aquí es donde ocurren más errores.** Bia intenta instalar desde Chrome en el iPhone y no encuentra la opción. En el iPhone, la instalación solo funciona desde Safari. En otro navegador, el aviso pide abrir desde Safari.

## Para tener en cuenta

- **La aplicación es el área del alumno.** El alumno ve en la aplicación lo mismo que en el navegador: los mismos productos, las mismas reglas de acceso, el mismo login. No hay contenido para usar sin internet.
- **Cademí no envía notificaciones por la aplicación.** Instalar la aplicación no suscribe al alumno a ningún aviso en el celular.
- **En el iPhone, el nombre es el Título de las páginas.** Safari usa el **Título de las páginas** del área del alumno como nombre de la aplicación en la pantalla de inicio. El **Título de la aplicación** vale en Android y en los otros navegadores.
- **¿Cambiaste el icono o el nombre?** Quien ya la instaló puede seguir viendo el icono y el nombre anteriores. Reinstalar lo resuelve. Cambiar el **ID de la aplicación** después de que los alumnos la instalaron puede hacer que el celular trate la aplicación como otra. Evítalo.
- **Dominio propio.** La aplicación queda ligada a la dirección desde la que se instaló. Con un [Dominio](/es/configuracoes/dominio) activo, pide a los alumnos que la instalen desde el dominio propio.

## Preguntas frecuentes

**¿Cademí tiene aplicación en la App Store o en la Play Store?** No. La aplicación es tu plataforma instalada desde el navegador, con tu nombre y tu icono, sin tienda. El **Vínculo Android** es solo para quien publicó una app Android propia.

**El alumno no encuentra la opción de instalar.** En el iPhone, solo Safari instala. Pídele que abra la dirección en Safari, toque compartir y después **Agregar a la pantalla de inicio**. En Android, la opción está en el menú del navegador. Revisa también si el aviso de arriba de la pantalla dice **Aplicación configurada**.

**Instalé y el icono es el predeterminado de Cademí.** El icono es el que se subió en **Icono**. Sin un icono subido, la aplicación no se ofrece. Si cambiaste el icono después de que el alumno la instaló, puede seguir viendo el anterior. Reinstalar lo resuelve.