
Actividad diagnostica
Objetivo:Identificar los conocimientos previos de los estudiantes en HTML, CSS y lógica básica de diseño web.Instrucciones:Crea una página web simple con un archivo index.html.La página debe contener:Un título principal con tu nombre.Un párrafo donde describas qué entiendes por "aplicaciones web progresivas".Una lista (puede ser ordenada o no ordenada) con 3 aplicaciones web que uses en tu día a día.Una imagen (puede ser de internet o de tu computadora).Aplica algo de estilo con CSS interno o...

App móvil con CRUD conectado a servidor LAMP
Objetivo generalDesarrollar una app móvil en React Native (Expo) capaz de conectarse a una API PHP que realiza operaciones CRUD sobre una tabla en MySQL, todo dentro de una red local.Herramientas necesariasMySQ: Base de datosPHP (Apache o XAMPP): API en backendReact Native + ExpoApp: móvil frontendPostman (opcional): Prueba de endpoints APIVS Code: Editor de códigoExpo Go: Pruebas en el móvil (iOS/Android)Parte 1: Crear la base de datosEn phpMyAdmin o línea de comandos de MySQL:CREATE DATABAS...

La señal que nunca llegó
Lucas tenía una visión: crear una app que ayudara a pequeños productores locales a vender sus cosechas directamente a consumidores urbanos. Nada de intermediarios, solo conexión. La llamó Raíz. Desde su pequeño estudio en Oaxaca, con más corazón que presupuesto, construyó una app limpia, intuitiva y optimista. El diseño estaba listo. Las funciones estaban listas. Los productores estaban listos. Solo faltaba que el mundo se conectara con ella. El día del lanzamiento fue como un amanecer. Lucas...

Actividad diagnostica
Objetivo:Identificar los conocimientos previos de los estudiantes en HTML, CSS y lógica básica de diseño web.Instrucciones:Crea una página web simple con un archivo index.html.La página debe contener:Un título principal con tu nombre.Un párrafo donde describas qué entiendes por "aplicaciones web progresivas".Una lista (puede ser ordenada o no ordenada) con 3 aplicaciones web que uses en tu día a día.Una imagen (puede ser de internet o de tu computadora).Aplica algo de estilo con CSS interno o...

App móvil con CRUD conectado a servidor LAMP
Objetivo generalDesarrollar una app móvil en React Native (Expo) capaz de conectarse a una API PHP que realiza operaciones CRUD sobre una tabla en MySQL, todo dentro de una red local.Herramientas necesariasMySQ: Base de datosPHP (Apache o XAMPP): API en backendReact Native + ExpoApp: móvil frontendPostman (opcional): Prueba de endpoints APIVS Code: Editor de códigoExpo Go: Pruebas en el móvil (iOS/Android)Parte 1: Crear la base de datosEn phpMyAdmin o línea de comandos de MySQL:CREATE DATABAS...

La señal que nunca llegó
Lucas tenía una visión: crear una app que ayudara a pequeños productores locales a vender sus cosechas directamente a consumidores urbanos. Nada de intermediarios, solo conexión. La llamó Raíz. Desde su pequeño estudio en Oaxaca, con más corazón que presupuesto, construyó una app limpia, intuitiva y optimista. El diseño estaba listo. Las funciones estaban listas. Los productores estaban listos. Solo faltaba que el mundo se conectara con ella. El día del lanzamiento fue como un amanecer. Lucas...

Subscribe to Frexus

Subscribe to Frexus
Share Dialog
Share Dialog


<100 subscribers
<100 subscribers
Desarrollar una aplicación funcional para un smartwatch con Wear OS que muestre el ritmo cardíaco simulado, permita una navegación clara mediante una interfaz optimizada y se vincule a un teléfono Android para mostrar notificaciones y sincronización básica de datos.
Android Studio instalado
SDK para Wear OS
Emulador Wear OS + Emulador Android (o dispositivo físico Android)
Conocimientos básicos de programación en Kotlin o Java
Conexión a internet
Abre Android Studio.
Instala el SDK de Wear OS desde el SDK Manager.
Crea dos emuladores:
Uno con Wear OS (recomendado: Wear OS Round API 30 o superior).
Uno con Android Phone (API 30 o superior).
Selecciona “New Project” y elige la plantilla “Wear OS Empty Activity”.
Nombra tu app: SaludConectadaWear
Usa Kotlin (o Java) como lenguaje.
En res/layout/activity_main.xml, reemplaza con lo siguiente para una UI minimalista:
<androidx.wear.widget.BoxInsetLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/heartRateText"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Ritmo: -- bpm"
android:textSize="18sp"
android:layout_gravity="center"/>
</androidx.wear.widget.BoxInsetLayout>
En MainActivity.kt, agrega código para mostrar un ritmo cardíaco simulado (puede cambiar aleatoriamente cada 5 segundos):
val heartRateText: TextView = findViewById(R.id.heartRateText)
val handler = Handler(Looper.getMainLooper())
val runnable = object : Runnable {
override fun run() {
val bpm = (60..100).random()
heartRateText.text = "Ritmo: $bpm bpm"
handler.postDelayed(this, 5000)
}
}
handler.post(runnable)
Asegúrate de usar colores contrastantes y tipografía legible.
Aplica Material Design para Wear OS (puedes usar WearableRecyclerView si agregas más pantallas).
Usa navegación por gestos si deseas ampliar a más actividades.
En Android Studio, crea un nuevo módulo o proyecto con plantilla "Empty Activity".
Nombra el proyecto SaludConectadaPhone.
Diseña una pantalla básica con un TextView para mostrar el último ritmo cardíaco recibido.
Usa Bluetooth o capacidad de Data Layer API para vinculación (opcional si estás comenzando: simula la recepción del dato por medio de una notificación).
Desde el wearable, crea una notificación que se envíe al teléfono si el ritmo supera cierto umbral (p.ej., 90 bpm).
En la app del teléfono, configura un receptor para mostrar la notificación (o simplemente prueba que llegue vía log).
Usa este ejemplo de intent:
if (bpm > 90) {
val notificationManager = NotificationManagerCompat.from(this)
val notification = NotificationCompat.Builder(this, "alert")
.setContentTitle("Alerta de ritmo cardíaco")
.setContentText("Ritmo elevado detectado: $bpm bpm")
.setSmallIcon(R.drawable.ic_heart)
.build()
notificationManager.notify(1, notification)
}
Más información:
https://www.frexus.dev/post/aplicaciones-para-wearables-introduccion/
Desarrollar una aplicación funcional para un smartwatch con Wear OS que muestre el ritmo cardíaco simulado, permita una navegación clara mediante una interfaz optimizada y se vincule a un teléfono Android para mostrar notificaciones y sincronización básica de datos.
Android Studio instalado
SDK para Wear OS
Emulador Wear OS + Emulador Android (o dispositivo físico Android)
Conocimientos básicos de programación en Kotlin o Java
Conexión a internet
Abre Android Studio.
Instala el SDK de Wear OS desde el SDK Manager.
Crea dos emuladores:
Uno con Wear OS (recomendado: Wear OS Round API 30 o superior).
Uno con Android Phone (API 30 o superior).
Selecciona “New Project” y elige la plantilla “Wear OS Empty Activity”.
Nombra tu app: SaludConectadaWear
Usa Kotlin (o Java) como lenguaje.
En res/layout/activity_main.xml, reemplaza con lo siguiente para una UI minimalista:
<androidx.wear.widget.BoxInsetLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/heartRateText"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Ritmo: -- bpm"
android:textSize="18sp"
android:layout_gravity="center"/>
</androidx.wear.widget.BoxInsetLayout>
En MainActivity.kt, agrega código para mostrar un ritmo cardíaco simulado (puede cambiar aleatoriamente cada 5 segundos):
val heartRateText: TextView = findViewById(R.id.heartRateText)
val handler = Handler(Looper.getMainLooper())
val runnable = object : Runnable {
override fun run() {
val bpm = (60..100).random()
heartRateText.text = "Ritmo: $bpm bpm"
handler.postDelayed(this, 5000)
}
}
handler.post(runnable)
Asegúrate de usar colores contrastantes y tipografía legible.
Aplica Material Design para Wear OS (puedes usar WearableRecyclerView si agregas más pantallas).
Usa navegación por gestos si deseas ampliar a más actividades.
En Android Studio, crea un nuevo módulo o proyecto con plantilla "Empty Activity".
Nombra el proyecto SaludConectadaPhone.
Diseña una pantalla básica con un TextView para mostrar el último ritmo cardíaco recibido.
Usa Bluetooth o capacidad de Data Layer API para vinculación (opcional si estás comenzando: simula la recepción del dato por medio de una notificación).
Desde el wearable, crea una notificación que se envíe al teléfono si el ritmo supera cierto umbral (p.ej., 90 bpm).
En la app del teléfono, configura un receptor para mostrar la notificación (o simplemente prueba que llegue vía log).
Usa este ejemplo de intent:
if (bpm > 90) {
val notificationManager = NotificationManagerCompat.from(this)
val notification = NotificationCompat.Builder(this, "alert")
.setContentTitle("Alerta de ritmo cardíaco")
.setContentText("Ritmo elevado detectado: $bpm bpm")
.setSmallIcon(R.drawable.ic_heart)
.build()
notificationManager.notify(1, notification)
}
Más información:
https://www.frexus.dev/post/aplicaciones-para-wearables-introduccion/
No activity yet