Skip to main content

Flashcard Android Application

This is a simple flashcard Android application that contains images and pronunciations of the numbers. The apps contains numbers from 0 till 9. Navigation for previous and next number using image button. Voices are stored in MP3 audio format. Complete source code are also available for download using Eclipse Juno + ADT v 21.

Simple Number Flashcard Android AppsSimple Number Flashcard Android AppsSimple Number Flashcard Android Apps

Available in the Google Play –> https://play.google.com/store/apps/details?id=net.kerul.simplenumb3r5

Download the APK here –> https://docs.google.com/open?id=0B34ZxOOoeSDdanhBUlU3dWs3MFE

Download the complete source code here –> https://docs.google.com/open?id=0B34ZxOOoeSDdOGpIWk5Dd21mUDg

This apps does not implementing ViewFlipper yet (TODO).

The multimedia resources (available in the main source-code)

assets-simple-numbers-flashcardsdrawables-simple-numbers-flashcard

The main XML layout

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/bglight" >

    <TableLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true" >

        <TableRow
            android:id="@+id/tableRow1"
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:layout_weight="1" >

            <com.google.ads.AdView
            xmlns:ads="http://schemas.android.com/apk/lib/com.google.ads"
            android:id="@+id/ad"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            ads:adSize="SMART_BANNER"
            ads:adUnitId="738a44d913034b9f"
            />
        </TableRow>
        <TableRow
            android:id="@+id/tableRow1"
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:layout_weight="1" >

            <ImageView
                android:id="@+id/imagenumber"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:src="@drawable/no0" />
        </TableRow>

        <TableRow
            android:id="@+id/tableRow2"
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:layout_weight="1" >

            <ImageButton
                android:id="@+id/btnprevious"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:src="@drawable/prev" />

            <ImageButton
                android:id="@+id/btninfo"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/info" />

            <ImageButton
                android:id="@+id/btnsound"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:src="@drawable/sound" />

            <ImageButton
                android:id="@+id/btnnext"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:src="@drawable/next" />
        </TableRow>

    </TableLayout>

</RelativeLayout>


The Java Code






package net.kerul.simplenumb3r5;

import com.google.ads.AdRequest;
import com.google.ads.AdView;

import android.app.Activity;
import android.content.Intent;
import android.content.res.AssetFileDescriptor;
import android.media.MediaPlayer;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageButton;
import android.widget.ImageView;

public class SimpleNumb3r5 extends Activity implements OnClickListener{
    //define all widgets
    private ImageView imagenumber;
    private ImageButton btnprevious, btninfo, btnsound, btnnext;
    //define variables to track screen number, start from 0
    private int screennumber=0;
    protected AdView adView;
    //define a sound controller
    private MediaPlayer mp;
    //define an array for the sound files
    private String[] soundfile={"0.mp3","1.mp3","2.mp3","3.mp3","4.mp3",
                                "5.mp3","6.mp3","7.mp3","8.mp3","9.mp3"};

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_simple_numb3r5);
        //admob widget
        adView = (AdView)findViewById(R.id.ad);
        adView.loadAd(new AdRequest());
        
        imagenumber=(ImageView)findViewById(R.id.imagenumber);
        
        //initialize the object for the button
        btnprevious=(ImageButton)findViewById(R.id.btnprevious);
        //this button will innitially be disabled
        btnprevious.setEnabled(false);
        //add listener to the button
        btnprevious.setOnClickListener(this);
        btninfo=(ImageButton)findViewById(R.id.btninfo);
        btninfo.setOnClickListener(this);
        btnsound=(ImageButton)findViewById(R.id.btnsound);
        btnsound.setOnClickListener(this);
        btnnext=(ImageButton)findViewById(R.id.btnnext);
        btnnext.setOnClickListener(this);
        
    }//end onCreate
    
    //this method is to handle button click
    public void onClick(View arg0) {

        //when btnprevious is clicked
        if(arg0.getId()==R.id.btnprevious){
            screennumber--;//minus 1 to the screennumber
            changeNumber(screennumber);
            if(screennumber==0){
                //disable btnprevious
                btnprevious.setEnabled(false);
            }else{
                //enable btnprevious
                btnprevious.setEnabled(true);
            }
            changeNumber(screennumber);
            btnnext.setEnabled(true);
        }
        
        //when btnnext is clicked
        else if(arg0.getId()==R.id.btnnext){
            screennumber++;//add 1 to the screennumber
            changeNumber(screennumber);
            if(screennumber==9){
                //disable btnprevious
                btnnext.setEnabled(false);
            }else{
                //enable btnprevious
                btnnext.setEnabled(true);
            }
            changeNumber(screennumber);
            btnprevious.setEnabled(true);
                    
        }
        //when btnplay is clicked
        else if(arg0.getId()==R.id.btnsound){
            //call the method playSound
            playSound(soundfile[screennumber].toString());
        }//end btnsound clicked
        else if(arg0.getId()==R.id.btninfo){
            //invoke the Info activity
            Intent info = new Intent(this, Info.class);
            startActivity(info);
        }

    }//end onClick
    
    //this method is to change the number that appear on the screen
    //after navigation button is clicked
    private void changeNumber(int screen){
        switch (screen){
            case 0:  imagenumber.setImageResource(R.drawable.no0);
                break;
            case 1:  imagenumber.setImageResource(R.drawable.no1);
                break;
            case 2:  imagenumber.setImageResource(R.drawable.no2);
                break;
            case 3:  imagenumber.setImageResource(R.drawable.no3);
                break;
            case 4:  imagenumber.setImageResource(R.drawable.no4);
                break;
            case 5:  imagenumber.setImageResource(R.drawable.no5);
                break;
            case 6:  imagenumber.setImageResource(R.drawable.no6);
                break;
            case 7:  imagenumber.setImageResource(R.drawable.no7);
                break;
            case 8:  imagenumber.setImageResource(R.drawable.no8);
                break;
            case 9:  imagenumber.setImageResource(R.drawable.no9);
                break;
            
        }
    }//end changeNumber
    
    public void playSound(String soundName){
        Boolean mpPlayingStatus;
        
        try{//try to check MediaPlayer status
            mpPlayingStatus=mp.isPlaying();
        }
        catch (Exception e){
            mpPlayingStatus=false;
        }
        if(mpPlayingStatus==true){//if the MediaPlayer is playing a voice, stop it to play new voice
            mp.stop();
            mp.release();//remove sound from memory
        }
        else{
            try
            {
                mp = new MediaPlayer();
                AssetFileDescriptor afd = getAssets().openFd(soundName); 
                mp.setDataSource(afd.getFileDescriptor(), afd.getStartOffset(), afd.getLength()); 
                mp.prepare();
                mp.start();//play sound
                
            }//try block
            catch(Exception e) {
                Log.i("Error playing sound: ", e.toString());
            }
        }
    }//end playSound
}

Labels:

Comments

  1. iOS AppsMarch 8, 2013 at 1:28 AM

    Great tutorial. I used your example & changed just the mp3 files but when you press next the previous audio continues to play! Please fix on your next update many thanks.

    ReplyDelete
    Replies
    1. FSTM KUISMarch 8, 2013 at 7:40 AM

      Thank you very much for your comment, I'll keep in mind to fix this in the next update.

      Delete
  2. iOS AppsMarch 8, 2013 at 6:04 PM

    Thank you.

    ReplyDelete
  3. iOS AppsMarch 8, 2013 at 6:04 PM

    Thank you.

    ReplyDelete

Post a Comment

Popular posts from this blog

Several English proverbs and the Malay pair

Or you could download here for the Malay proverbs app – https://play.google.com/store/apps/details?id=net.kerul.peribahasa English proverbs and the Malay pair Corpus Reference: Amir Muslim, 2009. Peribahasa dan ungkapan Inggeris-Melayu. DBP, Kuala Lumpur http://books.google.com.my/books/about/Peribahasa_dan_ungkapan_Inggeris_Melayu.html?id=bgwwQwAACAAJ CTRL+F to search Proverbs in English Definition in English Similar Malay Proverbs Definition in Malay 1 Where there is a country, there are people. A country must have people. Ada air adalah ikan. Ada negeri adalah rakyatnya. 2 Dry bread at home is better than roast meat home's the best hujan emas di negeri orang,hujan batu di negeri sendiri Betapa baik pun tempat orang, baik lagi tempat sendiri. 3 There's no accounting for tastes We can't assume that every people have a same feel Kepala sama hitam hati lain-lain. Dalam kehidupan ini, setiap insan berbeza cara, kesukaan, perangai, tabia...
Post a Comment
Click here to read the complete article ...

Submit your blog address here

Create your own blog and send the address by submitting the comment of this article. Make sure to provide your full name, matrix and URL address of your blog. Refer to the picture below. Manual on developing a blog using blogger.com and AdSense, download here … Download Windows Live Writer (a superb offline blog post editor)
45 comments
Click here to read the complete article ...

Installing Google AdMob into Android Apps

Previously I wrote on why ads are needed to help maintaining an app. Read the article here http://blog.kerul.net/2011/05/generating-revenue-from-free-mobile.html . ---This is quite an old article. You may find the latest supporting AdMob 6.x in here http://blog.kerul.net/2012/08/example-how-to-install-google-admob-6x.html --- This is quite a long tutorial, there are 3 major steps involved. The experiment is done using Windows 7, Eclipse Helios and AdMob SDK 4.1.0 (which currently is the latest-during time of writing). STEP 1: Get the ads from AdMob.com To display the AdMob ads in your Android mobile apps, you need to register first at the admob.com . After completing the registration, login and Add Site/App. Refer to Figure 1. Figure 1 Choose the desired platform and fill in the details (as in Figure 2). Just put http:// in the Android Package URL if your app is not published in the market yet. And click Continue. Figure 2 Download the AdMob Android SDK, and save the zip fil...
22 comments
Click here to read the complete article ...

Pemasangan Joomla! 1.7 pada pelayan web komputer anda

Latihan ini akan memasang sistem pengurusan kandungan laman web ke dalam pelayan web yang anda telah pasang sebelum ini . LANGKAH 1: Aktifkan Pelayan Web dan Pangkalan Data Aktifkan XAMPP Control Panel, melalui “ Start->All Programs->ApacheFriends->XAMPP Control Panel ”. Rajah 2.1 Pastikan pelayan web Apache dan pelayan pangkalan data MySQL diaktifkan dengan klik butang START. -> Rajah 2.2
21 comments
Click here to read the complete article ...

Multimedia Dictionary app for Android – with Source codes

I decided to publish the following source code of a Multimedia Dictionary app for Android. The apps is a dictionary of the following languages, Malay, Arabic and English. All the word entries are available in the locally (sqlite), however we do not have the complete word list. This code is specifically designed to support only Android 2.1, 2.2 and 2.3. This is due to lack of Arabic character support in the listed Android version. And there ‘s a special treatment to the Arabic characters which we found quite complicated. It won’t run beautifully on the Android 3.0 and above. Sorry for the lack of documentation, however if you’re familiar with Java in Android, it actually simple. I’ll do further documentation later. You may somehow revamp the apps, or do what ever you want. I would like to However make only one request, please do not remove the advertisement in the main screen. To test the Arabic input, you need to have the Arabic keyboard – use this http://bit.ly/ask1-1 . Not sure with...
17 comments
Click here to read the complete article ...