Descubriendo Medellín

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

User avatar
julian_acostajllo
Posts: 8
Joined: Tue Jul 16, 2019 2:50 pm

Re: Conociendo Medellín

Post by julian_acostajllo » Mon Oct 21, 2019 8:09 pm

GIF Avance: https://imgur.com/a/z8vSJtL

Evidencia: Image
Julián Acosta Jaramillo
Facultad de Ingeniería de Sistemas e Informática
Curso de Aplicaciones Móviles

User avatar
CrackMayo
Posts: 11
Joined: Tue Jul 16, 2019 2:51 pm

Re: Conociendo Medellín

Post by CrackMayo » Tue Oct 22, 2019 2:48 pm

Evidencia:

Image
Juan Felipe Tamayo Ospina.
Estudiante de Ingeniería de Sistemas e Informática.
Aplicaciones Móviles 2019 - II.

User avatar
juan.guzmant
Posts: 50
Joined: Sat Feb 06, 2016 2:51 pm

Re: Conociendo Medellín

Post by juan.guzmant » Tue Oct 22, 2019 4:09 pm

Image
Image
Image
Juan Camilo Guzmán Toro.
🐲
EZ PZY

User avatar
juan.guzmant
Posts: 50
Joined: Sat Feb 06, 2016 2:51 pm

Re: Descubriendo Medellín

Post by juan.guzmant » Tue Oct 22, 2019 4:28 pm

Para el siguiente Sprint se plantea:
  • Juan F. Tamayo Desarrollar lógica del juego Adivina(JS)
  • Juan Camilo Guzmán T Pulir lógica del juego Concentrate(JS)
  • Julián Acosta Mejorar detallado del rompecabezas y manejo de distintos diseños
Juan Camilo Guzmán Toro.
🐲
EZ PZY

User avatar
CrackMayo
Posts: 11
Joined: Tue Jul 16, 2019 2:51 pm

Re: Descubriendo Medellín

Post by CrackMayo » Mon Oct 28, 2019 9:54 pm

SPRINT 4

¿Qué se ha hecho?
-Detalles del diseño del rompecabezas y mejoras en la jugabilidad.
-Desarrollo de la funcionalidad básica del Adivina y se han agregado las animaciones necesarias para el eclipse.
-Se ha completado detalles en la lógica del Concéntrate y se han agregado las animaciones de las cartas.

¿Qué se va a hacer?
-Detallar gráficamente y lógicamente cada uno de los juegos.
-Generar el apk con Cordova.
-Probar los juegos en una tablet.

¿Qué Problemas se han tenido?
-Ajustes en los juegos específicamente.
Juan Felipe Tamayo Ospina.
Estudiante de Ingeniería de Sistemas e Informática.
Aplicaciones Móviles 2019 - II.

User avatar
juan.guzmant
Posts: 50
Joined: Sat Feb 06, 2016 2:51 pm

Re: Descubriendo Medellín

Post by juan.guzmant » Tue Oct 29, 2019 1:11 pm

Evidencias Juego Concentrate

Image

Code: Select all

function addCardClass(){
    // console.log(array_cartas);
         
    for (let i = 0; i < array_cartas.length; i++) {
        let number_card = array_card_numbers[i]
        let card = array_cartas[i];
        let nameCardClass = "";
        switch (number_card) {
            case 1:
                nameCardClass = 'cruz'; 
                card.classList.add("1");
                break;
            case 2:
                nameCardClass = 'iglesia';
                card.classList.add("2");
                break;
            case 3:
                nameCardClass = 'jesus';
                card.classList.add("3");
                break;
            case 4:
                nameCardClass = 'metrocable';
                card.classList.add("4");
                break;
            case 5:
                nameCardClass = 'puente';
                card.classList.add("5");
                break;
            case 6:
                nameCardClass = 'silla';
                card.classList.add("6");
                break;
            case 7:
                nameCardClass = 'virgen';
                card.classList.add("7");
                break;
        
            default:
                break;
        }
        cards_reference[`${i}`] = [nameCardClass, false]; //[0] -> classname, [1] -> if checked
        
    }
}

Code: Select all

function flip(element){
   changeClassFlip(element);
   if(cardStack.length <= 2){
    element.classList.add('flipInY');
    cardStack.push(element);
    reveal(element)
   }else{
    //    do nothing, cards remain 
   }
    
}

Code: Select all

function reveal(card){
    let id = card.id.substring(6);
    card.classList.add(cards_reference[id][0])
    check()
    win();// Check if win
    
}

Code: Select all

function changeClassFlip(element){
    if(element.classList.contains('flipInY')){
        element.classList.remove('flypInY')
    }
}
Juan Camilo Guzmán Toro.
🐲
EZ PZY

User avatar
julian_acostajllo
Posts: 8
Joined: Tue Jul 16, 2019 2:50 pm

Re: Descubriendo Medellín

Post by julian_acostajllo » Tue Oct 29, 2019 1:24 pm

Julián Acosta Jaramillo
Facultad de Ingeniería de Sistemas e Informática
Curso de Aplicaciones Móviles

User avatar
CrackMayo
Posts: 11
Joined: Tue Jul 16, 2019 2:51 pm

Re: Descubriendo Medellín

Post by CrackMayo » Tue Oct 29, 2019 2:37 pm

Evidencia:

Image
Juan Felipe Tamayo Ospina.
Estudiante de Ingeniería de Sistemas e Informática.
Aplicaciones Móviles 2019 - II.

User avatar
CrackMayo
Posts: 11
Joined: Tue Jul 16, 2019 2:51 pm

Re: Descubriendo Medellín

Post by CrackMayo » Tue Oct 29, 2019 3:24 pm

Para la entrega final el equipo procede a trabajar en las siguientes tareas:
  • Julián Acosta Jaramillo: Enlazar pantalla de game won del minijuego tipo rompecabezas, adicionalmente mejorar la jugabilidad del mismo (js).
  • Juan David Guzmán: Enlazar pantalla de game won del minijuego llamado Concéntrate (js).
  • Juan Felipe Tamayo Ospina: Mejorar los efectos del teclado cuando se presiona una botón específico (css).
Tareas generales del equipo:
  • Detallar gráficamente y lógicamente cada uno de los juegos, es decir, revisar que todo este acorde al diseño y que la aplicación funcione bien.
  • Generar el apk con Cordova.
  • Probar los juegos en una tablet y hacer los ajustes respectivos.
Last edited by CrackMayo on Thu Nov 07, 2019 9:45 pm, edited 1 time in total.
Juan Felipe Tamayo Ospina.
Estudiante de Ingeniería de Sistemas e Informática.
Aplicaciones Móviles 2019 - II.

User avatar
juan.guzmant
Posts: 50
Joined: Sat Feb 06, 2016 2:51 pm

Re: Descubriendo Medellín

Post by juan.guzmant » Wed Nov 06, 2019 2:31 pm

¿Qué se hizo?
  • Se corrigieron errores de lógica presentes en los juegos
  • Se realizo un merge de las distintas ramas de trabajo
  • Se conectaron todas las vista
  • Se desplegó el apk en la tablet del laboratorio
  • Se hicieron correcciones sobre las vistas
Evidencias
Image
Image
Image
Image
Image
Image
Image
Image
Image


Image


Dificultades
  • En un principio la resolución que se planteó, no se adaptaba completamente a la de la tablet que se eligió
  • Nos percatamos tarde de cambios en las interfaces; dichos cambios se habían hecho directamente en Figma
Image
Image

Presentación
Juan Camilo Guzmán Toro.
🐲
EZ PZY

Post Reply