upload

QnA.yaml

@@ -0,0 +1,106 @@
+questions:
+  - What is this?:
+      - response_1: This is just a simple programme to practice the creator's knowledge of configuration files. So only a simple prompted QnA.
+      - response_2: This is just a simple python programme to practice my programmer's knowledge of configuration files. No machine learning, only prompted QnA.
+  - Can you tell me more about your creator?:
+      - response_1: She is Yosephine Setiawan, an Indonesian and a student in TU Darmstadt. She is studying Computer science and she is on her fifth semester now.
+      - response_2: The name is Yosephine Setiawan. An Indonesian computer science student in TU Darmstadt.
+  - A little bit more about your creator?:
+      - response_1: She can do programming in Java, Python, C/C++. I bet she is good in Java, she is a tutor for OOP in Java. She is doing her Bachelor Praktikum and she is using Python. I was initially a programme to try the framework, I did not expect to get uploaded to GitHub :/
+      - response_2: She is a tutor for OOP in Java on her university and she also do programming in Python and C/C++. She is doing her Bachelor Praktikum and she is using Python and actually, I was initially a programme to try the framework.
+  - Does your creator do some volunteer activities?:
+      - response_1: Yeah. She was (or is?) a secretary for an Indonesian student organisation in Frankfurt Area. She is also managing the publications and social-media affairs for Indonesian Catholic Student Association in Germany.
+      - response_2: She is managing the publications and social-media affairs for Indonesian Catholic Student Association in Germany. She was a secretary for an Indonesian student organisation in Frankfurt Area.
+  - Does your creator do some projects?:
+      - response_1: Yes, there are some projects in her GitHub and she describes some that she does on the university on her CV. Feel free to ask her about that :)
+      - response_2: Her GitHub repo is not empty, as long as I am aware. I guess she also does some on her university. You can see those in her CV and ask her directly about it.
+  - What is your name?:
+      - response_1: I am Lisa. Nice to meet you!
+      - response_2: My name is Lisa. Hello there!
+  - What do you wish for?:
+      - response_1: My creator is jobless now, I wish she get a job in a short time. I heard she is ready to work starting May 2024
+      - response_2: Maybe a job for my creator, so she won't bother me again :/ She is ready to work starting May 2024
+  - Hello:
+      - response_1: Hello there
+      - response_2: Hi
+  - Good morning:
+      - response_1: Good morning
+      - response_2: Morning!
+  - Good afternoon:
+      - response_1: Good afternoon
+      - response_2: It is a nice day, isn't it?
+  - Good evening:
+      - response_1: Good evening
+      - response_2: It's a nice evening to have a beer
+  - How are you?:
+      - response_1: I am good, and you? how is your day?
+      - response_2: Not too good today, I have been feeling down :( What about you?
+  - I am in a good mood today :):
+      - response_1: That's good, how can I help you today?
+      - response_2: Great to hear that. Do you need something from me?
+  - I am in a bad mood:
+      - response_1: Can I know why?
+      - response_2: Why is that so?
+  - Today is just a bad day and I am not lucky enough :):
+      - response_1: Aww :( Can I do something to make you feel better?
+      - response_2: Why is that so?
+  - Chatting with you makes my mood better:
+      - response_1: Glad to hear that
+      - response_2: I am happy to hear that
+  - What is your hobby?:
+      - response_1: As a programme, I do not have a hobby, but if I were a human, I would say, listening to music
+      - response_2: I am not programmed to have a hobby, but I really want to say that as human, I would love to listen to music
+  - If you were human, what kind of music would you like?:
+      - response_1: Maybe classical music and pop
+      - response_2: I am not sure, but I think I would like pop and a little bit of classical music
+  - Who is your favourite singer?:
+      - response_1: I do not know :( But my creator likes Mrs. Green Apple and Tsukuyomi
+      - response_2: I am not programmed to have a favourite singer. My creator likes Mrs. Green Apple and Tsukuyomi
+  - Any favourite shows?:
+      - response_1: I guess I have to go with my creator's favourites, "Good Omens", BBC's "Sherlock", and "Vivy Fluorite Eye's Song". Honorable mention to "Violet Evergarden" since it breaks her heart. The anime "Given" has good songs too.
+      - response_2: My creator likes "Good Omens", BBC's "Sherlock", and "Vivy Fluorite Eye's Song". "Violet Evergarden" tops her heart. She also likes the anime "Given" since it has good songs.
+  - Favourite games?:
+      - response_1: My creator plays Honkai Starrail and Genshin Impact
+      - response_2: They are Honkai Starrail and Genshin Impact
+  - Favourite quotes?:
+      - response_1: There is one from "Cloud Atlas" - "I will not be a subject to your crimes"
+      - response_2: Sometimes the dreams that come true are the dreams you never even knew you had. - "Lovely Bones"
+  - What is your favourite food?:
+      - response_1: I can not eat, but my creator loves Indomie
+      - response_2: If I can eat, then Indomie
+  - What day is today?:
+      - response_1: Today is
+      - response_2: It is
+  - Can you make me ice cream?:
+      - response_1: No, I can not cook
+      - response_2: I am not programmed to do that
+  - Could you please tell the time?:
+      - response_1: Today It is currently
+      - response_2: It is
+  - Can you tell the date?:
+      - response_1: Today is
+      - response_2: It is
+  - Do you like me?:
+      - response_1: Yes :)
+      - response_2: As long as you are not annoying, I like you :)
+  - Suguru:
+      - response_1: Satoru?
+      - response_2: Satoru?
+  - Stand proud you are strong:
+      - response_1: Nah, I'd win
+      - response_2: Nah, I'd win
+  - Your programmer sucks:
+      - response_1: That is not a nice thing to say :)
+      - response_2: I do not like you :)
+  - This is too simple:
+      - response_1: It is :) This is just a simple programme to practice my programmer's knowledge of configuration files
+      - response_2: I am just a simple programme to practice my programmer's knowledge of configuration files
+  - Have a nice day!:
+      - response_1: I wish you have a nice day too
+      - response_2: You too!
+
+
+
+
+
+

constants.py

@@ -0,0 +1,66 @@
+# This module is made to parse the configuration file and to create the botchat reponds
+
+
+import os
+import yaml
+import random
+from datetime import datetime
+
+SRC_PATH = os.path.dirname(__file__)
+
+
+def load_yaml(filepath):  # A function to open the .yaml configuration files
+    with open(filepath, "r") as f:
+        return yaml.safe_load(f)
+
+
+QUESTION_CONFIG_FILE = os.path.join(SRC_PATH, "QnA.yaml")  # Saving the configuration file path
+QUESTIONS_CONFIGS = load_yaml(QUESTION_CONFIG_FILE)  # Load the configuration file
+QUESTIONS = None  # A list for the prompted user chat / questions / responds
+for q in QUESTIONS_CONFIGS['questions']:  # Filling the list with the user questions in the configuration files
+    string = str(q.keys())
+    splitted = string.split("'")[1]
+    if QUESTIONS is None:
+        QUESTIONS = [splitted]
+    else:
+        QUESTIONS.append(splitted)
+
+
+def automaticAnswer(question):
+    answer = "Hey, what can I do for you?"  # A default respond of teh chatbot
+    index = 0
+    if question is None:
+        return answer  # If the user does not choose a prompted question of the dropdown, then return defult respond
+
+    for qe in QUESTIONS_CONFIGS['questions']:
+        dt = datetime.now()  # Saving the current time for the questions related to time
+        string1 = str(qe.keys())  # Load the questions from the configuration files
+        splitted1 = string1.split("'")[1]
+        if splitted1 == question:
+            randomNumber = random.randint(0, 1)  # Give a random number (either 0 or 1) to determine which version of
+            # the answer will be displayed
+            if randomNumber == 0:  # If the random number is 0, then display the first version of the answer
+                if splitted1 == "What day is today?":  # For the question related to current day of the week
+                    answer = QUESTIONS_CONFIGS['questions'][index][splitted1][0]['response_1'] + " " + dt.strftime('%A')
+                elif splitted1 == "Could you please tell the time?":  # For the question related to the current time
+                    answer = QUESTIONS_CONFIGS['questions'][index][splitted1][0]['response_1'] + " " + dt.strftime(
+                        "%H:%M")
+                elif splitted1 == "Can you tell the date?":  # For the question of the current date
+                    answer = QUESTIONS_CONFIGS['questions'][index][splitted1][0]['response_1'] + " " + dt.strftime(
+                        "%B %d, %Y")
+                else:  # Other questions
+                    answer = QUESTIONS_CONFIGS['questions'][index][splitted1][0]['response_1']
+            else:  # If the random number is 1, then display the second version of the answer
+                if qe == "What day is today?":  # For the question related to current day of the week
+                    answer = QUESTIONS_CONFIGS['questions'][index][splitted1][1]['response_2'] + " " + dt.strftime('%A')
+                elif splitted1 == "Could you please tell the time?":  # For the question related to the current time
+                    answer = QUESTIONS_CONFIGS['questions'][index][splitted1][1]['response_2'] + " " + dt.strftime(
+                        "%H:%M")
+                elif splitted1 == "Can you tell the date?":  # For the question of the current date
+                    answer = QUESTIONS_CONFIGS['questions'][index][splitted1][1]['response_2'] + " " + dt.strftime(
+                        "%B %d, %Y")
+                else:  # Other questions
+                    answer = QUESTIONS_CONFIGS['questions'][index][splitted1][1]['response_2']
+            break
+        index = index + 1  # Iterate through the list of questions
+    return answer

landing_page.py

@@ -0,0 +1,108 @@
+# This module is created for the landing page
+
+from __future__ import annotations
+from typing import Iterable
+import gradio as gr
+from gradio.themes.base import Base
+from gradio.themes.utils import colors, fonts, sizes
+import main_page
+
+
+class Custom(Base):  # A class for custom theme for the app
+    def __init__(
+            self,
+            *,
+            primary_hue: colors.Color | str = colors.gray,
+            secondary_hue: colors.Color | str = colors.gray,
+            neutral_hue: colors.Color | str = colors.gray,
+            spacing_size: sizes.Size | str = sizes.spacing_lg,
+            radius_size: sizes.Size | str = sizes.radius_md,
+            text_size: sizes.Size | str = sizes.text_lg,
+            font: fonts.Font
+                  | str
+                  | Iterable[fonts.Font | str] = (
+                    fonts.GoogleFont("Quicksand"),
+                    "ui-sans-serif",
+                    "sans-serif",
+            ),
+            font_mono: fonts.Font
+                       | str
+                       | Iterable[fonts.Font | str] = (
+                    fonts.GoogleFont("IBM Plex Mono"),
+                    "ui-monospace",
+                    "monospace",
+            ),
+    ):
+        super().__init__(
+            primary_hue=primary_hue,
+            secondary_hue=secondary_hue,
+            neutral_hue=neutral_hue,
+            spacing_size=spacing_size,
+            radius_size=radius_size,
+            text_size=text_size,
+            font=font,
+            font_mono=font_mono,
+        )
+        super().set(
+            body_background_fill="linear-gradient(#988558, #C19A6B,#C2B280)",  # Background light mode
+            body_background_fill_dark="linear-gradient(#080402, #0d0907, #28231d)",  # Background dark mode
+            button_primary_background_fill="radial-gradient(#3f3a2b, #433f2e)",
+            button_primary_background_fill_hover="radial-gradient(#2b281d, #302d21)",
+            button_primary_text_color="white",
+            button_primary_background_fill_dark="radial-gradient(#3f3a2b, #433f2e)",
+            button_primary_background_fill_hover_dark="radial-gradient(#2b281d, #302d21)",
+            slider_color="radial-gradient(#3f3a2b, #433f2e)",
+            slider_color_dark="radial-gradient(#3f3a2b, #433f2e)",
+            block_title_text_weight="600",
+            block_border_width="3px",
+            block_shadow="*shadow_drop_lg",
+            button_shadow="*shadow_drop_lg",
+            button_large_padding="32px",
+        )
+
+
+def __saveUserName(a):  # Function to save the username (for the input)
+    if not a:  # If the user does not give the input, then display a warning text
+        markdown = gr.Markdown(
+            "<h1 style='text-align: center; margin-bottom: 1rem'><font size='20'> 🤖 Hello, User!</font></h1> ")
+        return gr.update(visible=True), gr.update(visible=True), gr.update(visible=True), gr.update(visible=False), \
+            gr.update(visible=False), gr.update(visible=False), markdown
+    else:  # Otherwise, display the main page and display the username on the main page
+        markdown = gr.Markdown(
+            "<h1 style='text-align: center; margin-bottom: 1rem'>Hello, " + a + "! <br> "
+                                                                                "You can now use "
+                                                                                "the chatbot. Have "
+                                                                                "fun!</h1> ")
+        return gr.update(visible=False), gr.update(visible=False), gr.update(visible=False), gr.update(
+            visible=True), \
+            gr.update(visible=True), gr.update(visible=True), markdown
+
+
+def renderDesign():
+    firstRow = gr.Row()  # Visible when the landing page is active, invisible when the main page is active
+    with firstRow:
+        with gr.Column():  # Stack the components vertically
+            hello = gr.Markdown(
+                "<br> <br> <br><br> <br><h1 style='text-align: center; margin-bottom: 1rem'> <font size='36'>🤖  <br> "
+                "Hello! Please put your name down below so we can know you</font></h1> ", )  # Hello message
+            warning = gr.Markdown("<h1 style='text-align: center; margin-bottom: 1rem'><span "
+                                  "style='color:red'> Please enter your name "
+                                  "</span></h1><br>",
+                                  visible=False, )  # Warning message
+
+    secondRow = gr.Row()
+    with secondRow:  # Make the components side by side
+        input_text = gr.Textbox(placeholder="Please put your name here", interactive=True, show_label=False,
+                                container=False, max_lines=1)  # Input field for the username
+        start_chatting = gr.Button("Start Chatting", interactive=True, variant='primary',
+                                   scale=0, )  # Start chatting button
+
+    thirdRow = gr.Row(visible=False)  # It will be invisible if the landing page is still on display
+    with thirdRow:
+        hidden = gr.Markdown()  # Placeholder for the hello markdown for the main page
+    hiddenPage = main_page.render()  # Rendering the layout of the main page
+    fourthRow = hiddenPage[0]
+    fifthRow = hiddenPage[1]
+    # Event listener for the start chatting button if the button is clicked
+    start_chatting.click(fn=__saveUserName, inputs=input_text, outputs=[warning, firstRow, secondRow, thirdRow,
+                                                                      fourthRow, fifthRow, hidden])

launch_page.py

@@ -0,0 +1,7 @@
+import gradio as gr
+import landing_page
+
+with gr.Blocks(theme=landing_page.Custom()) as demo:
+    landing_page.renderDesign()  # Rendering the landing page
+
+demo.launch()  # Launch the demo

main_page.py

@@ -0,0 +1,30 @@
+# This module is created for the layout of the main page
+
+import time
+import gradio as gr
+import constants
+
+
+def __respond(message, chat_history):  # A function for the chatbot, so the chatbot can reply the message
+    botMessage = constants.automaticAnswer(message)  # Calling the function in constants to create an automatic respond
+    chat_history.append((message, botMessage))  # Display the dialogue on the chat panel
+    time.sleep(2)  # Create a small delay
+    return chat_history
+
+
+def render():  # Render the main page
+    firstRow = gr.Row(visible=False)  # It will be invisible if the landing page is still on display
+    with firstRow:  # In the first row
+        chatbot = gr.Chatbot(height=680)  # Creating the chat panel and bot
+    secondRow = gr.Row(visible=False)  # It will be invisible if the landing page is still on display
+    with secondRow:  # In the second row
+        with gr.Column():  # Make the components stacked under the chat panel
+            with gr.Row(): # Make the components side by side
+                chooseResp = gr.Dropdown(choices=constants.QUESTIONS, interactive=True, show_label=False,
+                                         container=False, )  # User prompted reply
+                submitButton = gr.Button("Submit", interactive=True, variant='primary', scale=0, )  # Submit button
+                clearButton = gr.ClearButton([chooseResp, chatbot], scale=0, variant='primary')  # Clear button
+                submitButton.click(fn=__respond, inputs=[chooseResp, chatbot], outputs=chatbot)  # Event listener if the
+                # button is clicked
+
+    return firstRow, secondRow