backend/Dockerfile

@@ -4,9 +4,6 @@ WORKDIR /app
 
 COPY requirements.txt .
 
-RUN apt-get -y update
-RUN apt-get -y install sqlite3
-
 RUN pip install -r requirements.txt
 
 COPY /src .

backend/Dockerfile.prod

@@ -6,8 +6,6 @@ RUN apt-get -y update && apt-get -y upgrade
 
 COPY requirements.txt .
 
-RUN apt-get -y install sqlite3
-
 RUN pip install -r requirements.txt
 
 COPY /src .

backend/requirements.txt

@@ -1,4 +1,3 @@
-autopep8==1.5.7
 blinker==1.4
 click==7.1.2
 Deprecated==1.2.12
@@ -17,13 +16,11 @@ MarkupSafe==1.1.1
 passlib==1.7.4
 pendulum==2.1.2
 py-buzz==1.0.3
-pycodestyle==2.7.0
 PyJWT==2.1.0
 python-dateutil==2.8.1
 python-dotenv==0.17.1
 pytzdata==2020.1
 six==1.16.0
 SQLAlchemy==1.4.15
-toml==0.10.2
 Werkzeug==1.0.1
 wrapt==1.12.1

backend/src/app.py

@@ -113,7 +113,7 @@ def refresh():
        $ curl http://localhost:5000/api/refresh -X GET \
          -H "Authorization: Bearer <your_token>"
     """
-    old_token = flask.request.get_data()
+    old_token = request.get_data()
     new_token = guard.refresh_jwt_token(old_token)
     ret = {'access_token': new_token}
     return ret, 200

docker-compose.prod.yml

@@ -8,8 +8,6 @@ services:
   backend-prod:
     image: caminsha/bt-backend
     container_name: backend-prod
-    volumes:
-      - "./database.db:/app/database.db:z"
     environment:
       DEBUG: "no"
       PORT: 5050
@@ -22,6 +20,6 @@ services:
     environment:
       - MONGO_URI=mongodb://mongodb:27017/behametrics
   mongodb:
-    image: mongo:4.0.25
+    image: mongo:4.0.1
     container_name: "behametrics-mongo"
     command: mongod --smallfiles

docker-compose.yml

@@ -35,6 +35,6 @@ services:
     environment:
       - MONGO_URI=mongodb://mongodb:27017/behametrics
   mongodb:
-    image: mongo:4.0.25
+    image: mongo:4.0.1
     container_name: "behametrics-mongo"
     command: mongod --smallfiles

frontend/src/App.css

@@ -97,13 +97,3 @@ h1 {
   font-weight: bold;
   user-select: none;
 }
-
-.study-finished {
-  background-color: var(--primary);
-  padding: 0.5em;
-}
-
-.study-finished > p {
-  color: var(--error);
-  font-size: 2em;
-}

frontend/src/Footer.jsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { Link } from "react-router-dom";
 import "./Footer.css";
+import "@fortawesome/fontawesome-free/css/all.css";
 
 function Footer() {
   return (

frontend/src/components/GeneratedPassword.jsx

@@ -2,6 +2,11 @@ import React from "react";
 import "../App.css";
 
 export default function GeneratedPassword(props) {
+  const handleOnCopyEvent = (e) => {
+    e.preventDefault();
+    return false;
+  };
+
   return (
     <>
       <p>

frontend/src/components/HeroSection.jsx

@@ -2,8 +2,8 @@ import React from "react";
 import "../App.css";
 import { Button } from "./Button";
 import "./HeroSection.css";
+import "@fortawesome/fontawesome-free/css/all.css";
 import { useAuth } from "../auth/AuthProvider";
-import StudyFinished from "./StudyFinished";
 
 export default function HeroSection() {
   const [isLoggedIn] = useAuth();
@@ -11,7 +11,6 @@ export default function HeroSection() {
   return (
     <div className="hero-container">
       <h1>Herzlich Willkommen</h1>
-      <StudyFinished />
       <div className="hero-btns">
         {isLoggedIn ? (
           <Button

frontend/src/components/StudyFinished.jsx

@@ -1,11 +0,0 @@
-import React from "react";
-import "../App.css"
-
-export default function StudyFinished() {
-  return (
-    <div className="study-finished">
-      <p>Die Studie wurde beendet.</p>
-      <p>Vielen Dank für die Teilnahme an der Studie</p>
-    </div>
-  );
-}

frontend/src/components/pages/Lizenzen.jsx

@@ -73,7 +73,7 @@ export default function Lizenzen() {
             </a>
           </li>
           <li>
-            Behametrics Serverimplementierung (MIT-Lizenz):{" "}
+            Behametrics Serverimplementierung (MIT-Lizenz)
             <a href="https://gitlab.com/behametrics/server">
               https://gitlab.com/behametrics/server
             </a>

frontend/src/components/pages/Privacy.jsx

@@ -7,89 +7,6 @@ export default function Privacy() {
     <>
       <div className="sitePage">
         <h1>Datenschutz</h1>
-        <p>
-          Nachfolgend werden Sie informiert, welche Daten ich von Ihnen erfasse
-          und erhebe. Grundsätzlich gilt, dass ich sämtliche Daten nach der
-          Bachelorthesis wieder lösche. Ausserdem gebe ich keine
-          personenbezogenen Daten an Dritte weiter. Nachfolgend werden die Daten
-          in folgende drei Kategorien eingeteilt:
-        </p>
-        <ul>
-          <li>Daten des Webservers</li>
-          <li>Anmelde- und Umfragedaten</li>
-          <li>Daten zu biometrischen Verhaltensmerkmalen</li>
-        </ul>
-        <h2>Daten des Webservers</h2>
-        <p>
-          Diese Webanwendung wird auf einem virtuellen Server bei{" "}
-          <a href="https://netcup.de">netcup</a> betrieben. Um diese
-          Webanwendung grundsätzlich bereitzustellen, werden die folgenden Daten
-          erhoben:{" "}
-        </p>
-        <ul>
-          <li>IP-Adresse der Anfrage</li>
-          <li>URL der Anfrage</li>
-          <li>
-            User-Agent der Anfrage (also z.B. der verwendete Browser usw.)
-          </li>
-          <li>Status der Antwort</li>
-        </ul>
-        <p>
-          Diese Informationen werden verwendet, um den reibungslosen Betrieb der
-          Webseit zu gewährleisten.{" "}
-        </p>
-        <h2>Anmelde- und Umfragedaten</h2>
-        <p>
-          Im Rahmen der Bachelorthesis erfasse ich einige Merkmale über Sie.
-          Hierzu zählen einerseits die Logindaten, welche erfasst werden müssen,
-          damit Sie sich einloggen können. Ausserdem erfasse ich die folgenden
-          Daten mit einer Umfrage:{" "}
-        </p>
-        <ul>
-          <li>Alter </li>
-          <li>Geschlecht </li>
-          <li>Höchster Bildungsstand </li>
-          <li>Geschätzte Anwenderkenntnisse im Informatikbereich</li>
-        </ul>
-        <p>
-          Die Anmeldedaten werden verwendet, damit Sie sich auf der Webseite
-          einloggen können. Damit Sie sich nicht jedes Mal anmelden müssen,
-          verwende ich die Methode von LocalStorage. Im Localstorage wird der
-          Wert REACT_TOKEN_AUTH_KEY gespeichert, welcher einen Zugangscode
-          enthält. Die Umfragedaten werden ausgewertet, damit ich die
-          Teilnehmenden einordnen kann. Die Daten werst sonst nicht
-          weiterverwertet.
-        </p>
-        <h2>Daten zu biometrischen Verhaltensmerkmalen</h2>
-        <p>
-          Während der Studie werden biometirsche Daten gesammelt. Zu den
-          biometrischen Daten gehören Mausbewegungen und Tastaturanschläge.
-          Diese Daten werden lediglich im Rahmen der Bachelorthesis verwendet
-          und ausgewertet. Nachdem die Bachelorthesis beendet ist, werden
-          sämtliche Daten gelöscht. Es erfolgt keine Auswertung der
-          biometrischen Daten im Zusammenhang mit den Daten der Umfrage.
-          Allerdings kann der Benutzername, welchen Sie bei der Anmeldung
-          angegeben haben, verwendet werden.
-        </p>
-        <h2>Weitergabe der Daten</h2>
-        <p>
-        Grundsätzlich werden die Daten nicht an Dritte weitergegeben. Folgende
-        Ausnahmen gibt es:
-        </p>
-        <ul>
-          <li>
-            Der Fernfachhochschule Schweiz werden die Daten falls notwendig
-            weitergegeben.
-          </li>
-          <li>
-            Sofern es eine gesetzliche Grundlage gibt, werden die Daten auch
-            weitergegeben.
-          </li>
-          <li>
-            Wie bereits oben erwähnt, läuft die Webanwendung auf einem
-            virtuellen Server bei <a href="https://netcup.de">netcup</a>. Hierbei gelten die Datenschutzbestimmungen von netcup, welche <a href="https://www.netcup.de/kontakt/datenschutzerklaerung.php">hier</a> eingesehen werden können.
-          </li>
-        </ul>
       </div>
       <Footer />
     </>

frontend/src/components/pages/Study.jsx

@@ -12,7 +12,6 @@ import BehaviorPhone from "../BehaviorPhone";
 import BehaviorStanding from "../BehaviorStanding";
 import BehaviorStudyEnd from "../BehaviorStudyEnd";
 import { authFetch } from "../../auth/AuthProvider";
-import StudyFinished from "../StudyFinished";
 
 export default function Study() {
   const _logger = useRef(0);
@@ -33,7 +32,11 @@ export default function Study() {
 
   useEffect(() => {
     _logger.current = new Logger({
-      inputs: ["keyboard", "wheel", "cursor", "custom"],
+      //inputs: ["cursor", "wheel", "keyboard", "touch"],
+      inputs: ["keyboard"],
+      // apiUrl: "https://behavior.marcocamenzind.ch",
+      apiUrl: "http://localhost:5000",
+      logToConsole: true,
     });
     _logger.current.init();
     authFetch("/api/username", {
@@ -91,6 +94,7 @@ export default function Study() {
       method: "get",
     }).then((response) => {
       response.json().then((resp) => {
+        console.log(resp.random_password);
         setGenPassword(resp.random_password);
       });
     });
@@ -108,18 +112,13 @@ export default function Study() {
     receiveRandomPassword();
     setState(STATES.NORMAL);
     handleLoggerOn();
-    // map username and session with the logs
-    _logger.current.logCustomEvent({
-      name: serverUsername,
-    });
   };
 
   const resetInputValues = () => {
-    let inputElements = document.querySelectorAll(
+    let inputElements = document.querySelectorAll('div input:not([type="submit"])');
-      'div input:not([type="submit"])'
+    for (let i=0; i < inputElements.length; i++){
-    );
+      inputElements[i].value = ""
-    for (let i = 0; i < inputElements.length; i++) {
+
-      inputElements[i].value = "";
     }
   };
 
@@ -270,7 +269,6 @@ export default function Study() {
     <>
       <div className="sitePage">
         <h1>Studie</h1>
-        <StudyFinished />
         {state === STATES.START ? study_start : null}
         {state === STATES.NORMAL ? study_normal : null}
         {state === STATES.PHONE ? study_phone : null}

requests.sh

@@ -1,11 +1,11 @@
 #!/bin/bash
 
 ACTION=$1
-VALUE=$2
+TOKEN=$2
-ACTIONS=(login register rcvpw username data csv prod_data prod_csv)
+ACTIONS=(login register rcvpw username)
 
 print_help(){
-    echo "Usage: $0 ACTION [TOKEN|INPUT_TYPE]"
+    echo "Usage: $0 ACTION [TOKEN]"
     echo
     echo "available actions:"
     for el in "${ACTIONS[@]}"; do
@@ -34,23 +34,7 @@ case $ACTION in
         ;;
     "${ACTIONS[3]}") # get current username
         echo "get username action"
-        curl localhost:5050/api/username -X GET -H "Authorization: Bearer $VALUE"
+        curl localhost:5050/api/username -X GET -H "Authorization: Bearer $TOKEN"
-        ;;
-    "${ACTIONS[4]}") # get all data from behametricsserver
-        echo "get data action"
-        curl localhost:5000/data
-        ;;
-    "${ACTIONS[5]}") # get all data from behametricsserver
-        echo "get csv from input action"
-        curl localhost:5000/data/csv/"${VALUE}"
-        ;;
-    "${ACTIONS[6]}") # get all data from behametricsserver
-        echo "get prod data action"
-        curl behavior.marcocamenzind.ch:5000/data
-        ;;
-    "${ACTIONS[7]}") # get all data from behametricsserver
-        echo "get prod csv from input action"
-        curl behavior.marcocamenzind.ch:5000/data/csv/"${VALUE}"
         ;;
     *)
         echo "Error: Action not available"