{ "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 }