Mobile Application Development II Creating simple Android/iOS apps

SUBJECT: DATA PROCESSING CLASS: SENIOR SECONDARY SCHOOL 2 (S S 2) TOPIC: MOBILE APPLICATION DEVELOPMENT II: CREATING SIMPLE ANDROID/IOS APPS

---

INTRODUCTION

In our previous lesson, we explored the theoretical foundations of mobile applications, including types of apps (Native, Web, and Hybrid) and the various operating systems like Android and iOS. This lesson moves from theory into the exciting world of creation. Mobile Application Development is essentially the process of writing software for small, wireless computing devices. For a Data Processing student, understanding app development is crucial because apps are the primary tools we use today to collect, process, and store data on the go.

---

1. COMPREHENSIVE CORE CONCEPTS

A. The Mobile App Development Life Cycle (ADLC)

Creating an app is not just about writing code; it follows a structured process similar to the System Development Life Cycle (SDLC).

1. Planning and Requirement Analysis: This is where you define the "Why." What problem does the app solve? For example, if you want to build an app for a school library, you must identify that the problem is "manual tracking of borrowed books."
2. Design (UI/UX):
   • UI (User Interface): This focuses on the look—the buttons, colors, fonts, and images.
   • UX (User Experience): This focuses on the feel—how easy it is for a student to navigate from the "Home" screen to the "Search Book" screen.
3. Development: This is the actual construction phase where developers use Integrated Development Environments (IDEs) to write code or use "Drag-and-Drop" blocks to create logic.
4. Testing: Before an app reaches the Google Play Store or Apple App Store, it must be tested for "bugs" (errors). You check if the buttons work and if the data entered is saved correctly.
5. Deployment and Maintenance: The app is released to users. Maintenance involves updating the app to fix new bugs or add features like a "Dark Mode."

B. Understanding IDEs and Development Tools

To create an app, you need a "workshop." In programming, this workshop is called an Integrated Development Environment (IDE).

• Android Studio: The official tool for Android apps, using languages like Java or Kotlin. It is powerful but requires a computer with high processing power.
• Xcode: The tool for iOS (iPhone/iPad) apps, using the Swift language. It requires a Mac computer.
• MIT App Inventor / Thunkable: These are "No-Code" or "Low-Code" platforms. They allow beginners to build functional apps by dragging and dropping blocks of logic. This is ideal for students to learn the logic of data processing without getting stuck in complex syntax.

C. Event-Driven Programming

Mobile apps operate on Event-Driven Programming. This means the app sits and waits for an "event" to happen before it executes a command.

• Examples of Events: A user clicks a button, swipes a screen, shakes the phone, or receives a GPS signal.
• The Logic: "WHEN Button1 is Clicked, THEN Open Screen2." This is the fundamental logic of how data is processed in a mobile environment.

---

2. REAL-WORLD EXAMPLES

• Scenario 1: Agriculture in Nigeria: A student in a rural community creates a simple Android app where farmers can input the type of crop they are planting. The app processes this data and provides a schedule for fertilizer application based on local weather data.
• Scenario 2: School Attendance: Instead of a paper register, a class captain uses a simple mobile app. When a student’s name is clicked (the event), the app records the current time and date (the data) into a database.
• Scenario 3: Small Business Accounting: A parent running a "Point of Sale" (POS) shop uses a simple app to log daily transactions. The app calculates the total profit at the end of the day, replacing the need for a physical ledger.

---

3. PRACTICAL APPLICATIONS (STEP-BY-STEP GUIDE)

Building a "Basic Calculator" App (Logic Flow)

Since we are focusing on "Simple Apps," let us look at the logic required to build a calculator, which is a classic data processing tool.

1. Step 1: Interface Design (UI)
   • Drag two TextBoxes onto the screen (for User Input: Number 1 and Number 2).
   • Drag four Buttons (labeled +, -, *, /).
   • Drag a Label (to display the Result).
2. Step 2: Setting the Logic (The Process)
   • Logic for Addition: When AdditionButton is Clicked, Set ResultLabel text to (TextBox1.Text + TextBox2.Text).
   • Logic for Validation: Ensure the app checks if the text boxes are empty before trying to add, to prevent the app from crashing.
3. Step 3: Testing
   • Use an "Emulator" (a virtual phone on your computer) or a "Live Companion" app on your physical phone to see if 2 + 2 actually gives 4.

---

4. PROJECT-BASED LEARNING: "The Community Directory App"

Goal: Create a paper-based prototype and a logical flow for an app that lists emergency contacts in your neighborhood (Police, Fire Station, Local Clinic).

Materials Needed:

• A4 Paper or a Notebook.
• Pencils and Erasers.
• A Ruler.

Step-by-Step Instructions:

1. Sketching (Wireframing): On the first page, draw the "Home Screen." It should have three big buttons: "POLICE," "HEALTH," and "FIRE."
2. Detailing: On the second page, draw what happens when "POLICE" is clicked. It should show a phone number and a "Call Now" button.
3. Logic Mapping: On a separate page, write the logic statements:
   • IF user clicks 'HEALTH' button, THEN show the contact for the nearest General Hospital.
4. User Feedback: Show your paper sketch to a family member. Ask them: "Is it easy to find the emergency button?" If they say no, redesign your sketch.

---

5. HOME PRACTICE ACTIVITIES

Activity: The "App Feature" Audit

• Task: Take your parent's or your own smartphone. Pick one app (e.g., WhatsApp or a simple Torch app).
• Materials: Pen and Paper.
• Observation: List 5 Inputs (things you do to the app) and the corresponding Outputs (what the app does in return).
  • Example: Input: Tapping the 'Camera' icon. Output: The screen shows the camera view.
• Expected Outcome: This helps the student understand that every mobile action is a data processing cycle of Input -> Processing -> Output.

---

6. LIFE SKILLS INTEGRATION & CAREER CONNECTIONS

• Problem Solving: App development teaches you to look at a problem (like being lost) and create a solution (like a Map app).
• Attention to Detail: A single missing bracket in code or a misplaced button in design can make an app unusable. This builds precision.
• Career Paths:
  • UI/UX Designer: Focuses on how the app looks and feels.
  • Mobile App Developer: Writes the code that makes the app run.
  • QA (Quality Assurance) Tester: Professional "bug hunters" who test apps to ensure they don't crash.
  • Entrepreneurship: Many Nigerians have built multi-million naira businesses just by creating an app that solves a local problem (e.g., Flutterwave, PiggyVest).

---

7. STUDENT REFLECTION QUESTIONS

1. If you were to create an app to help your mother in the kitchen or your father in his workplace, what specific "Input" would the app need?
2. Why is the "Testing" phase considered the most important part of the App Development Life Cycle? What happens if we skip it?
3. Think of your favorite app. Can you identify one "Event" and the "Action" that follows it?
4. In the context of Nigeria, what is one problem in your school that a simple mobile app could solve? (e.g., school bus tracking, cafeteria menu, lesson timetable).

---

Teacher’s Note: Encourage students to focus on the 'Logic' rather than the 'Code.' Coding languages change, but the logic of data processing remains the same.