Android Application : Learning Alphabetic

Friday, April 13, 2012 |

Nama : Heni Agustina
NPM : 50408430
Kelas : 4IA06


Untuk menyelesaikan tugas mata kuliah Pemrograman Multimedia, maka saya meng-upload project penulisan ilmiah saya yaitu pembuatan aplikasi berbasis android yang saya
beri nama "LEARNING APLHABETIC"

1. Flowchart atau Diagram Alur Program
Alur sistem pada aplikasi yang saya buat, saya gambarkan secara umum dalam flowchart di bawah ini :




2. UML Program
Diagram UML yang saya buat, secara garis besar sama dengan diagram alur di atas.




3. Rancangan Interface Program
Rancangan interface dibutuhkan untuk membuat gambaran umum dari menu-menu yang akan digunakan dalam aplikasi ini.

  • Rancangan Tampilan Menu Awal

  • Rancangan Tampilan Menu Utama

  • Rancangan Tampilan About

  • Rancangan Tampilan Huruf


4. Langkah - Langkah Pembuatan Aplikasi Learning Alphabetic.
  • Pembuatan Project Awal
Tahap pertama pembuatan aplikasi Android terlebih dahulu harus menyiapkan Environmentnya. Yaitu Android SDK, ADT (Android Development Tools) dan Eclipse. Penulis juga menggunakan IDE Eclipse sebagai Java development environment. Disini akan dijelaskan tahap dalam pembuatan project untuk pertama kali dan pembuatan AVD (Android Virtual Device) serta menjalankan aplikasi di emulator. Untuk memulai pembuatan program aplikasi yaitu dengan membuka shortcut eclipse yang terdapat pada desktop.

Setelah selesai plug-in Android akan membuat project dan default file. Package akan siap di execute. Setelah itu adalah tahap penulisan program dan pengujian dengan menjalankan AVD.

  • Penulisan Program Aplikasi
 Untuk melakukan penulisan program disini menggunakan folder aplikasi pada Package Explorer yang telah tersedia saat pembuatan project awal. 



        Pada Package Explorer terdapat folder project LearningAlphabetic. Untuk pembuatan aplikasi, buka folder project LearningAlphabetic. Kemudian untuk melakukan rancangan tampilannya buka folder res > layout > pilih main.xml. Lalu, untuk melakukan penulisan program, buka folder res > buka com.alfabet > LearningAlphabetic.java.


5. Pengkodean Program
Untuk membuat aplikasi tersebut, penulis menggunakan file .xml yang berfungsi sebagai pengaturan atau disain dari UI(User Interface). Untuk menampilkan tampilan dari setiap alfabet, digunakan kelas-kelas yang memiliki keterhubungan antara tombol alfabet tersebut dan tampilan yang berupa file .xml
  • Kode Program main.xml

  • Kode Program mainmenu.xml

  • Kode program about.xml


  • Kode Program XML untuk Alfabet


6. Output Program

  • Tampilan Menu
  • Tampilan Start
  • Tampilan About
  • Tampilan Huruf








  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Posted by Heni Agustina

4 comments:

kros said...

sipp

July 18, 2012 at 7:13 AM
Ahmad Habibullaah said...

assalamualaikum.wr.wb.
mbak mbak pake databse ndak?
boleh ndak mbak saya liaht kode untuk nextnya.
terima kasih mbak

August 2, 2012 at 4:56 AM
Heni Agustina said...

@ahmad itu g pake database. cuma ngandelin fungsi intent aja
kode buat next
switch (v.getId()) {

case R.id.nexta:
Intent nexta = new Intent(this, B.class);
startActivity(nexta);
break;

November 4, 2012 at 2:11 AM
Unknown said...

mbak. maksud dari no 2 dan no 1 di diagram flowchartnya apa ya?

September 5, 2013 at 8:33 PM

Post a Comment

Subscribe to: Post Comments (Atom)