Tutorial App with Quiz | Native Android Offline Learning App with AdMob & Firebase PUSH Notification

Introduction

Welcome to the Tutorial App, a native Android offline learning app that provides a comprehensive learning experience with quizzes, AdMob ads, and Firebase push notifications. This tutorial will guide you through the process of building and using the app, covering the following topics:

1. Setting up the app's architecture
2. Creating quizzes with multiple-choice questions
3. Implementing AdMob ads
4. Enabling Firebase push notifications
5. Testing and troubleshooting the app

Setting up the app's architecture

To start, create a new Android project in Android Studio. Choose "Empty Activity" as the template and name your project "Tutorial App".

In the project structure, you will see the following directories and files:

• app (the main application directory)
• build.gradle (the project build file)
• manifest.xml (the application manifest file)
• res (the resources directory)
• java (the Java source code directory)

Step 1: Create a database for quizzes

For this tutorial, we will use a simple SQLite database to store our quizzes. Create a new directory databases inside app and add a file quiz.db. In this file, create a table quizzes with the following columns:

• id (primary key, unique identifier for each quiz)
• title (title of the quiz)
• description (brief description of the quiz)
• questions (a JSON array of question objects)

Each question object will have the following properties:

• id (unique identifier for each question)
• question (the question text)
• options (an array of answer options, each with a value and a text)
• correctAnswer (the correct answer value)

Here is an example of how the quizzes table and question objects could be structured:

{
  "id": 1,
  "title": "Quiz 1",
  "description": "A short quiz about Android development",
  "questions": [
    {
      "id": 1,
      "question": "What is the primary language for Android app development?",
      "options": [
        {"value": "A", "text": "Java"},
        {"value": "B", "text": "Kotlin"},
        {"value": "C", "text": "Python"}
      ],
      "correctAnswer": "A"
    },
    {
      "id": 2,
      "question": "What is the name of the Android operating system's software layer?",
      "options": [
        {"value": "A", "text": "Jellybean"},
        {"value": "B", "text": "Lollipop"},
        {"value": "C", "text": "Marshmallow"}
      ],
      "correctAnswer": "C"
    }
  ]
}

Step 2: Create the QuizActivity

Create a new Java class QuizActivity inside the java directory. This activity will display the quizzes and handle user input. Here is an example implementation:

import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

import androidx.appcompat.app.AppCompatActivity;

public class QuizActivity extends AppCompatActivity {

    private QuizDBHelper dbHelper;
    private TextView questionText;
    private Button option1, option2, option3;
    private int currentQuestionIndex = 0;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_quiz);

        dbHelper = new QuizDBHelper(this);
        questionText = findViewById(R.id.question_text);
        option1 = findViewById(R.id.option1);
        option2 = findViewById(R.id.option2);
        option3 = findViewById(R.id.option3);

        displayCurrentQuestion();
    }

    private void displayCurrentQuestion() {
        Question question = dbHelper.getQuestion(currentQuestionIndex);
        questionText.setText(question.getQuestion());
        option1.setText(question.getOptions()[0].getText());
        option2.setText(question.getOptions()[1].getText());
        option3.setText(question.getOptions()[2].getText());
    }

    public void onOptionClicked(View view) {
        int selectedOptionIndex = -1;
        if (view == option1) {
            selectedOptionIndex = 0;
        } else if (view == option2) {
            selectedOptionIndex = 1;
        } else if (view == option3) {
            selectedOptionIndex = 2;
        }
        if (selectedOptionIndex!= -1) {
            Question question = dbHelper.getQuestion(currentQuestionIndex);
            if (question.getOptions()[selectedOptionIndex].getValue().equals(question.getCorrectAnswer())) {
                // Correct answer
                Toast.makeText(this, "Correct!", Toast.LENGTH_SHORT).show();
            } else {
                // Incorrect answer
                Toast.makeText(this, "Incorrect!", Toast.LENGTH_SHORT).show();
            }
            currentQuestionIndex++;
            if (currentQuestionIndex < dbHelper.getQuestionCount()) {
                displayCurrentQuestion();
            } else {
                finish();
            }
        }
    }
}

Step 3: Add AdMob ads

To add AdMob ads to your app, follow these steps:

1. Create a new AdMob account and create a new ad unit.
2. Download the AdMob Android SDK and add it to your project.
3. Create a new Java class AdMobHelper that will handle AdMob ad requests.

Here is an example implementation:

import android.app.Activity;
import android.app.Fragment;
import android.content.Context;
import android.util.DisplayMetrics;
import android.widget.FrameLayout;

import com.google.android.gms.ads.AdListener;
import com.google.android.gms.ads.AdRequest;
import com.google.android.gms.ads.AdSize;
import com.google.android.gms.ads.AdView;
import com.google.android.gms.ads.MobileAds;

public class AdMobHelper {
    private AdView adView;

    public AdMobHelper(Context context) {
        MobileAds.initialize(context, new OnInitializationCompleteListener() {
            @Override
            public void onInitializationComplete() {
                // AdMob initialization completed
            }
        });
        adView = new AdView(context);
        adView.setAdSize(AdSize.BANNER);
        adView.setAdUnitId("YOUR_AD_UNIT_ID");
    }

    public void loadAd(Fragment fragment) {
        AdRequest adRequest = new AdRequest.Builder().build();
        adView.loadAd(adRequest);
    }

    public FrameLayout getAdViewContainer() {
        return adView;
    }
}

Step 4: Enable Firebase push notifications

To enable Firebase push notifications, follow these steps:

1. Create a new Firebase project and add the Firebase Android SDK to your project.
2. Create a new Java class FirebaseHelper that will handle Firebase push notifications.

Here is an example implementation:

import android.app.PendingIntent;
import android.content.Intent;
import android.os.Bundle;
import androidx.localbroadcastmanager.content.LocalBroadcastManager;

import com.google.firebase.messaging.FirebaseMessagingService;
import com.google.firebase.messaging.RemoteMessage;

public class FirebaseHelper extends FirebaseMessagingService {

    @Override
    public void onMessageReceived(RemoteMessage remoteMessage) {
        Intent intent = new Intent("NEW_NOTIFICATION");
        intent.putExtra("notification", remoteMessage.getNotification());
        LocalBroadcastManager.getInstance(this).sendBroadcast(intent);
    }
}

Step 5: Test and troubleshoot the app

To test and troubleshoot the app, you can use the Android Studio emulator or a physical Android device. Make sure to test the app with different scenarios, such as:

• Starting the app from scratch
• Pausing and resuming the app
• Rotating the device
• Switching between different quizzes
• Submitting answers and verifying the results

Common issues that you may encounter during testing include:

• The app crashing or freezing when opening a quiz
• Incorrect answers being marked as correct
• AdMob ads not loading or not appearing
• Firebase push notifications not being received or displayed

To troubleshoot these issues, you can use the Android Studio debugging tools, such as:

• The Android Debug Bridge (ADB) to run the app on a physical device or emulator
• The Logcat view to see log messages and errors
• The Debugger view to inspect variables and step through the code

By following these steps and troubleshooting the app, you should be able to create a working Android app with quizzes, AdMob ads, and Firebase push notifications. Good luck!