Gambar 6. 14 Graphical layout activity_menghitung_kata.

xml

Gambar 6. 15 Outline activity_menghitung_kata.xml

Source code activity_menghitung_kata.xml:

127
<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_pare
nt"android:layout_height="match_parent">

<LinearLayout
android:id="@+id/linearLayout1"android:layout_width="wrap_content"and
roid:layout_height="wrap_content"android:layout_alignParentLeft="true
"android:layout_alignParentRight="true"android:layout_alignParentTop=
"true"android:orientation="vertical">

<TextView
android:id="@+id/textView1"android:layout_width="wrap_content"android:lay
out_height="wrap_content"
android:text="Ketik teks:"/>

<EditText
android:id="@+id/teksKataEditText"android:layout_width="match_pare
nt"android:layout_height="wrap_content">

<requestFocus/>
</EditText>
</LinearLayout>

<LinearLayout
android:id="@+id/linearLayout2"android:layout_widt
h="wrap_content"android:layout_height="wrap_conten
t"android:layout_alignParentLeft="true"android:lay
out_alignParentRight="true"android:layout_below="@
+id/linearLayout1">

128
 <TextView
android:id="@+id/textView2"android:layout_width="wrap_content"android:layo
ut_height="wrap_content"
android:text="Jumlah Huruf Vokal"
android:textAppearance="?android:attr/textAppearanceMedium"
/>

<TextView
android:id="@+id/jumlahKataTextView"android
:layout_width="wrap_content"android:layout_h
eight="wrap_content"android:layout_weight="1
"android:gravity="right"
android:text="0"
android:textAppearance="?android:attr/textAppearanceMedium"
/>

</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"android:layout_height="wrap_conte
nt"android:layout_alignParentLeft="true"android:layout_alignParentRi
ght="true"android:layout_below="@+id/linearLayout2">

<Button
android:id="@+id/hitungKataButton"android:layout_w
idth="wrap_content"android:layout_height="wrap_con
tent"android:layout_weight="1"
android:text="Hitung"/>
</LinearLayout>
</RelativeLayout>

Setelah selesai mengatur desain activity, selanjutnya menambahkan source code java. Pertama
double klik file MenghitungHurufActivity.java yang berada di project dalam folder src >>
com.unpam.materitabview, sehingga menjadi seperti berikut ini:

package com.unpam.materitabview;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import
android.view.View.OnClickListener;
import android.widget.EditText;
import android.widget.TextView;

129
 publicclass MenghitungHurufActivity extends Activity implements
OnClickListener{
EditText teksHurufET;
TextView jumlahVokalTV, jumlahKonsonanTV;

@Override
publicvoid onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_menghitung_huruf);

teksHurufET = (EditText) findViewById(R.id.teksHurufEditText);

jumlahVokalTV = (TextView)
findViewById(R.id.jumlahVokalTextView);
jumlahKonsonanTV = (TextView)
findViewById(R.id.jumlahKonsonanTextView);

findViewById(R.id.hitungHurufButton).setOnClickListener(this);
}

@Override
publicboolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.activity_menghitung_huruf,
menu);
returntrue;

}
publicvoid onClick(View v) {
// TODO Auto-generated method stub
switch (v.getId()){
case
R.id.hitungHurufButton:
String teks = teksHurufET.getText().toString();

String[] listVokal = {"A","E","I","O","U"};

int jumlahVokal=0, jumlahKonsonan=0;

int i,j;
boolean vokal;

for (i=0; i<teks.length(); i++){

int keyCode = teks.charAt(i);
if (((keyCode >= 65) && (keyCode <= 90)) ||
((keyCode >= 97) && (keyCode <= 122))){
vokal = false;
j=0;
while ((j<listVokal.length) &&

130
 !vokal){ if (teks.substring(i,
i+1).equalsIgnoreCase(listVokal[j++])){
vokal = true;
}
}

if (vokal){
jumlahVokal++;
} else {
jumlahKonsonan++;
}
}
}

jumlahVokalTV.setText(Integer.toString(jumlahVokal));
jumlahKonsonanTV.setText(Integer.toString(jumlahKonsonan));
}
}
}

Kedua, dengan cara yang sama tambahkan source code untuk file
MenghitungKataActivity.java menjadi:
package com.unpam.materitabview;

import android.os.Bundle;
import android.app.Activity; import
android.view.Menu;
import android.view.View;
import
android.view.View.OnClickListener;
import android.widget.EditText;
import android.widget.TextView;

publicclass MenghitungKataActivity extends Activity implements

OnClickListener{
EditText teksKataET;
TextView jumlahKataTV;

@Override
publicvoid onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_menghitung_kata);

teksKataET = (EditText) findViewById(R.id.teksKataEditText);

jumlahKataTV = (TextView) findViewById(R.id.jumlahKataTextView);

131
 findViewById(R.id.hitungKataButton).setOnClickListener(this);
}

@Override
publicboolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.activity_menghitung_kata,
menu);
returntrue;

}
publicvoid onClick(View v) {
// TODO Auto-generated method stub
switch (v.getId()){
case
R.id.hitungKataButton:
String teks = teksKataET.getText().toString();

boolean kata=false, huruf;

int i, jumlahKata=0, keyCode;

for (i=0; i<teks.length(); i++){

huruf = false;
keyCode = teks.charAt(i);
if (((keyCode >= 65) && (keyCode <= 90)) ||
((keyCode >= 97) && (keyCode <= 122))){
huruf=true;
}
if (huruf){
if (!kata){
kata = true;
jumlahKata++;
}
} else {
kata = false;
}
}

jumlahKataTV.setText(Integer.toString(jumlahKata));
}
}
}

Ketiga, tambahkan source code di dalam file MainActivity.java sehingga menjadi seperti berikut
ini:

132
package com.unpam.materitabview;

import android.app.TabActivity;
import android.content.Intent;
import android.os.Bundle;
import android.view.Menu;
import android.widget.TabHost;

@SuppressWarnings("deprecation")
publicclass MainActivity extendsTabActivity {

@Override
publicvoid onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

Intent intent;
TabHost tabHost = getTabHost();
TabHost.TabSpec tabSpec;

intent = new Intent(this, MenghitungHurufActivity.class);

tabSpec = getTabHost().newTabSpec("tab1").setIndicator(
"Menghitung Huruf").setContent(intent);
tabHost.addTab(tabSpec);

intent = new Intent(this, MenghitungKataActivity.class);

tabSpec = getTabHost().newTabSpec("tab2").setIndicator(
"Menghitung Kata").setContent(intent);
tabHost.addTab(tabSpec);
}
@Override
publicboolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.activity_main, menu);
returntrue;
}
}
Menjalankan Aplikasi

Untuk mengeksekusi, klik kanan pada nama project atau pilih menu Run, kemudian pilih Run As
>> Android Application. Jika kita lihat di daftar aplikasi seperti pada gambar 6.16, maka akan
terlihat 3 icon aplikasi baru, yaitu Materi TabView, Menghitung Huruf, dan Menghitung Kata.
Agar aplikasi yang kita buat hanya menampilkan satu icon aplikasi, double klik file
AndroidManifest.xml di dalam project seperti pada gambar 6.17, kemudian klik tab
AndroidManifest.xml yang berada pada bagian bawah seperti pada gambar 6.18, hapus tag
intent-filter untuk MenghitungHurufActivity dan MenghitungKataActivity sehingga source
code-nya menjadi seperti berikut ini:

<manifestxmlns:android="http://schemas.android.com/apk/res/android"packag
e="com.unpam.materitabview"android:versionCode="1"android:versionName="1.

133
0">

<uses-sdk
android:minSdkVersion="8"android:targetSdkVersion="15"/>

<application
android:icon="@drawable/ic_launcher"android:label="@string/app_name"android:
theme="@style/AppTheme">
<activity
android:name=".MainActivity"
android:label="@string/title_activity_main">
<intent-filter>
<actionandroid:name="android.intent.action.MAIN"/>
<categoryandroid:name="android.intent.category.LAUNCHER"/>
</intent-filter>
</activity><activity
android:name=".MenghitungHurufActivity"
android:label="@string/title_activity_menghitung_huruf">
</activity><activity
android:name=".MenghitungKataActivity"
android:label="@string/title_activity_menghitung_kata">
</activity>
</application>
</manifest>

134
Gambar 6. 16 Tampilan daftar aplikasi

Gambar 6. 17 Project explorer

135
 Gambar 6. 18 Android manifest

Tampilan Aplikasi

Tampilan aplikasi yang telah dibuat pada AVD (Android Virtual Device) adalah sebagai
berikut:

Gambar 6. 19 Tampilan Menghitung Huruf di AVD

136
Gambar 6. 20 Tampilan Menghitung Huruf di AVD

137
C. SOAL LATIHAN/TUGAS
Buatlah project untuk menampilkan 3 tab, yang berisikan:
1. Tab pertama berisikan project Alert dan Toast
2. Tab kedua berisikan project LIstview
3. Tab ketiga berisikan project Activity

138
D. DAFTAR PUSTAKA

Allen, Grant. 2012.Beginning Android 4. New York : Apress.

Safaat, H. Nazruddin. 2015.ANDROID Pemrograman Aplikasi Mobile Smartphone dan

Tablet PC Berbasis Android. Bandung: Informatika

139