Buenas a todos
Cuando tuvimos la movida con el capitán que acarreó mi expulsión de los Cosacos ya tenía una nueva edición preparada del Marcador Online. Como sabéis Alanch hizo una versión propia (lo que llevó a un malentendido por mi parte por el que ya le pedí disculpas en su día) que se ha venido utilizando hasta ahora. Sin embargo he seguido trabajando en la mía por puro entretenimiento ya que nunca había hecho ninguna aplicación Web.
Os presento una avanzadilla
Introducción de resultados desde movil
Introducción de resultados desde tablet/PC
Marcador desde movil
Marcador desde tablet/PC
Las principales novedades son:
- Casi todo el código corre ahora en el navegador (JavaScript). Como resultado la aplicación es 20 veces más rápida
- El diseño es "Responsive Web Design": se adapta dinámicamente al tamaño de la pantalla, para que se visualice bien en móviles, tabletas y ordenador. Puedes probarlo abriendo los enlaces que he puesto más abajo en el navegador del PC y redimensionando el ancho de la ventana, o abriéndolos con el movil/tablet. Verás como en la pantalla de introducción de resultados cambia el número de columnas y en el marcador cambia totalmente el diseño cuando la pantalla se hace estrecha, para que se vea con claridad en la pantalla de un móvil.
- La actualización es inmediata (ya no hay los 5 minutos de decalaje).
- El refresco de los resultados, con el botón de refrescar, no carga la página completa sino sólo los datos, con lo que la experiencia y velocidad son mucho más agradables.
Además de seguir limando muchos detalles, estoy trabajando en varios temas adicionales
- Refresco automático del marcador cuando alguien meta un resultado, sin que tengas que dar al botón refrescar
- Animaciones en los resultados recién actualizados (que las cajitas den la vuelta o algo similar)
Enlaces, totalmente operativos
Pantallas de meter resultados
https://tggscorer.appspot.com/#/playerV ... 3057437696
Visualización del marcador
https://tggscorer.appspot.com/#/scorerV ... 3057437696
Lo dicho, ignoro si los verdes quieren seguir con el marcador de Alanch. En cualquier caso este estará a vuestra entera disposición tanto para TGGs como para cualquier torneo / pachanga Match Play que queráis organizar. El código será público y estará publicado en GitHub.
Cualquier sugerencia es bienvenida.
PD. Hacía 7 años que no programaba nada y esto es lo primero que hago en Web. Si eres desarrollador profesional, sé comprensivo cuando veas el código
Saludos
cv
Actualización 19 de Septiembre de 2012
Amigos
Un par de pequeñas mejoras para el TGG de Valdeluz.
Cambio de colores en los botones. Los de los jugadores tienen ahora el color de fondo del equipo al que pertenecen en lugar del borde.
Con la diversidad de móviles que existen, he optado por dejar el tamaño de letra como parámetro en la URL, de la forma
https://script.google.com/a/macros/xxxxxx?size=50
50 es un tamaño adecuado en mi móvil con Google Chrome. Cada uno podrá jugar con ese valor hasta dar con el que mejor le vaya...
Una captura.
Actualización 23 febrero 2012
Hola de nuevo.
Ayer estuve reunido con el responsable de desarrollo de Google Apps por motivos de trabajo, y me dio ciertas ideas para arreglar el problema del acceso concurrente... pero tendrá que esperar al siguiente TGG. En su día os pediré ayuda para probar si funciona.
Para esta edición he metido una pequeña mejora atendiendo a vuestras sugerencias. Un indicador de paciencia para mostrar cuando la aplicación está haciendo algo. Hasta ahora, le dabas a un botón y no había ninguna indicación visual, con lo que no sabías si la aplicación estaba enviando/recibiendo datos o es que no le habías atinado bien al botón.
Ahora saldrá algo así
Esta noche enviaré el link móvil a los capitanes y tanto el móvil como el iPad a los voluntarios.
Saludos
CV
Actualización 31 Octubre 02:30
Esto está casi acabado. He reconstruido el formulario de introducción de resultados, y ahora tiene algún detalle más:
- El número de hoyo es ahora un desplegable, aunque se puede seguir manejando con los botones
- El resultado se pinta del color del equipo del jugador en cabeza
- Corregidas las validaciones cruzadas de resultados sin sentido
- Se graba la hora de la última actualización de cada partida
El en iPhone tiene esta pinta. Agradecería que me enviarais pantallazos de otros móviles.
Para probar, los links de siempre, que veréis más abajo
Saludos
cvigo
Actualización 23 Octubre 01:15
Amigos. Marcador agregado terminado. Ya tiene un aspecto muy similar al que conocéis. No creo que Google resuelva a tiempo lo de poder incrustar el marcador en el foro, aunque he abierto una incidecia... También he abierto otras por lo de Firefox, y el formulario perdido.
http://code.google.com/p/google-apps-sc ... ssues/list Incidencias
Pendiente: repasar el formulario de introducción de resultados, que me tocará picar a pelo por la otra incidencia mencionada. A ver si consigo que se ajuste un poco mejor a todas las resoluciones.
Para probar, los links de siempre, que veréis más abajo
Saludos
cvigo
Actualización 17 Octubre 20:00
Pequeño problema. Google no permite que los formularios creados con Google Apps Script se pinten dentro de una web externa... El marcador con actualización inmediata tendrá que verse fuera del foro. Dentro del foro tendremos que poner el que lleva los 5 minutos de decalaje...
Actualización 17 Octubre 08:38
Buenas...
Semana de crisis. Hay un probable error en Google Apps Script que hace que se pierdan los formularios que pintas con la herramienta "drag&drop" que ofrecen. Me ha pasado, y tras un par de días intentando recibir soporte sin éxito, he tenido que pintar de nuevo todo a pelo, tirando líneas de código. No os imagináis la de tiempo que he perdido
He terminado una primera versión de lo que será el marcador agregado para el hilo del carrusel y la portada del foro. Objetivo cumplido: la actualización es inmediata. Tan pronto alguien mete un resultado, el marcador agregado lo refresca sin más que recargar la página o, mejor, pulsar el botón refrescar.
Links a la aplicación de Test
- Marcador agregado: http://goo.gl/7tdM8
- Formulario de datos. http://goo.gl/as5DF Lo pongo al final en abierto, porque esta es la versión de test, y puedo abrirlo y cerrarlo cuando quiera...
Links alternativos (si tenéis algún problema con Internet Explorer)
- Marcador agrgado: https://sites.google.com/a/carlos-vigo. ... oragregado
- Formulario de datos: https://sites.google.com/a/carlos-vigo. ... e/testform
Todavía me queda trabajar en el formato. Además esta semana repintaré (a pelo) el formulario de introducción de datos, de forma que se adapte a la resolución de cada dispositivo. Ahora mismo está un poco descojonado gracias al pete de Google.
FireFox 6 y 7 pasan olímpicamente de los formatos y presenta todo en texto plano. Chrome, Safari e IE van bien
Mozilla está perdiendo el norte últimamente, no les doy ni un minuto para investigar lo que pasa.Por cierto, he actualizado mi iPhone a iOS 5 y ha desaparecido el efecto doble pulsación. ¿Casualidad?
Stay tuned!!
Actualización 11 Octubre 12:15
Hola de nuevo. Os comento un poco algunas de las cosas que hemos visto con los testeadores:
- Tamaño del formulario: la vista inicial en iPhone y Windows Mobile con Opera es muy pequeña. En iPhone se soluciona fácil sin más que estirar, pero en Windows mobile es un problema porque el zoom sólo tiene dos posiciones. En una se ve muy pequeño y en otro muy grande y no cabe. Una solución es hacer la vista inicial más grande de forma que no haya que hacer zoom, pero ¿cómo afecta a los demás dispositivos? No tengo feedback al respecto de Symbian, Android y Blackberry. Decidme algo por favor. Se agradecen unas capturas de pantalla.
- Tiempos de respuesta: Por desgracia todo el código JavaScript de Google Apps Script se ejecuta en servidor. Eso implica que cada click en un botón tiene implica un poco de trasiego de datos. En un PC ni se nota, pero en un móvil con 3G puede ser a veces lento en función de la calidad de la señal. La solución pasa por hacer una aplicación web fuera de Google Apps Script... quizá en versiones futuras
- Doble click en iPhone: en iPhone los botones no responden a las pulsaciones unitarias. Hay que hacer "doble click". Lo malo es que hay que dar la segunda pulsación aproximadamente un segundo después de la primera (si se hace doble pulsación muy rápido, lo interpreta como que quieres hacer zoom. Si tardas mucho, no lo interpreta como doble pulsación). ¿Qué ocurre el los otros dispositivos? Decidme algo please.
Saludos
cvigo
Actualización 10 Octubre 13:00
Buenas.
He incluido las siguientes actualizaciones:
- La lista de jugadores sale ordenada alfabéticamente
- Los marcadores se guardan al pulsar en "Enviar".
- No se permite meter marcadores de partido terminado sin sentido como "5&1", "8&3"
Sigo pidiendo vuestra colaboración para las pruebas. Envío el link por MP a quien me lo pida (no ha cambiado desde la vez anterior).
Gracias
cvigo
Actualización 07 Octubre 15:16
Google Apps Script es un gran dolor de eggs... pero va tirando y tengo una primera versión con esta pinta:
Los datos los coge del marcador centralizado, pero el botón de enviar todavía no hace nada. A medida que se pulsa los botones de cambio de hoyo o de "++Jugador", el resultado se refleja en la caja correspondiente (fulanito 1UP, menganito 4&3, etc.)
En el iPhone se ve inicialmente muy pequeño y hay que ampliarlo a mano. Además en los botones hay que pulsar dos veces con un intervalo de ± 1 segundo (cosas de Google).
Necesito gente que pruebe en Androids, Blackberrys, etc... Quien pueda ayudar, MP y le envío el Link.
Muchas gracias
Post original
Amigos
Estoy ya pensando en las mejoras para el Marcador Online. Me gustaría trabajar en dos aspectos fundamentales:
Sencillez para introducir resultados
Busco sobre todo agilidad, que no haya que meter el mismo dato muchas veces, que todo se base en pulsaciones simples. Que no haya pantallas por las que navegar adelante y atrás. Esta es la idea:
En una misma pantalla puedes actualizar dos partidos a la vez. Buscando tu nick en el desplegable de arriba se pintarán adecuadamente los botones de las flechas según quién sea tu rival. Para cambiar de hoyo utilizas los botones + y -. Para cambiar el resultado, como una balanza, pulsando el los botones flecha de uno u otro nick la inclinas hacia uno de los dos lados, lo que se verá reflejado inmediatamente en el cuadro de abajo. Pulsando en enviar, se envían los datos pero la pantalla no se mueve, sigues en la misma.
Actualización inmediata
Los 5 minutos de refresco pueden valer bien en los primeros hoyos, pero no es suficiente en los últimos, cuando el match está a punto de decidirse.
Lamentablemente todo esto ya no se puede hacer sin programación (JavaScript). Teniendo en cuenta que no tiro una línea de código desde hace años y que no he hecho nada nunca en JavaScript, no sé si seré capaz de hacer todo esto... no puedo prometer nada...
A buen seguro no llegaré a tiempo al TGG de El Fresnillo
Aprovechad este hilo para sugerir todo lo que creáis conveniente!!!
Saludos
