BUILDING A MOBILE APP

For your ICT Clubs Innovation Project, you will build a mobile application.

Web apps are allowed, but we recommend mobile apps for beginners because:

• They are easier to test

• They use block-based coding

• They work well for community-based solutions

• They can use phone features like camera and GPS

🔹 WHAT IS AN APP BUILDER?

An App Builder (or coding platform) is a tool that helps you create apps.

It can:

• Run on your computer

• Run in a browser

• Allow drag-and-drop coding

• Compile your blocks into machine code

Compilation means converting your blocks into code that the phone understands.

🔹 RECOMMENDED SIMPLE APP BUILDERS 

1️⃣ MIT App Inventor (Recommended Primary Tool)

Best for:
✔ Beginners
✔ Android apps
✔ Offline learning tools
✔ School-based projects

Advantages:

• Free

• Open source

• Block-based

• Supports AI extensions

• Works well for UCC ICT Clubs

AI Support:

• Personal Image Classifier

• Audio Classifier

• Face detection

• Pose detection

• Connect to ChatGPT API

2️⃣ Kodular (Beginner Friendly Alternative)

Similar to App Inventor but with:

• More modern UI

• More design control

• Monetization options

Good for:
Students who want more design flexibility.

3️⃣ FlutterFlow (Low-Code Builder)

Best for:

• Intermediate students

• Visual design-focused teams

Advantages:

• Drag and drop

• Generates Flutter code

• Can export full source code

Requires:
More internet access.

4️⃣ Glide (No-Code Web App Builder)

Best for:

• Simple data-driven apps

• Survey apps

• Information portals

Example:
A student attendance tracker connected to Google Sheets.

5️⃣ Bubble (No-Code Web App Builder)

More advanced.

Best for:

• Teams with prior experience

• Marketplace or system-style apps

🔹 TEXT-BASED OPTIONS (For Advanced Clubs)

If your club has experienced coders:

These require stronger technical skills.

🔹 HOW AI CAN HELP BUILD APPS

AI can assist in 4 main areas:

1️⃣ Idea Refinement

Example Prompt:
“Help improve this mobile app idea for tracking school attendance in rural Uganda.”

AI helps:

• Suggest features

• Improve user experience

• Identify missing components

2️⃣ UI Design Assistance

You can ask AI:

“Generate a color palette for a farming advisory app in Uganda.”

AI tools:

• Canva Magic Design

• Adobe Firefly

• AI design chatbots

3️⃣ Code Generation

In App Inventor:
You can describe your logic and ask AI:

“Write logic for a quiz app that checks answers and displays score.”

AI can:

• Suggest block logic

• Help debug errors

• Explain code

Important:
Never copy blindly.
Always ask:
“Explain how this works.”

4️⃣ Debugging Help

If your app crashes:

Copy error → Ask AI to explain.

AI can:

• Identify logic mistakes

• Suggest improvements

🔹 SETTING UP YOUR CODING PLATFORM

You Need:

✔ Laptop or Desktop
✔ Internet connection
✔ Android phone (recommended for testing)
✔ Google account

For MIT App Inventor Setup:

1. Visit: https://appinventor.mit.edu

2. Sign in with Google

3. Install MIT AI Companion on Android phone

4. Connect phone via Wi-Fi

5. Start designing

🔹 ACTIVITY 1: SET UP YOUR WORKSTATION

(30 Minutes)

✔ Create account
✔ Install AI Companion
✔ Test simple connection
✔ Create first blank project

🔹 ACTIVITY 2: BUILD YOUR FIRST APP

(30 Minutes)

Build a simple app:

“Hello ICT Club”

Features:

• Label

• Button

• When button clicked → Change text

🔹 REFLECTION

Discuss:

• What features do we want in our real app?

• Which builder fits our project?

• Will we need AI integration?

• Do we have the technical skills required?

🔹 KEY TERMS

App Builder – Tool used to create apps
Programming Language – Language used to instruct computers
Compile – Convert blocks/text into machine code
Block Coding – Drag and drop coding method
Low-Code – Minimal manual coding
No-Code – Visual building without code

🔹 STRATEGIC GUIDANCE FOR UCC ICT CLUBS

For most schools:

Primary Recommendation:
👉 MIT App Inventor

For advanced schools:
👉 FlutterFlow or Flutter

AI Usage:
Encourage AI as assistant — not replacement.