Tampilan Interface Kamus Kata Serapan Menggunakan Algoritma Interpolation Search Menggunakan Fitur Auto Complete Teks Untuk Smartphone Berbasis Android

ok gan, lanjut artikel berikutnya yaaa...
mudah-mudahan bisa bermanfaat bagi kita semua.. amin !!!
kali ini kita akan mempelajari tentang kamus android, disini kita menjelaskan tentang kamus kata serapan !!! langsung sj yaa, saya tampilkan prenscreen dan potongan scriptnya ..!!!!

Implementasi merupakan tahap pengembangan rancangan menjadi kode program. Pada awal bagian ini dijabarkan spesifikasi implementasi yang dilakukan berdasarkan hasil pada tahap perancangan. Implementasi perancangan antarmuka terbagi menjadi beberapa bagian utama, diantaranya adalah :

1. Form Menu Utama

Pada form ini user memilih menu yang akan dibuka sesuai kebutuhannya, terdapat 4 menu, yaitu: Terjemahan, Tentang Kami, Bantuan, Keluar.

2. Form Menu Terjemahan

  - Menu Daftar Kata

   

Pada form ini user menginputkan kata yang ingin dicari arti dan terjemahannya, setelah selesai menginputkan kata tekan tombol terjemahan untuk melihat arti dan terjemahan sebelumnya yang ingin dicari. Berikut ini source code yang dibuat untuk mengambil daftar kata yang ada pada notepad (Inggris.txt)

public ListArti(Context cntx){            

lstKataDK=new ArrayList<String>();

textFile = new LoadKata(cntx, "inggris.txt");

//memuat database

       lstKataDK=textFile.getData();

// mengambil data database

Log.v("LOAD TERJEMAHAN","Text Terjemahan : "+lstKataDK.size());

       buildPos();

Berikut ini source code yang dibuat untuk menampilkan kata yang ada dalam daftar kata yang ada pada notepad (Inggris.txt) :

//Prosedur untuk menampilkan data ke View

public View getView(int position, View convertView, ViewGroup parent) {

View vi = convertView;             

              if (convertView == null)             

vi = inflater.inflate(R.layout.row_app, null);            

TextView id = (TextView) vi.findViewById(R.id.txtpid);            

TextView title = (TextView) vi.findViewById(R.id.txttitle);             

HashMap<String, String> song = new HashMap<String, String>();

//mengambil hasmap pada suatu index variable position             

song = data.get(position);

//Kata yang sudah ada di list ditampilkan ke layout

title.setText(song.get("kata"));

              return vi;

       }

   - Menu Fitur Auto Complete Text

Pada menu ini ketika user hendak memasukkan kata, maka fitur auto complete text akan berfungsi. Fitur ini menampilkan kata pencarian bisa berdasarkan dari tengah sebuah kata, bisa juga di awal kata ataupun di akhir sebuah kata yang terdapat di dalam database. Misalkan kita memasukkan huruf “mon”, maka pada tampilan layar akan muncul kata yang memiliki huruf “mon”.  Berikut ini source code yang dibuat untuk fitur auto complete teks:

//Prosedur untuk menampilkan kata dari lsKata kedalam list

private void showKata(){

       Log.v("Translate:","Data Urut"+lsKata.size());

ArrayList<HashMap<String, String>> lstProses = new

ArrayList<HashMap<String, String>>();

     

if(lsKata.size()>0){      

for(int i=0;i<lsKata.size();i++){

// creating new HashMap

HashMap<String, String> map = new HashMap<String, String>();

      

// masukkan kedalam hasmap

map.put("kata", lsKata.get(i) );

                          

// menambahkan HashList ke ArrayList

lstProses.add(map);

              }

        }

// set adapter listview dr lstkara yang nama nya lstproses

ListKataAdapter adapter=new ListKataAdapter(this, lstProses);       

       

myLstKata.setAdapter(adapter);

// create listener ketika item diklik

myLstKata.setOnItemClickListener(new OnItemClickListener() {

       @Override

public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,    long arg3) {

       Log.v("LIST PILIH : ","Dipilih:"+ arg2);              

// ketika dipilih maka text yang dipilih masuk ke text pencarian dan list menjadi invisible

myAutoComplete.setText(((TextView)arg1.findViewById(R.id.txttitle) ).getText().toString()  );

llList.setVisibility(View.INVISIBLE);      

}

});       

       llList.setVisibility(View.VISIBLE);            

       }

3. Form Hasil Pencarian Kata

Pada form ini user akan melihat hasil dari kata yang dinputkan sebelumnya, dimana pada form ini user akan melihat arti kata serta terjemahan kata yang ingin dicari. Pada form ini terdapat tombol text to speech yang dimana berfungsi untuk mendengarkan suara kata dalam bahasa Inggris

Berikut ini adalah source code untuk menjalankan perintah tersebut :

public void prosesInterpolationSearch(String mykata){                         

InterpolationSearch intSearch= new InterpolationSearch();

Comparable[] dictKata=lsKata.toArray(new String[ lsKata.size()]);              

            

 int hsl= intSearch.interpolationSearch(dictKata, mykata);

          if(hsl>=0){   

// mengambil posisi index yang sebenarnya agar dapat mengambil hasil translate tujuan pada posisi index yang benar

                

 int posAsli=lsPosKata.get(hsl);                   

           Log.v("boyer:","Posisiasli"+ posAsli);

// menampilkan data translate                  

         ListArti mkata=new ListArti(this);

         ListSerapan mserapan=new ListSerapan(this);

         hserapan.setText(mkata.getKata(posAsli));

         txtserapan.setText(mserapan.getKata(posAsli));                        

        

// jika sudah ditemuakan , maka list sugest di hilangkan

                 

llList.setVisibility(View.GONE);            

             

              }else{          

// jika data tidak ditemuakan             

Toast.makeText(getBaseContext(),

              "Kata Tidak Ditemukan!",

              Toast.LENGTH_SHORT).show();

              }

              }

4. Form Menu Tentang Kami

Pada form ini menampilkan tentang pembuat ataupun penyusun dari aplikasi ini

5. Form Menu Bantuan

Pada form ini menampilkan petunjuk pemakaian dari aplikasi, sehingga memudahkan user untuk menggunakan aplikasi.

Berikut projetc APK dari sistem ini

download

Share On: