Volver a la portadaTecnología de la Información · 10.° grado · Cambiar asignatura
Empezar gratis
10° media · Tecnología de la Información
La creación de contenidos digitales · Creación y programación sencilla

Aplicaciones sencillas para móvil y web

Yariela quiere una app para calcular la propina en la fonda de su tío en Chitré. Primero la imaginó, luego la dibujó en una hoja, después la programó y, antes de compartirla, se la dio a probar a sus amigas. Una de ellas escribió «abc» en la cuenta y la app se cerró. ¿Qué faltó revisar? Al final de la página lo sabrás.

De la idea a la app publicada

Crear una app sencilla (un conversor, un contador, un test) junta lo que ya sabes de algoritmos y de bloques. Siempre se pasa por las mismas fases.

Fases de creación de una app ilustradas con un icono cada una: bombilla (idea), pantallas de prototipo (diseño), diagrama de flujo (algoritmo), ventana de código (programar), celular con datos raros, lupa y bicho (pruebas) y nube con flecha hacia arriba (publicación). #@9 1 · Idea 2 · Diseño 3 · Algoritmo 4 · Programar 5 · Pruebas 6 · Publicación
  • Idea: qué problema resuelve y para quién.

  • Diseño: dibujar las pantallas (prototipo) y qué hace cada botón.

  • Algoritmo: los pasos que seguirá la app, en lista o diagrama de flujo.

  • Programación: convertir el algoritmo en bloques o en código.

  • Pruebas: usar la app con datos normales y también raros, para encontrar fallos.

  • Publicación: ponerla a disposición de otras personas, por ejemplo en una tienda de apps o en la web.

Entrada, proceso y salida en una app

Diagrama de una app conversora: entrada del usuario, proceso del algoritmo y salida del resultado. Conversor km → millas 10 km Convertir 6.25 millas entrada: 10 km proceso: 10 ÷ 1.6 salida: 6.25 millas

Una app de test de cinco preguntas usa además decisiones y una repetición. Un algoritmo posible:

  1. Poner la puntuación en 0 y la pregunta en 1.

  2. Mostrar la pregunta actual.

  3. Leer la respuesta. ¿Es correcta? Si sí, sumar 1 a la puntuación; si no, mostrar «Incorrecto».

  4. Sumar 1 al número de pregunta.

  5. ¿Ya se contestaron las cinco? Si no, volver al paso 2 (repetición).

  6. Mostrar la puntuación final.

Para probar un control así se usan casos como: casilla vacía, letras, un 42, un número negativo, y también los extremos válidos (1.0 y 5.0).

Pantallas, elementos y prototipos

Un botón también puede combinar condiciones. Prueba cómo una decisión depende de dos entradas:

Una app que se pueda usar

Un buen diseño piensa en todas las personas usuarias. Tres ideas de accesibilidad: botones grandes y separados (para dedos grandes o con poca precisión), buen contraste entre texto y fondo (para quien ve poco o usa el celular bajo el sol) y no depender solo del color: añadir texto o iconos (para personas con daltonismo).

Con las notificaciones pasa algo parecido: avisan de novedades, pero demasiadas hacen que la persona desinstale la app. Conviene enviar solo avisos útiles y dejar que el usuario elija cuáles recibe. El onboarding son las pantallas que explican la app la primera vez que se abre: deben ser pocas y tener un botón «Saltar».

Conexión, almacenamiento y permisos

Tres celulares comparados: una calculadora que funciona sin conexión, una app del tiempo que muestra datos guardados en la caché del dispositivo y una app de mapas que recibe tráfico en directo desde internet. sin conexión calculadora parcial tiempo (caché) necesita red mapas en vivo

Si desinstalas una app o cambias de celular sin respaldo, los datos que estaban solo en el almacenamiento local se pierden. Por eso muchas apps ofrecen guardar un respaldo en la nube.

Cuando una app no tiene conexión, un buen mensaje dice qué pasa («Sin conexión; mostrando la última previsión de las 8:00») y ofrece opciones: reintentar, seguir con lo guardado o ir a la configuración de red.

Permisos y consumo

Un permiso es la autorización que das a una app para usar el micrófono, la ubicación, los contactos, etc. Las apps de mapas gastan mucha batería y datos porque usan la ubicación constantemente, descargan mapas y mantienen la pantalla encendida. Se reduce descargando mapas por Wi-Fi, usando la ubicación solo mientras la app está abierta y bajando el brillo.

Practica★★☆Sin empezar
Unas apps funcionan sin conexión a internet y otras no pueden hacer nada sin ella. Explica qué diferencia hay entre ambos tipos y clasifica estas apps razonando tu…

Unas apps funcionan sin conexión a internet y otras no pueden hacer nada sin ella. Explica qué diferencia hay entre ambos tipos y clasifica estas apps razonando tu respuesta: una calculadora, unos mapas con tráfico en directo, un test de preguntas ya descargado y una app de mensajería.

Resolver
Practica★★★Sin empezar
Una app de linterna pide permiso para acceder a los contactos, a la ubicación y al micrófono. Analiza si esos permisos son necesarios para su función, qué riesgos tiene…

Una app de linterna pide permiso para acceder a los contactos, a la ubicación y al micrófono. Analiza si esos permisos son necesarios para su función, qué riesgos tiene concederlos sin pensar y redacta un criterio de tres preguntas para decidir qué permisos aceptar en cualquier app.

Resolver

Publicar, confiar y ganar dinero con una app

Una app puede ser nativa (se instala desde la tienda, usa mejor el celular, pero hay que hacerla para cada sistema y actualizarla) o web (se abre en el navegador, funciona en cualquier dispositivo y se actualiza sola, pero depende más de la conexión y accede a menos funciones del aparato).

Las actualizaciones corrigen fallos, cierran huecos de seguridad y añaden mejoras. No actualizar deja la app vulnerable. A veces cambian funciones que te gustaban porque el equipo decidió rediseñarlas o quitarlas.

¿Confío en esta app?

¿De qué vive una app?

Tres celulares que muestran las formas de ganar dinero con una app: gratis con anuncios, de pago y con compras dentro de la app. Anuncio B/. 2.99 B/. 0.99 gratis con anuncios de pago compras dentro de la app

Una app «gratis» con anuncios vive de tu atención y, a veces, de tus datos. Si la usan menores de edad en un colegio, la publicidad invasiva y los cobros que dejan fuera a quien no puede pagar son problemas éticos. Una alternativa es financiarla con apoyo del colegio o de la comunidad, publicarla con licencia libre y mantenerla entre estudiantes y docentes.

Vuelve al principio: la app de propinas de Yariela falló porque nadie la probó con un dato inválido como «abc». Un control de entrada y una prueba con datos raros lo habrían evitado.

Practica★☆☆Sin empezar
Antes de instalar una app de la tienda conviene fijarse en varios datos. Explica qué te aportan las valoraciones, el número de descargas, los permisos que pide y el…

Antes de instalar una app de la tienda conviene fijarse en varios datos. Explica qué te aportan las valoraciones, el número de descargas, los permisos que pide y el nombre del desarrollador, y qué combinación de esos datos te haría desconfiar.

Resolver
Practica★☆☆Sin empezar
Las apps se actualizan cada cierto tiempo. Explica dos motivos por los que conviene mantenerlas actualizadas y un riesgo de no hacerlo, y razona por qué a veces una…

Las apps se actualizan cada cierto tiempo. Explica dos motivos por los que conviene mantenerlas actualizadas y un riesgo de no hacerlo, y razona por qué a veces una actualización cambia funciones que te gustaban.

Resolver
Practica★★☆Sin empezar
Algunas apps se descargan primero como «versión beta» para un grupo pequeño de usuarios. Explica qué significa esa etiqueta, qué ventajas tiene probar así antes del…

Algunas apps se descargan primero como «versión beta» para un grupo pequeño de usuarios. Explica qué significa esa etiqueta, qué ventajas tiene probar así antes del lanzamiento oficial y qué dos cosas deberías esperar de una beta (y no molestarte cuando ocurran).

Resolver

Las apps viven en una red

Una app que usa internet no trabaja sola: depende de una red. En el laboratorio de informática del colegio, tu computadora, la de tus compañeros y la impresora forman una red local (LAN). Internet es una red enorme que une muchas redes.

Practica★★★Sin empezar
Vas a descargar una app para calcular notas y encuentras «SuperNotas». En la tienda de apps observas los siguientes datos: Puntuación media: 4.9 ★ con 2,500…

Vas a descargar una app para calcular notas y encuentras «SuperNotas». En la tienda de apps observas los siguientes datos:

  • Puntuación media: 4.9 ★ con 2,500 valoraciones.

  • Fechas y texto: El 90 % de las 5 ★ se publicaron en solo tres días consecutivos, con textos idénticos («Excelente app») y perfiles sin imagen.

  • Permisos exigidos: Acceso a la agenda de contactos, ubicación precisa y micrófono.

Interpreta estos datos: explica qué práctica fraudulenta está teniendo lugar y qué objetivo persigue. A continuación, predice qué riesgos asume quien la instale guiándose solo por la nota media y redacta dos comprobaciones obligatorias que siempre se deben hacer antes de instalar una app desconocida.

Resolver

Del bloque al texto

Hasta ahora has programado arrastrando bloques. Escribir el programa como texto es el siguiente paso, y las ideas son las mismas: variables, entrada y salida, condicionales, bucles y funciones. Por ejemplo, el conversor de km a millas en Python:

km = float(input("Kilómetros: "))

millas = km / 1.6

print("Son", millas, "millas")

Resumen

Ver todos los ejercicios de este apartado