Page 94 - TP_Modular_V2.1_Class8
P. 94

Creating a Talking App

                  In the Project Designer window, we design the interface by choosing User Interface components
                  such as 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 AI 2 companion.
                  Now follow the given steps:

                  Step 1  Click on Connect menu.

                  Step 2  Click on AI Companion from the drop-down list.
                  Step 3  Open  MIT AI 2 Companion  on your  device.  Now  connect  your  device connect

                           by scanning the QR code or typing the code displayed on your  screen in MIT AI 2
                           Companion app.























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

                  If you do not have any android device, you can download Emulator on your computer which
                  works just like an Android device but works on the computer. The commonly used Android

                  Emulators are Android Studio, LD Player, Make Your Own etc.
                  Rename the Button

                  When you drag a component from Pallete pane to the View pane , for example a button, in the
                  All Components pane, it is displayed as Button1, you can rename it.


                   92       Modular (Ver. 2.1)-VIII
   89   90   91   92   93   94   95   96   97   98   99