BAB IV DESAIN DAN PERANCANGAN SISTEM
4.1 Perancangan Sistem Perancangan adalah merancang atau mendesain suatu sistem yang baik, yang isinya adalah langkah-langkah operasi dalam proses pengolahan data dan prosedur untuk mendukung operasi sistem. 4.1.1
Analisis dan Perancangan
Perencanaan dan pembuatan aplikasi ini dibagi menjadi 2 tahap yaitu: 1. Analisis Mengidentifikasi permasalahan-permasalahan ada pada aplikasi yang dibangun, meliputi perangkat keras (hardware), perangkat lunak (software) dan pengguna. Membuat analisa terhadap data yang sudah diperoleh dari hasil observasi yaitu menggabungkan laporan survey dan kebijakan pemakai menjadi spesifikasi yang terstruktur dengan menggunakan pemodelan. 2. Perancangan Memahami rancangan sistem sesuai data yang ada dan mengimplementasikan model yang diinginkan oleh pemakai. Pemodelan sistem ini berupa pembuatan use case diagram, sequence diagram, class diagram, flow diagram dan desain layout guna mempermudah dalam proses-proses selanjutnya.
45
46
4.1.2 Implementasi Membuat
dan
menyelesaikan
program
secara
keseluruhan,
yaitu
menggabungkan perancangan aplikasi berdasarkan sintaks dan struktur java. 4.1.3 Ujicoba dan Integrasi Software Pengujian dilakukan berupa simulasi pada emulator dan pada handphone dengan dukungan Java MIDP 2.0.
4.2. Analisis dan Perancangan Aplikasi Analisis adalah kajian yang dilaksanakan terhadap sebuah bahasa guna meneliti struktur bahasa tersebut secara mendalam. Perancangan
adalah
penggambaran, perencanaan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh. Perancangan sistem dapat dirancang dalam bentuk bagan alir sistem (system flowchart), yang merupakan alat bentuk grafik yang dapat digunakan untuk menunjukan urutan-urutan proses dari sistem.
47
4.2.1 Use Case Diagram Untuk mengenal proses dari suatu sistem digunakan diagram use case. Dengan diagram use case ini dapat diketahui proses yang terjadi pada aplikasi. Gambar use case bisa dilihat di bawah ini :
Use Case Diagram
<
> memilih materi
List negara Asia dan Asean
<> Latihan Actor
Gambar 4.1 Diagram Use Case pengenalan ASIA
Score
48
Tabel 4.1 Penjelasan Use Case Diagram Aktor
Nama Use Case
Deskripsi Use Case Use Case ini digunakan untuk membaca isi tentang pengenalan Asia tentang Sejarah Asia. Use Case ini digunakan untuk membaca isi tentang pengenalan Asia tentang Daftar Negara Asia.
User
Sejarah Asia
User
Daftar Negara Asia
User
Sejarah ASEAN
Use Case ini digunakan untuk membaca isi tentang pengenalan Asia tentang Sejarah ASEAN.
User
Daftar Negara ASEAN
Use Case ini digunakan untuk membaca isi tentang pengenalan Asia tentang Daftar Negara ASEAN.
User
Soal-soal
Use Case ini digunakan untuk melatih kemampuan Anak-anak untuk mengisi soal-soal tentang Asia.
User
Nilai
Use Case ini digunakan untuk melihat hasil dari mengerjakan soal.
User
Tentang
Use Case ini digunakan untuk menampilkan referensi tentang aplikasi Pengenalan Asia.
4.2.1.1 Skenario Use Case Skenario Use Case berfungsi untuk menjelaskan lebih detail mengenai modul-modul yang terdapat dalam Aplikasi.
49
Tabel 4.2 Skenario Use Case Sejarah Asia Identifikasi Nomor Nama Tujuan Deskripsi Aktor
1 Sejarah Asia Mengetahui informasi tentang Sejarah Asia Proses untuk menampilkan informasi Sejarah Asia User Skenario Utama Kondisi Awal Pengguna membuka Halaman Utama Aksi Aktor Reaksi Sistem 1. Memilih menu Sejarah 2. Sistem merespon dengan cara Asia menampilkan Sejarah terbentuknya Asia Kondisi Akhir Pengguna dapat melihat informasi negara di Asia menggunakan aplikasi Pengenalan Asia ini.
4.3 Tabel Skenario Use Case Daftar Negara Asia Identifikasi Nomor Nama Tujuan Deskripsi Aktor
2 Daftar Negara Asia Mengetahui informasi tentang negara-negara di Asia Proses untuk menampilkan informasi negara di Asia User Skenario Utama Kondisi Awal Pengguna membuka Halaman Utama Aksi Aktor Reaksi Sistem 1. Memilih menu daftar 2. Sistem merespon dengan cara negara Asia menampilkan list negara-negara di Asia 3. Memilih salah satu nama 4. Sistem merespon dengan cara negara menampilkan informasi negara yang dipilih Kondisi Akhir Pengguna dapat melihat informasi negara di Asia menggunakan aplikasi Pengenalan Asia ini.
50
4.4 Tabel Skenario Use Case Sejarah ASEAN Identifikasi Nomor Nama Tujuan Deskripsi Aktor
3 Sejarah ASEAN Mengetahui informasi tentang sejarah ASEAN Proses untuk menampilkan informasi sejarah ASEAN User Skenario Utama Kondisi Awal Pengguna Membuka Halaman Utama Aksi Aktor Reaksi Sistem 1. Memilih menu sejarah 2. Sistem merespon dengan cara ASEAN menampilkan sejarah ASEAN Kondisi Akhir Pengguna dapat melihat informasi sejarah ASEAN menggunakan aplikasi Pengenalan Asia ini.
4.5 Tabel Skenario Use Case Daftar Negara ASEAN Identifikasi Nomor Nama Tujuan Deskripsi Aktor
4 Daftar negara ASEAN Mengetahui negara-negara di ASEAN Proses untuk menampilkan daftar negara ASEAN User Skenario Utama Kondisi Awal Pengguna Membuka Halaman Utama Aksi Aktor Reaksi Sistem 1. Memilih menu daftar 2. Sistem merespon dengan cara negara ASEAN menampilkan list daftar negara ASEAN 3. Memilih salah satu daftar 4. Sistem merespon dengan cara negara ASEAN menampilkan daftar negara ASEAN yang dipilih Kondisi Akhir Pengguna dapat menampilkan daftar negara ASEAN menggunakan aplikasi Pengenalan Asia ini.
51
4.6 Tabel Skenario Use Case Soal-soal Identifikasi Nomor Nama Tujuan Deskripsi Aktor
5 Soal-soal Mengetahui kemampuan siswa dengan mengisi soal latihan Proses untuk menampilkan soal-soal tentang Asia User Skenario Utama Kondisi Awal Pengguna Membuka Halaman Utama Aksi Aktor Reaksi Sistem 1. Memilih menu soal-soal 2. Sistem merespon dengan cara menampilkan soal-soal latihan 3. Mengisi soal-soal latihan 4. Sistem merespon dengan cara menampilkan nilai akhir. Kondisi Akhir Pengguna dapat mengetahui score soal-soal aplikasi Pengenalan Asia ini.
Tabel 4.7 Skenario Use Case Nilai Identifikasi Nomor Nama Tujuan Deskripsi Aktor
7 Nilai Mengetahui nilai hasil pengerjaan soal sebelumnya Proses untuk menampilkan nilai-nilai tentang Asia User Skenario Utama Kondisi Awal Pengguna Membuka Halaman Utama Aksi Aktor Reaksi Sistem 1. Memilih menu nilai 2. Sistem merespon dengan cara menampilkan nilai latihan Kondisi Akhir Pengguna dapat mengetahui score soal-soal aplikasi Pengenalan Asia ini.
52
Tabel 4.8 Skenario Use Case Tentang Identifikasi Nomor Nama Tujuan
8 Tentang Mengetahui informasi tentang versi aplikasi, credit, contact, dan tahun pembuatan aplikasi. Deskripsi Proses untuk menampilkan tentang Aktor User Skenario Utama Kondisi Awal Pengguna Membuka Halaman Utama Aksi Aktor Reaksi Sistem 1. Memilih menu tentang 2. Sistem merespon dengan cara menampilkan informasi tentang aplikasi pengenalan Asia Kondisi Akhir Pengguna dapat menampilkan informasi sumber referensi gambar, dan materi menggunakan aplikasi Pengenalan Asia ini.
4.2.2 Activity Diagram Diagram aktivitas lebih memfokuskan pada eksekusi dan alur sistem dari pada bagaimana sistem itu dirakit. Diagram aktivitas menunjukan aktivitas sistem dalam bentuk kumpulan aksi-aksi.
53
4.2.2.1 Activity Diagram dari Use Case Sejarah Asia Activity Diagram dari Use Case ini digunakan untuk membaca isi pengenalan sejarah tentang sejarah Asia Sejarah Asia User
Aplikasi Pengenalan Negara
Sejarah Asia
Menerima request menu sejarah Asia
Tampilkan Sejarah Asia
Menampilkan Sejarah Asia
Gambar 4.2 Activity Diagram dari Use Case Sejarah Asia
54
4.2.2.2 Activity Diagram Use Case Daftar Negara Asia Activity Diagram dari Use Case ini digunakan untuk membaca isi Pengenalan Asia tentang daftar negara di Asia. Daftar negara Asia User
Aplikasi Pengenalan Negara
Daftar Negara Asia
Menerima request menu negara Asia
Tampil list negara di Asia
Menampilkan list nama negara di Asia
Pilih negara di Asia
Menerima request nama negara di Asia
Tampilkan nama negara
Menampilkan nama negara
Gambar 4.3 Activity Diagram dari Use Case Daftar Negara Asia
55
4.2.2.3 Activity Diagram Use Case Sejarah ASEAN Activity Diagram dari Use Case ini digunakan untuk membaca isi pengenalan sejarah tentang sejarah ASEAN.
Sejarah ASEAN User
Aplikasi Pengenalan Negara
Sejarah ASEAN
Menerima request menu sejarah ASEAN
Tampilkan Sejarah ASEAN
Menampilkan Sejarah ASEAN
Gambar 4.4 Activity Diagram dari Use Case Sejarah ASEAN
56
4.2.2.4 Activity Diagram Use Case Daftar Negara ASEAN Activity Diagram dari Use Case ini digunakan untuk membaca isi pengenalan sejarah tentang negara-negara ASEAN.
Daftar negara ASEAN User
Aplikasi Pengenalan Negara
Daftar Negara ASEAN
Menerima request menu negara ASEAN
Tampil list negara di ASEAN
Menampilkan list nama negara di ASEAN
Pilih negara di ASEAN
Menerima request nama negara di ASEAN
Tampilkan nama negara
Menampilkan nama negara
Gambar 4.5 Activity Diagram dari Use Case Daftar negara ASEAN
57
4.2.2.5 Activity Diagram Use Case Soal-soal Activity Diagram dari Use Case ini digunakan untuk melatih kemampuan Anak-anak untuk mengisi soal-soal tentang ASIA. Soal-Soal User
Aplikasi Pengenalan Negara
Pilih Menu Latihan
Tampil Soal latihan
Jawab Soal Latihan
Cek Jawaban ?
Nilai 0
Nilai 10
Tampilkan Nilai
Gambar 4.6 Activity Diagram dari Use Case Soal-soal
58
4.2.2.6 Activity Diagram Use Case Tentang Activity Diagram dari Use Case ini untuk menampilkan referensi tentang aplikasi pengenalan sejarah. Tentang User
Aplikasi Pengenalan Negara
Tentang
Menerima request menu tentang
Tampilkan tentang
Menampilkan tentang
Gambar 4.7 Activity Diagram dari Use Case Tentang
4.2.3
Sequence Diagram
Sebenarnya inti dari pemograman berorientasi objek adalah diagram kelas karena hanya dengan diagram kelas, kita bisa men-generate menjadi source code. Diagram Sequence hanya mengurutkan saja. Dibawah ini merupakan sebuah gambar diagram sequence dari aplikasi Pengenalan ASIA.
59
1. Sequence diagram menu sejarah Asia
Sejarah Asia
Info Sejarah Asia
Actor User 1:getAsia() 2: melihat_info_sejara h_asia()
3:menampilkan_inf o_sejarah_asia()
Gambar 4.8 Sequence Diagram dari Use Case Sejarah Asia
2. Sequence diagram menu daftar negara Asia Daftar Negara Asia
List Daftar Negara Asia
Info Daftar Negara Asia
Actor User 1:getNegaraAsia() 2: memilih_list_daftar __negara_Asia() 3: melihat_info_daftar _negara_Asia()
4:tampil_info_daftar _negara_Asia()
Gambar 4.9 Sequence Diagram dari Use Case Daftar Negara Asia
60
3. Sequence Diagram pada menu Sejarah ASEAN
Sejarah ASEAN
Info Sejarah ASEAN
Actor User 1:getASEAN() 2: melihat_info_sejara h_ASEAN()
3:menampilkan_inf o_sejarah_ASEAN ()
Gambar 4.10 Sequence Diagram dari Use Case Sejarah ASEAN
4. Sequence Diagram Pada Menu Daftar Negara ASEAN Daftar Negara ASEAN
List Daftar Negara ASEAN
Info Daftar Negara ASEAN
Actor User 1:getNegaraASEA N() 2: memilih_list_daftar __negara_ASEAN() 3: melihat_info_daftar _negara_ASEAN()
4:tampil_info_daftar _negara_ASEAN()
Gambar 4.11 Sequence Diagram dari Use Case Daftar negara ASEAN
61
5. Sequence Diagram Pada Menu Soal-Soal
Soal-soal
Soal
Actor User 1:getsoal()
2: jawab_soal()
3: jawaban()
4:menampilkan_ha sil_jawaban()
Gambar 4.12 Sequence Diagram dari Use Case Soal-soal
6. Sequence Diagram Pada Menu Nilai Nilai
Info Nilai
Actor User 1:getNilai()
2: melihat_info_nilai()
3:menampilkan_inf o_nilai()
Gambar 4.13 Sequence Diagram dari Use Case Nilai
62
7. Sequence Diagram Pada Menu Tentang
Tentang
Info Tentang
Actor User 1:getTentang() 2: melihat_info_tentan g()
3:menampilkan_inf o_tentang()
Gambar 4.14 Sequence Diagram dari Use Case Tentang.
63
4.2.4
Class Diagram
Diagram Class merupakan kumpulan kelas-kelas objek dan inti dari proses pemodelan objek. ASEANList
Latihan
-midlet: MIDlet -menu: MenuUtama -asteng: AsiaTenggara -AseanList: Form -imageItem: ImageItem -imageItem1: ImageItem -CGBrunei: ChoiceGroup -CGFilipina: ChoiceGroup -imageItem2: ImageItem -CGIndonesia: ChoiceGroup -imageItem3: ImageItem -imageItem4: ImageItem -CGKamboja: ChoiceGroup -imageItem5: ImageItem -CGLaos: ChoiceGroup -CGMyanmar: ChoiceGroup -imageItem7: ImageItem -CGMalaysia: ChoiceGroup -imageItem6: ImageItem -CGThailand: ChoiceGroup -imageItem9: ImageItem -CGSingapura: ChoiceGroup -imageItem8: ImageItem -CGVietnam: ChoiceGroup -CGTimor: ChoiceGroup -imageItem10: ImageItem -backCommand: Command -okCommand: Command -okCommand1: Command -itemCommand: Command -imgBrunei: Image -task: SimpleCancellableTask -imgFilipina: Image -imgIndonesia: Image -imgKamboja: Image -imgLaos: Image -imgMalaysia: Image -imgSingapura: Image -imgMyanmar: Image -imgTimor: Image -imgThailand: Image -imgVietnam: Image
-midlet: MIDlet -menu: MenuUtama ~score: int ~benar: int ~salah: int ~Benar: String ~Salah: String ~Score: String -rs: RecordStore = null -re: RecordEnumeration = null -display: Display -alert: Alert -soalA: Form -SOAL_A: ChoiceGroup -soalB: Form -SOAL_B: ChoiceGroup -soalC: Form -SOAL_C: ChoiceGroup -soalD: Form -SOAL_D: ChoiceGroup -soalE: Form -SOAL_E: ChoiceGroup -soalF: Form -SOAL_F: ChoiceGroup -soalG: Form -SOAL_G: ChoiceGroup -soalH: Form -SOAL_H: ChoiceGroup -soalJ: Form -SOAL_J: ChoiceGroup -soalI: Form -SOAL_I: ChoiceGroup -hasil: Form -stringItem: StringItem -txtNama: TextField -nilai: Form -daftarScore: ChoiceGroup -backCommand: Command -okCommand: Command -backCommand1: Command -okCommand1: Command
AsiaNations ~call: MenuUtama +startApp() +pauseApp() +destroyApp(unconditional: boolean)
MenuUtama -midlet: MIDlet -asean: ASEAN -aslis: ASEANList -latihan: Latihan -tentang: Tentang -sejarah: SejarahAsia -asia: AsiaList -splashScreen: SplashScreen -menu: List -exitCommand: Command -backCommand: Command -imgSplash: Image -imgMap: Image -imgSejarah: Image -imgScore: Image -imgAbout: Image -imgAsia: Image -imgTentang: Image -imgSoal: Image -imgASEAN: Image
<>+ASEANList(midlet: MIDlet) -initialize() +switchDisplayable(alert: Alert, nextDisplayable: Displayable) +getAseanList(): Form +getImgBrunei(): Image +commandAction(command: Command, displayable: Displayable) +getBackCommand(): Command +getImageItem(): ImageItem +getOkCommand(): Command +getTask(): SimpleCancellableTask +getCGBrunei(): ChoiceGroup +getImageItem1(): ImageItem +getCGFilipina(): ChoiceGroup +getImgFilipina(): Image +getOkCommand1(): Command +getImageItem2(): ImageItem +getCGIndonesia(): ChoiceGroup +getImgIndonesia(): Image +getImageItem3(): ImageItem +getItemCommand(): Command +getImgKamboja(): Image +getCGKamboja(): ChoiceGroup +getImageItem4(): ImageItem +getCGLaos(): ChoiceGroup +getImageItem5(): ImageItem +getCGMalaysia(): ChoiceGroup +getImageItem6(): ImageItem +getCGMyanmar(): ChoiceGroup +getImageItem7(): ImageItem +getCGSingapura(): ChoiceGroup +getImageItem8(): ImageItem +getCGThailand(): ChoiceGroup +getImageItem9(): ImageItem +getCGTimor(): ChoiceGroup +getImageItem10(): ImageItem +getCGVietnam(): ChoiceGroup +getImgLaos(): Image +getImgMalaysia(): Image +getImgMyanmar(): Image +getImgSingapura(): Image +getImgThailand(): Image +getImgTimor(): Image +getImgVietnam(): Image +getDisplay(): Display +exitMIDlet()
<>+Latihan(midlet: MIDlet) +bukaDB() +tambahData(nama: String, nilai: String) +tampilkanData() -initialize() +switchDisplayable(alert: Alert, nextDisplayable: Displayable) +commandAction(command: Command, displayable: Displayable) +getSoalA(): Form +getBackCommand(): Command +getOkCommand(): Command +getSoalB(): Form +getSoalC(): Form +getSoalD(): Form +getSoalE(): Form +getSoalF(): Form +getSoalG(): Form +getSoalH(): Form +getSoalI(): Form +getSoalJ(): Form +getHasil(): Form +getNilai(): Form +getOkCommand1(): Command +getBackCommand1(): Command +getSOAL_A(): ChoiceGroup +getSOAL_B(): ChoiceGroup +getSOAL_C(): ChoiceGroup +getSOAL_D(): ChoiceGroup +getSOAL_E(): ChoiceGroup +getSOAL_F(): ChoiceGroup +getSOAL_G(): ChoiceGroup +getSOAL_H(): ChoiceGroup +getSOAL_J(): ChoiceGroup +getSOAL_I(): ChoiceGroup +getStringItem(): StringItem +getTxtNama(): TextField +getDaftarScore(): ChoiceGroup +getDisplay(): Display +exitMIDlet()
<>+MenuUtama(midlet: MIDlet) -initialize() +switchDisplayable(alert: Alert, nextDisplayable: Displayable) +commandAction(command: Command, displayable: Displayable) +getSplashScreen(): SplashScreen +getImgSplash(): Image +getMenu(): List +menuAction() +getExitCommand(): Command +getBackCommand(): Command +getImgMap(): Image +getImgSejarah(): Image +getImgAsia(): Image +getImgAbout(): Image +getImgScore(): Image +getImgSoal(): Image +getImgTentang(): Image +getImgASEAN(): Image +getDisplay(): Display +exitMIDlet()
SejarahAsia
ASEAN
-midlet: MIDlet -menu: MenuUtama -sejarahAsia: Form -imageItem: ImageItem -stringItem: StringItem -backCommand: Command -imgSejarah: Image
-midlet: MIDlet -menu: MenuUtama -SejarahAsean: Form -stringItem: StringItem -imageItem: ImageItem -backCommand: Command -imgASEAN: Image
<>+SejarahAsia(midlet: MIDlet) -initialize() +switchDisplayable(alert: Alert, nextDisplayable: Displayable) +commandAction(command: Command, displayable: Displayable) +getSejarahAsia(): Form +getBackCommand(): Command +getImageItem(): ImageItem +getStringItem(): StringItem +getImgSejarah(): Image +getDisplay(): Display +exitMIDlet()
<>+ASEAN(midlet: MIDlet) -initialize() +switchDisplayable(alert: Alert, nextDisplayable: Displayable) +getSejarahAsean(): Form +commandAction(command: Command, displayable: Displayable) +getBackCommand(): Command +getStringItem(): StringItem +getImageItem(): ImageItem +getImgASEAN(): Image +getDisplay(): Display +exitMIDlet()
Tentang
AsiaList -midlet: MIDlet -menu: MenuUtama -asbar: AsiaBarat -asmur: AsiaTimur -asteng: AsiaTengah -asgar: AsiaTenggara -assel: AsiaSelatan -asut: AsiaUtara -negaraAsia: List -backCommand: Command -imgAsia: Image <>+AsiaList(midlet: MIDlet) -initialize() +switchDisplayable(alert: Alert, nextDisplayable: Displayable) +commandAction(command: Command, displayable: Displayable) +getNegaraAsia(): List +negaraAsiaAction() +getBackCommand(): Command +getImgAsia(): Image +getDisplay(): Display +exitMIDlet()
-midlet: MIDlet -menu: MenuUtama -tentang: Form -stringItem: StringItem -imageItem: ImageItem -stringItem1: StringItem -backCommand: Command -imgTentang: Image <>+Tentang(midlet: MIDlet) -initialize() +switchDisplayable(alert: Alert, nextDisplayable: Displayable) +commandAction(command: Command, displayable: Displayable) +getTentang(): Form +getBackCommand(): Command +getStringItem(): StringItem +getImageItem(): ImageItem +getStringItem1(): StringItem +getImgTentang(): Image +getDisplay(): Display +exitMIDlet()
Gambar 4.15 Class Diagram Aplikasi Pengenalan Asia
64
4.2.5 Diagram Component Diagram Component menggambarkan struktur dan hubungan antar komponen piranti lunak, termasuk ketergantungan (dependency). Berikut diagram component Aplikasi Pengenalan Asia : AsiaNations
AsiaNations.jar
MenuUtama.class
MenuUtama.java
SejarahAsia.java
DaftarNegaraAsia.java
ASEAN.java
DaftarNegaraASEAN
Soal-soal.java
Nilai.java
tentang.java
SejarahAsia.java
DaftarNegaraAsia.java
ASEAN.java
DaftarNegaraASEAN
Soal-soal.java
Nilai.java
tentang.java
Gambar 4.16 Component Diagram Aplikasi Pengenalan Asia
65
4.2.6 Diagram Deployment Diagram Deployment menggambarkan detail bagaimana komponen di-deploy dalam infrastruktur sistem. Berikut diagram deployment Aplikasi Pengenalan Asia:
Handphone
Sistem Operasi Berbasis Java MIDP2
KVM
AsiaNations.jar
Gambar 4.17 Deployment Diagram Aplikasi Pengenalan Asia 1. System operasi Seperti halnya system operasi pada komputer, sistem operasi ponsel adalah software utama yang melakukan menejemen dan kontrol terhadap hardware secara langsung serta menejemen dan mengotrol software-soft lain sehingga softwaresoftware lain tersebut dapat bekerja. Sehingga suatu system operasi ponsel (mobile operating system) akan bertanggung jawab dalam mengoperasikan berbagai fungsi dan fitur yang tersedia dalam perangkat ponsel tersebut. 2. KVM Mesin K virtual (KVM) adalah mesin virtual yang dikembangkan oleh Sun Microsystems (sekarang dimiliki oleh Oracle Corporation), berasal dari Java Virtual Machine spesifikasi. KVM ini ditulis dari awal dalam C . Hal ini dirancang untuk perangkat kecil dan memiliki jejak memori kecil. Mendukung subset fitur dari akhir JVM yang lebih tinggi. Sebagai contoh, KVM tidak mendukung operasi floating-point dan finalisasi objek. Para CLDC menentukan
66
penggunaan KVM. The "K" di KVM singkatan dari kilobyte, menandakan bahwa KVM berjalan dalam kilobyte memori sebagai lawan megabyte. 3. Jar Dalam perangkat lunak , JAR (J ava AR lokio) adalah file arsip format yang biasanya digunakan untuk agregat banyak file kelas Java dan terkait meta data dan sumber daya (teks, gambar dan sebagainya) ke dalam satu file untuk mendistribusikan perangkat lunak aplikasi atau perpustakaan pada platform Java. Sebuah file JAR memungkinkan Java runtimes untuk efisien menggunakan satu set kelas dan sumber daya yang terkait. Elemen-elemen dalam file JAR dapat dikompresi, yang bersama-sama dengan kemampuan untuk men-download seluruh aplikasi dalam satu permintaan, membuat men-download file JAR jauh lebih cepat daripada secara terpisah men-download file terkompresi banyak yang akan membentuk Java Application tunggal. Paket java.util.zip berisi kelas yang membaca dan menulis file JAR. 4.2.7 Flow Diagram Aplikasi Mobile membutuhkan form-form yang saling berhubungan untuk melakukan proses data. Keterkaitan antara form satu dengan yang lain digambarkan dengan flow diagram. Diagram ini merupakan relasi antar form untuk mewujudkan suatu proses aliran informasi dari banyak data. Flow Diagram digambarkan dengan bentuk form berupa persegi empat dengan garis penghubung antar form. Perancangan form pada flow diagram yaitu dengan membuat fungsi command yang merupakan tombol untuk menjalankan aplikasi. Namun
67
sebenarnya di dalam form tersebut telah dirancang screen yang menunjukkan adanya item-item dalam form. Form akan berfungsi jika command dijalankan. Deskripsi tentang screen atau layout akan dibahas pada sub bab selanjutnya.
Gambar 4.18 Flow Diagram dari Menu Utama, Sejarah Asia, Daftar Negara Asia dan Tentang
Gambar 4.19 Flow Diagram dari Asia Barat
68
Gambar 4.20 Flow Diagram dari Asia Barat2
Gambar 4.21 Flow Diagram dari Asia Selatan
69
Gambar 4.22 Flow Diagram dari Asia Tengah
Gambar 4.23 Flow Diagram dari Asia Tenggara
70
Gambar 4.24 Flow Diagram dari Asia Timur
Gambar 4.25 Flow Diagram dari Asia Utara
71
Gambar 4.26 Flow Diagram dari Soal-Soal dan Nilai
4.3 Perancangan Menu Perancangan menu merupakan hubungan di antara elemen-elemen struktural utama dari program. Perancangan menu dapat memberikan gambaran mengenai struktur program. Berikut adalah perancangan menu Aplikasi Pengenalan Asia :
Menu Utama
Sejarah Asia
Asia Barat
Asia Tengah
Daftar Negara Asia
Asia Selatan
ASEAN
Asia Timur
Asia Utara
Daftar Negara ASEAN
Asia Tenggara
SoalSoal
Nilai
Hasil Nilai
Gambar 4.27 Perancangan Menu Aplikasi Pengenalan Asia
Tentang
72
4.4 Perancangan Antarmuka (Interfacce) Perancangan interface adalah bagian yang penting dalam aplikasi, karena yang pertama kali dilihat ketika aplikasi dijalankan adalah tampilan antar muka (interface) aplikasi. 4.4.1 Perancangan Antarmuka Halaman Splash screen Sebelum masuk ke halaman menu utama dari aplikasi sejarah Asia, maka terlebih dahulu akan muncul splash screen aplikasi. Perancangan splash screen digunakan untuk menampilkan splash screen berupa image yang akan tampil beberapa saat sebelum masuk ke halaman menu utama dari aplikasi. Perancangan splash screen dapat dilihat pada gambar 4.28.
Splash Screen
Gambar 4.28 Antarmuka Splash Screen
4.4.2 Perancangan Antarmuka Halaman Menu Utama Halaman utama dari aplikasi pengenalan Asia adalah sejarah asia, daftar negara asia, sejarah asean, daftar negara asean, soal-soal, nilai dan tentang. Pada
73
perancangan menu utama, terdapat tombol ”Keluar” untuk keluar aplikasi. Perancangan menu utama dapat dilihat pada gambar 4.29. Menu - Sejarah Asia - Daftar Negara Asia - Sejarah ASEAN - Daftar Negara ASEAN - Soal - soal - Nilai - Tentang
Keluar
Gambar 4.29 Antarmuka Halaman Menu Utama
4.4.3 Perancangan Antarmuka Sejarah Asia Setelah memilih menu Sejarah Asia akan muncul materi tentang sejarah asia. Perancangan antarmuka sejarah Asia dapat dilihat pada gambar 4.30 Sejarah Asia
Peta Asia
______________________________ ______________________________ ______________________________ ______________________________ ______________________________ Kembali
Gambar 4.30 Antarmuka Halaman Sejarah Asia
74
4.4.4 Perancangan Antarmuka Halaman Daftar Negara Asia Setelah memilih daftar negara pada daftar negara Asia maka akan tampil informasi tentang daftar negara tersebut . Perancangan antarmuka halaman daftar negara Asia dapat dilihat pada gambar 4.31 Daftar Negara Asia
- Asia Barat - Asia Tengah - Asia Timur - Asia Selatan - Asia Tenggara - Asia Utara
Kembali
Gambar 4.31 Antarmuka Halaman Daftar Negara Asia
2.4.5 Perancangan Antarmuka Sejarah ASEAN Setelah memilih menu Sejarah ASEAN akan muncul Sejarah ASEAN. Perancangan antarmuka Sejaarah ASEAN dapat dilihat pada gambar 4.32 Sejarah ASEAN
Logo ASEAN
______________________________ ______________________________ ______________________________ ______________________________ ______________________________ Kembali
Gambar 4.32 Antarmuka Halaman Sejarah ASEAN
75
4.4.6 Perancangan Antarmuka Halaman Daftar Negara ASEAN Setelah memilih nama negara pada daftar negara ASEAN maka akan tampil informasi tentang negara tersebut . Perancangan antarmuka halaman daftar negara ASEAN dapat dilihat pada gambar 4.33 Daftar Negara ASEAN Bendera Negara Nama Negara
Bendera Negara Nama Negara
Kembali
Gambar 4.33 Antarmuka Halaman Daftar Negara ASEAN
4.4.7 Perancangan Antarmuka Soal - Soal Setelah memilih menu Soal-soal maka akan muncul soal-soal yang berhubungan dengan Asia. Dimana satu soal ada 4 pilihan jawaban. Perancangan antarmuka Soal-soal dapat dilihat pada gambar 4.34 Soal 1 Soal
:
Pilihan jawaban 1 Pilihan jawaban 2 Pilihan jawaban 3 Pilihan jawaban 4
Kembali
Pilih
Gambar 4.34 Antarmuka Halaman Soal-soal
76
4.4.8 Perancangan Antarmuka Halaman Nilai Setelah memilih nilai maka akan tampil daftar nama yang telah mengerjakan soal-soal. Perancangan antarmuka halaman soal-soal dapat dilihat pada gambar 4.35 Nilai nama 1 nama 2 nama 3
Kembali
Gambar 4.35 Antarmuka Halaman Nilai 2.4.9 Perancangan Antarmuka Halaman Tentang Setelah memilih menu Tentang akan muncul informasi tentang aplikasi. Informasi yang berisi versi aplikasi, credit, contact, dan tahun pembuatan aplikasi. Perancangan antarmuka tantang dapat dilihat pada gambar 4.36 Tentang
Tentang Aplikasi ___________________________ ___________________________ ___________________________ ___________________________
GAMBAR
Kembali
Gambar 4.36 Antarmuka Halaman Tentang
