CatchWeather - El clima renovado

Escrito el , visto 3244 veces Ver usuariopor



Para que vean que escucho las propuestas y las críticas (a veces :D) estuve trabajando en CatchWeather por dos lados distintos, por un lado un amigo de la casa, Adrian Ramiro, se puso a "dibujar" el sitio con Bootstrap luego de insistirme en que lo cambie y que yo le diga "no tengo idea de bootstrap, pasamelo" :D y lo hizo! así que cumplí en "convertir" el sitio y que se vea mucho más limpio y moderno.

Por otra parte trabajé en todas las áreas que faltaba, la comparación de pronósticos, el mapa, el hora a hora, el registro de usuarios, el perfil de cada usuario, las imágenes y todo lo demás. Pasen y dense una vuelta para conocer los detalles de este experimento que me ha alegrado el alma programadora durante los últimos meses Guiño







Diseño con Bootstrap



Es la misma plataforma de cajitas que utiliza Twitter y muchos otros sitios, pero no la estaba usando porque... sencillamente porque no soy diseñador! :D así que Adrián me pasó su diseño y me gustó la forma en la que distribuyó el contenido.

¿Se puede mejorar? desde ya, lo bueno es que ahora al estar usando un esquema más estandarizado es más fácil que me pasen cachitos de código del tipo "cambiá esto para que se vea mejor esto otro" y así, siempre el feedback bienvenido.

Por otra parte me llevó unos cuantos días porque tenía que cambiar todo lo que tenía hecho hasta ahora para que se vea bien así, fue tiempo nada más porque no fue complejo, eso sí, todavía quedan detalles aquí y allá de la "migración".

El diseño todavía carece de cosas distintivas, veremos cómo se las agrego con el tiempo o si cambio un poco los colores de las cajas o lo que me permta Bootstrap, hasta ahora estimo que hay mucho para mejorar.



Registro de usuarios



Inicialmente sólo utilizaba Facebook como registro de usuarios, pero resulta que un par de paranoides no tienen Facebook, se los admito, está bien que no lo tengan, pero tuve que ponerme a re-programar la parte de usuarios para adaptarlo a la doble combinación.

Así ahora tienen la posibilidad de registrarse con sólo un e-mail, no es perfecto pero funciona igual que en este blog (usé este mismo código). El registro es automático así que reciben el e-mail y sólo deben hacer click en el enlace provisto para activar la cuenta.

Todavía me falta que estos usuarios puedan subir un avatar o algo parecido, el perfil es algo "escueto", apenas permite cambiar el password y el nombre que se muestra.

Idioma



Otra cosa que no podía faltar era el idioma, está tanto en inglés como en español y lo decide detectando la configuración del browser.

Lo próximo que se viene es la posibilidad de configurar el idioma desde el perfil, así como la unidad de medida tiene °F y °C es lógico que uno pueda decidir el idioma más allá de lo que informa el browser.

Todavía tengo que ver el tema de tomar los datos de Wikipedia de cada localidad, es impreciso porque Wikipedia no tiene un estándar de consulta para destinos, lamentablemente.



Comparativa



La comparativa ya la había subido antes, lo actual es lo mismo, el único cambio es el gráfico de temperaturas y una cuarta comparativa que tengo lista pero no en uso. Es que Open Weather Map cada tanto falla, así que tengo una por las dudas, veo si la activo o no.

Por lo pronto sólo muestro un gráfico de máximas y mínimas comparando los tres servicios y eso ayuda a tener una "tendecia" de por donde estarán las temperaturas dentro de 7 días.



Hora a Hora



No era el más importante pero el dato lo tenía, utilizando Forecast.io como fuente puedo ofrecer un hora a hora, lo que no se si está funcionando bien es el tema del horario, creo que está en UTC y debo calcularle restando el GMT a las horas que se muestran, pero no pude corrorobarlo todavía.

Al menos podemos ver cómo evolucionará el clima durante el día, también se me ocurrió llevarlo a un gráfico, eso vendrá en la próxima versión.

Por el lado de las fechas también tengo que ajustar un par donde se da la hora de última actualización pero se trata de la fecha UTC también.

Nuevos planes



Al tener una sección de perfil por usuario lo que estoy planeando es una especie de dashboard donde uno pueda disponer varios pronósticos de distintos destinos así poder planificar un viaje o similar.

También integraré varias APIs de hoteles para que de cada localidad elegida aparezca información de hoteles en la misma, también pasajes a dicho destino.

Otra que se me ocurrió sumar es una pequeña configuración para que uno pueda establecer su localidad por default, así siempre que entra, en vez de geolocalizar, lo redirecciona automáticamente a la que tiene configurada (si está logueado, claro)

También en estos días estaré armando una cuenta de Twitter o Facebook que empiece a tirar automáticamente el clima y se me ocurrió una especie de bot que estaría bueno implementar, uno que tirándole una pregunta sobre una ciudad te responda el clima en ese momento. No se nada de bots de twitter pero creo que podría andar ¿no?

La mayoría de los cambios que hice responden al feedback de ustedes así que, como siempre, se aceptan sugerencias e ideas porque, al fin y al cabo, esto lo hago como experimento que quiero que sobreviva y para ello nada mejor que usuarios contentos Guiño

Los invito nuevamente a sumarse a CatchWeather

Por Fabio Baccaglioni

Comentarios

  1. Gusta gusta!!
    Propuesta para futuro cercano: ir logeando lo que fue pasando, para tener una comparativa más con respecto al pasado: hace un año la temperatura mínima/máxima fue xx y estuvo lloviendo (por ejemplo).

    Citar »
  2. nuwamda dijo:
    Gusta gusta!!
    Propuesta para futuro cercano: ir logeando lo que fue pasando, para tener una comparativa más con respecto al pasado: hace un año la temperatura mínima/máxima fue xx y estuvo lloviendo (por ejemplo).


    técnicamente improbable.

    tengo mil millones de localidades posibles y el "beneficio" es prácticamente nulo desde el punto de vista de pronóstico.

    Tendría que guardar estados de clima cada X horas por cada localidad cada día, le sería útil al 0.0001% de los usuarios sólo porque son enfermitos de las estadísticas, pero no tiene un fin práctico.

    para semejantes y bestiales set de datos mejor que los guarde un instituto dedicado al estudio del clima pero ¿qué utilidad tiene aquí? :|

    ya me lo pidió otro antes y todavía no le encuentro lógica alguna ¿que cuernos importa cómo estaba hace un año o un mes?

    Citar »
  3. Al tener una sección de perfil por usuario lo que estoy planeando es una especie de dashboard donde uno pueda disponer varios pronósticos de distintos destinos así poder planificar un viaje o similar.
    [...]
    Otra que se me ocurrió sumar es una pequeña configuración para que uno pueda establecer su localidad por default, así siempre que entra, en vez de geolocalizar, lo redirecciona automáticamente a la que tiene configurada (si está logueado, claro)


    Genial, ideal para los commuters. No te das una idea de las diferencias que pueden haber entre La Plata y el conurbano sur, y olvidate que en algún noticiero matutino oriundo de capital te den esta información.

    Citar »
  4. El tema de la geolocalización, no funca del todo todo bien..
    Por mas que le diga que estoy en Chajarí (ER) como el ip esta registrado en Baires, se empaca y me muestra Baires nomas.. tengo que buscar la ciudad a mano.

    No es tanto el bardo.. pero bueh.

    El diseño me gusta, eh Guiño

    Saludoss

    Citar »
  5. Colifa dijo:
    El tema de la geolocalización, no funca del todo todo bien..
    Por mas que le diga que estoy en Chajarí (ER) como el ip esta registrado en Baires, se empaca y me muestra Baires nomas.. tengo que buscar la ciudad a mano.

    No es tanto el bardo.. pero bueh.

    El diseño me gusta, eh Guiño

    Saludoss


    SIMPLE

    logueate, decile que ese IP corresponde a tu ubicación y de ahí en más te lo va a ubicar bien Guiño no puedo "forzar" IPs cuando no se identifican como usuarios por el riesgo de ensuciar la base, pero si cada usuario mejora la base de IPs es bastante mejor.

    lamentablemente no hay una fuente confiable (y gratis, claro) que me de ese dato con precisión, es lo que hay y lo que informa el ISP una vez cada tanto :|

    Citar »
  6. Fabio la verdad que impecable el trabajo, te felicito y espero que pronto podamos tener una App movil para poder usar con widget y todo ya que soy medio un enfermito del clima y de todas las que andan dando vueltas, solo 1 o 2 me gustan pero no les tengo confianza. El sitio esta muy bien pensado y repito, IMPECABLE.
    Saludos.-

    Citar »
  7. Con bootstrap quedó mucho mejor. Si querés cambiarle un poco el estilo y los colores acá Enlace hay unos temas, para usarlos no tenés que cambiar tu código, solo remplazar el css/bootstrap.min.css por el que viene en el tema.

    Para el registro de usuarios yo usé una vez Persona Enlace que simplifica bastante el quilombo de la registración, y en tu app solo recibis el id del usuario y si fue autentificado o no. Acá Enlace hay unas implementaciones con PHP.

    Citar »
  8. Ningún subir avatar. Usá gravatar y problema solucionado.

    Citar »
  9. Gracias por el crédito Fabio, da gusto colaborar en un proyecto útil para los usuarios.

    Por el lado de persistir datos, no te parece usar Cookies? Si selecciono una ciudad, en vez de geolocalizarme cada vez, le de mayor relevancia a mi selección previa. También se podrían guardar las preferencias de idioma, unidades, etc, sin estar logueado (util si entro al sitio desde mi teléfono, selecciono todo una vez y no me obliga a loguearme)

    Citar »
  10. Pablo Seminario dijo:
    Con bootstrap quedó mucho mejor. Si querés cambiarle un poco el estilo y los colores acá Enlace hay unos temas, para usarlos no tenés que cambiar tu código, solo remplazar el css/bootstrap.min.css por el que viene en el tema.

    Para el registro de usuarios yo usé una vez Persona Enlace que simplifica bastante el quilombo de la registración, y en tu app solo recibis el id del usuario y si fue autentificado o no. Acá Enlace hay unas implementaciones con PHP.


    lo probé una vez y estaba bastante incompleto, lamentablemente, ahora ya implementarlo sería un bardo aunque es posible.


    Leo Bazán dijo:
    Ningún subir avatar. Usá gravatar y problema solucionado.

    si, al final es mi idea, hago eso en el blog, lo haré ahí también


    Adrian dijo:
    Gracias por el crédito Fabio, da gusto colaborar en un proyecto útil para los usuarios.

    Por el lado de persistir datos, no te parece usar Cookies? Si selecciono una ciudad, en vez de geolocalizarme cada vez, le de mayor relevancia a mi selección previa. También se podrían guardar las preferencias de idioma, unidades, etc, sin estar logueado (util si entro al sitio desde mi teléfono, selecciono todo una vez y no me obliga a loguearme)


    un día te ponés a ver cosas de, por ejemplo, Londres. Eso no implica que estés en Londres, ¿cómo mido la relevancia?

    Las unidades se guardan (Cookie) y el idioma todavía no (está en planes), lo que también haré es lo de ubicación preferida, tipo un favorito, cosa de que guarde esa locación como fija en la cookie.

    Citar »
  11. Fabio Baccaglioni dijo:
    un día te ponés a ver cosas de, por ejemplo, Londres. Eso no implica que estés en Londres, ¿cómo mido la relevancia?

    No claro, el caso más sencillo sería guardar la última preferencia, por relevancia me refería a mostrar primero la última ciudad seleccionada manualmente.

    Sino, al seleccionar una ciudad, mostrar un botón para marcar esa ciudad como fija, predeterminada, tu casa o, ahora de moda, "pinearla"

    Citar »
  12. Fabio esta como vos sospechabas, mostrando la hora de actualizacion en UTC. Acabo de entrar y me dice: Actualizado: 2014-03-25 15:03:00 (En el futuro!) :P
    Hay un articulo piola de esto aqui: https://blog.serverdensity.com/handling-timezone-conversion-with-php-datetime/
    Saludos.

    Citar »
  13. Adrian dijo:
    Fabio Baccaglioni dijo:
    un día te ponés a ver cosas de, por ejemplo, Londres. Eso no implica que estés en Londres, ¿cómo mido la relevancia?

    No claro, el caso más sencillo sería guardar la última preferencia, por relevancia me refería a mostrar primero la última ciudad seleccionada manualmente.

    Sino, al seleccionar una ciudad, mostrar un botón para marcar esa ciudad como fija, predeterminada, tu casa o, ahora de moda, "pinearla"


    esa es mi idea, "pinearla" y que te la tome como favorita, de última mostrarle un dashboard con las que el usuario prefiera. Tengo que ver cual es la mejor opción, más práctica


    Nacho dijo:
    Fabio esta como vos sospechabas, mostrando la hora de actualizacion en UTC. Acabo de entrar y me dice: Actualizado: 2014-03-25 15:03:00 (En el futuro!) :P
    Hay un articulo piola de esto aqui: https://blog.serverdensity.com/handling-timezone-conversion-with-php-datetime/
    Saludos.


    si, por el momento es la última de mis prioridades :D pero tengo que ajustar las horas

    Citar »
  14. Registrada Guiño

    Citar »
  15. Fabio Baccaglioni dijo:
    Colifa dijo:
    El tema de la geolocalización, no funca del todo todo bien..
    Por mas que le diga que estoy en Chajarí (ER) como el ip esta registrado en Baires, se empaca y me muestra Baires nomas.. tengo que buscar la ciudad a mano.

    No es tanto el bardo.. pero bueh.

    El diseño me gusta, eh Guiño

    Saludoss


    SIMPLE

    logueate, decile que ese IP corresponde a tu ubicación y de ahí en más te lo va a ubicar bien Guiño no puedo "forzar" IPs cuando no se identifican como usuarios por el riesgo de ensuciar la base, pero si cada usuario mejora la base de IPs es bastante mejor.

    lamentablemente no hay una fuente confiable (y gratis, claro) que me de ese dato con precisión, es lo que hay y lo que informa el ISP una vez cada tanto :|


    Pero es que me pasa logueado y despues de haberle dicho 4 veces que no vivo en Buenos Aires.. logueado..

    Raro.. no?

    Citar »
  16. Colifa dijo:
    Fabio Baccaglioni dijo:
    Colifa dijo:
    El tema de la geolocalización, no funca del todo todo bien..
    Por mas que le diga que estoy en Chajarí (ER) como el ip esta registrado en Baires, se empaca y me muestra Baires nomas.. tengo que buscar la ciudad a mano.

    No es tanto el bardo.. pero bueh.

    El diseño me gusta, eh Guiño

    Saludoss


    SIMPLE

    logueate, decile que ese IP corresponde a tu ubicación y de ahí en más te lo va a ubicar bien Guiño no puedo "forzar" IPs cuando no se identifican como usuarios por el riesgo de ensuciar la base, pero si cada usuario mejora la base de IPs es bastante mejor.

    lamentablemente no hay una fuente confiable (y gratis, claro) que me de ese dato con precisión, es lo que hay y lo que informa el ISP una vez cada tanto :|


    Pero es que me pasa logueado y despues de haberle dicho 4 veces que no vivo en Buenos Aires.. logueado..

    Raro.. no?


    no si cambia de IP a cada rato tu conexión. Me pasa eso con celulares. Las redes 3G te dan un IP distinto a cada rato y eso ya no lo puedo solucionar.

    Citar »
  17. No no, tengo un ip publico fijo que me da mi proveedor (no levantes la perdiz, pero gratarola) lo apunte al router y ahi quedo.
    Por eso me extrañaba..

    Citar »
  18. Colifa dijo:
    No no, tengo un ip publico fijo que me da mi proveedor (no levantes la perdiz, pero gratarola) lo apunte al router y ahi quedo.
    Por eso me extrañaba..


    raro eso :| después me fijo, en mi caso ya me guardó el ip relacionado con mi ubicación y no me vuelve a preguntar, lo que es bastante cómodo, claro

    Citar »
  19. Apuremos el tema que le vendes la aplicación al SMN

    Enlace

    Citar »
  20. Me gusta el nuevo diseño con bootstrap, lo que no veo es que sea responsive y eso con bootstrap lo podés hacer. Lo probé solo en la compu, no en otros dispositivos

    pd: es mi primer comentario, espero no quedar muy troll y aportar algo

    Citar »
  21. Marcelo dijo:
    Me gusta el nuevo diseño con bootstrap, lo que no veo es que sea responsive y eso con bootstrap lo podés hacer. Lo probé solo en la compu, no en otros dispositivos

    pd: es mi primer comentario, espero no quedar muy troll y aportar algo


    es responsive, ajustá bien el tamaño de la pantalla, de hecho, anda en móviles y todo


    Adrian dijo:
    Apuremos el tema que le vendes la aplicación al SMN

    Enlace


    jajaja no, ahí el problema es otro, es imposible predecir el clima, banco en parte a los del SMN pero a la vez no tienen instrumentos como para medir bien, es improbable que sin inversión a nivel nacional se pueda tener un dato certero del clima.

    Citar »
  22. Fabio Baccaglioni dijo:
    Marcelo dijo:
    Me gusta el nuevo diseño con bootstrap, lo que no veo es que sea responsive y eso con bootstrap lo podés hacer. Lo probé solo en la compu, no en otros dispositivos

    pd: es mi primer comentario, espero no quedar muy troll y aportar algo


    es responsive, ajustá bien el tamaño de la pantalla, de hecho, anda en móviles y todo


    Ok, mejor entonces, Muy buen trabajo!

    Citar »
  23. Fabio Baccaglioni dijo:

    jajaja no, ahí el problema es otro, es imposible predecir el clima, banco en parte a los del SMN pero a la vez no tienen instrumentos como para medir bien, es improbable que sin inversión a nivel nacional se pueda tener un dato certero del clima.


    Pero si te fijas mencionan que justamente usaron apenas el 14% del presupuesto asignado! Parece que ni para robar sirven

    Citar »
  24. Adrian dijo:
    Fabio Baccaglioni dijo:

    jajaja no, ahí el problema es otro, es imposible predecir el clima, banco en parte a los del SMN pero a la vez no tienen instrumentos como para medir bien, es improbable que sin inversión a nivel nacional se pueda tener un dato certero del clima.


    Pero si te fijas mencionan que justamente usaron apenas el 14% del presupuesto asignado! Parece que ni para robar sirven


    ni para robar...

    Citar »
  25. Fabio Baccaglioni dijo:
    nuwamda dijo:
    Gusta gusta!!
    Propuesta para futuro cercano: ir logeando lo que fue pasando, para tener una comparativa más con respecto al pasado: hace un año la temperatura mínima/máxima fue xx y estuvo lloviendo (por ejemplo).


    técnicamente improbable.

    tengo mil millones de localidades posibles y el "beneficio" es prácticamente nulo desde el punto de vista de pronóstico.

    Tendría que guardar estados de clima cada X horas por cada localidad cada día, le sería útil al 0.0001% de los usuarios sólo porque son enfermitos de las estadísticas, pero no tiene un fin práctico.

    para semejantes y bestiales set de datos mejor que los guarde un instituto dedicado al estudio del clima pero ¿qué utilidad tiene aquí? :|

    ya me lo pidió otro antes y todavía no le encuentro lógica alguna ¿que cuernos importa cómo estaba hace un año o un mes?


    Buen punto (no pensé en el lado de la programación). Surgió verborrágicamente porque tengo una hipótesis desde el punto de vista de lo frustrante que es el pronóstico en la Argentina: el hecho de que el clima lleve cierta periodicidad (y que llegue a hasta llegar a ser más confiable que el pronóstico del SMN)

    Citar »

Deje su comentario:

(comentarios ofensivos o que no hagan al enriquecimiento del post serán borrados/editados por el administrador sin previo aviso)

Security Image

Negrita Cursiva Imagen Enlace

Guardar los datos: Si / No