add questionnaire

.gitignore

@@ -0,0 +1,2 @@
+.idea
+__pycache__

app.py

@@ -0,0 +1,36 @@
+import pandas as pd
+import streamlit as st
+
+
+def load_results():
+    return pd.read_csv("results/results.csv")
+
+c = pd.DataFrame()
+c.to_csv("results/results.csv")
+results = load_results()
+st.session_state["results"] = results
+
+
+st.set_page_config(
+    page_title="ciVIS",
+    page_icon="👋"
+)
+
+st.title("Studio sulla City Identity")
+
+st.markdown(
+    """## Benvenuto/a!
+
+Prima di tutto, grazie per la tua disponibilità a prendere parte a questo studio!  
+Questo studio è parte della mia tesi di Dottorato in ..., il cui obiettivo è ...  
+Durante l'esperimento, ti chiederemo di selezionare alcuni parametri per la generazione di un'immagine con un algoritmo
+di intelligence artificiale.
+Ti sarà quindi chiesto di rispondere ad un breve questionario sull'immagine generata per sapere la tua opinione sul 
+risultato, rispetto a quelle che erano le tue aspettative.  
+L'esperimento richiede circa 6 ore e puoi organizzare l'annotazione come ritieni più comodo.
+
+Per sapere di più sul Centro interdipartimentale sulla Visualità, [clicca qui](https://ci-vis.unige.it/) 
+    """
+)
+
+st.page_link("pages/login.py", label="Inizia")

pages/annotation.py

@@ -1,5 +1,137 @@
+import os
+import pandas as pd
 import streamlit as st
+from datasets import load_dataset
+from streamlit_tags import st_tags
 
+HF_TOKEN = os.environ.get("HF_TOKEN")
+
+
+def save_data():
+    st.session_state["user"]["part_two"] = {
+        "aesthetic": aesthetic,
+        "real_buildings": real_buildings,
+        "confidence": confidence,
+        "expectation": expectation,
+        "coherent": coherent,
+        "coherent_others": coherent_others,
+        "not_coherent": not_coherent,
+        "not_coherent_others": not_coherent_others,
+        "feedback": feedback
+    }
+
+    results = {
+        "user": st.session_state["user"]["nickname"],
+        **st.session_state["user"]["part_one"],
+        **st.session_state["user"]["part_two"]
+    }
+    df = pd.DataFrame.from_dict(results, orient="index").T
+    df = pd.concat(
+        [st.session_state["results"], df]
+    )
+    df.to_csv("results/results.csv")
+
+
+@st.cache_resource
+def get_dataset():
+    return load_dataset(
+        "Nicorb/test_img",
+        split="train",
+        token=HF_TOKEN
+    )
+
+
+dataset = get_dataset()
 
 st.title("Studio sulla City Identity")
 
+with st.form("valutazione_immagine"):
+    st.image(
+        dataset[0]["image"]
+    )
+
+    aesthetic = st.radio(
+        "L'immagine mi piace",
+        [
+            "1 - Per nulla",
+            "2",
+            "3",
+            "4",
+            "5 - Totalmente"
+        ],
+        horizontal=True
+    )
+
+    real_buildings = st.radio(
+        "Penso che gli edifici nell'immagine esistano realmente:",
+        [
+            "Si", "No"
+        ]
+    )
+
+    confidence = st.radio(
+        "Sono convinto/a della mia risposta",
+        [
+            "1 - Per nulla",
+            "2",
+            "3",
+            "4",
+            "5 - Totalmente"
+        ],
+        horizontal=True
+    )
+
+    expectation = st.radio(
+        "Gli edifici nell'immagine rispettano la mia aspettativa sulla città di Genova",
+        [
+            "1 - Per nulla d'accordo",
+            "2",
+            "3",
+            "4",
+            "5 - Pienamente d'accordo"
+        ],
+        horizontal=True
+    )
+
+    coherent = st.multiselect(
+        "Penso che le seguenti caratteristiche dell'immagine siano coerenti con le mie aspettative:",
+        [
+            "colore", "nitidezza", "aspetto realistico", "aspetto surreale", "stile architettonico",
+            "difetti dell'immagine", "presenza del contesto", "correttezza del contesto (se presente)",
+            "coerenza con la città", "tratti caratteristici della città"  # aggiungere ripetizione? troppi elementi?
+        ],
+        placeholder="Seleziona gli elementi"
+    )
+    coherent_others = st_tags(
+        label="Altre caratteristiche:",
+        text="Premere invio per aggiungere un nuovo elemento",
+        value=[],
+        maxtags=-1,
+        key="coherent"
+    )
+
+    not_coherent = st.multiselect(
+        "Penso che le seguenti caratteristiche dell'immagine NON siano coerenti con le mie aspettative:",
+        [
+            "colore", "nitidezza", "aspetto realistico", "aspetto surreale", "stile architettonico",
+            "difetti dell'immagine", "presenza del contesto", "correttezza del contesto (se presente)",
+            "coerenza con la città", "tratti caratteristici della città"  # aggiungere ripetizione? troppi elementi?
+        ],
+        placeholder="Seleziona gli elementi"
+    )
+    not_coherent_others = st_tags(
+        label="Altre caratteristiche:",
+        text="Premere invio per aggiungere un nuovo elemento",
+        value=[],
+        maxtags=-1,
+        key="not_coherent"
+    )
+
+    feedback = st.text_area("Note, idee, suggerimenti e osservazioni")
+
+    submit = st.form_submit_button("Salva", on_click=save_data)
+
+    if submit:
+        st.success("Salvataggio completato")
+
+        st.page_link("pages/annotation.py", label="Continua")

pages/demographics.py

@@ -0,0 +1,157 @@
+import streamlit as st
+from streamlit_tags import st_tags
+
+
+def store_user():
+    st.session_state["users"].append(st.session_state["user"])
+    st.session_state["user"]["part_one"] = {
+        "age": age,
+        "school": school,
+        "work": work,
+        "work_other": work_other,
+        "img_rapport": img_rapport,
+        "img_other": img_other,
+        "img_freq": img_freq,
+        "img_expert": img_expert,
+        "ai_expert": ai_expert,
+        "genova_expert": genova_expert,
+        "genova_freq": genova_freq,
+        "genova_knowledge": genova_knowledge,
+        "genova_thoughts": genova_thoughts
+    }
+
+
+st.title("Studio sulla City Identity")
+
+with st.form("demografica"):
+    age = st.radio(
+        "Età",
+        [
+            "18-24",
+            "25-34",
+            "35-44",
+            "45-54",
+            "55-64",
+            "65-74"
+        ]
+    )
+    school = st.radio(
+        "Grado di istruzione",
+        [
+            "Licenza media",
+            "Scuola superiore",
+            "Laurea triennale",
+            "Laurea specialistica",
+            "Dottorato di ricerca"
+        ]
+    )
+    work = st.radio(
+        "Mi occupo di",
+        [
+            "Architettura",
+            "Design",
+            "Informatica",
+            "Altro"
+        ]
+    )
+    work_other = st.text_input("Se altro, indica cosa...")
+
+    img_rapport = st.radio(
+        "Il mio rapporto con le immagini è:",
+        [
+            "Professionale",
+            "Hobbistico",
+            "Nessuno",
+            "Altro"
+        ]
+    )
+    img_other = st.text_input("Se altro, indica quale...")
+
+    img_freq = st.radio(
+        "Quanto spesso ho a che fare con le immagini",
+        [
+            "Mai",
+            "Raramente",
+            "Qualche volta",
+            "Spesso",
+            "Sempre"
+        ]
+    )
+
+    img_expert = st.radio(
+        "Sono un esperto di immagini",
+        [
+            "1 - Per nulla d'accordo",
+            "2",
+            "3",
+            "4",
+            "5 - Pienamente d'accordo"
+        ],
+        horizontal=True
+    )
+
+    ai_expert = st.radio(
+        "Utilizzo strumenti IA per la generazione di immagini (es. Dall-E, Midjourney, Firefly, ecc.)",
+        [
+            "Mai",
+            "Raramente",
+            "Qualche volta",
+            "Spesso",
+            "Sempre"
+        ]
+    )
+
+    genova_expert = st.radio(
+        "La mia familiarità con la città di Genova è:",
+        [
+            "1 - Per nulla d'accordo",
+            "2",
+            "3",
+            "4",
+            "5 - Pienamente d'accordo"
+        ],
+        horizontal=True
+    )
+
+    genova_freq = st.radio(
+        "Frequento la città di Genova",
+        [
+            "Mai",
+            "Raramente",
+            "Qualche volta",
+            "Spesso",
+            "Sempre"
+        ]
+    )
+
+    genova_knowledge = st.radio(
+        "Conosco le attrazioni ed i paesaggi della città di Genova",
+        [
+            "1 - Per nulla d'accordo",
+            "2",
+            "3",
+            "4",
+            "5 - Pienamente d'accordo"
+        ],
+        horizontal=True
+    )
+
+    genova_thoughts = st_tags(
+        label="Quando penso a Genova mi immagino:",
+        text="Premere invio per aggiungere un nuovo elemento",
+        value=[],
+        maxtags=-1)
+    # thoughts = st.multiselect(
+    #     "Quando penso a Genova mi immagino:",
+    #     [
+    #         "ciao"
+    #     ],
+    #     placeholder="Scrivi le opzioni"
+    # )
+
+    submit = st.form_submit_button("Salva", on_click=store_user)
+
+    if submit:
+        st.success("Salvataggio completato")
+
+        st.page_link("pages/annotation.py", label="Continua")

pages/login.py

@@ -1,10 +1,28 @@
+import pickle as pkl
 import streamlit as st
 
+USER_FILE = "users.pkl"
+
+try:
+    with open(USER_FILE, "rb") as file:
+        users = pkl.load(file)
+except Exception as exc:
+    users = []
+
+st.session_state["users"] = users
 
 st.title("Studio sulla City Identity")
 
-st.text("Per favore, inserisci un nickname")
+st.markdown("""Per condurre l'esperimento, ti sarà attribuito un nickname univoco ed anonimo
+per salvare lo stato d'avanzamento dello studio.  
+Il nickname è composto dalle prime tre lettere del nome di tua madre, le prime tre lettere nel nome di tuo padre
+e le prime due cifre della data del tuo compleanno.""")
 
-st.text_input("Scegli il tuo nickname")
+nickname = st.text_input("Inserisci il tuo nickname")
+st.session_state["user"] = {}
+st.session_state["user"]["nickname"] = nickname
 
-st.page_link("pages/instructions.py", label="Invia")
+if nickname in users:
+    st.page_link("pages/annotation.py", label="Comincia")
+else:
+    st.page_link("pages/instructions.py", label="Comincia")

requirements.txt

@@ -0,0 +1,3 @@
+streamlit-tags
+datasets
+pandas