IPA_practice_0930.ipynb

{
  "nbformat": 4,
  "nbformat_minor": 0,
  "metadata": {
    "colab": {
      "private_outputs": true,
      "provenance": [],
      "authorship_tag": "ABX9TyNTalSUHTr2XskKGel51XAw",
      "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_0930.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": [
        "#@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": {
        "cellView": "form",
        "id": "1TFxgECl4KBQ"
      },
      "execution_count": null,
      "outputs": []
    }
  ]
}