nlp-lab/Project/Tools/User_Interface.ipynb

464 lines
11 KiB
Plaintext

{
"cells": [
{
"cell_type": "markdown",
"metadata": {},
"source": [
"# User Interface Configuration and Information\n",
"We want to create a small user interface for our prototype in emoji prediction"
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"## Needed\n",
"We want to define needed components for this UI"
]
},
{
"cell_type": "code",
"execution_count": 1,
"metadata": {
"collapsed": true
},
"outputs": [],
"source": [
"import random\n",
"import ipywidgets as widgets\n",
"from IPython.display import display, clear_output"
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"### Trigger refresh of prediction\n",
"each action of typing and sending should yield a new updated prediction for best fitting emojis"
]
},
{
"cell_type": "code",
"execution_count": 2,
"metadata": {},
"outputs": [
{
"name": "stderr",
"output_type": "stream",
"text": [
"Using TensorFlow backend.\n"
]
},
{
"name": "stdout",
"output_type": "stream",
"text": [
"[nltk_data] Downloading package punkt to /Users/Carsten/nltk_data...\n",
"[nltk_data] Package punkt is already up-to-date!\n",
"[nltk_data] Downloading package averaged_perceptron_tagger to\n",
"[nltk_data] /Users/Carsten/nltk_data...\n",
"[nltk_data] Package averaged_perceptron_tagger is already up-to-\n",
"[nltk_data] date!\n",
"[nltk_data] Downloading package wordnet to /Users/Carsten/nltk_data...\n",
"[nltk_data] Package wordnet is already up-to-date!\n"
]
}
],
"source": [
"import sys\n",
"sys.path.append(\"..\")\n",
"\n",
"import simple_approach.simple_twitter_learning as stl\n",
"clf = stl.pipeline_manager.load_pipeline_from_files( '../simple_approach/custom_classifier', ['keras_model'], ['vectorizer', 'keras_model'])\n",
"\n",
"import Tools.Emoji_Distance as ed"
]
},
{
"cell_type": "code",
"execution_count": null,
"metadata": {
"collapsed": true
},
"outputs": [],
"source": []
},
{
"cell_type": "code",
"execution_count": 3,
"metadata": {},
"outputs": [],
"source": [
"top_emojis = ['😂',\n",
" '😭',\n",
" '😍',\n",
" '😩',\n",
" '😊',\n",
" '😘',\n",
" '🙏',\n",
" '🙌',\n",
" '😉',\n",
" '😁',\n",
" '😅',\n",
" '😎',\n",
" '😢',\n",
" '😒',\n",
" '😏',\n",
" '😌',\n",
" '😔',\n",
" '😋',\n",
" '😀',\n",
" '😤']\n",
"predictions = [\"🤐\",\"🤑\",\"🤒\",\"🤓\",\"🤔\",\"🤕\",\"🤗\",\"🤘\"]\n",
"\n",
"def trigger_new_prediction(all_chat, current_message):\n",
" global predictions\n",
" #random.shuffle(predictions)\n",
" sent = clf.predict([current_message])\n",
" p = ed.sentiment_vector_to_emoji(sent,n_results = 8, custom_target_emojis=top_emojis)\n",
" predictions = p\n",
" update_descriptions()"
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"### User Output\n",
"the wiritten text as an overview or list of text"
]
},
{
"cell_type": "code",
"execution_count": 4,
"metadata": {
"collapsed": true
},
"outputs": [],
"source": [
"all_text = \"no text yet \\n\"\n",
"\n",
"out = widgets.Output(layout = widgets.Layout(max_height = \"500px\"))"
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"### User Input\n",
"the user has to interact with our UI so hee needs:"
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"#### Text Input field\n",
"a simple line for text input on the bottom of UI"
]
},
{
"cell_type": "code",
"execution_count": 5,
"metadata": {
"collapsed": true
},
"outputs": [],
"source": [
"text_input = widgets.Text()\n",
"\n",
"def submit_new_message(p):\n",
" global all_text\n",
" bar = \"----------- \\n\"\n",
" time = \"12:00 \\n\"\n",
" msg = text_input.value +\"\\n\"\n",
" new_message = bar + time + msg\n",
" all_text += new_message \n",
" \n",
" with out:\n",
" clear_output()\n",
" print(all_text)\n",
" \n",
" trigger_new_prediction(all_text, text_input.value)\n",
" update_descriptions()\n",
" text_input.description = \"\"\n",
" \n",
"text_input.on_submit(submit_new_message)\n",
"\n",
"\n",
"#TODO\n",
"text_input.observe(lambda b: trigger_new_prediction(None, text_input.value))"
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"#### A sent button to enter yout typed in message\n",
"alternatively it should be also possible to simply type enter"
]
},
{
"cell_type": "code",
"execution_count": 6,
"metadata": {
"collapsed": true
},
"outputs": [],
"source": [
"sent_button = widgets.Button(description = \"Sent\")\n",
"\n",
"sent_button.on_click(submit_new_message)"
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"#### A list of buttons for selecting predicted emojis\n",
"a set of fixed size of buttons with a dynamic changeable labeling replaced by the unicode emoji"
]
},
{
"cell_type": "code",
"execution_count": 7,
"metadata": {
"collapsed": true
},
"outputs": [],
"source": [
"p0_button = widgets.Button(description = \"p0\")\n",
"\n",
"def on_p0_button_click(p):\n",
" update_descriptions() \n",
" #with out:\n",
" text_input.value += \" \"+predictions[0]\n",
"\n",
"p0_button.on_click(on_p0_button_click)"
]
},
{
"cell_type": "code",
"execution_count": 8,
"metadata": {
"collapsed": true
},
"outputs": [],
"source": [
"p1_button = widgets.Button(description = \"p1\")\n",
"\n",
"def on_p1_button_click(p):\n",
" update_descriptions()\n",
" with out:\n",
" text_input.value += \" \"+predictions[1]\n",
"\n",
"p1_button.on_click(on_p1_button_click)"
]
},
{
"cell_type": "code",
"execution_count": 9,
"metadata": {
"collapsed": true
},
"outputs": [],
"source": [
"p2_button = widgets.Button(description = \"p2\")\n",
"\n",
"def on_p2_button_click(p):\n",
" update_descriptions()\n",
" with out:\n",
" text_input.value += \" \"+predictions[2]\n",
"\n",
"p2_button.on_click(on_p2_button_click)"
]
},
{
"cell_type": "code",
"execution_count": 10,
"metadata": {
"collapsed": true
},
"outputs": [],
"source": [
"p3_button = widgets.Button(description = \"p3\")\n",
"\n",
"def on_p3_button_click(p):\n",
" update_descriptions()\n",
" with out:\n",
" text_input.value += \" \"+predictions[3]\n",
"\n",
"p3_button.on_click(on_p3_button_click)"
]
},
{
"cell_type": "code",
"execution_count": 11,
"metadata": {
"collapsed": true
},
"outputs": [],
"source": [
"p4_button = widgets.Button(description = \"p4\")\n",
"\n",
"def on_p4_button_click(p):\n",
" update_descriptions()\n",
" with out:\n",
" text_input.value += \" \"+predictions[4]\n",
"\n",
"p4_button.on_click(on_p4_button_click)"
]
},
{
"cell_type": "code",
"execution_count": 12,
"metadata": {
"collapsed": true
},
"outputs": [],
"source": [
"p5_button = widgets.Button(description = \"p5\")\n",
"\n",
"def on_p5_button_click(p):\n",
" update_descriptions()\n",
" with out:\n",
" text_input.value += \" \"+predictions[5]\n",
"\n",
"p5_button.on_click(on_p5_button_click)"
]
},
{
"cell_type": "code",
"execution_count": 13,
"metadata": {
"collapsed": true
},
"outputs": [],
"source": [
"p6_button = widgets.Button(description = \"p6\")\n",
"\n",
"def on_p6_button_click(p):\n",
" update_descriptions()\n",
" with out:\n",
" text_input.value += \" \"+predictions[6]\n",
"\n",
"p6_button.on_click(on_p6_button_click)"
]
},
{
"cell_type": "code",
"execution_count": 14,
"metadata": {
"collapsed": true
},
"outputs": [],
"source": [
"p7_button = widgets.Button(description = \"p7\")\n",
"\n",
"def on_p7_button_click(p):\n",
" update_descriptions()\n",
" with out:\n",
" text_input.value += \" \"+predictions[7]\n",
"\n",
"p7_button.on_click(on_p7_button_click)"
]
},
{
"cell_type": "code",
"execution_count": 15,
"metadata": {
"collapsed": true
},
"outputs": [],
"source": [
"def update_descriptions():\n",
" global predictions\n",
" p0_button.description = predictions[0]\n",
" p1_button.description = predictions[1]\n",
" p2_button.description = predictions[2]\n",
" p3_button.description = predictions[3]\n",
" p4_button.description = predictions[4]\n",
" p5_button.description = predictions[5]\n",
" p6_button.description = predictions[6]\n",
" p7_button.description = predictions[7]"
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"### Additional\n",
"Developer Information\n",
"#### Output of in and out commands\n",
"#### Prob distribution or whole list of sorted emojis\n",
"#### configuration information"
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"## Prototype UI"
]
},
{
"cell_type": "code",
"execution_count": 16,
"metadata": {},
"outputs": [
{
"data": {
"application/vnd.jupyter.widget-view+json": {
"model_id": "29e1cbab23c841a8b201b95c3d75da01",
"version_major": 2,
"version_minor": 0
},
"text/plain": [
"A Jupyter Widget"
]
},
"metadata": {},
"output_type": "display_data"
}
],
"source": [
"text_output = widgets.VBox([out])\n",
"all_prediction_buttons = widgets.HBox([p0_button,p1_button,p2_button,p3_button,p4_button,p5_button,p6_button,p7_button])\n",
"user_input = widgets.HBox([text_input,sent_button])\n",
"total_layout = widgets.VBox([text_output,all_prediction_buttons,user_input],layout = widgets.Layout(max_width = \"450px\"))\n",
"display(total_layout)"
]
},
{
"cell_type": "code",
"execution_count": null,
"metadata": {
"collapsed": true
},
"outputs": [],
"source": []
}
],
"metadata": {
"kernelspec": {
"display_name": "Python 3",
"language": "python",
"name": "python3"
},
"language_info": {
"codemirror_mode": {
"name": "ipython",
"version": 3
},
"file_extension": ".py",
"mimetype": "text/x-python",
"name": "python",
"nbconvert_exporter": "python",
"pygments_lexer": "ipython3",
"version": "3.6.3"
}
},
"nbformat": 4,
"nbformat_minor": 2
}