Publicado por

PR1 DOCUMENTACION

Publicado por

PR1 DOCUMENTACION

Entrega de la actividad PR1 …
Entrega de la actividad PR1 …

Debate0en PR1 DOCUMENTACION

No hay comentarios.

Publicado por

PR1

Publicado por

PR1

Entrega de la actividad PR1 …
Entrega de la actividad PR1 …

Debate0en PR1

No hay comentarios.

Publicado por

PR1 – Batch Cooking

Publicado por

PR1 – Batch Cooking

Muy buenas noches a tod@s, Os presento mi propuesta, se trata de una aplicación que gestiona el proceso de Batch Cooking (preparar…
Muy buenas noches a tod@s, Os presento mi propuesta, se trata de una aplicación que gestiona el proceso de…

Muy buenas noches a tod@s,

Os presento mi propuesta, se trata de una aplicación que gestiona el proceso de Batch Cooking (preparar comidas para toda una semana en una tarde). Os cuento un poco la historia:

La idea surgió a partir de un proyecto que empecé con una amiga, se que es un tema que tiene mucha utilidad y la verdad es que crear una aplicación móvil me parece una integración muy útil. Asi pues también estuve mirando las aplicaciones que ya existían en la Play Store y ninguna tenia todas las funcionalidades que buscaba.

Primeros bocetos de la idea:

Documentación de gran ayuda sobretodo el uso de integraciónes y plugins ya existentes:

El github del proyecto es el siguiente lo podeis descargar y probar, unicamente necesitais los comandos de npm install y npm run dev para tener el proyecto listo.

Link github: https://github.com/Ramonet02/PR1_Batch_Cooking.git

Debate0en PR1 – Batch Cooking

No hay comentarios.

Publicado por

Actividad PR1- Intro Capacitor / knitTracker (Capacitor + Android)

Publicado por

Actividad PR1- Intro Capacitor / knitTracker (Capacitor + Android)

Autor: Nathalia Padrón Knit Tracker App compilada con Capacitor, el web stack utilizado fue Javascript y Vite.js empaquetada en una aplicación Android…
Autor: Nathalia Padrón Knit Tracker App compilada con Capacitor, el web stack utilizado fue Javascript y Vite.js empaquetada en…
Autor: Nathalia Padrón
Knit Tracker App

compilada con Capacitor, el web stack utilizado fue Javascript y Vite.js empaquetada en una aplicación Android con Capacitor.

Para el Reto 1 he configurado y compilado una Aplicación Android con Capacitor. Se llama KnitTracker y es una aplicación para gestionar proyectos de tejido. Cuando se tejen muchos proyectos a la vez, es difícil tener una estructura para llevar el tiempo invertido en cada proyecto y a su vez es difícil conseguir un lugar en común donde guardar información de dónde me encuentro en el proyecto. Esta App ayuda gestionar proyectos de tejido en paralelo. Una unidad usada para leer patrones es el número de la vuelta, en físico se utilizan contadores de punto, pero a menudo es fácil perderlos y ésta App te permite accesar esa información.

Knittracker habilita un contador de vueltas que la persona va incrementando a medida que avanza en la labor, el App guarda en Local Storage esta información. Otra función es la de cronometrar el tiempo invertido en el proyecto, permite que actives el cronómetro cada vez que te sientes a tejer en un proyecto específico. El App permite asignar milestones por cada proyecto que a lo largo del tiempo a medida que se cumplen suman a un porcentaje de progreso. Con cada milestone cumplida el usuario recibe un mensaje celebratorio.

Objetivos del App:
– Crear proyectos de tejido
– Definir milestones
– Medir el tiempo invertido
– Visualizar el progreso
Funcionamiento
1 — Creating and Managing a Project
2- Tracking Progress
3 – Completing a Milestone
Referencias y recursos de aprendizaje

Este proyecto se desarrolló combinando documentación oficial y tutoriales prácticos.

### Documentación oficial

– Documentación de Capacitor
https://capacitorjs.com/docs

– API de Haptics de Capacitor
https://capacitorjs.com/docs/apis/haptics

– Documentación de Vite
https://vitejs.dev/guide/

– Documentación de Android Studio
https://developer.android.com/studio

– API de Web Storage (localStorage)
https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

Recursos en vídeo

– «Capacitor Crash Course»
https://www.youtube.com/watch?v=4n6X9y6Zy6Q

– «Build Android Apps with Capacitor»
https://www.youtube.com/watch?v=8s3vP3k5s0E

– «Vite JS Crash Course»

– «Understanding localStorage in JavaScript»

 

## Probar la Aplicación en el emulador de Android

Puedes correr la aplicación mediante el flujo

«`zsh
npm run build
npx cap sync android
npx cap open android«`

La configuración recomendada es:

Pixel 5, API Level: 33 / 34.

 

Aqui encuentras el link a mi proyecto en Github: https://github.com/NattyDCI/capacitor_app

Debate0en Actividad PR1- Intro Capacitor / knitTracker (Capacitor + Android)

No hay comentarios.

Publicado por

PR1 – Relojes creativos

Publicado por

PR1 – Relojes creativos

La idea surgió de forma bastante rápida ya que quería representar el reloj como si fuese un ser vivo por lo que…
La idea surgió de forma bastante rápida ya que quería representar el reloj como si fuese un ser vivo…

La idea surgió de forma bastante rápida ya que quería representar el reloj como si fuese un ser vivo por lo que la idea de implementar animales resulto muy orgánica. La reinterpretación de la hora además del propio estilo de los números es la representación de los segundos de la que estoy muy orgulloso ya que mediante el visual se entiende el paso del tiempo. Hay 60 puntos de luz que se iluminan de forma progresiva, cuando el último de estos se ilumina se cambia la hora del reloj con una animación sutil.

El mayor reto a nivel de programación ha sido la creación del diseño y de la lógica de los números ya que algunos están formados por mas de una serpiente y la coherencia de diseño es importante.

La paleta de colores esta escogida representando los colores de la jungla.

Serpenr Clock

 

Debate0en PR1 – Relojes creativos

No hay comentarios.