Page 1 of 2

Construapp

Posted: Mon Jan 28, 2019 3:42 pm
by davidv.m

Sprint 1

Posted: Mon Jan 28, 2019 9:49 pm
by davidv.m
Sprint 1
Fecha inicio: 28-01-2019 Fecha fin:04-02-2019




¿Que hice hasta hoy?
Se generó idea de proyecto. 2
-Mirar post anterior.

Se hizo una posible lista de actividades. 2
-Mirar Post anterior (ultima diapositiva).

se relalizó registro en holamundo.co. 1
Se desarrollo y se expuso modelo de negocio.2
-Mirar post anterior (5ta diapositiva).

Enlistar actividades en trello. 1
Especificar requisitos. 2
Image

Crear repositorio. 1
https://github.com/davidvmDev/construapp

¿Que voy hacer?
Consultar más sobre posibles frameworks y IDEs para desarrolar.
Planear Sprint #2.

¿Que problemas se ha tenido?
La fuente de ingresos fue muy dificil de esclarecer.
la lista de actividades no se veia bien.
Velocidad inicial:11
Velocidad final:10

Re: Construyapp

Posted: Mon Feb 04, 2019 4:25 pm
by davidv.m
Sprint 2
Fecha inicio: 04-02-2019 Fecha fin:11-02-2019

Actividades
  • Consultar frameworks y ambientes de desarrollo posibles (2 canales) y Consultar con profesores de la universidad. 2
  • Diseñar interfaces.(minimo 3 Wireframes). 3
  • Agendar cita con Profesionales de la construccion para preguntar materia prima basicas.2
¿Que hice hasta hoy?
  • Consultar frameworks y ambientes de desarrollo posibles, asistir a meetup y Consultar con profesores de la universidad. 2
    Image
    Image
  • Diseñar interfaces.(minimo 3 Wireframes). 3
    Image
    Image
    Image
    Image
  • Inscribirme en Cursos de Html, css y javascript 2
    Image
¿Que voy hacer?
  • Agendar cita con Profesionales de la construccion para preguntar materia prima basicas.
  • Planear Sprint #3
¿Que problemas se ha tenido?
  • No se puedo agendar cita.
Velocidad inicial:7
Velocidad final:5

Re: Construyapp

Posted: Mon Feb 11, 2019 3:35 pm
by davidv.m
Sprint 3
Fecha inicio: 11-02-2019 Fecha fin:18-02-2019
Actividades
  • Realizar diagrama de flujo. 3
  • Descargar y poner a funcionar phonegap para hacer el hola mundo.4
  • Se hizo el primer capitulo. 3
¿Que hice hasta hoy?
  • Realizar diagrama de flujo. 3
    Image
  • Descargar y poner a funcionar phonegap para hacer el hola mundo.4
    Image
    Image
    Image
  • Se hizo el primer capitulo. 3
    Image
¿Que voy hacer?
  • Planear el 4 sprint
¿Que problemas tuvo?
  • No hubo problemas
Velocity inical: 10
Velocity final:10

Re: Construyapp

Posted: Mon Feb 18, 2019 3:54 pm
by davidv.m
Sprint 4
Fecha inicio: 18-02-2019 Fecha fin:25-02-2019
Actividades
  • Realizar diagrama de casos de uso 3
  • desarrollar pagina de inicio 4
  • Realizar el segundo capitulo del curso. 2
Velocidad inicial: 9
¿Que hice hasta hoy?
  • Se realizó el diagrama de casos de uso.3
    Image
  • Se realizó un protitipo de pagina de registro o login.5
    Image

    Code: Select all

    <body>
        <div class="login-wrap">
            <div class="login-html">
                <div>
                <img src="img\logo2.JPG"  id="logo">
            </div>
                <input id="tab-1" type="radio" name="tab" class="sign-in" checked><label for="tab-1" class="tab">Ingresar</label>
                <input id="tab-2" type="radio" name="tab" class="sign-up"><label for="tab-2" class="tab">Nuevo</label>
                <div class="login-form">
                    <div class="sign-in-htm">
                        <div class="group">
                            <label for="user" class="label">Usuario</label>
                            <input id="user" type="text" class="input">
                        </div>
                        <div class="group">
                            <label for="pass" class="label">Contraseña</label>
                            <input id="pass" type="password" class="input" data-type="password">
                        </div>
                        <div class="group">
                            <input id="check" type="checkbox" class="check" checked>
                            <label for="check"><span class="icon"></span> Mantenme iniciado</label>
                        </div>
                        <div class="group">
                            <input type="submit" class="button" value="Sign In">
                        </div>
                        <div class="hr"></div>
                        <div class="foot-lnk">
                            <a href="#forgot">¿Olvidó su contraseña?</a>
                        </div>
                    </div>
                    <div class="sign-up-htm">
                        <div class="group">
                            <label for="user" class="label">Usuario</label>
                            <input id="user" type="text" class="input">
                        </div>
                        <div class="group">
                            <label for="pass" class="label">Contraseña</label>
                            <input id="pass" type="password" class="input" data-type="password">
                        </div>
                        <div class="group">
                            <label for="pass" class="label">Repita la contraseña</label>
                            <input id="pass" type="password" class="input" data-type="password">
                        </div>
                        <div class="group">
                            <label for="email" class="label">Email</label>
                            <input id="email" type="text" class="input">
                        </div>
                        <div class="group">
                            <input type="submit" class="button" value="Sign Up">
                        </div>
                        <div class="hr"></div>
                        <div class="foot-lnk">
                            <button class="loginBtn loginBtn--google">
                                Login with Google
                            </button>
    
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>

    Code: Select all

    body {
        margin: 0;
        color: #6a6f8c;
        background: #1a3263;
        font: 600 16px/18px 'Open Sans',sans-serif;
    }
    *,:after,:before{box-sizing:border-box}
    .clearfix:after,.clearfix:before{content:'';display:table}
    .clearfix:after{clear:both;display:block}
    a{color:inherit;text-decoration:none}
    #logo {
        width: 100%;
        padding-left: 0px;
        position: relative;
        padding-bottom: 30px;
    }
    .login-wrap {
        width: 100%;
        margin: auto;
        max-width: 525px;
        min-height: 670px;
        position: relative;
       
        background-color: #fab95b;
    }
    .login-html {
        width: 100%;
        height:100%;
        position: absolute;
        padding: 50px 70px 50px 70px;
        background-color: #1a3263;
    }
    .login-html .sign-in-htm,
    .login-html .sign-up-htm{
    	top:0;
    	left:0;
    	right:0;
    	bottom:0;
    	position:absolute;
    	transform:rotateY(180deg);
    	backface-visibility:hidden;
    	transition:all .4s linear;
    }
    .login-html .sign-in,
    .login-html .sign-up,
    .login-form .group .check{
    	display:none;
    }
    .login-html .tab,
    .login-form .group .label,
    .login-form .group .button{
    	text-transform:uppercase;
    }
    .login-html .tab{
    	font-size:22px;
    	margin-right:15px;
    	padding-bottom:5px;
    	margin:0 15px 10px 0;
    	display:inline-block;
    	border-bottom:2px solid transparent;
    }
    .login-html .sign-in:checked + .tab,
    .login-html .sign-up:checked + .tab{
    	color:#fff;
    	border-color:#1161ee;
    }
    .login-form{
    	min-height:345px;
    	position:relative;
    	perspective:1000px;
    	transform-style:preserve-3d;
    }
    .login-form .group{
    	margin-bottom:15px;
    }
    .login-form .group .label,
    .login-form .group .input,
    .login-form .group .button{
    	width:100%;
    	color:#fff;
    	display:block;
    }
    .login-form .group .input,
    .login-form .group .button{
    	border:none;
    	padding:15px 20px;
    	border-radius:25px;
    	background:rgba(255,255,255,.1);
    }
    .login-form .group input[data-type="password"]{
    	text-security:circle;
    	-webkit-text-security:circle;
    }
    .login-form .group .label{
    	color:#aaa;
    	font-size:12px;
    }
    .login-form .group .button{
    	background:#1161ee;
    }
    .login-form .group label .icon{
    	width:15px;
    	height:15px;
    	border-radius:2px;
    	position:relative;
    	display:inline-block;
    	background:rgba(255,255,255,.1);
    }
    .login-form .group label .icon:before,
    .login-form .group label .icon:after{
    	content:'';
    	width:10px;
    	height:2px;
    	background:#fff;
    	position:absolute;
    	transition:all .2s ease-in-out 0s;
    }
    .login-form .group label .icon:before{
    	left:3px;
    	width:5px;
    	bottom:6px;
    	transform:scale(0) rotate(0);
    }
    .login-form .group label .icon:after{
    	top:6px;
    	right:0;
    	transform:scale(0) rotate(0);
    }
    .login-form .group .check:checked + label{
    	color:#fff;
    }
    .login-form .group .check:checked + label .icon{
    	background:#1161ee;
    }
    .login-form .group .check:checked + label .icon:before{
    	transform:scale(1) rotate(45deg);
    }
    .login-form .group .check:checked + label .icon:after{
    	transform:scale(1) rotate(-45deg);
    }
    .login-html .sign-in:checked + .tab + .sign-up + .tab + .login-form .sign-in-htm{
    	transform:rotate(0);
    }
    .login-html .sign-up:checked + .tab + .login-form .sign-up-htm{
    	transform:rotate(0);
    }
    
    .hr{
    	height:2px;
    	margin:20px 0 20px 0;
    	background:rgba(255,255,255,.2);
    }
    .foot-lnk{
    	text-align:center;
        padding-bottom:20px;
    }
    .loginBtn {
        box-sizing: border-box;
        position: relative;
        /* width: 13em;  - apply for fixed size */
        padding: 0 15px 0 46px;
        border: none;
        text-align: left;
        line-height: 34px;
        white-space: nowrap;
        border-radius: 0.2em;
        font-size: 16px;
        color: #FFF;
    }
    
        .loginBtn:before {
            content: "";
            box-sizing: border-box;
            position: absolute;
            top: 0;
            left: 0;
            width: 34px;
            height: 100%;
        }
    
        .loginBtn:focus {
            outline: none;
        }
    
        .loginBtn:active {
            box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
        }
    
    .loginBtn--google {
        /*font-family: "Roboto", Roboto, arial, sans-serif;*/
        background: #DD4B39;
       
    }
    
        .loginBtn--google:before {
            border-right: #BB3F30 1px solid;
            background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_google.png') 6px 6px no-repeat;
        }
    
        .loginBtn--google:hover,
        .loginBtn--google:focus {
            background: #E74B37;
        }
¿Que se va hacer?
  • Terminar el segundo capitulo del curso.(me tomo más tiempo hacer la pagina inicial)
  • Planear sprint 5
¿Que problemas se tuvo?
  • Hacer la pagina tardó más tiempo de lo esperado. Porque fue dificil que los objetos no se movieran, problema con servidor phonegap no mostraba las imagenes.
Velocidad incial: 9
Velocidad final: 7

Re: Construyapp

Posted: Mon Feb 25, 2019 4:52 pm
by davidv.m
Sprint 5
Fecha inicio: 15-02-2019 Fecha fin:04-03-2019
Actividades
  • Desarrollar pagina de menu. 5
    Historia de Usuario:
    • Como usuario registrado puedo entrar y ver la pagina de menu.
    • Quiero que aparezcan imagenes, iconos con la información de lo que se puede hacer en la app.
    • Asi que pueda ver donde estan los productos y cuales son.
    • Condicion de satisfaccion: swipers de imagenes, colores, iconos, titulos, botones.
  • Realizar el segundo capitulo del curso. 4
    Historia de Usuario:
    • Yo como desarrollador aprendo sobre Javascript.
    • Quiero aprender este nuevo lenguje de programacion.
    • Asi que pueda añadir más valor a mi frontend y backend.
    • Condicion de satisfaccion: terminar.
    ¿Que e hecho hasta hoy?
    • Intento de pagina de menu.
      Image
    • Segundo capitulo curso.

      Image

      Code: Select all

      function sumar() {
      
          try {
      
              //Pedimos el valor del operando a
              var a = prompt("Valor a:", "");
      
              //validamos parametro a 
              if (!a || isNaN(a)) {
                  throw new Error("Valor invalido de a:" + a);
              }
      
              //pedimos el valor del operando b
              var b = prompt("Valor b:", "");
      
              //validamos parametro b
              if (!b || isNaN(b)) {
                  throw new Error("Valor invalido de b:" + b)
              }
      
              /* Si no hay problema, hacemos la suma
               * necesitamos convertir a int los parametros
               * partseInt convierte a entero, si no es entero
               * no va a realizar la suma sino concatena los valores
               */
      
              var c = parseInt(a) + parseInt(b);
              alert("La suma es:" + c);
      
          } catch (e) {
              alert("El error es:" + e.message);
          }
      
      }

      Code: Select all

      <!DOCTYPE html>
      <html>
          <head>
              <meta charset="UTF-8">
              <title>EjercicioJavaScript 3</title>
              <script type="text/javascript" src="funciones.js"></script>
          </head>
          <body>
              <h1>EjercicioJavaScript 3</h1>
              <button onclick="sumar();">Sumar</button>
          </body>
      </html>
    ¿Que voy hacer?
    • Terminar Pagina menu.
    • Planear Sprint 5
    ¿Que problemas?
    • Problemas con el framework que estoy usando.
      Image
    Velocidad inicial: 9
    Velocidad inicial: 7

Re: Construyapp

Posted: Mon Mar 04, 2019 4:25 pm
by davidv.m
Sprint 6
Fecha inicio: 04-03-2019 Fecha fin:11-03-2019
Actividades
  • Corregir Framework7 o boostrap 2
    Historia de Usuario:
    • Yo como desarrollador introduzco un framework.
    • Quiero que sea más facil el desarrollo del diseño de la aplicación.
    • Asi que pueda utilizar todas las herramientas que dispone.
    • Condicion de satisfaccion: instalado, bien estructurado y funcionando.
  • Introducir los Swipers con imagenes y titulos. 3
    Historia de Usuario:
    • Yo como ususario registrado puedo ver swipers con imagenes.
    • Quiero ver que tipos de productos hay, conocer el menu de la app.
    • Asi que pueda interacturar con la aplicación.
    • Condicion de satisfaccion:swipers con imagenes y titulos que se mueven.
  • Corregir iconos y conectar pagina principal con el menu.1
    Historia de Usuario:
    • Yo como ususario registrado puedo ir entre paginas.
    • Quiero moverme dentro de la aplicación.
    • Asi que pueda interacturar con la aplicación.
    • Condicion de satisfaccion:funcional.
  • Realizar protitipo del panel de menu principal. 2
    Historia de Usuario:
    • Yo como ususario registrado puedo ver un panel a la derecha.
    • Quiero ver la información propia en un panel.
    • Asi que pueda interacturar con la aplicación.
    • Condicion de satisfaccion:Panel funciona.
  • Teoria Capitulo 3. 2
    Historia de Usuario:
    • Yo como desarrollador aprendo sobre javascript.
    • Quiero concoer mas sobre este lenguaje
    • Asi que pueda añadir mejores cosas a la aplicacón.
    • Condicion de satisfaccion: ver 2 videos.
¿Que hice?
  • Corregir Framework 7.2
  • Introducir los Swipers con imagenes y titulos. 3
  • Corregir iconos y conectar pagina principal con el menu.1
  • Realizar protitipo del panel de menu principal. 2

    Image
  • Teoria Capitulo 3. 2
    Image
    https://developer.mozilla.org/es/docs/L ... nditionals

    ¿Que voy hacer?
    • Planear siguiente sprint
    ¿Que problemas?
    • Github el archivo ignore
    Velociadad Inicial 10
    Velociadad Final 10
    Image

Re: Construyapp

Posted: Mon Mar 11, 2019 4:55 pm
by davidv.m
Sprint 7
Fecha inicio: 11-03-2019 Fecha fin:18-03-2019
Actividades
  • Agregar ejemplo de pagina de filtrado 2
    Historia de Usuario:
    • Yo como usuario registrado puedo ver pagina de filtrado.
    • Quiero que haya la posibilidad de ver los tipos y marcas de un producto.
    • Asi que pueda ver todas las opciones que tengo
    • Condicion de satisfaccion: Se ve una pagina de filtrado.
  • Introducir el listado ejemplo con imagenes y titulos. 2
    Historia de Usuario:
    • Yo como ususario registrado puedo ver lstado con imagenes.
    • Quiero ver que tipos de productos hay, conocer sobre un producto de la app.
    • Asi que pueda interacturar con la aplicación.
    • Condicion de satisfaccion:listado con imagenes, iconos y titulos que se mueven.
  • Agregar opccion de filtro por precio. 2
    Historia de Usuario:
    • Yo como ususario registrado puedo filtrar por precio.
    • Quiero ver los productos indicados dentro de la aplicación.
    • Asi que pueda interacturar con la aplicación.
    • Condicion de satisfaccion: filtro y animacion de filtro.
  • Filtro por marca. 2
    Historia de Usuario:
    • Yo como ususario registrado puedo filtrar por marca.
    • Quiero ver los productos indicados dentro de la aplicación.
    • Asi que pueda interacturar con la aplicación.
    • Condicion de satisfaccion: filtro y animacion de filtro.
  • Filtrar por Deposito.2
    Historia de Usuario:
    • Yo como ususario registrado puedo filtrar por deposito.
    • Quiero ver los productos indicados dentro de la aplicación.
    • Asi que pueda interacturar con la aplicación.
    • Condicion de satisfaccion: filtro y animacion de filtro.
¿Que hice?
  • Agregar pagina de filtrado por porducto .2
  • Introducir lista de imagnes con titulos. 2
  • Añadir prototipo de filtro por precio.2
  • Añadir prototipo de filtro por marca.2
  • Añadir prototipo de filtro por deposito.2
    Image
    ¿Que voy hacer?
    • Planear siguiente sprint
    ¿Que problemas?
    • Problema con phonegap y el developer tools
      Image
      Image
    Velociadad Inicial 10
    Velociadad Final 10
    Image

Re: Construyapp

Posted: Mon Mar 18, 2019 5:12 pm
by davidv.m
Sprint 8
Fecha inicio: 18-03-2019 Fecha fin:25-03-2019
Actividades
  • Agregar ejemplo de pagina de producto.1
    Historia de Usuario:
    • Yo como usuario registrado puedo ver pagina de producto.
    • Quiero que haya la posibilidad de ver el precio final y ver la descipcion de producto.
    • Asi que pueda ver todas las opciones que tengo.
    • Condicion de satisfaccion: Se ve una pagina de producto.
  • Introducir una imagen del producto con titulo y presentacion. 2
    Historia de Usuario:
    • Yo como ususario registrado puedo el producto con imagen y titulos.
    • Quiero ver que tipos de productos hay, conocer sobre un producto de la app.
    • Asi que pueda interacturar con la aplicación.
    • Condicion de satisfaccion:imagen, titulos y presentacion.
  • Agregar opccion de selección de opciones. 2
    Historia de Usuario:
    • Yo como ususario registrado puedo elegir opciones .
    • Quiero ver los precios con las opciones.
    • Asi que pueda interacturar con la aplicación.
    • Condicion de satisfaccion: se pueden elegir entre opciones.
  • selector de cantidad. 3
    Historia de Usuario:
    • Yo como ususario registrado puedo agregar la cantidad de productos que deseo.
    • Quiero comprar mas de un producto.
    • Asi que pueda interacturar con la aplicación.
    • Condicion de satisfaccion: se modifica la cantidad al agregar o eliminar
¿Que hice?
  • Agregar pagina de producto .1
  • Introducir imagen titulo y presentacion. 2
  • Añadir selector de opciones.2
  • Añadir posibilidad de cantidad.3
    Image
    ¿Que voy hacer?
    • Planear siguiente sprint
    ¿Que problemas?
    • No tuve problema.
    Velociadad Inicial 8
    Velociadad Final 8
    Image

Re: Construyapp

Posted: Sat Mar 30, 2019 10:07 pm
by davidv.m
Sprint 9
Fecha inicio: 25-03-2019 Fecha fin:32-03-2019
Actividades
  • Consultar sobre Firebase.2
    • Historia de Usuario:
    • Yo como desarrollador aprendo sobre la herramienta Firebase.
    • Quiero que la aplicación utilice sus servicios.
    • Así que pueda darle utilidad a la aplicación.
    • Condición de satisfacción: Saber como funciona.
  • Crear usuario y conectarlo al servidor de Firebase. 3
    • Historia de Usuario:
    • Yo como usuario puedo entrar a la aplicación con mi correo y contraseña.
    • Quiero acceder a los servicios.
    • Así que pueda entrar de forma sencilla y segura
    • Condición de satisfacción: se puede autenticar el usuario y si ingresa algo malo lo saca.
  • Crear informe de proyecto. 2
  • Hacer video de aplicación funcional. 2
¿Que hice?
  • Consultar sobre Firebase.2
    Image
  • Crear usuario y conectarlo al servidor de Firebase. 3

    Code: Select all

    // Initialize Firebase
    var config = {
        apiKey: "AIzaSyDJS6peY9rslv81SoN2Q08JcSTnVFYD_2E",
        authDomain: "construapp-v1.firebaseapp.com",
        databaseURL: "https://construapp-v1.firebaseio.com",
        projectId: "construapp-v1",
        storageBucket: "construapp-v1.appspot.com",
        messagingSenderId: "312248850383"
    };
    firebase.initializeApp(config);
    
    firebase.auth().onAuthStateChanged(function (user) {
        
        if (user) {       
            window.location.href = "menu.html";
        } else {
            // No user is signed in.
        }
    });
    
    $("#btnLogin").click(function login() {
        var email = $("#user").val();
        var password = $("#pass").val();
    
       
    
        firebase.auth().signInWithEmailAndPassword(email, password).catch(function (error) {
            // Handle Errors here.
            var errorCode = error.code;
            var errorMessage = error.message;
            // ...
            window.alert("Error: " + errorMessage);
        });
            
       
    });
    
    
  • Crear informe de proyecto. 2
  • Hacer video de aplicación funcional. 2


    ¿Que voy hacer?
    • Planear siguiente sprint
  • Evidenia asistencia al meetup.
    Image
    Image


    ¿Que problemas?
    • No tuve problema.
    Velocidad Inicial 9
    Velocidad Final 9
    https://github.com/davidvmDev/construapp
    Image