Update app.py

app.py

@@ -2,31 +2,34 @@
 import gradio as gr
 
 # a. define text data type
-input_module1 = gr.components.InputText(label = "Input Text")
+input_module1 = gr.inputs.Textbox(label = "Input Text")
 
 # b. define image data type
-input_module2 = gr.components.InputImage(label = "Input Image")
+input_module2 = gr.inputs.Image(label = "Input Image")
 
 # c. define Number data type
-input_module3 = gr.components.InputNumber(label = "Input Number")
+input_module3 = gr.inputs.Number(label = "Input Number")
 
 # d. define Slider data type
-input_module4 = gr.components.InputSlider(1, 100, step=5, label = "Input Slider")
+input_module4 = gr.inputs.Slider(1, 100, step=5, label = "Input Slider")
 
 # e. define Checkbox data type
-input_module5 = gr.components.InputCheckbox(label = "Does it work?")
+input_module5 = gr.inputs.Checkbox(label = "Does it work?")
 
 # f. define Radio data type
-input_module6 = gr.components.InputRadio(choices=["park", "zoo", "road"], label = "Input Radio")
+input_module6 = gr.inputs.Radio(choices=["park", "zoo", "road"], label = "Input Radio")
 
 # g. define Dropdown data type
-input_module7 = gr.components.InputDropdown(choices=["park", "zoo", "road"], label = "Input Dropdown")
+input_module7 = gr.inputs.Dropdown(choices=["park", "zoo", "road"], label = "Input Dropdown")
 # Step 6.2: Define different output components
 # a. define text data type
-output_module1 = gr.components.OutputTextbox(label = "Output Text")
+output_module1 = gr.outputs.Textbox(label = "Output Text")
 
 # b. define image data type
-output_module2 = gr.components.OutputImage(label = "Output Image")
+output_module2 = gr.outputs.Image(label = "Output Image")
+
+# you can define more output components
+# Step 6.3: Define a new function that accommodates the input modules.
 def multi_inputs(input1, input2, input3, input4, input5, input6, input7 ):
     import numpy as np
     ## processing inputs
@@ -35,6 +38,7 @@ def multi_inputs(input1, input2, input3, input4, input5, input6, input7 ):
     output1 = "Processing inputs and return outputs" # text output example
     output2 = np.random.rand(6,6) # image-like array output example
     return output1,output2
+# Step 6.4: Put all three component together into the gradio's interface function 
 gr.Interface(fn=multi_inputs, 
              inputs=[input_module1, input_module2, input_module3,
                      input_module4, input_module5, input_module6,