Project Standlan

zucerkia · Post by **zucerkia** » Fri Apr 06, 2018 12:19 am

¿ Que se ha hecho ?

-no hemos avanzado con el proyecto

¿ Que se hará ?

- intentaremos avanzar en lo que podamos este fin de semana

¿ Que problemas tuvimos ?

- falta de tiempo
- el codigo desarrollado no funciona cuando lo intentamos implementar en la app

Post by **xacarana** » Tue Apr 10, 2018 9:52 am

No hubo publicación la clase pasada, además falta la gráfica y otros.

Emilio Martinez · Post by **Emilio Martinez** » Thu Apr 12, 2018 10:46 am

Presentación Standlan

https://docs.google.com/presentation/d/ ... 3850_0_199

zucerkia · Post by **zucerkia** » Thu Apr 12, 2018 11:42 pm

+ ¿ Qué se ha hecho ?

se arregló el css de la vista de los usuarios por room

+ ¿ Qué se hará ?

se intentara implementar el chat con emojis

+ ¿ Que problemas tuvimos ?

falta de tiempo
el código creado para reconocer emojis no funciona en la app

JuanRomeroL · Post by **JuanRomeroL** » Mon Apr 16, 2018 11:43 am

Sprint 6
Rango de fechas:
Día 0: 16 de Abril.
Día 15: 30 de Abril.

+ Crear el html y CSS para el contenedor de emojis. Puntos 4.
+ Integrar el código a la App. Puntos 5.
+ Realizar pruebas. Puntos 1.
+ Reconocer emojis en el input. Puntos 7.

Burndown Chart
Total puntos: 17.

JuanRomeroL · Post by **JuanRomeroL** » Wed Apr 18, 2018 9:59 am

+ ¿Que se ha hecho?

- Se reutilizó código para reconocer emojis en el input.
Este código usa los siguientes elementos:

Hojas de estilo: CSS en Bootstrap.
Código: Java Script.

Enlace: https://github.com/OneSignal/emoji-picker

index.html

Code: Select all

<!DOCTYPE html>
<html>
				  <head>
						    <meta charset="utf-8">
							
							<title>Reconocedor de emojis en un input</title>

						    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
						    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
							
						    <link href="emoji.css" rel="stylesheet">
				  </head>

				  <body class="text-center">
							    <h1>Reconocedor de emojis</h1>
							  
							    <div class="container">
											 <p class="lead emoji-picker-container">
								              <input type="email" class="form-control" placeholder="Input field" data-emojiable="true">
								             </p>
							    </div>

							    <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>

							    <script src="config.js"></script>
							    <script src="util.js"></script>
							    <script src="jquery.emojiarea.js"></script>
							    <script src="emoji-picker.js"></script>

							    <script>
											      $(function() {
											        window.emojiPicker = new EmojiPicker({
											          emojiable_selector: '[data-emojiable=true]',
											          assetsPath: '../lib/img/',
											          popupButtonClasses: 'fa fa-smile-o'
											        });

											        window.emojiPicker.discover();
											      });
							    </script>
								
							    <script>
								
											      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
											      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
											      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
											      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

											      ga('create', 'UA-49610253-3', 'auto');
											      ga('send', 'pageview');
								  
							    </script>
				  </body>
</html>

Otros recursos en Google Drive

https://drive.google.com/drive/folders/ ... sp=sharing

Imagen

+ ¿Que se ha hará?

- Cualquiera de las tareas propuestas en el Sprint, la que primero se logre entender.

+ ¿Que problemas tuvimos?

- Problemas al insertar imágenes dentro de un input.

Ejemplo: si se convierte un carácter especial por una etiqueta <div> que esta relacionada con el respectivo emoji, en el input NO aparece el emoji sino el código de dicha etiqueta.

- Falta de tiempo, en consecuencia de estos problemas se decidió reutilizar el código.

JuanRomeroL · Post by **JuanRomeroL** » Mon Apr 23, 2018 9:15 am

+ ¿Que se ha hecho?

- NO se realizó nada. Solo se actualizó el Burndown Chart.

+ ¿Que se ha hará?

- Cualquiera de las actividades restantes que se propusieron en el sprint.

+ Crear el html y CSS para el contenedor de emojis. Puntos 4.
+ Integrar el código a la App. Puntos 5.
+ Realizar pruebas. Puntos 1.

+ ¿Que problemas tuvimos?

- Normalmente, es falta de tiempo a causa de actividades de otros cursos de la universidad y actividades extracurriculares.
- Desconocimiento de elementos de código(API's, frameworks) para facilitar la realización de las actividades. Investigar sobre estos elementos toma un tiempo considerable.

JuanRomeroL · Post by **JuanRomeroL** » Sat Apr 28, 2018 12:31 pm

+ ¿Que se ha hecho?

- Se creó un reconocedor de emojis mejorado en el cual se reutilizó un contenedor que permite usar varios tipos de emojis (unos de estos tipos guarda los emojis utilizados recientemente). El reconocedor de emojis incluye código en html, css y js(JavaScript).

Actividad correspondiente: Crear el html y CSS para el contenedor de emojis. Puntos 4.

Página HTML

Code: Select all

<!-- Página principal -->

<!DOCTYPE html>
<html>

      <head>

            <meta charset="utf-8">

            <link rel="shortcut icon" href="favicon.png">

            <title>Escribir texto con EMOJIS !!!</title>

            <!--Hojas de estilo Remotas -->
            <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
            <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

            <!--Hojas de estilo Local -->
            <link href="../lib/css/emoji.css" rel="stylesheet">

      </head>


      <body class="text-center">

            <h1>Escribir texto con EMOJIS !!!</h1>
           
            <div class="container">
                  <div class="row justify-content-center">
                        <div class="col-10">
                              <div class="text-left">

                                    <p class="lead emoji-picker-container">
                                      <textarea class="form-control textarea-control" rows="3" placeholder="Introduce tu mensaje aquí!!!" data-emojiable="true"></textarea>
                                    </p>
                                    
                              </div>
                        </div>
                  </div>
            </div>

            <!--Código JavaScript Remoto -->
            <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>

            <!--Código JavaScript Local -->
            <script src="../lib/js/config.js"></script>
            <script src="../lib/js/util.js"></script>
            <script src="../lib/js/jquery.emojiarea.js"></script>
            <script src="../lib/js/emoji-picker.js"></script>

            <script>

                  $(function() {
                    window.emojiPicker = new EmojiPicker({
                      emojiable_selector: '[data-emojiable=true]',
                      assetsPath: '../lib/img/',
                      popupButtonClasses: 'fa fa-smile-o'
                    });

                    window.emojiPicker.discover();
                  });

            </script>

            <script>

                  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
                  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

                  ga('create', 'UA-49610253-3', 'auto');
                  ga('send', 'pageview');

            </script>

      </body>

</html>

Organización del árbol de directorios de recursos. SOLO del reconocedor de Emojis. Esto se debe integrar a la APP

Code: Select all

\---demo
|       favicon.png
|       index.html
|       
\---lib
    \---css
    |       emoji.css
    |       emoji.css.map
    |       
    \---img
    |       blank.gif
    |       emoji_spritesheet_0.png
    |       emoji_spritesheet_1.png
    |       emoji_spritesheet_2.png
    |       emoji_spritesheet_3.png
    |       emoji_spritesheet_4.png
    |       IconsetSmiles.png
    |       IconsetSmiles_1x.png
    |       IconsetW.png
    |       IconsetW_1x.png
    |       
    \---js
            config.js
            emoji-picker.coffee
            emoji-picker.js
            emoji-picker.js.map
            jquery.emojiarea.js
            util.js

Descarga de los recursos

https://drive.google.com/drive/folders/ ... sp=sharing

Animación. Tipos de emojis y emojis recientes

+ ¿Que se ha hará?

- Cualquiera de las actividades restantes que se propusieron en el sprint 6. La que primero se logre entender y aplicar.

+ Integrar el código a la App. Puntos 5.
+ Realizar pruebas. Puntos 1.

+ ¿Que problemas tuvimos?

- Normalmente, es falta de tiempo a causa de actividades de otros cursos de la universidad y actividades extracurriculares.
- Poca disponibilidad de todos los miembros para realizar aportes al proyecto.
- Poca disponibilidad para reunirse y hablar específicamente sobre el proyecto.
- La falta de tiempo NO permitió realizar todo desde 0 por lo cual se reutilizó la mayor parte del código.

JuanRomeroL · Post by **JuanRomeroL** » Mon Apr 30, 2018 7:40 am

+ ¿Que se ha hecho?

- No se realizó NADA en esta publicación.

+ ¿Que se hará?

- Se propondrá el nuevo sprint (7).

- En este se incluirá las actividades restantes que se propusieron en el sprint actual (6).
+ Integrar el código a la App. Puntos 5.
+ Realizar pruebas. Puntos 1.

+ ¿Que problemas tuvimos?

- Poca disponibilidad del equipo para hablar sobre el proyecto.
- Algunos integrantes realizan mas actividades que otros, porque algunos de ellos deben realizar trabajos de otros cursos.

JuanRomeroL · Post by **JuanRomeroL** » Mon Apr 30, 2018 2:59 pm

Sprint 2 Puntos realizados 5. (10 a velocidad de 2 semanas)

Sprint 3 Puntos realizados 21.

Sprint 4 Puntos realizados 9.

Sprint 5 Puntos realizados 9.

Sprint 6 Puntos realizados 11.

Promedio puntos (últimos 5 Sprint) = 11.
Considerando la velocidad del Sprint 2 (1 semana/Sprint) = 12.

Referencia: http://www.javiergarzas.com/2014/01/est ... scrum.html

Rango de fechas:

Día 0: 1 mayo.
Día 15: 15 de mayo.

Actividades propuestas:

+ Integrar el código a la App. Puntos 5.
+ Realizar pruebas. Puntos 1.
+ Otras que propongamos. Puntos 6.

Burndown chart:

holamundo.co

Project Standlan

Re: Project Standlan

Re: Project Standlan

Re: Project Standlan

Re: Project Standlan

Sprint 6 Project Standlan

Publicación 1 Sprint 6

Publicación 2 Sprint 6

Publicación 3 Sprint 6

Publicación 4 Sprint 6

Sprint 7 Project Standlan