IPA_practice_0930a.ipynb

{
  "nbformat": 4,
  "nbformat_minor": 0,
  "metadata": {
    "colab": {
      "private_outputs": true,
      "provenance": [],
      "authorship_tag": "ABX9TyPDHlBqZsDEqGrL3UVTEv+m",
      "include_colab_link": true
    },
    "kernelspec": {
      "name": "python3",
      "display_name": "Python 3"
    },
    "language_info": {
      "name": "python"
    }
  },
  "cells": [
    {
      "cell_type": "markdown",
      "metadata": {
        "id": "view-in-github",
        "colab_type": "text"
      },
      "source": [
        "<a href=\"https://colab.research.google.com/github/MK316/Myapps/blob/main/IPA_practice_0930a.ipynb\" target=\"_parent\"><img src=\"https://colab.research.google.com/assets/colab-badge.svg\" alt=\"Open In Colab\"/></a>"
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "# IPA practice applicatioin (0930)\n",
        "\n",
        "In case the app on huggingface still has a problem.\n",
        "\n",
        "+If you find errors here, plz post the error message on LMS"
      ],
      "metadata": {
        "id": "XnRpH_u0QpiI"
      }
    },
    {
      "cell_type": "code",
      "execution_count": null,
      "metadata": {
        "id": "vMaJf-YFPdxt"
      },
      "outputs": [],
      "source": [
        "# Run this, wait until it completes.\n",
        "%%capture\n",
        "!pip install gradio"
      ]
    },
    {
      "cell_type": "markdown",
      "source": [
        "# Below is the app code.\n",
        "You can either practice here, or do using the public URL generated in the output :-)"
      ],
      "metadata": {
        "id": "tODoxprBQZ_U"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "import pandas as pd\n",
        "import random\n",
        "import gradio as gr\n",
        "\n",
        "# Load the CSV data\n",
        "def load_data():\n",
        "    url = \"https://raw.githubusercontent.com/MK316/Myapps/main/data/IPA.csv\"\n",
        "    try:\n",
        "        data = pd.read_csv(url, encoding='utf-8')\n",
        "        if 'IPA' not in data.columns:\n",
        "            raise ValueError(\"The required 'IPA' column is missing in the data.\")\n",
        "        return data\n",
        "    except Exception as e:\n",
        "        raise ValueError(f\"Error loading data: {e}\")\n",
        "\n",
        "df = load_data()\n",
        "\n",
        "# Properties to ask about for each IPA symbol\n",
        "properties = ['Voicing', 'Place', 'Centrality', 'Oro-nasal', 'Manner']\n",
        "\n",
        "# Generate a new question\n",
        "def generate_question(used_ipa_symbols):\n",
        "    if df.empty or 'IPA' not in df.columns:\n",
        "        raise ValueError(\"IPA data is not loaded properly or missing.\")\n",
        "\n",
        "    # Loop until we get a valid IPA symbol that hasn't been used yet\n",
        "    while True:\n",
        "        current_ipa = df.sample(1).iloc[0]\n",
        "        if not pd.isnull(current_ipa['IPA']) and current_ipa['IPA'] not in used_ipa_symbols:\n",
        "            available_properties = [prop for prop in properties if not pd.isnull(current_ipa[prop])]\n",
        "            if available_properties:\n",
        "                break\n",
        "\n",
        "    used_ipa_symbols.append(current_ipa['IPA'])\n",
        "    property_name = random.choice(available_properties)\n",
        "    question = f\"IPA Symbol: {current_ipa['IPA']}\\nWhat is the {property_name.lower()} of this IPA symbol?\"\n",
        "    answer = current_ipa[property_name].lower()\n",
        "    return question, answer, used_ipa_symbols\n",
        "\n",
        "# Check the answer and update the score and trials\n",
        "def quiz_function(user_answer, correct_answer, score, trials):\n",
        "    if user_answer.lower() == correct_answer:\n",
        "        score += 1\n",
        "        result = f\"Correct! The answer was '{correct_answer}'.\"\n",
        "    else:\n",
        "        result = f\"Wrong! The correct answer was '{correct_answer}'.\"\n",
        "    trials += 1\n",
        "    return result, score, trials\n",
        "\n",
        "# Initialize a dictionary to store session-specific data\n",
        "user_sessions = {}\n",
        "\n",
        "# Define the Gradio interface\n",
        "def gradio_interface():\n",
        "    # Apply direct CSS to control button size and text rendering\n",
        "    with gr.Blocks(css=\"\"\"\n",
        "        #start_button, #submit_button, #quit_button {\n",
        "            width: 200px;\n",
        "            height: 50px;\n",
        "            font-size: 16px;\n",
        "            color: black;\n",
        "            background-color: #f0f0f0;\n",
        "            text-align: center;\n",
        "            padding: 0;\n",
        "            display: inline-block;\n",
        "            font-family: Arial, sans-serif;\n",
        "            vertical-align: middle;\n",
        "            line-height: 50px;\n",
        "        }\n",
        "    \"\"\") as app:\n",
        "        # Define the components with `elem_id` to apply custom CSS\n",
        "        name_input = gr.Textbox(label=\"Enter your name\", placeholder=\"Your name\")\n",
        "        score_state = gr.State(0)\n",
        "        trials_state = gr.State(0)\n",
        "        used_ipa_symbols_state = gr.State([])\n",
        "        current_answer_state = gr.State(\"\")\n",
        "\n",
        "        question_label = gr.Textbox(label=\"Question\", interactive=False)\n",
        "        answer_input = gr.Textbox(label=\"Your Answer\", placeholder=\"Type your answer here\")\n",
        "        submit_button = gr.Button(\"Submit\", elem_id=\"submit_button\")\n",
        "        output_label = gr.Textbox(label=\"Result\", interactive=False)\n",
        "        quit_button = gr.Button(\"Quit\", elem_id=\"quit_button\")\n",
        "\n",
        "        # Start quiz function\n",
        "        def start_quiz(name):\n",
        "            if not name:\n",
        "                return gr.update(), \"Please enter your name to start the quiz.\", \"\", \"\", gr.update()\n",
        "            # Initialize user session for the current user\n",
        "            if name not in user_sessions:\n",
        "                user_sessions[name] = {\n",
        "                    \"score\": 0,\n",
        "                    \"trials\": 0,\n",
        "                    \"used_ipa_symbols\": [],\n",
        "                    \"current_answer\": \"\"\n",
        "                }\n",
        "            session = user_sessions[name]\n",
        "            # Generate first question\n",
        "            question, answer, used_ipa_symbols = generate_question(session[\"used_ipa_symbols\"])\n",
        "            session[\"current_answer\"] = answer\n",
        "            session[\"used_ipa_symbols\"] = used_ipa_symbols\n",
        "            return question, \"\", \"\", gr.update(value=\"Submit\"), gr.update()\n",
        "\n",
        "        # Submit answer function\n",
        "        def submit_answer(name, user_answer):\n",
        "            if name not in user_sessions:\n",
        "                return gr.update(), \"Please start the quiz first.\", \"\", \"\", gr.update()\n",
        "\n",
        "            session = user_sessions[name]\n",
        "            # Check the answer\n",
        "            result, score, trials = quiz_function(user_answer, session[\"current_answer\"], session[\"score\"], session[\"trials\"])\n",
        "            session[\"score\"] = score\n",
        "            session[\"trials\"] = trials\n",
        "\n",
        "            # Generate next question\n",
        "            question, answer, used_ipa_symbols = generate_question(session[\"used_ipa_symbols\"])\n",
        "            session[\"current_answer\"] = answer\n",
        "            session[\"used_ipa_symbols\"] = used_ipa_symbols\n",
        "\n",
        "            # Ensure the submit button retains its label after being clicked\n",
        "            return question, \"\", result, gr.update(value=\"Submit\"), gr.update()\n",
        "\n",
        "        # Quit quiz function\n",
        "        def quit_quiz(name):\n",
        "            if name not in user_sessions:\n",
        "                return \"You haven't started the quiz yet.\", gr.update()\n",
        "\n",
        "            session = user_sessions.pop(name)\n",
        "            return f\"Quiz ended. Well done, {name}! Your total score: {session['score']}/{session['trials']} points.\", gr.update()\n",
        "\n",
        "        # Bind functions to buttons\n",
        "        submit_button.click(\n",
        "            fn=submit_answer,\n",
        "            inputs=[name_input, answer_input],\n",
        "            outputs=[question_label, answer_input, output_label, submit_button, quit_button]\n",
        "        )\n",
        "\n",
        "        quit_button.click(\n",
        "            fn=quit_quiz,\n",
        "            inputs=[name_input],\n",
        "            outputs=[output_label, quit_button]\n",
        "        )\n",
        "\n",
        "        start_button = gr.Button(\"Start Quiz\", elem_id=\"start_button\")\n",
        "        start_button.click(\n",
        "            fn=start_quiz,\n",
        "            inputs=[name_input],\n",
        "            outputs=[question_label, answer_input, output_label, submit_button, quit_button]\n",
        "        )\n",
        "\n",
        "    return app\n",
        "\n",
        "app = gradio_interface()\n",
        "app.launch()\n"
      ],
      "metadata": {
        "id": "xK9Zfot0X6Hq"
      },
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "markdown",
      "source": [
        "# In progress code"
      ],
      "metadata": {
        "id": "DId5KLGljduK"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "import pandas as pd\n",
        "import random\n",
        "import gradio as gr\n",
        "import asyncio\n",
        "\n",
        "# Load the CSV data asynchronously\n",
        "async def load_data():\n",
        "    url = \"https://raw.githubusercontent.com/MK316/Myapps/main/data/IPA.csv\"\n",
        "    try:\n",
        "        data = await asyncio.to_thread(pd.read_csv, url, encoding='utf-8')\n",
        "        if 'IPA' not in data.columns:\n",
        "            raise ValueError(\"The required 'IPA' column is missing in the data.\")\n",
        "        return data\n",
        "    except Exception as e:\n",
        "        raise ValueError(f\"Error loading data: {e}\")\n",
        "\n",
        "# Initial empty dataframe\n",
        "df = pd.DataFrame()\n",
        "\n",
        "# Properties to ask about for each IPA symbol\n",
        "properties = ['Voicing', 'Place', 'Centrality', 'Oro-nasal', 'Manner']\n",
        "\n",
        "# Generate a new question\n",
        "def generate_question(used_ipa_symbols):\n",
        "    if df.empty or 'IPA' not in df.columns:\n",
        "        raise ValueError(\"IPA data is not loaded properly or missing.\")\n",
        "\n",
        "    # Loop until we get a valid IPA symbol that hasn't been used yet\n",
        "    while True:\n",
        "        current_ipa = df.sample(1).iloc[0]\n",
        "        if not pd.isnull(current_ipa['IPA']) and current_ipa['IPA'] not in used_ipa_symbols:\n",
        "            available_properties = [prop for prop in properties if not pd.isnull(current_ipa[prop])]\n",
        "            if available_properties:\n",
        "                break\n",
        "\n",
        "    used_ipa_symbols.append(current_ipa['IPA'])\n",
        "    property_name = random.choice(available_properties)\n",
        "    question = f\"IPA Symbol: {current_ipa['IPA']}\\nWhat is the {property_name.lower()} of this IPA symbol?\"\n",
        "    answer = current_ipa[property_name].lower()\n",
        "    return question, answer, used_ipa_symbols\n",
        "\n",
        "# Check the answer and update the score and trials\n",
        "def quiz_function(user_answer, correct_answer, score, trials):\n",
        "    if user_answer.lower() == correct_answer:\n",
        "        score += 1\n",
        "        result = f\"Correct! The answer was '{correct_answer}'.\"\n",
        "    else:\n",
        "        result = f\"Wrong! The correct answer was '{correct_answer}'.\"\n",
        "    trials += 1\n",
        "    return result, score, trials\n",
        "\n",
        "# Initialize a dictionary to store session-specific data\n",
        "user_sessions = {}\n",
        "\n",
        "# Define the Gradio interface\n",
        "def gradio_interface():\n",
        "    with gr.Blocks(css=\"\"\"\n",
        "        #start_button, #submit_button, #quit_button {\n",
        "            width: 200px;\n",
        "            height: 50px;\n",
        "            font-size: 16px;\n",
        "            color: black;\n",
        "            background-color: #f0f0f0;\n",
        "            text-align: center;\n",
        "            padding: 0;\n",
        "            display: inline-block;\n",
        "            font-family: Arial, sans-serif;\n",
        "            vertical-align: middle;\n",
        "            line-height: 50px;\n",
        "        }\n",
        "    \"\"\") as app:\n",
        "        # Define the components with `elem_id` to apply custom CSS\n",
        "        name_input = gr.Textbox(label=\"Enter your name\", placeholder=\"Your name\")\n",
        "        start_button = gr.Button(\"Start Quiz\", elem_id=\"start_button\")\n",
        "        question_label = gr.Textbox(label=\"Question\", interactive=False)\n",
        "        answer_input = gr.Textbox(label=\"Your Answer\", placeholder=\"Type your answer here\")\n",
        "        submit_button = gr.Button(\"Submit\", elem_id=\"submit_button\")\n",
        "        output_label = gr.Textbox(label=\"Result\", interactive=False)\n",
        "        quit_button = gr.Button(\"Quit\", elem_id=\"quit_button\")\n",
        "\n",
        "        score_state = gr.State(0)\n",
        "        trials_state = gr.State(0)\n",
        "        used_ipa_symbols_state = gr.State([])\n",
        "        current_answer_state = gr.State(\"\")\n",
        "\n",
        "        # Start quiz function with async loading\n",
        "        async def start_quiz(name):\n",
        "            global df\n",
        "            if not name:\n",
        "                yield gr.update(), gr.update(value=\"Please enter your name to start the quiz.\"), \"\", \"\", gr.update()\n",
        "\n",
        "            if df.empty:\n",
        "                # Display loading message\n",
        "                yield gr.update(), gr.update(value=\"Loading data... Please wait.\"), \"\", \"\", gr.update()\n",
        "\n",
        "                # Asynchronously load data\n",
        "                try:\n",
        "                    df = await load_data()\n",
        "                    yield gr.update(), gr.update(value=\"Data loaded. Starting the quiz.\"), \"\", \"\", gr.update()\n",
        "                except Exception as e:\n",
        "                    yield gr.update(), gr.update(value=f\"Failed to load data: {e}\"), \"\", \"\", gr.update()\n",
        "                    return  # Exit the function if data fails to load\n",
        "\n",
        "            # Initialize user session for the current user\n",
        "            if name not in user_sessions:\n",
        "                user_sessions[name] = {\n",
        "                    \"score\": 0,\n",
        "                    \"trials\": 0,\n",
        "                    \"used_ipa_symbols\": [],\n",
        "                    \"current_answer\": \"\"\n",
        "                }\n",
        "            session = user_sessions[name]\n",
        "\n",
        "            # Generate first question\n",
        "            question, answer, used_ipa_symbols = generate_question(session[\"used_ipa_symbols\"])\n",
        "            session[\"current_answer\"] = answer\n",
        "            session[\"used_ipa_symbols\"] = used_ipa_symbols\n",
        "            yield gr.update(value=question), \"\", \"\", gr.update(value=\"Submit\"), gr.update()\n",
        "\n",
        "        # Submit answer function\n",
        "        def submit_answer(name, user_answer):\n",
        "            if name not in user_sessions:\n",
        "                return gr.update(), gr.update(value=\"Please start the quiz first.\"), \"\", \"\", gr.update()\n",
        "\n",
        "            session = user_sessions[name]\n",
        "            # Check the answer\n",
        "            result, score, trials = quiz_function(user_answer, session[\"current_answer\"], session[\"score\"], session[\"trials\"])\n",
        "            session[\"score\"] = score\n",
        "            session[\"trials\"] = trials\n",
        "\n",
        "            # Generate next question\n",
        "            question, answer, used_ipa_symbols = generate_question(session[\"used_ipa_symbols\"])\n",
        "            session[\"current_answer\"] = answer\n",
        "            session[\"used_ipa_symbols\"] = used_ipa_symbols\n",
        "\n",
        "            return gr.update(value=question), \"\", gr.update(value=result), gr.update(value=\"Submit\"), gr.update()\n",
        "\n",
        "        # Quit quiz function\n",
        "        def quit_quiz(name):\n",
        "            if name not in user_sessions:\n",
        "                return gr.update(value=\"You haven't started the quiz yet.\"), gr.update()\n",
        "\n",
        "            session = user_sessions.pop(name)\n",
        "            return gr.update(value=f\"Quiz ended. Well done, {name}! Your total score: {session['score']}/{session['trials']} points.\"), gr.update()\n",
        "\n",
        "        # Bind functions to buttons\n",
        "        start_button.click(\n",
        "            fn=start_quiz,\n",
        "            inputs=[name_input],\n",
        "            outputs=[question_label, answer_input, output_label, submit_button, quit_button]\n",
        "        )\n",
        "\n",
        "        submit_button.click(\n",
        "            fn=submit_answer,\n",
        "            inputs=[name_input, answer_input],\n",
        "            outputs=[question_label, answer_input, output_label, submit_button, quit_button]\n",
        "        )\n",
        "\n",
        "        quit_button.click(\n",
        "            fn=quit_quiz,\n",
        "            inputs=[name_input],\n",
        "            outputs=[output_label, quit_button]\n",
        "        )\n",
        "\n",
        "    return app\n",
        "\n",
        "app = gradio_interface()\n",
        "app.launch()\n"
      ],
      "metadata": {
        "id": "0iQ-5QURZpYo"
      },
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "code",
      "source": [
        "import pandas as pd\n",
        "import random\n",
        "import gradio as gr\n",
        "\n",
        "# Embed the data directly\n",
        "data = {\n",
        "    'IPA': ['p', 'b', 't', 'd', 'k', 'g', 'f', 'v', 'θ', 'ð', 's', 'z', 'ʃ', 'ʒ', 'tʃ', 'dʒ', 'h', 'm', 'n', 'ŋ', 'ɹ', 'l', 'j', 'w'],\n",
        "    'Voicing': ['voiceless', 'voiced', 'voiceless', 'voiced', 'voiceless', 'voiced', 'voiceless', 'voiced', 'voiceless', 'voiced', 'voiceless', 'voiced', 'voiceless', 'voiced', 'voiceless', 'voiced', 'voiceless', 'voiced', 'voiced', 'voiced', 'voiced', 'voiced', 'voiced', 'voiced'],\n",
        "    'Place': ['bilabial', 'bilabial', 'alveolar', 'alveolar', 'velar', 'velar', 'labio-dental', 'labio-dental', 'dental', 'dental', 'alveolar', 'alveolar', 'palato-alveolar', 'palato-alveolar', 'palato-alveolar', 'palato-alveolar', 'glottal', 'bilabial', 'alveolar', 'velar', 'alveolar', 'alveolar', 'palatal', 'labio-velar'],\n",
        "    'Centrality': ['central', 'central', 'central', 'central', 'central', 'central', 'central', 'central', 'central', 'central', 'central', 'central', 'central', 'central', 'central', 'central', 'central', 'not applicable', 'not applicable', 'not applicable', 'central', 'lateral', 'central', 'central'],\n",
        "    'Oro-nasal': ['oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'nasal', 'nasal', 'nasal', 'oral', 'oral', 'oral', 'oral'],\n",
        "    'Manner': ['stop', 'stop', 'stop', 'stop', 'stop', 'stop', 'fricative', 'fricative', 'fricative', 'fricative', 'fricative', 'fricative', 'fricative', 'fricative', 'affricate', 'affricate', 'fricative', 'stop', 'stop', 'stop', 'approximant', 'approximant', 'approximant', 'approximant']\n",
        "}\n",
        "\n",
        "df = pd.DataFrame(data)\n",
        "properties = ['Voicing', 'Place', 'Centrality', 'Oro-nasal', 'Manner']\n",
        "\n",
        "def generate_question(used_indexes):\n",
        "    if len(used_indexes) >= len(df):\n",
        "        used_indexes = []  # Reset if all symbols have been used\n",
        "    unused_df = df.drop(used_indexes)\n",
        "    current_ipa = unused_df.sample(1).iloc[0]\n",
        "    index = df[df['IPA'] == current_ipa['IPA']].index.item()\n",
        "    used_indexes.append(index)\n",
        "\n",
        "    available_properties = [prop for prop in properties if not pd.isnull(current_ipa[prop])]\n",
        "    property_name = random.choice(available_properties)\n",
        "\n",
        "    question = f\"IPA Symbol: {current_ipa['IPA']}\\nWhat is the {property_name.lower()} of this IPA symbol?\"\n",
        "    answer = current_ipa[property_name]\n",
        "    return question, answer.lower(), used_indexes\n",
        "\n",
        "def gradio_interface():\n",
        "    with gr.Blocks() as app:\n",
        "        name_input = gr.Textbox(label=\"Enter your name\", placeholder=\"Your name\")\n",
        "        start_button = gr.Button(\"Start Quiz\")\n",
        "        question_label = gr.Textbox(label=\"Question\", interactive=False)\n",
        "        answer_input = gr.Textbox(label=\"Your Answer\", placeholder=\"Type your answer here\", value=\"\")\n",
        "        submit_button = gr.Button(\"Submit\")\n",
        "        output_label = gr.Textbox(label=\"Result\", interactive=False)\n",
        "        quit_button = gr.Button(\"Quit\")\n",
        "        current_answer_state = gr.State()  # Store the current answer\n",
        "        used_indexes_state = gr.State([])  # Track used indexes\n",
        "        trials_state = gr.State(0)  # Track number of trials\n",
        "        score_state = gr.State(0)  # Track score\n",
        "\n",
        "        start_button.click(\n",
        "            fn=lambda name: generate_question([]) + (\"\", [], 0, 0) if name else (\"Please enter your name to start the quiz.\", \"\", [], 0, 0),\n",
        "            inputs=name_input,\n",
        "            outputs=[question_label, current_answer_state, used_indexes_state, answer_input, trials_state, score_state]\n",
        "        )\n",
        "\n",
        "        submit_button.click(\n",
        "            fn=lambda question, user_answer, correct_answer, used_indexes, trials, score: (generate_question(used_indexes) +\n",
        "                (f\"Correct! Score updated.\" if user_answer.lower() == correct_answer else f\"Wrong! The correct answer was '{correct_answer}'.\", \"\", score + (1 if user_answer.lower() == correct_answer else 0), trials + 1)) if user_answer else (\"\", \"\", [], score, trials, \"Please provide an answer.\"),\n",
        "            inputs=[question_label, answer_input, current_answer_state, used_indexes_state, trials_state, score_state],\n",
        "            outputs=[question_label, current_answer_state, used_indexes_state, answer_input, output_label, trials_state, score_state]\n",
        "        )\n",
        "\n",
        "        quit_button.click(\n",
        "            fn=lambda score, trials: f\"Thank you for playing the quiz. Your total score: {score}/{trials} points.\",\n",
        "            inputs=[score_state, trials_state],\n",
        "            outputs=output_label\n",
        "        )\n",
        "\n",
        "    return app\n",
        "\n",
        "app = gradio_interface()\n",
        "app.launch()\n"
      ],
      "metadata": {
        "id": "wzPZYe6w3PZk"
      },
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "code",
      "source": [
        "import pandas as pd\n",
        "import random\n",
        "import gradio as gr\n",
        "\n",
        "# Create DataFrame directly in the code\n",
        "data = {\n",
        "    'IPA': ['p', 'b', 't', 'd', 'k', 'g', 'f', 'v', 'θ', 'ð', 's', 'z', 'ʃ', 'ʒ', 'tʃ', 'dʒ', 'h', 'm', 'n', 'ŋ', 'ɹ', 'l', 'j', 'w'],\n",
        "    'Voicing': ['voiceless', 'voiced', 'voiceless', 'voiced', 'voiceless', 'voiced', 'voiceless', 'voiced', 'voiceless', 'voiced', 'voiceless', 'voiced', 'voiceless', 'voiced', 'voiceless', 'voiced', 'voiceless', 'voiced', 'voiced', 'voiced', 'voiced', 'voiced', 'voiced', 'voiced'],\n",
        "    'Place': ['bilabial', 'bilabial', 'alveolar', 'alveolar', 'velar', 'velar', 'labio-dental', 'labio-dental', 'dental', 'dental', 'alveolar', 'alveolar', 'palato-alveolar', 'palato-alveolar', 'palato-alveolar', 'palato-alveolar', 'glottal', 'bilabial', 'alveolar', 'velar', 'alveolar', 'alveolar', 'palatal', 'labio-velar'],\n",
        "    'Centrality': ['central', 'central', 'central', 'central', 'central', 'central', 'central', 'central', 'central', 'central', 'central', 'central', 'central', 'central', 'central', 'central', 'central', 'not applicable', 'not applicable', 'not applicable', 'central', 'lateral', 'central', 'central'],\n",
        "    'Oro-nasal': ['oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'nasal', 'nasal', 'nasal', 'oral', 'oral', 'oral', 'oral'],\n",
        "    'Manner': ['stop', 'stop', 'stop', 'stop', 'stop', 'stop', 'fricative', 'fricative', 'fricative', 'fricative', 'fricative', 'fricative', 'fricative', 'fricative', 'affricate', 'affricate', 'fricative', 'stop', 'stop', 'stop', 'approximant', 'approximant', 'approximant', 'approximant']\n",
        "}\n",
        "\n",
        "df = pd.DataFrame(data)\n",
        "\n",
        "# Properties to ask about for each IPA symbol\n",
        "properties = ['Voicing', 'Place', 'Centrality', 'Oro-nasal', 'Manner']\n",
        "\n",
        "# Generate a new question\n",
        "def generate_question(used_ipa_symbols):\n",
        "    if df.empty:\n",
        "        raise ValueError(\"Data is not loaded properly or missing.\")\n",
        "\n",
        "    # Loop until we get a valid IPA symbol that hasn't been used yet\n",
        "    while True:\n",
        "        current_ipa = df.sample(1).iloc[0]\n",
        "        if current_ipa['IPA'] not in used_ipa_symbols:\n",
        "            available_properties = [prop for prop in properties if not pd.isnull(current_ipa[prop])]\n",
        "            if available_properties:\n",
        "                break\n",
        "\n",
        "    used_ipa_symbols.append(current_ipa['IPA'])\n",
        "    property_name = random.choice(available_properties)\n",
        "    question = f\"IPA Symbol: {current_ipa['IPA']}\\nWhat is the {property_name.lower()} of this IPA symbol?\"\n",
        "    answer = current_ipa[property_name].lower()\n",
        "    return question, answer, used_ipa_symbols\n",
        "\n",
        "# Initialize a dictionary to store session-specific data\n",
        "user_sessions = {}\n",
        "\n",
        "# Define the Gradio interface\n",
        "def gradio_interface():\n",
        "    with gr.Blocks() as app:\n",
        "        name_input = gr.Textbox(label=\"Enter your name\", placeholder=\"Your name\")\n",
        "        start_button = gr.Button(\"Start Quiz\")\n",
        "        question_label = gr.Textbox(label=\"Question\", interactive=False)\n",
        "        answer_input = gr.Textbox(label=\"Your Answer\", placeholder=\"Type your answer here\")\n",
        "        submit_button = gr.Button(\"Submit\")\n",
        "        output_label = gr.Textbox(label=\"Result\", interactive=False)\n",
        "        quit_button = gr.Button(\"Quit\")\n",
        "\n",
        "        # Start quiz function\n",
        "        def start_quiz(name):\n",
        "            if not name:\n",
        "                return \"Please enter your name to start the quiz.\"\n",
        "\n",
        "            if name not in user_sessions:\n",
        "                user_sessions[name] = {\n",
        "                    \"score\": 0,\n",
        "                    \"trials\": 0,\n",
        "                    \"used_ipa_symbols\": [],\n",
        "                    \"current_answer\": \"\"\n",
        "                }\n",
        "            session = user_sessions[name]\n",
        "\n",
        "            # Generate first question\n",
        "            question, answer, used_ipa_symbols = generate_question(session[\"used_ipa_symbols\"])\n",
        "            session[\"current_answer\"] = answer\n",
        "            session[\"used_ipa_symbols\"] = used_ipa_symbols\n",
        "            return question\n",
        "\n",
        "        # Submit answer function\n",
        "        def submit_answer(name, user_answer):\n",
        "            if name not in user_sessions:\n",
        "                return \"Please start the quiz first.\"\n",
        "\n",
        "            session = user_sessions[name]\n",
        "            # Check the answer\n",
        "            result, score, trials = quiz_function(user_answer, session[\"current_answer\"], session[\"score\"], session[\"trials\"])\n",
        "            session[\"score\"] = score\n",
        "            session[\"trials\"] = trials\n",
        "\n",
        "            # Generate next question\n",
        "            question, answer, used_ipa_symbols = generate_question(session[\"used_ipa_symbols\"])\n",
        "            session[\"current_answer\"] = answer\n",
        "            session[\"used_ipa_symbols\"] = used_ipa_symbols\n",
        "\n",
        "            return result, question\n",
        "\n",
        "        # Quit quiz function\n",
        "        def quit_quiz(name):\n",
        "            if name not in user_sessions:\n",
        "                return \"You haven't started the quiz yet.\"\n",
        "\n",
        "            session = user_sessions.pop(name)\n",
        "            return f\"Quiz ended. Well done, {name}! Your total score: {session['score']}/{session['trials']} points.\"\n",
        "\n",
        "        start_button.click(\n",
        "            fn=start_quiz,\n",
        "            inputs=name_input,\n",
        "            outputs=question_label\n",
        "        )\n",
        "\n",
        "        submit_button.click(\n",
        "            fn=submit_answer,\n",
        "            inputs=[name_input, answer_input],\n",
        "            outputs=[output_label, question_label]\n",
        "        )\n",
        "\n",
        "        quit_button.click(\n",
        "            fn=quit_quiz,\n",
        "            inputs=name_input,\n",
        "            outputs=output_label\n",
        "        )\n",
        "\n",
        "    return app\n",
        "\n",
        "app = gradio_interface()\n",
        "app.launch()\n"
      ],
      "metadata": {
        "id": "n8sM1CHT0Liw"
      },
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "markdown",
      "source": [
        "# Optimization"
      ],
      "metadata": {
        "id": "f88SlteP1DnC"
      }
    },
    {
      "cell_type": "code",
      "source": [
        "import pandas as pd\n",
        "import random\n",
        "import gradio as gr\n",
        "\n",
        "# Embed the data directly\n",
        "data = {\n",
        "    'IPA': ['p', 'b', 't', 'd', 'k', 'g', 'f', 'v', 'θ', 'ð', 's', 'z', 'ʃ', 'ʒ', 'tʃ', 'dʒ', 'h', 'm', 'n', 'ŋ', 'ɹ', 'l', 'j', 'w'],\n",
        "    'Voicing': ['voiceless', 'voiced', 'voiceless', 'voiced', 'voiceless', 'voiced', 'voiceless', 'voiced', 'voiceless', 'voiced', 'voiceless', 'voiced', 'voiceless', 'voiced', 'voiceless', 'voiced', 'voiceless', 'voiced', 'voiced', 'voiced', 'voiced', 'voiced', 'voiced', 'voiced'],\n",
        "    'Place': ['bilabial', 'bilabial', 'alveolar', 'alveolar', 'velar', 'velar', 'labio-dental', 'labio-dental', 'dental', 'dental', 'alveolar', 'alveolar', 'palato-alveolar', 'palato-alveolar', 'palato-alveolar', 'palato-alveolar', 'glottal', 'bilabial', 'alveolar', 'velar', 'alveolar', 'alveolar', 'palatal', 'labio-velar'],\n",
        "    'Centrality': ['central', 'central', 'central', 'central', 'central', 'central', 'central', 'central', 'central', 'central', 'central', 'central', 'central', 'central', 'central', 'central', 'central', 'not applicable', 'not applicable', 'not applicable', 'central', 'lateral', 'central', 'central'],\n",
        "    'Oro-nasal': ['oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'oral', 'nasal', 'nasal', 'nasal', 'oral', 'oral', 'oral', 'oral'],\n",
        "    'Manner': ['stop', 'stop', 'stop', 'stop', 'stop', 'stop', 'fricative', 'fricative', 'fricative', 'fricative', 'fricative', 'fricative', 'fricative', 'fricative', 'affricate', 'affricate', 'fricative', 'stop', 'stop', 'stop', 'approximant', 'approximant', 'approximant', 'approximant']\n",
        "}\n",
        "\n",
        "df = pd.DataFrame(data)\n",
        "properties = ['Voicing', 'Place', 'Centrality', 'Oro-nasal', 'Manner']\n",
        "\n",
        "def generate_question(used_indexes):\n",
        "    if len(used_indexes) >= len(df):\n",
        "        used_indexes = []  # Reset if all symbols have been used\n",
        "\n",
        "    unused_df = df.drop(used_indexes)\n",
        "    current_ipa = unused_df.sample(1).iloc[0]\n",
        "    index = df[df['IPA'] == current_ipa['IPA']].index.tolist()[0]\n",
        "    used_indexes.append(index)\n",
        "\n",
        "    available_properties = [prop for prop in properties if not pd.isnull(current_ipa[prop])]\n",
        "    property_name = random.choice(available_properties)\n",
        "\n",
        "    question = f\"IPA Symbol: {current_ipa['IPA']}\\nWhat is the {property_name.lower()} of this IPA symbol?\"\n",
        "    answer = current_ipa[property_name].lower()\n",
        "    return question, answer, used_indexes\n",
        "\n",
        "def gradio_interface():\n",
        "    with gr.Blocks() as app:\n",
        "        name_input = gr.Textbox(label=\"Enter your name\", placeholder=\"Your name\")\n",
        "        start_button = gr.Button(\"Start Quiz\")\n",
        "        question_label = gr.Textbox(label=\"Question\", interactive=False)\n",
        "        answer_input = gr.Textbox(label=\"Your Answer\", placeholder=\"Type your answer here\", clear_on_submit=True)\n",
        "        submit_button = gr.Button(\"Submit\")\n",
        "        output_label = gr.Textbox(label=\"Result\", interactive=False)\n",
        "        quit_button = gr.Button(\"Quit\")\n",
        "        used_indexes_state = gr.State([])\n",
        "\n",
        "        start_button.click(\n",
        "            fn=lambda name: generate_question([]) if name else (\"Please enter your name to start the quiz.\", \"\", []),\n",
        "            inputs=name_input,\n",
        "            outputs=[question_label, answer_input, used_indexes_state]\n",
        "        )\n",
        "\n",
        "        submit_button.click(\n",
        "            fn=lambda question, user_answer, correct_answer, used_indexes: (generate_question(used_indexes) + (\"Correct!\" if user_answer.lower() == correct_answer else f\"Wrong! The correct answer was '{correct_answer}'.\",)) if user_answer else (\"\", \"\", [], \"Please provide an answer.\"),\n",
        "            inputs=[question_label, answer_input, question_label, used_indexes_state],\n",
        "            outputs=[question_label, answer_input, used_indexes_state, output_label]\n",
        "        )\n",
        "\n",
        "        quit_button.click(\n",
        "            fn=lambda: \"Thank you for playing the quiz.\",\n",
        "            outputs=output_label\n",
        "        )\n",
        "\n",
        "    return app\n",
        "\n",
        "app = gradio_interface()\n",
        "app.launch()\n"
      ],
      "metadata": {
        "id": "xhn2ZlKR1FHc"
      },
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "code",
      "source": [
        "with gr.Blocks() as app:\n",
        "    name_input = gr.Textbox(label=\"Enter your name\", placeholder=\"Your name\")\n",
        "    score_state = gr.State(0)\n",
        "    trials_state = gr.State(0)\n",
        "    used_ipa_symbols_state = gr.State([])\n",
        "    current_answer_state = gr.State(\"\")\n",
        "\n",
        "    # start_quiz and other functions can be updated to use these state variables\n"
      ],
      "metadata": {
        "id": "knV_ChSiX0S3"
      },
      "execution_count": null,
      "outputs": []
    },
    {
      "cell_type": "code",
      "source": [
        "#@markdown Revised final version (global variable issue is resolved)\n",
        "\n",
        "import pandas as pd\n",
        "import random\n",
        "import gradio as gr\n",
        "\n",
        "# Load the CSV data\n",
        "def load_data():\n",
        "    url = \"https://raw.githubusercontent.com/MK316/Myapps/main/data/IPA.csv\"\n",
        "    try:\n",
        "        data = pd.read_csv(url, encoding='utf-8')\n",
        "        if 'IPA' not in data.columns:\n",
        "            raise ValueError(\"The required 'IPA' column is missing in the data.\")\n",
        "        return data\n",
        "    except Exception as e:\n",
        "        raise ValueError(f\"Error loading data: {e}\")\n",
        "\n",
        "df = load_data()\n",
        "\n",
        "# Properties to ask about for each IPA symbol\n",
        "properties = ['Voicing', 'Place', 'Centrality', 'Oro-nasal', 'Manner']\n",
        "\n",
        "# Generate a new question\n",
        "def generate_question(used_ipa_symbols):\n",
        "    if df.empty or 'IPA' not in df.columns:\n",
        "        raise ValueError(\"IPA data is not loaded properly or missing.\")\n",
        "\n",
        "    # Loop until we get a valid IPA symbol that hasn't been used yet\n",
        "    while True:\n",
        "        current_ipa = df.sample(1).iloc[0]\n",
        "        if not pd.isnull(current_ipa['IPA']) and current_ipa['IPA'] not in used_ipa_symbols:\n",
        "            available_properties = [prop for prop in properties if not pd.isnull(current_ipa[prop])]\n",
        "            if available_properties:\n",
        "                break\n",
        "\n",
        "    used_ipa_symbols.append(current_ipa['IPA'])\n",
        "    property_name = random.choice(available_properties)\n",
        "    question = f\"IPA Symbol: {current_ipa['IPA']}\\nWhat is the {property_name.lower()} of this IPA symbol?\"\n",
        "    answer = current_ipa[property_name].lower()\n",
        "    return question, answer, used_ipa_symbols\n",
        "\n",
        "# Check the answer and update the score and trials\n",
        "def quiz_function(user_answer, correct_answer, score, trials):\n",
        "    if user_answer.lower() == correct_answer:\n",
        "        score += 1\n",
        "        result = f\"Correct! The answer was '{correct_answer}'.\"\n",
        "    else:\n",
        "        result = f\"Wrong! The correct answer was '{correct_answer}'.\"\n",
        "    trials += 1\n",
        "    return result, score, trials\n",
        "\n",
        "# Initialize a dictionary to store session-specific data\n",
        "user_sessions = {}\n",
        "\n",
        "# Define the Gradio interface\n",
        "def gradio_interface():\n",
        "    # Apply direct CSS to control button size and text rendering\n",
        "    with gr.Blocks(css=\"\"\"\n",
        "        #start_button, #submit_button, #quit_button {\n",
        "            width: 200px;\n",
        "            height: 50px;\n",
        "            font-size: 16px;\n",
        "            color: black;\n",
        "            background-color: #f0f0f0;\n",
        "            text-align: center;\n",
        "            padding: 0;\n",
        "            display: inline-block;\n",
        "            font-family: Arial, sans-serif;\n",
        "            vertical-align: middle;\n",
        "            line-height: 50px;\n",
        "        }\n",
        "    \"\"\") as app:\n",
        "        # Define the components with `elem_id` to apply custom CSS\n",
        "        name_input = gr.Textbox(label=\"Enter your name\", placeholder=\"Your name\")\n",
        "        start_button = gr.Button(\"Start Quiz\", elem_id=\"start_button\")\n",
        "        question_label = gr.Textbox(label=\"Question\", interactive=False)\n",
        "        answer_input = gr.Textbox(label=\"Your Answer\", placeholder=\"Type your answer here\")\n",
        "        submit_button = gr.Button(\"Submit\", elem_id=\"submit_button\")\n",
        "        output_label = gr.Textbox(label=\"Result\", interactive=False)\n",
        "        quit_button = gr.Button(\"Quit\", elem_id=\"quit_button\")\n",
        "\n",
        "        # Start quiz function\n",
        "        def start_quiz(name):\n",
        "            if not name:\n",
        "                return gr.update(), \"Please enter your name to start the quiz.\", \"\", \"\", gr.update()\n",
        "            # Initialize user session for the current user\n",
        "            if name not in user_sessions:\n",
        "                user_sessions[name] = {\n",
        "                    \"score\": 0,\n",
        "                    \"trials\": 0,\n",
        "                    \"used_ipa_symbols\": [],\n",
        "                    \"current_answer\": \"\"\n",
        "                }\n",
        "            session = user_sessions[name]\n",
        "            # Generate first question\n",
        "            question, answer, used_ipa_symbols = generate_question(session[\"used_ipa_symbols\"])\n",
        "            session[\"current_answer\"] = answer\n",
        "            session[\"used_ipa_symbols\"] = used_ipa_symbols\n",
        "            return question, \"\", \"\", gr.update(value=\"Submit\"), gr.update()\n",
        "\n",
        "        # Submit answer function\n",
        "        def submit_answer(name, user_answer):\n",
        "            if name not in user_sessions:\n",
        "                return gr.update(), \"Please start the quiz first.\", \"\", \"\", gr.update()\n",
        "\n",
        "            session = user_sessions[name]\n",
        "            # Check the answer\n",
        "            result, score, trials = quiz_function(user_answer, session[\"current_answer\"], session[\"score\"], session[\"trials\"])\n",
        "            session[\"score\"] = score\n",
        "            session[\"trials\"] = trials\n",
        "\n",
        "            # Generate next question\n",
        "            question, answer, used_ipa_symbols = generate_question(session[\"used_ipa_symbols\"])\n",
        "            session[\"current_answer\"] = answer\n",
        "            session[\"used_ipa_symbols\"] = used_ipa_symbols\n",
        "\n",
        "            # Ensure the submit button retains its label after being clicked\n",
        "            return question, \"\", result, gr.update(value=\"Submit\"), gr.update()\n",
        "\n",
        "        # Quit quiz function\n",
        "        def quit_quiz(name):\n",
        "            if name not in user_sessions:\n",
        "                return \"You haven't started the quiz yet.\", gr.update()\n",
        "\n",
        "            session = user_sessions.pop(name)\n",
        "            return f\"Quiz ended. Well done, {name}! Your total score: {session['score']}/{session['trials']} points.\", gr.update()\n",
        "\n",
        "        # Bind functions to buttons\n",
        "        start_button.click(\n",
        "            fn=start_quiz,\n",
        "            inputs=[name_input],\n",
        "            outputs=[question_label, answer_input, output_label, submit_button, quit_button]\n",
        "        )\n",
        "\n",
        "        submit_button.click(\n",
        "            fn=submit_answer,\n",
        "            inputs=[name_input, answer_input],\n",
        "            outputs=[question_label, answer_input, output_label, submit_button, quit_button]\n",
        "        )\n",
        "\n",
        "        quit_button.click(\n",
        "            fn=quit_quiz,\n",
        "            inputs=[name_input],\n",
        "            outputs=[output_label, quit_button]\n",
        "        )\n",
        "\n",
        "    return app\n",
        "\n",
        "app = gradio_interface()\n",
        "app.launch()\n"
      ],
      "metadata": {
        "id": "1TFxgECl4KBQ"
      },
      "execution_count": null,
      "outputs": []
    }
  ]
}