¿Te resulta más fácil leer con fondo crema, un tono de color, más contraste o un texto más grande? Elige tus colores y tu texto una sola vez, para todas las páginas.

Lección gratuita

App web o app nativa: cómo elegir

Después de esta lección: Puedo elegir entre una app web y una app nativa a partir de lo que el proyecto necesita.

Lección de 60 min2 comandosLaboratorio de web móvil: una aplicación web adaptable e instalable para construir en el navegador

Elegir entre una app web y una nativa

Una app nativa es la que se escribe para un sistema concreto del móvil y se instala desde una tienda. Una app web es una página que funciona en el navegador. Elegir bien ahorra meses de trabajo.

Una cafetería universitaria que quiere un menú del día puede usar una web. Una app de mapas con ubicación en segundo plano probablemente necesita ser nativa.

Al terminar esta lección

Nota

Puedo elegir entre una app web y una app nativa a partir de lo que el proyecto necesita.

Palabras clave

PalabraQué significa
App nativauna app hecha para un sistema concreto e instalada desde una tienda
App webuna página que funciona en el navegador y puede instalarse desde él
Permisola autorización del usuario para usar la cámara, la ubicación u otra función
Segundo planotrabajar mientras la app no está en pantalla
Distribucióncómo llega la app al usuario: un enlace o una tienda

Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.

Este módulo enseña la web, no lo nativo

Aquí se trabaja con la plataforma web: HTML, CSS y JavaScript en el navegador. No hay emulador, ni entorno de desarrollo nativo, ni tienda de aplicaciones.

Esta lección sirve para saber cuándo la web no basta y conviene pasar a una app nativa, que se estudia aparte.

Ejemplo resuelto: web y nativa, lado a lado

CriterioApp webApp nativa
CódigoUno para todos los móvilesUno por sistema, salvo herramientas que lo compartan
LlegadaSe abre con un enlaceSe instala desde una tienda, con su revisión
ActualizaciónAl cambiar los archivosHay que publicar una versión nueva
Acceso al móvilLimitado y variable según el navegadorMuy amplio
Segundo plano y bateríaPoco controlMucho control
Velocidad en gráficos pesadosMenorMayor

Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.

La app del laboratorio son solo archivos

La app de hábitos del laboratorio no tiene tienda ni instalador. Son archivos en la carpeta app, y un servidor pequeño los entrega al navegador.

El primer comando lista esos archivos. El segundo pide tres de ellos al servidor y escribe la respuesta. Imprime sus palabras en inglés: el número 200 quiere decir "encontrado".

Listar los archivos de la app

Comando
docker exec jupyter ls app

Se muestra aquí y no se ejecuta. Crea una cuenta gratuita para pulsar Ejecutar y escribirlo en el terminal de tu propio laboratorio.

Pedir tres archivos al servidor de vista previa

Comando
docker exec jupyter python3 steps/serve.py

Se muestra aquí y no se ejecuta. Crea una cuenta gratuita para pulsar Ejecutar y escribirlo en el terminal de tu propio laboratorio.

Los requisitos deciden, no la moda

Empieza por lo que el proyecto necesita. Si todo se puede hacer en el navegador, la web gana en coste y en rapidez de cambio. Si una sola función imprescindible no existe en la web, manda esa.

Las funciones del móvil se piden con un permiso. Una app web pide solo el permiso que usa, en el momento. Una nativa puede pedir más.

Ejemplo resuelto: tres proyectos y su elección

ProyectoNecesitaElección
Menú del día de la cafeteríaCompartir por enlace, cambiar el menú cada díaWeb
App de carreras con la ruta grabadaUbicación en segundo plano, con la pantalla apagadaNativa
Catálogo de la bibliotecaBuscar, guardar favoritos, abrir sin redWeb

Las celdas que rellenan los estudiantes quedan en blanco en esta vista previa.

Un error frecuente

Advertencia

Mucha gente cree que una app nativa es siempre mejor porque es más potente. Esa potencia solo vale si el proyecto la necesita. Si no, cuesta más de hacer, más de actualizar y más de repartir. Elige lo mínimo que cubra los requisitos.

Sobre este laboratorio y su código: Laboratorio de web móvil: una aplicación web adaptable e instalable para construir en el navegador

¿Enseñas a una clase? Asigna este módulo a tus alumnos con guía del profesor, tareas con corrección automática y un laboratorio para cada alumno.