Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 58 - 2611_SmartGPT Pro V(5.0) C-7
P. 58

    The Project Designer window appears. It is divided into four panes:

                                                              Viewer pane         All Components pane

                           Palette
                            pane                                                                            Properties
                                                                                                               pane

                         Palette pane: On the left, there is a palette pane from where we can select components like
                        buttons, images and other functions required for our app.

                         Viewer pane: To the right of the palette is the white area where we can view and arrange
                        added components.

                         All Components pane: This pane shows a list of all the components added to the screen in
                        a hierarchical view. It also has a dropdown list with options such as All components, Visible
                        components and Non-visible components.
                         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. We are going to create a simple talking
                      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, so to test your
                      app,  connect  your  android  device
                      and download MI A12 companion.

                       56   Computer Science (V5.0)-VII

| 53 54 55 56 57 58 59 60 61 62 63 |