J'ai créé une application Web qui trace le journal de vie enregistré sur Google Home comme un diagramme de Gantt.

J'ai créé une application Web qui trace les journaux de vie comme un diagramme de Gantt

_Personnes, personnes, personnes, personnes, personnes, personnes, personnes, personnes, personnes ＞ LIFE LOG GRAPH GENERATOR ＜ ￣Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y￣

Explication grossière

October 15, 2019 at 11:Heure du coucher 24 h
October 16, 2019 at 06:03AM Lève-toi
October 16, 2019 at 07:08h00 sortir
October 16, 2019 at 08:Début du développement à 17h
October 16, 2019 at 10:Développement 49AM terminé
October 16, 2019 at 12:30PM retour à la maison
October 16, 2019 at 12:59PM Commencer à lire
October 16, 2019 at 04:32PM Fin de la lecture
October 16, 2019 at 10:31h se coucher
October 17, 2019 at 06:46AM se lever
October 17, 2019 at 07:29AM sortie
October 17, 2019 at 08:Début du développement 27AM
October 17, 2019 at 12:Développement 48PM terminé
October 17, 2019 at 01:48PM Retour à la maison
October 17, 2019 at 02:35PM TV démarré
October 17, 2019 at 04:54PM TV terminée

C'est une application Web qui crée un tel graphique interactif.

Je vais le déplacer!

De quoi êtes-vous heureux?

Ceci est attendu.

• ** Parce que vous pouvez visualiser votre propre rythme de vie **, ce sera l'occasion de changer votre rythme de vie.
• Copiez et collez simplement le ** journal de vie ** enregistré et il sera représenté graphiquement. ――Parce que vous pouvez voir vos actions comme un ** diagramme de Gantt ** au lieu d'un graphique circulaire, il est facile de comparer différents jours.

En premier lieu, avez-vous un tel moyamoya?

―― Pas assez bien ** Je ne comprends pas mon style de vie (rythme) **. ――C'est dommage d'enregistrer vos actions dans l'application du journal de vie en ** manuellement **. ――Dans l'application du journal de vie, il est souvent représenté par un ** graphe circulaire **, mais je veux que vous le représentiez comme un diagramme de Gantt.

** Cette application résout ce problème. ** **

Précautions à connaître

――Cette application Web a été créée par moi comme un hobby pour l'informatique, qui est de la Faculté de géographie et travaille actuellement pour une entreprise de mécanique. Par conséquent, il semble qu'il y ait des bugs et des pénuries techniques. J'espère que vous l'essaierez après avoir considéré cela. Il s'agit de la première application Web développée, et comme il s'agit d'un essai complet pour moi, elle fonctionne actuellement avec le plan gratuit de Heroku. Par conséquent, il peut être affecté par le sommeil de 30 minutes et la limite Dyno. Veuillez me pardonner là-bas (pleurer)

référence

Que faites-vous en interne?

Il est exploité par python + Flask + Plotly + Heroku.

Grosso modo

1. En utilisant Flask, affichez ʻindex.html avec le formulaire d'entrée dans /`.
2. Lorsque les données du journal de vie sont entrées dans le formulaire de saisie et que le bouton «Créer un graphique» est enfoncé, les données sont formatées au format csv et une «instance Plotly» du diagramme de Gantt est créée.
3. Affichez le graph.html avec l''instance Plotly créée intégrée dans / graph`.

python==3.7.4
Flask==1.1.1
requests==2.22.0
gunicorn==19.9.0
pandas==0.25.1
plotly==4.1.1

import os
import re
import pandas as pd
from io import StringIO
from pathlib import Path
from datetime import datetime, timedelta
from plotly import figure_factory as pff
from plotly import offline
from flask import Flask, request, render_template


app = Flask(__name__)


#Traitement principal de la représentation du diagramme de Gantt
def main(Données saisies dans le formulaire):
  
Omis car le code est trop long et spaghetti

renvoyer l'instance de l'intrigue


#Mettez en forme les données saisies dans le formulaire au format csv.
def convert_input_data_to_csv(input_data):
    temp_data = re.sub(r",", "", input_data)
    conv_data = re.sub(r"(.+([AP]M|\d\d:\d\d))(\s+?)(\S+)", r"\1,\4", temp_data)

    return conv_data


#Rendez la page principale.
@app.route("/", methods=["GET", 'POST'])
def render_main_html():
    return render_template("index.html")


#Rendez la page de configuration.
@app.route("/setting", methods=["GET", 'POST'])
def render_setting_html():
    return render_template("setting.html")


#Graphique Rendre la page.
#La fonction principale renvoie une instance de parcelle et l'incorpore en html.
@app.route("/graph", methods=["GET", 'POST'])
def render_graph_at_html():
    if request.method == 'GET':
        res = request.args.get('data')
    elif request.method == 'POST':
        res = request.form['data']
    else:
        res = None

    res_conv = convert_input_data_to_csv(res)

    df = pd.read_csv(StringIO(res_conv), sep=",", header=None).set_index(0)
    df.index = df.index.map(pd.to_datetime)

    return render_template("graph.html", fig=main(df))


if __name__ == '__main__':
    app.run(debug=False, host='0.0.0.0', port=int(os.environ.get('PORT', 5000)))

Présentation de ma méthode d'opération

Flux de traitement d'enregistrement du journal de vie qui utilise pleinement les intérêts de la civilisation

J'associe Google Home + IFTTT + Google Spread Sheets et prends un journal de vie par la voix.

Ensuite, les données enregistrées dans les feuilles de calcul sont copiées et représentées sous forme de graphique. (La méthode de liaison est expliquée dans la page de configuration LIFE LOG GRAPH GENERATOR.)

finalement

J'ai trouvé très utile de visualiser mon rythme de vie sur un graphique et de regarder en arrière.

Tout d'abord, ** je pense que c'est correct de regarder le graphique et de sourire **. C'est tellement amusant de me regarder que je ne sais pas, comme "Avez-vous bu pendant 8 heures ce jour!" Ou "Le temps de sommeil varie énormément". Je pense que ce ** sentiment de plaisir est un facteur très important qui conduit à l'habitude des journaux de vie **.

Et alors que je continue à sourire, je remarque naturellement mes propres habitudes comportementales.

Prenez-vous des mesures d'amélioration à partir de cette prise de conscience? Ou attendez-vous? Pensons-y plus tard! Si vous pouvez le remarquer, vous pouvez faire autre chose. (adapté)

J'espère que de nombreuses personnes utiliseront cette application Web pour consulter leurs graphiques de journal de vie et leur sourire, puis développeront leur conscience et leurs actions à l'avenir. pense.

Merci d'avoir lu jusqu'à la fin.