Gestión de mascotas integral a nivel usuario.
Video-Presentación del proyecto
🔸 Video explicativo preliminar
Web Maipets 🗐
Apk Maipets 🚀
Documento PDF Exposición 📜
Breve tutorial de uso de la aplicación, a través de capturas de las pantallas y descripción de uso.
📱 Iniciamos en la pantalla inicial y pulsamos para avanzar el botón.
📱 Disponemos de 2 opciones: Pasar a hacer login si ya tenemos cuenta o registrarnos si somos un nuevo usuario.
🔸 En caso de tener cuenta, introducimos nuestro email y contraseña para entrar. En caso de haber olvidado la contraseña, podemos usar el campo de restaurarla.
🔸 Si no tenemos cuenta, podemos registrarnos.
🔸🔹Siendo usuario tipo familia.
🔸🔹Siendo usuario tipo servicios.
🔸 Para ambas opciones, introducimos los datos requeridos y pulsamos en registrarnos, lo que nos lleva automaticamente a la ventana de login.
📱 Una vez dentro, se dan dos posibles casos:
🔸 Usuario tipo familia con mascotas.
🔸 La aplicacion muestra 3 fichas (Perfil, Mascotas, Servicios) entre las que podemos desplazarnos pulsando en su icono correspondiente.
🔸🔹Ficha perfil:
🔸🔹🔸Para cambiar nuestros datos los editamos y pulsamos el boton de guardar.
🔸🔹🔸Para cambiar la imagen, pulsamos en ella y la seleccionamos desde la cámara o la galería.
🔸🔹🔸Para borrar nuestra cuenta pulsamos el botón correspondiente, debiendo confirmar de nuevo.
🔸 Ficha mascotas:
🔸🔹 Usamos el boton inferior para añadir una mascota, rellenando los campos requeridos y dándole a guardar.
🔸🔹 Sobre una ficha de mascota, con pulsación larga disponemos de 3 opciones:
🔸🔹🔸 Actualizar los datos, que se abreen una ventana emergente y desdeahí podemos editarlos, cambiar la imagen y gaurdar los cambios.
🔸🔹🔸 Gestionar las citas para la mascota
🔸🔹🔸🔹 Añadiendo nueva, donde seleccionamos la modalidad, luego elegimos un negocio disponible, fecha y hora y guardamos, pudiendo añadirla al calendario del movil.
🔸🔹🔸🔹 Visualizandolas citas disponibles, con pulsación larga sobre ellas podemos eliminarlas.
🔸🔹🔸 Eliminar la ficha de la mascota, debiendo hacer una segunda confirmación para borrarla.
🔸 Ficha servicios:
🔸🔹 Se muestra un listado de fichas delos negocios disponibles registrados por usuarios con negocios en la aplicación. Para cada una,con pulsaciónlarga podemos ver una ventana emergente con la descripción del tipo de actividad o negocio.
🔸 Usuario tipo servicios.
🔸 La aplicación muestra 2 fichas (Perfil, Servicios) entre las que podemos desplazarnos pulsando en su icono correspondiente.
🔸🔹 Ficha perfil:
🔸🔹🔸 Para cambiar nuestros datos los editamos y pulsamos el boton de guardar.
🔸🔹🔸 Para cambiar la imagen, pulsamos en ella y la seleccionamos desde la cámara o la galería.
🔸🔹🔸 Para borrar nuestra cuenta pulsamos el botón correspondiente, debiendo confirmar de nuevo.
🔸🔹 Ficha servicios:
🔸🔹 Muestra un listado de fichas de los servicios que el usuario tenga registrados en la aplicación.
🔸🔹🔸 A través del botón nuevo servicio introducimos los campos requeridos y añadimos uno nuevo.
🔸🔹🔸 Con pulsación larga sobre un servicio existente, tenemos dos opciones:
🔸🔹🔸🔹 Actualizar los datos, editando lo que corresponda y guardando posteriormente.
🔸🔹🔸🔹 Eliminar dicho servicio, debiendo confirmar nuevamente su borrado.
📱 En todos los casos, disponemos de un menú superior con 2 opciones:
🔸 Acerca de: Nos redirigirá a aweb de presentación de la aplicación.
🔸 Cerrar sesión: Cierra la sesión existente y no redirige a la pagina de inicio de sesión.
📱 En el caso de tratarse de un usuario administrador, dispondremos de una tercera opción en el menú superior, que es un sistema de gestión de la aplicación y sus usuarios, cas que no conlleva a realización de tutorial de uso.
En esta semana he estado retocando el proyecto base sobre el que voy a rediseñar este proyecto. Al contener bastantes lineas de código, algunas no optimizadas, decidí finalmente la opción de rehacerlo por completo, así que parto de uno nuevo que iré implementando en las semanas sucesivas.
He dedicado el tiempo que tenía en buscar información acerca de la posibilidad del uso de plataformas de redes sociales para el login en la aplicación, y dado que muchos videos y enlaces están desactualizados, ha sido en gran parte una pérdida de tiempo; también he tratado de editar estetícamente a través de paginas que informan sobre las mejores combinaciones de colores para Material Design.
A nivel de código aún no he implementado nada propiamente dicho a través de Android Studio, lo comenzaré la próxima semana.
🔸Buscando combinación de colores: Link web con selección de colores
🔸Buscando templates y diseños amigables: Material Design Kit
🔸Eligiendo tipografía TrueType: Google Fonts
🔸Buscando información para integrar logins:
🔹Login con google en Android
🔹Guía para desarrolladores Android
A la hora del código, he distribuido el inicio de la aplicación teniendo en cuenta los posible tipos de usuarios que podran hacer uso del contenido de la app, y conforme a ello he ido realizando dichas actividades, teniendo una interrupción debido a un fallo de ejecución en el emulador, crasheando la app, sin que haya podido aún solventarlo.
🔸Login con google en Android
🔸Normativa y uso de componentes Material Design
A nivel de código no he avanzado debido a que persiste el error y no he sabido solventarlo; sí he seguido trabajando acerca de como modelar la interacción del usuario con la app y como realizarla acorde a la normativa de google, todo en forma de lectura comprensiva, esta semana ha sido complicada.
🔸Guía arquitectura apps
🔸Política de desarrolladores
Tras una consulta y aclaración al profesorado, finalmente consigo solventar la parte que hacía que fallase la app y puedo continuar con su desarrollo. Realizadas las pantallas de login y registro para cada uno de los usuarios.
🔸Login con google en Android
🔸Normativa y uso de componentes Material Design
He editado la base de datos para tratar de usar la misma que en la versión anterior, y estoy consultando como poder realizar la gestión de administración para ir teniendo una idea de como diseñarla, dado que aún no lo tengo muy claro. Si sé que se realizara su linkeo desde la app cuando detecte que quien la esté usando sea administrador.
Para la próxima semana si me meteré de lleno en darle mas forma al código de la app.
🔸Legislación para páginas web
🔸Busqueda de ideas
He seguido desarrollando los registros para que para cada usuario la aplicacion sepa distinguir la diferencia de perfil. Ello queda reflejado en la base de datos atendienda a un código que incorpora cada usuario para posteriormente poder distinguirlos.
Comienzo con el desarrollo de la pagina principal de la aplicación a través del uso de fragmentos.
🔸Documentación fragmentos
🔸Cómo comunicar contenido con otros fragmentos
He compuesto la actividad principal en tres fragmentos diferentes, que acaparan el perfil de usuario, la pagina principal de mascotas y el tercero, de servicios disponiles para las mascotas.
Realizada correctamente la opción para logeo a través de Firebase.
Tras codificarlos y dejarlos vacios, la aplicaciones fue testeada y logueaba correctamente, pero no cambiaba entre fragmentos. Posteriormente he realizado el inflado de cada uno de los fragmentos a través del NavController, pero al tratar de loguear la app crashea al tratar de inicializar la actividad de usuario. Trás diversos testers y debugs, aún no he conseguido solventarlo.
Edit: Solventado a ultima hora del día 10 de Mayo, era el problema con Material Design y sus restricciones. Comienzo a recodificar el codigo principal existente de la app para la integracion en la actividad pricipal, algo que no incluyo en esta version preliminar para evitar crasheos.
Adjunto el enlace de la aplicacion tal cual tengo desarrollada hasta ahora y el video explicativo.
💾Apk de la aplicación
📹Video explicativo
He estado trabajando en cada uno de los fragmentos que contienen la actividad principal del usuario, desarrollando el cardview y el recyclerView para mostrar el listado de mascotas que el usuario posee y sus datos. Quedan aun modificaciones que realizarle para los datos que debe mostrar.
Respecto al fragmento dedicado el perfil de usuario he empezando a maquetarlo.
Respecto a la página web para la parte HTML5 y CSS, he empezado a realizarla, teniendo en cuenta los requisitos de realización, aunque aún no está subida a nigún servidor.
🔸Documentación fragmentos
🔸Documentación cardview
🔸Documentación recyclerview
Se ha modificado el fragmento de perfil, tratando de implementar el poder tomar una fotografía y ponerla de imagen de perfil a través de la librería MagicalCamera.Este desarrollo será tambien aplicable a las fotografías de las mascotas en el fragmento de listado de cards de la actividad principal del usuario.
Edit: Terminado el fragmento del profile, en el que se ha habilitado el método OnResume para que cuando se vuelva a esta actividad y detecte cambio de imagen, la actualice.
Comienzo a programar la actividad para poder añadir nuevas mascotas a cada usuario.
🔸Documentación fragmentos
🔸MagicalCamera
🔸Ciclo de vida actividad
Terminada la parte a nivel usuario doméstico, a falta de implementar la lectura de los servicios disponibles agregados por los perfiles profesionales. Edit: Terminado.
Arreglada la navegación, lectura, edición y borrado de datos anidados en el arbol dedirectorios de Firebase, configurandose la BBDD en cuatro tablas que son Usuarios, Mascotas, Servicios y Citas. En la primera se distingue entre cada tipo de usuario por su ID único y por su codigo que indica el tipo de usuario; En la segunda, existen subdirectorios por cada usuario y en ellos estás sus mascotas, cada una con su ID único; En la tercera, están ordenados por ID único, conteniendo cada uno el código del profesional al que pertenece.Y en la última, figuran datos tanto del profesional, como del usuario que realia lacita y para que mascota.
Realizada otra opcion del menu contextual para mascotas, que lleva poder pedir citas en los diferentes servicios registrados en la app. Solo pueden sacarse citas si el servicio ha sido registrado por algún profesional.
Implementado método onClick para que funcione en los adapter, a la hora de seleccionar datos internos, ya que es menos óptimo a mi entender tener que usar menú contextual.
Arreglando temas estéticos acorde a lo que creo es facilmente funcional y simple, en pro de que puedan disponer los usuarios de una app fácil de manejar e intuitiva.
🔸Documentación fragmentos
🔸MagicalCamera
🔸Ciclo de vida actividad
🔸Apertura archivos
Terminado el grueso de la app Android, a falta de realizar más tester. Se han realizado ya comprobaciones para evitar loops en el funcionamiento, además de verificaciones decontenido de los campos solicitados al usuario.
Implementados servicios y notificaciones, además de añadir audios personalizados a la aplicación.
En el tema estético me he basado en una composición básica de 3 colores, que son el negro, blanco y amarillo anaranjado,para una mejor visualización, además de estar adaptada a personas con daltonismo, y verificado este apartado por un conocido con daltonismo.
Usado storage de Firebase para el almacenamiento de las imagenes, referenciadas estas, sean de perfil o de mascotas, a su correspondiente ficha en la BBDD.
Comienzo maquetado de la página web, ya que descarto una versión anterior, por no adaptarse a mis preferencias.
EDIT: Terminada página web, con manejo de resoluciones por Media Query, con contenido multimedia tipo video, audio de fondo, logos svg, animaciones e instalador descargable.
Para implementar la parte de Sistemas de Gestión Empresarial, he diseñado un acceso, solo para el administrador, a una sección de gestión de clientes, en la que a través de diferentes apartados y popups se trata un CRM aplicado al modelo de negocio de la app, en el que el administrador puede controlar los datos básicos de cada cliente (datos de contacto, el tipo de cliente...), los servicios y productos relacionados con el cliente y un canal de comunicación (vía telefónica o email).
🔸Descripción general del proveedor de calendario
🔸Cómo firmar tu app
🔸Descripción general de MediaPlayer
🔸Descripción general de los servicios
🔸Icons Material Design
Testeo de la app en varios terminales y emuladores. Verificadas las comprobaciones de todos los campos de interacción con el usuario, y así evitados algunos fallos detectados. No se detectan crasheos en ninguna emulación.
Página web de presentación de la app terminada, conteniendo Media Querys para cambiar elementos según la resolución del movil. Incluido audio de fondo en la página, notable a través de Firefox, Chrome ha dejado de dar soporte al audio incrustado en la web hasta que no se interaccione con ella previamente.
Implementada ya en su totalidad la parte de SGE, de solo acceso por el admin, donde se gestionan los clientes. Se compone de tres apartados:
🏷️El primero, de gestión de la cartera de clientes o usuarios de la app, con posibilidad de visualización de todos sus datos, y posibilidad de eliminar dicho usuario de la BBDD.
🏷️El segundo, en el que se discrecciona a los usuarios para ver solo los tipos de usuarios que ofertan un servicio para las mascotas, pudiendo ver que tipo de servicios han ofertado y la descripción del mismo para controlar el contenido.
🏷️El tercero, que supone la vía de comunicación entre el gestor de la BBDD y los usuarios finales, en el que se puede contactar con estos a través de un evento email en todos los casos, de manera que la app se apoya en una herramienta externa de email para crear los mensajes, recordatorios, notas y demás comunicaciones necesarias para su gestión de usuarios. Inclusive, a nivel de contacto en caso de servicios profesionales, se puede contactar vía telefonica con los usuarios tipo servicios desdela propia app, ya que lanza un DIAL con el número de teléfono.
Realizado el tutorial breve de uso de la aplicación con capturas de pantalla incluidas, y publicado en el repositorio. Inclusive se ha realiado también el documento pdf para la exposición.
Página web subida a un dominio propio, puede visitarse aqui
🔸Descripción general del proveedor de calendario
🔸Documentación calendar Contracts
🔸Intents comunes
🔸Como crear una app de llamadas
Se trata de una app que trata de aunar en una misma aplicación la gestión de nuestras mascotas del hogar, su atención y cuidado, e implementar tambien utilidades como gestión de calendario y citas con el veterinario.
El objetivo de la aplicacion es hacer más facil y asequible que los propietarios de mascotas puedan llevar el mantenimiento y cuidado de estás de forma más organizada, de manera que sea la app quien se encarge que programar los avisos necesarios, ya sean de compra de alimento, recordatorios de paseos, citas programadas, peluquería, etc...
Así, el publico objetivo de esta aplicaciones son los amantes de las mascotas, e inclusive personas que estén pensando adquirir una, ya ue pueden registrarse e ir conociendo los servicios disponibles.
De forma técnica, el proyecto constará de una aplicación desarrollada bajo la aplicación Android Studio, haciendo hincapíe en un diseño apoyado en fragmentos,de forma que sea mas amigable e intuitiva la interfaz, y con apoyo en popups, que se manejan de forma más facil, desde la cual se podrá acceder a las principales funciones.
La interfaz iniciará e una actividad de logeo, con opciones de registro y restaruación de contraseña, la cual desembocará en la actividad principal de la app, que contendrá la página de usuario, de ambos tipos familia o servicio, con uso a través de cards, reclycerViews y modales para mostrar su contenido, y con llamadas a librerías para poder usar la cámara, acceder a la galería, al calendario, crear eventos, usando tambien widgets de selección de datos.
Constará también de un menú contextual, el cual servirá de enlace a la gestión del perfil de usuario, si este esadministrador, información tecnica de la aplicación con un enlace a su web y como via de deslogeo.
Dicho perfil de gestión de usuarios, solo disponible para administración, se implementa en la propia aplicación nativa (con apoyo de aplicación externa de correo electrónico), y donde se accederá a la BBDD de usuarios.
Nos valdremos de los siguientes medios:
Android Studio para el desarrollo de la app
Visual Studio Code para el desarrollo de la web y edición del readme
InkScape para el diseño de logos
Contenido opensource de la red