Remember her: Juego de parejas

En esta sección se resolverán dudas relacionadas con la creación de aplicaciones híbridas, haciendo énfasis en temas relacionados con Javascript y frameworks de Javascript como Angular y Jquery.

Moderator: julianmartinez16

Post Reply
User avatar
DianaValenSep
Posts: 11
Joined: Fri Feb 07, 2020 9:08 am

Remember her: Juego de parejas

Post by DianaValenSep » Fri Feb 14, 2020 8:30 pm

Repositorio con el proyecto de HTML,CSS,JS y grunt 15% Diana Valentina Sepúlveda
https://github.com/DianaValenSep/Activi ... nesMoviles

Repositorio del proyecto remember her
https://github.com/DianaValenSep/AppJuego

WireFrame de la app y exploración de la metáfora
https://upbeduco-my.sharepoint.com/:b:/ ... A?e=Gb2keW

¿Que hemos hecho?
Realizamos el WireFrame, hicimos una exploración de la metáfora, la paleta de colores y realizamos las vistas del WireFrame en HTML con todas las vistas.

¿Qué vamos a hacer?
Vamos a terminar de hacer las vistas en HTML y vamos a integrar la parte gráfica con los componentes de React ya que vamos a trabajar con este Framework.

¿Qué problemas hemos tenido?
Estamos teniendo problema con las dimensiones dadas por el CSS ya que las dimensiones del celular no nos dan con las establecidas con CSS a pesar de ser las mismas, al hacer la prueba da dimensión diferente.

La práctica de grunt de mi compañero no pudo ser subida en este post ya que no tiene internet en este momento y no me pudo mandar el link del repo.
PD: Se subirá mañana y disculpe :D

Integrantes:

Denny Villalobos Martinez
Diana Valentina Sepúlveda Isaza
Last edited by DianaValenSep on Fri Mar 27, 2020 8:05 am, edited 1 time in total.
SuperDiana

User avatar
DianaValenSep
Posts: 11
Joined: Fri Feb 07, 2020 9:08 am

Re: Remember her: Juego de parejas

Post by DianaValenSep » Mon Feb 24, 2020 10:09 am

¿Que hicimos?
En esta entrega realizamos las modificaciones a las dificultades que tuvimos con el wireframe y trabajamos en el HTML y la navegación entre las vistas.

¿Qué vamos a hacer?
Esta semana terminaremos de arreglar las dificultades de la parte visual y seguiremos trabajando en la dinamica del juego con React

¿Que problemas hemos tenido?
Tuvimos un problema en la parte del diseño de wireframe pero se logro solucionar con la asesoria del profesor y apesar de haber tenido hecho desde la semana pasada las vistas nos dimos cuenta que hemos tenido problemas con la ubicación de los elementos HTML.

Repositorio del proyecto
https://github.com/DianaValenSep/AppJuego

Image

Image
SuperDiana

User avatar
DianaValenSep
Posts: 11
Joined: Fri Feb 07, 2020 9:08 am

Re: Remember her: Juego de parejas

Post by DianaValenSep » Fri Feb 28, 2020 9:25 pm

¿Qué hemos hecho?
Se terminaron de modificar las vistas con las dimensiones correctas debido al problema que tuvimos y se esta trabajando en la creación de los componentes de react para las vistas HTML

¿Que problemas hemos tenido?
Debido a nuestra dificultad con el diseño nos vemos en la tarea de diseñar por nuestra cuenta lo que ha requerido y requiere un esfuerzo adicional.

¿Qué vamos a hacer?
Estamos trabajando en la navegación y la dinámica del juego por medio de el despliegue de esos componentes y la adaptación de un nuevo diseño para el Wireframe ya creado.

Evidencia de HTML con parte de la navegación

Image

Evidencia del código trabajado en react

Image

Image
SuperDiana

User avatar
DianaValenSep
Posts: 11
Joined: Fri Feb 07, 2020 9:08 am

Re: Remember her: Juego de parejas

Post by DianaValenSep » Thu Mar 12, 2020 11:35 pm

¿Qué realizamos?
En esta semana realizamos el diseño de las imagenes y la elección de la nueva metáfora de la aplicación, se mantuvo el diseño del wireframe, se quito los niveles timed y se bajo de 5 a 4 niveles, debido a simplicidad del desarrollo.
Se trabajo en la navegación y replanteamiento de la estructura de la aplicación.

¿Que vamos a hacer?
Esta semana debemos ttrabajar fuerte en la funcionalidad de la aplicación y en los ajustes que se deben hacer en el diseño.

¿Que problemas hemos tenido?
El problema ha sido el hecho de tener que hacer desarrollo y diseño a la vez lo que nos ha quitado bastante tiempo para la implementación del juego y para hacer ajustes y nivelarnos con los avances de todo el grupo.

Repositorio con cambios
https://github.com/dennyvim/app

Splash de la aplicación
Image

Instrucciones de la aplicación
Image
SuperDiana

User avatar
DianaValenSep
Posts: 11
Joined: Fri Feb 07, 2020 9:08 am

Re: Remember her: Juego de parejas

Post by DianaValenSep » Fri Mar 20, 2020 9:11 pm

¿Que hemos hecho?
Esta semana realizamos toda la funcionalidad de la aplicación con gráficos incorporados y con la optimización de las imagenes

¿Que vamos a hacer?
Esta semana vamos a realizar la minificacion del codigo css y js

¿Que problemas hemos tenido?
En la implementación de react tuvimos una duda frente a la navegación entre los niveles y la ventana de pasar al siguiente nivel, la cuals solucionamos pidiendo asesoria a un experto en react

Repositorio
https://github.com/dennyvim/app

Funcionalidad de todo el juego
Image
SuperDiana

User avatar
DianaValenSep
Posts: 11
Joined: Fri Feb 07, 2020 9:08 am

Re: Remember her: Juego de parejas

Post by DianaValenSep » Fri Mar 20, 2020 9:16 pm

¿Que hemos hecho?
Realizamos la minificación de los archivo css con mincss en grunt y empezamos a realizar la generación de la APK para subirla a la play store.

¿Que vamos a hacer?
El dia de hoy viernes 20 de marzo hemos trabajado fuertemente en la creación del APK ya que es un proceso algo diferente a los demás compañeros debido a que react solo corre en servidor, por lo que debemos de hacer unos ajustes especiales.

¿Que problemas hemos tenido?
La minificacion por medio del uglify grunt para JS es diferente en nuestro caso ya que estamos trabajando con react por lo que nos ha tocado consultar más pero con exitos y resultados.
Nos toco hacer algunos ajustes a algunas vistas de la app debido a unos problemas al momento de generar el APK

Repositorio
https://github.com/dennyvim/app
SuperDiana

User avatar
DianaValenSep
Posts: 11
Joined: Fri Feb 07, 2020 9:08 am

Re: Remember her: Juego de parejas

Post by DianaValenSep » Wed Mar 25, 2020 5:03 pm

¿Que hemos hecho?
En esta semana realizamos la generación de la versión estatica de la aplicación desde react a JavaScript Vanila y posteriormente se realizo los pasos para la firma de la aplicación por medio de Cordova y el comando jarsigner y zipalign ya que como el profesor nos indico en el ejemplo del ahorcado nos generaron bastantes errores.

¿Que problemas tuvimos?

Al momento de generar la firma tuvimos un pequeño problema con el gif que teniamos para el splash por lo que tuvimos que convertirlo en Mp4 para evitar esa dificultad.


Realizamos el proceso para subir la aplicación a la Play Store de la cual aquí se presenta la evidencia de la app concentrate fruit ya que tuvimos que cambiar el nombre de Remember Her por el cambio de metáfora del proyecto y dificultades de derecho intelectual.

Image


Repositorio con el proyecto finalizado

https://github.com/dennyvim/app
SuperDiana

User avatar
denny.villalobos
Posts: 20
Joined: Mon Jan 25, 2016 1:13 pm

Re: Remember her: Juego de parejas

Post by denny.villalobos » Mon Mar 30, 2020 2:49 am

Hola profe, yo no había hecho la publicación de la primera actividad, acá esta https://github.com/dennyvim/AppMoviles

Post Reply