CatchWeather - El clima renovado



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

Si te gustó esta nota podés...
Invitame un café en cafecito.app


Otros posts que podrían llegar a gustarte...

Comentarios

  • nuwamda     24/03/2014 - 19:50:00

    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).

  • Fabio Baccaglioni     24/03/2014 - 21:06:08

    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?

  • Ramiro     24/03/2014 - 21:11:04

    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.

  • Colifa     24/03/2014 - 21:15:06

    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

  • Fabio Baccaglioni     24/03/2014 - 21:33:59

    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 :|

  • Gasker     24/03/2014 - 23:31:38

    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.-

  • Leo Bazán     25/03/2014 - 05:15:19

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

  • Adrian     25/03/2014 - 09:56:01

    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)

  • Fabio Baccaglioni     25/03/2014 - 10:20:54

    Pablo Seminario dijo:

    Con bootstrap quedó mucho mejor. Si querés cambiarle un poco el estilo y los colores acá http://bootswatch.com/ 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 https://developer.mozilla.org/en-US/Persona 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á https://developer.mozilla.org/en-US/Persona/Libraries_and_plugins#PHP 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.

  • Adrian     25/03/2014 - 11:06:10

    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"

  • Nacho     25/03/2014 - 13:42:09

    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.

  • Fabio Baccaglioni     25/03/2014 - 14:14:12

    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

  • Thelma     25/03/2014 - 14:47:48

    Registrada Guiño

  • Colifa     25/03/2014 - 20:08:55

    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?

  • Fabio Baccaglioni     25/03/2014 - 20:41:04

    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.

  • Colifa     26/03/2014 - 01:26:07

    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..

  • Fabio Baccaglioni     26/03/2014 - 02:28:28

    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

  • Marcelo     27/03/2014 - 10:18:09

    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

  • Fabio Baccaglioni     27/03/2014 - 10:25:34

    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

    http://tn.com.ar/sociedad/la-auditoria-general-de-la-nacion-publico-un-durisimo-informe-contra-el-servicio-meteorologico_459629


    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.

  • Marcelo     27/03/2014 - 10:46:35

    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!

  • Adrian     27/03/2014 - 19:28:56

    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

  • Fabio Baccaglioni     27/03/2014 - 22:12:43

    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...

  • nuwamda     27/03/2014 - 22:21:54

    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)

Deje su comentario:

Tranquilo, su email nunca será revelado.
La gente de bien tiene URL, no se olvide del http/https

Negrita Cursiva Imagen Enlace


Comentarios ofensivos o que no hagan al enriquecimiento del post serán borrados/editados por el administrador. Los comentarios son filtrados por ReCaptcha V3.