Page 88 - C_GPT _V4 _class_7
P. 88

Viewer Pane: To the right of the palette is the white area where we can view and arrange added
                 components.
                   Components Pane:  This pane shows a list of all the components added to the screen in a
                 hierarchical view.
                   Properties Pane: When we click on a component in the viewer, we see its properties listed here.
                 Properties of the components can be changed from here.

              Creating a Talking App

              In the Project Designer window, we will design the interface by choosing buttons, images or text boxes
              and specify the functionalities of our app.

              Adding a Button

              Drag and drop a Button from the Palette pane to the Viewer pane.
























              Testing the App

              App Inventor allows us to test our app while creating. To test your app, connect your android device to
              the Internet and download MIT AI2 Companion. Then, follow the given steps:

                                             1
                                                 Click on the Connect menu.


                        2   Select AI Companion from
                            the drop-down list.












                          3   Open MIT AI2 Companion on your device and connect by scanning the
                              QR code or typing the code displayed on your screen.


              Make sure your device and computer are connected to the same wireless network to perform these
              steps.




                        CodeGPT (Ver. 4.0)-VII
                 86
   83   84   85   86   87   88   89   90   91   92   93