Scribd
Upload
12 views33 pages

Level 1

The document outlines a mobile application development session focused on creating a calculator app using MIT App Inventor. It includes icebreaker activities, life skill tips on organization and emotional intelligence, team challenges for UI design and programming, and a testing phase for the app. The session emphasizes teamwork, effective design principles, and the importance of emotional awareness in programming.

Uploaded by

hadermubarak
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
12 views33 pages

Level 1

The document outlines a mobile application development session focused on creating a calculator app using MIT App Inventor. It includes icebreaker activities, life skill tips on organization and emotional intelligence, team challenges for UI design and programming, and a testing phase for the app. The session emphasizes teamwork, effective design principles, and the importance of emotional awareness in programming.

Uploaded by

hadermubarak
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/ 33

Mobile Application

Development

Physical Session

TRACK:1
Level #1
Module #1
SESSION #3
Welcome and Icebreaker:

"BINGO" Game
Duration:20 min

Tools: Countdown timer Index cards Markers, colored


pens
Fill your BINGO card with
your hobbies, skills,
favorite game..etc
Now... Move around !

• Try to find a match by asking


your friends about what you
have in your card
• When you finish all your
shared hobbis shout out
"BINGO"
LIFE SKILL TIP # 1

Organizatio
n
Duration: 3 min
Importance of
Organization in
programming
Steps to be organized
while coding

1. Identify the Problem


2. Understand the Context
3. Generate Possible Solutions
4. Evaluate Solutions
5. Choose the Best Solution
6. Implement the Solution
“For Every Minute Spent
Organizing, An Hour Is
Earned.”
Team CHALLENGE #1
Calculator App – UI Design
Duration: 35 min

Tools:
1- Computers or laptops
2- Timer or stopwatch
3- Score play to display score for all
teams
4- MIT App Inventor online platform
5- Paper and pens
Challenge Overview

Create a simple calculator app using


App inventor that can perform basic
arithmetic operations and includes
specific functions like: equality (=)
for evaluating equations.
Challenge
Tip
• The calculator app will feature a clean and
organized layout with buttons for digits (0-9),
arithmetic operations (+, -, *, /), clear (C),
and equal (=).

• Arrange the buttons in a grid layout to mimic


the traditional layout of a physical
calculator, with sufficient spacing between
each button for ease of tapping.

• Use contrasting colors for buttons to


differentiate between digits, operations, and
other functions.
Team Presentations

Present your
design.
Challenge Tip

Good UI design Bad UI design

Consistency Consistency

Visual Hierarchy Visual

Clarity Hierarchy

Efficiency Clarity

Efficiency
Break Time

Duration: 30 min

Tools: Countdown Timer


LIFE SKILL TIP # 2
Emotional Intelligence

Duration: 5 min
• ”Emotional intelligence is about
understanding and handling emotions
well, both in yourself and in others.

• It's about being aware of your


feelings, managing them effectively, and
being sensitive to how others feel. In
short, it's about being smart with
emotions.”
The core skill in social awareness
is empathy—sensing what others are

Sara
thinking and feeling, without them
telling you in words.
Team Challenge #2
Programming “Calculator
App"
Duration: 40
Tools: 1- Computer or laptop
2- App Inventor
min
3- Timer or stopwatch
4- Score play to display score for all
teams
Challenge

Initialize variables to store


Tip
• current input value
• previous input value and
operator sign
Challenge

• Create
Tip a procedure to
check which number
button is clicked
Challenge

• Now, think of the function of


Tip
each button and try to program
it to function when clicked as
shown >
Repeat for each number
button
Challenge

Tip
• Create a procedure to
check which sign
button is clicked
Challenge

• Make
Tip the code for each
operator button calling its
procedure when clicked

Repeat for each operator


button
Challenge

• Create a procedure for


Tip
clear button to erase
everything in the screen >

Set each variable value to 0 or


none
Challenge

• Finally program the


Tip
equal button to perform
operation regarding the
sign operator clicked
Team Challenge #3
Testing “Calculator
App"
Duration 40 min
Tools: 1-Computer or laptop
2- Mobile phone with MIT app companion
:
installed
3-App inventor
4- Testing checklist
5-Timer or stopwatch
6-Score play to display score for all
teams.
Challenge

Connect your app after you have finished the design and programming
phase to your mobile phone by clicking on Connect > AI Companion
Overview
Challenge

Open the AI Cmopanion on your phone and choose Scan Code then point
your camera to the QR code shown on the screen
Overview
Challenge

After connecting to AI companion for each of the following


steps, you need to fill in the appropriate sections from the
Overview
provided templates
Testing Process

Start testing your app


functionality
Q&A
Duration 5 min
Tools:N/A

:
Let's listen to the
questions and
inquiries!
Closing

Duration:5 min

Tools:N/A

You might also like