references now took question from dataset

Browse files

Files changed (4) hide show

web/HOW_TO_TUN.txt +2 -0
web/__pycache__/app.cpython-310.pyc +0 -0
web/app.py +39 -1
web/templates/index.html +38 -10

web/HOW_TO_TUN.txt ADDED Viewed

	@@ -0,0 +1,2 @@


1	+ run python app OR python -m app
2	+ there might be error when you running that command but that probably will ask you to install flask or any other required dependencies

web/__pycache__/app.cpython-310.pyc ADDED Viewed

Binary file (1.93 kB). View file

web/app.py CHANGED Viewed

@@ -4,6 +4,7 @@
 # 1) BEFORE ANNOTATION; 2) AFTER ANNOTATION;
 # 3) NOTEBOOK THAT CONTAIN MODEL TRAINING CODE WHICH GENERATES PYTORCH_MODEL.BIN;
 # 4) GUI CODE WHICH USE THAT MODEL, ON BELOW CODES
 import requests
 import json
@@ -25,9 +26,18 @@ raw_data = payload["data"][0]
 paragraph_list = raw_data['paragraphs']
 final_context = ""
 for paragraph in paragraph_list:
     context = paragraph['context']
     final_context = final_context + context
 @app.route('/')
 def index():
@@ -40,7 +50,35 @@ def get_answer():
         'context': final_context,
         'question': question
     })
-    return render_template('index.html', answer=answer['answer'], question=question)
 if __name__ == '__main__':
     app.run(debug=True)

 # 1) BEFORE ANNOTATION; 2) AFTER ANNOTATION;
 # 3) NOTEBOOK THAT CONTAIN MODEL TRAINING CODE WHICH GENERATES PYTORCH_MODEL.BIN;
 # 4) GUI CODE WHICH USE THAT MODEL, ON BELOW CODES
+# sample text here
 import requests
 import json
 paragraph_list = raw_data['paragraphs']
 final_context = ""
+context_list = []
 for paragraph in paragraph_list:
     context = paragraph['context']
+    qas = paragraph['qas']
+    # context_list.append(context)
     final_context = final_context + context
+    for qas_row in qas:
+        question_context = {
+            "question": qas_row['question'],
+            "context": context
+        }
+        context_list.append(question_context)
 @app.route('/')
 def index():
         'context': final_context,
         'question': question
     })
+    # find context, for bert_score
+    answer_only = answer['answer']
+    chosen_context = ""
+    chosen_question = ""
+    for context_row in context_list:
+        if answer_only in context_row['context']:
+            chosen_context = context_row['context']
+            chosen_question = context_row['question']
+            break
+    from evaluate import load
+    bertscore = load("bertscore")
+    predictions = [question, answer_only]
+    references = [chosen_question, chosen_context]
+    bert_score_result = bertscore.compute(predictions=predictions, references=references, lang="id")
+    # ANSI escape codes for background colors
+    bg_red = "\033[41m"
+    bg_green = "\033[42m"
+    bg_yellow = "\033[43m"
+    bg_reset = "\033[0m"
+    print(f"{bg_yellow}Question: {bg_reset} {question}")
+    print(f"{bg_green}Answer:{bg_reset} {answer['answer']}")
+    print(f"{bg_red}Bert Score:{bg_reset} {bert_score_result}")
+    return render_template('index.html', answer=answer['answer'], question=question, bert_score_result=bert_score_result)
 if __name__ == '__main__':
     app.run(debug=True)

web/templates/index.html CHANGED Viewed

@@ -1,17 +1,45 @@
 <!DOCTYPE html>
-<html>
 <head>
     <title>Question Answering</title>
 </head>
 <body>
-    <h1>Question Answering</h1>
-    <!-- <h5>*the loading could be long because the size of dataset</h5> -->
-    <form method="POST" action="/answer">
-        <label for="question">Masukkan pertanyaan:</label>
-        <input type="text" id="question" name="question" size="75" required/>
-        <input type="submit" value="Submit"/>
-    </form>
-    <p>Pertanyaan: <span id="question-display">{{ question }}</span></p>
-    <p>Jawaban: <span id="answer">{{ answer }}</span></p>
 </body>
 </html>

 <!DOCTYPE html>
+<html lang="en">
 <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Question Answering</title>
+    <!-- Link to Bootstrap CSS from CDN -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css">
+    <style>
+        /* Add a gray background color to the body */
+        body {
+            background-color: #e0e0e0; /* You can change the color code as needed */
+        }
+    </style>
 </head>
 <body>
+    <div class="container mt-5">
+        <h1 class="text-center">Question Answering</h1>
+        <form method="POST" action="/answer">
+            <div class="row">
+                <div class="col"><label for="question">Masukkan pertanyaan:</label></div>
+            </div>
+            <div class="row">
+                <div class="col">
+                    <div class="form-group">
+                        <input type="text" class="form-control" id="question" name="question" required/>
+                    </div>
+                </div>
+                <div class="col">
+                    <div class="form-group">
+                        <button type="submit" class="btn btn-primary">Submit</button>
+                    </div>
+                </div>
+            </div>
+        </form>
+        <div class="mt-3">
+            <p>Pertanyaan: <span id="question-display">{{ question }}</span></p>
+            <p>Jawaban: <span id="answer">{{ answer }}</span></p>
+            <p>Bert Score: <span id="bert_score_result">{{ bert_score_result }}</span></p>
+        </div>
+    </div>
 </body>
 </html>