Scribd
Upload
6 views2 pages

Program Software Hardware: App Inventor - To Go To App Inventor

The document outlines the fundamentals of computer systems, including definitions of programs, software, and hardware, along with their interdependencies. It distinguishes between system software, such as operating systems, and application software, which serves specific user functions. Additionally, it introduces the App Inventor Programming Environment for mobile application development, detailing steps for setup and components of the design interface and block editor.

Uploaded by

Kenji Abanto
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
6 views2 pages

Program Software Hardware: App Inventor - To Go To App Inventor

The document outlines the fundamentals of computer systems, including definitions of programs, software, and hardware, along with their interdependencies. It distinguishes between system software, such as operating systems, and application software, which serves specific user functions. Additionally, it introduces the App Inventor Programming Environment for mobile application development, detailing steps for setup and components of the design interface and block editor.

Uploaded by

Kenji Abanto
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

●​ Program - use of a computer to perform a sequence of instructions such as

mathematical, symbolical, and graphical computations


●​ Software - a collection of programs combined to operate specific tasks
●​ Hardware - the physical device itself which includes the CPU and the Input (e.g.
Keyboard, Mouse) and Output Devices (e.g. Monitor).
●​ Software is run in the hardware
●​ Hardware needs a software in order to work
●​ System Software
-​ Backbone of the software, responsible for managing resources of the computer
such as process management, device management, and data storage and
management
-​ The most basic example of a system software is the Operating System, which is
the connection between the user and the hardware.
●​ Application Software
-​ focus on specific functions that can be executed on a computer system
-​ Application softwares are designed for users to accomplish a specific task that
they need—thus, most application softwares can only be opened when prompted
to (e.g. double-clicking an app will open it).
●​ Mobile applications - application softwares made for mobile devices
●​ Software engineering
-​ study and application of how to create software
-​ Three main actions:
1.​ Development - creating the software itself
2.​ Operation - publishes the software for users to use in a device;
3.​ Maintenance - fixing and making the software up-to-date with the needs
of the user.
●​ The App Inventor Programming Environment
-​ The App Inventor is a great learning tool to get started on how to develop and
design mobile applications.
-​ To go to App Inventor:
1.​ Go to https://appinventor.mit.edu/.
2.​ Click the Create Apps! button.
3.​ Sign in using your Google account.
4.​ Click Accept Terms of Service.
5.​ Congratulations! You can now access the MIT App Inventor Dashboard.
-​ After creating your first project, mobile devices are needed to be setup in order to
see the project in action.
1.​ Make sure that the computer and the mobile devices are connected to the
same WiFi connection
2.​ Download the MIT App Inventor Companion app on the mobile device
through the Google Play Store (Android) or the App Store (iOS).
3.​ On the App Inventor website, open your project and click the Connect on
the navigation bar.
4.​ Click the AI Companion option. A pop-up will open which will show the
details on how to connect to the Companion app:
5.​ Once the Companion App has been downloaded, open the application to
connect the project to your mobile device. Scan the QR code or write the
code displayed from the website.
6.​ Wait for a few seconds for it to connect.
7.​ Once all assets have been loaded in the companion app, all change from
the website will reflect on the app itself.
-​ Designer - It is for the creation of the interface of the application. To create the
interface, it consists of components, which are the elements that can be
programmed to interact with the users.
-​ 5 main designer parts:
1.​ Viewer - where you will see the components of the application and its
layout
2.​ Palette - contains the different components that can be added in the
application
3.​ Components - lists the different components that are available inside the
application
4.​ Media - contains the different media that is available in the application
5.​ Properties - allows for changing the properties of a selected component
-​ Block Editor - It is where to put the logic in the components. Just like in Scratch,
these blocks can be attached with one another based on their shapes.
-​ 2 main block editor parts:
1.​ Drawers - It is where the blocks can be found.
a.​ Built-in Drawers - Built-in Drawer contains general blocks that can
be used in a component.
b.​ Component-specific Drawers - Component-specific Drawer
contains blocks that can only be used in that component.
2.​ Viewer - It is where all the blocks can be found. Unlike in Scratch, all code
can be found in the viewer instead of separated into components.

You might also like