BAB III PEMBAHASAN...menu Gerhana Terdapat 2 menu antaralain Gerhana Matahari dan Gerhana bulan,...

23

BAB III

PEMBAHASAN

3.1. Tinjauan Kasus

Seiring dengan perkembangan zaman dan kemajuan teknologi yang pesat

sekarang ini, kemudahan dalam mengakses informasi merupakan salah satu

kebutuhan penting bagi masyarakat. Hal ini berpengaruh juga terhadap proses

pembelajaran di Sekolah Dasar dan cara penyampaian materi dalam proses

kegiatan belajar mengajar. Pada tahap pendidikan anak usia sekolah dasar, siswa

cenderung akan lebih tertarik dengan adanya aplikasi yang mudah digunakan dan

didalamnya terdapat warna-warna cerah, gambar yang menarik perhatian yang

dihasikan oleh aplikasi, dalam tugas akhir ini penulis membuat sebuah

perancangan aplikasi edukasi yang berguna untuk mempermudahkan siswa dalam

mempelajari materi yang disampaikan oleh guru karena disajikan dalam tampilan

yang menarik, interaktif dan mudah untuk dipahami.

Identifikasi masalah dalam penelitian ini adalah sebagai berikut :

1. Banyak siswa sekolah dasar yang mengalami kesulitan dalam

mengenal dan mempelajari tata surya.

2. Media pembelajaran yang digunakan guru kurang menarik dan kurang

efektif.

3. Belum dikembangkannya aplikasi edukasi pengenalan tata surya untuk

mempermudah proses belajar siswa kelas VI SD.

24

Untuk mengatasi masalah diatas maka perlu aplikasi edukasi mengenai

pengenalan tata surya yang dapat memberikan informasi tentang tata surya seperti

pengertian tata surya, jenis-jenis tata surya, karakter tata surya disertai gambar

jenis tata surya tersebut.

3.2. Spesifikasi Rancangan Program

Setelah mengetahui permasalahan yang ada, kemudian penulis akan

menjelaskan tentang spesifikasi rancangan Program yang terdiri dari spesifikasi

bentuk masukan, spesifikasi bentuk keluaran, HIPO, spesifikasi program,

flowchart dan UML. Berikut penjelasan dalam spesifikasi rancangan program :

3.2.1. Spesifikasi Bentuk Masukan

Adapun spesifikasi bentuk masukan aplikasi Pengenalan Tata Surya Pada

Anak SD adalah sebagai berikut:

1. Nama Dokumen : Menu Utama

Fungsi : Untuk menampilkan halaman Menu Utama

Media : Layout

Frekuensi : Akan muncul pada saat aplikasi dijalankan

Gambar III.1. Rancangan Antarmuka Menu Utama

25

Keterangan : Pada halaman menu utama terdapat 4 label dan 4

tombol button antara lain tombol planet, tombol tata surya, tombol rasi

bintang dan tombol tentang.

2. Nama Dokumen : Menu Planet

Fungsi : Untuk menampilkan halaman Menu Planet

Media : Layout

Frekuensi : Akan muncul setelah memilih menu Planet

Tampilan : Rancangan Antarmuka Planet

Gambar III.2. Rancangan Antarmuka Menu Planet

Keterangan : Ketika pengguna memilih menu planet maka

program akan menuju ke halaman pengenalan planet. Pada menu

planet ada 8 pilihan menu antara lain menu pertama planet Merkurius,

Venus, Bumi, Mars, Jupiter, Saturnus, Uranus dan Neptunus.

3. Nama Dokumen : Menu Tata Surya

Fungsi : Untuk menampilkan halaman Menu Tata Surya

Media : Layout

Frekuensi : Akan muncul setelah memilih menu Tata Surya

Tampilan : Rancangan Antarmuka Tata Surya

26

Gambar III.3. Rancangan Antarmuka Menu Tata Surya

Keterangan : Ketika pengguna memilih menu tata surya maka

program akan menuju ke halaman pengenalan tata surya. Pada menu

tata surya ada 5 pilihan menu antara lain pengertian tata surya,

Matahari, Asteroid, Komet, Meteoroid, Meteor dan Meteorit. Jika

pengguna mengklik salah satu tombol maka akan keluar deskripsi dari

menu yang dipilih.

4. Nama Dokumen : Menu Gerhana

Fungsi : Untuk menampilkan halaman Menu Gerhana

Media : Layout

Frekuensi : Akan muncul setelah memilih menu Gerhana

Tampilan : Rancangan Antarmuka Gerhana

27

Gambar III.4. Rancangan Antarmuka Menu Gerhana

Keterangan : Ketika pengguna memilih menu gerhana maka

program akan menuju ke halaman pengenalan gerhana. Di halaman ini

terdapat 2 tombol terdiri dari: Gerhana Matahari dan Bulan. Jika

pengguna mengklik salah satu tombol maka akan keluar macam-

macam gerhana yang dipilih.

5. Nama Dokumen : Tentang

Fungsi : Untuk menampilkan keterangan tentang aplikasi

dan profil penulis

Media : Layout

Frekuensi : Akan muncul setelah menu Tentang

Tampilan : Rancangan Antarmuka Tentang

28

Gambar III.5. Rancangan Antarmuka Tentang

Keterangan : Pada rancangan menu Tentang akan berisi info

tentang aplikasi dan profil penulis.

3.2.2. Spesifikasi Bentuk Keluaran

Adapun spesifikasi bentuk keluaran aplikasi Pengenalan Tata Surya

berbasis android Pada Anak SD Kelas 6 adalah sebagai berikut:

1. Nama Dokumen : Deskripsi Planet

Fungsi : Menampilkan deskripsi singkat serta gambar

planet yang di pilih pengguna aplikasi.

Frekuensi : Akan Muncul setelah memilih salah satu planet

pada menu planet.

Tampilan : Rancangan Antarmuka Deskripsi Planet

29

Gambar III.6. Rancangan Antarmuka Deskripsi Planet

Keterangan : Di dalam halaman ini tidak terdapat tombol hanya

terdiri dari webview yang menampilkan deskripsi tentang planet yang

dipilih.

3.2.3. HIPO

Berikut diagram HIPO (Heirrachy Input Proccess Output) pada aplikasi

pengenalan tata surya berbasis android pada anak SD kelas 6.

Gambar III.7. HIPO Aplikasi PETASAN

30

3.2.4. Spesifikasi Program

Dalam membuat aplikasi ini penulis menggunakan software B4A untuk

mengcoding dan mendesain aplikasi. Berikut ini source code yang penulis

gunakan.

1. Source Code Main

Tabel III.1. Source Code Main

Sub Activity_Create(FirstTime As Boolean)

Activity.LoadLayout(“menu_utama”)

End Sub

Mengaktifkan desaign main

Tabel III.2. Source Code Menampilkan halaman Tata surya

Sub Button1_Click

StartActivity(Tatasurya)

End Sub

Menampilkan halaman tata surya

Tabel III.3. Source Code Menampilkan halaman Rasi bintang

Sub Button2_Click

StartActivity(Rasibintang)

End Sub

Menampilkan halaman rasi bintang

Tabel III.4. Source Code Menampilkan halaman Profil

Sub Button3_Click

StartActivity(Profil)

End Sub

Menampilkan halaman profil

Tabel III.5. Source Code Menampilkan halaman Planet

Sub Button4_Click

StartActivity(Planet)

End Sub

Menampilkan halaman planet

31

2. Source Code Planet

Tabel III.6. Source Code Planet

Sub Activity_Creat(FirstTime As Boolean)

Activity.Loadlayout(“planet”)

End Sub

Menampilkan halaman planet


Sub Button1_Click

StartActivity(Venus)

End Sub

Menampilkan halaman venus


Sub Button2_Click

StartActivity(Uranus)

End Sub

Menampilkan halaman uranus


Sub Button3_Click

StartActivity(Saturnus)

End Sub

Menampilkan halaman saturnus


Sub Button4_Click

StartActivity(Neptunus)

End Sub

Menampilkan halaman Neptunus


Sub Button5_Click

StartActivity(Merkurius)

End Sub

Menampilkan halaman Merkurius

32


Sub Button6_Click

StartActivity(Mars)

End Sub

Menampilkan halaman Mars


Sub Button7_Click

StartActivity(Jupiter)

End Sub

Menampilkan halaman Jupiter


Sub Button8_Click

StartActivity(Bumi)

End Sub

Menampilkan halaman Bumi

3. Source Code Tata Surya

Tabel III.15. Source Code Tata Surya

Sub Activity_Creat(FirstTime As Boolean)

Activity.Loadlayout(“tata surya”)

End Sub

Menampilkan halaman tata surya


Sub Bt_tasur_Click

StartActivity(Ly_tatasurya)

End Sub

Menampilkan halaman Tata surya


Sub Bt_meteor_Click

StartActivity(Meteor)

End Sub

Menampilkan halaman Meteor

33

Tabel III.18. Source Code Meteor

Sub Bt_matahari_Click

StartActivity(Matahari)

End Sub

Menampilkan halaman Matahari

Tabel III.19. Source Code Matahari

Sub Bt_komet_Click

StartActivity(Komet)

End Sub

Menampilkan halaman Komet

Tabel III.20. Source Code Komet

Sub Bt_asteroid_Click

StartActivity(Asteroid)

End Sub

Menampilkan halaman Asteroid

3.2.5. Flowchart

Flowchart menggambarkan urutan logika dari suatu prosedur pemecahan

masalah, sehingga flowchart merupakan langkah-langkah penyelesaian masalah

yang dituliskan dalam simbil-simbol tertentu.

34

Gambar III.8. Flowchart Menu Utama

Pada flowchart ini menggambarkan alur proses yang ada pada menu

utama. Manu utama terdiri dari tombol Planet, Tata Surya, Rasi Bintang dan

Profil. Jika dipilih tombol Planet maka akan tampil menu Planet yang terdiri dari

Merkurius, Venus, Bumi, Mars, Jupiter, Saturnus, Uranus dan Neptunus. Jika

yang dipilih menu Tata Surya maka akan tampil menu Tata Surya yang terdiri dari

Matahari, Asteroid, Komet, Meteorid, Meteor dan Meteorit. Jika yang dipilih

menu Gerhana maka akan tampil menu Gerhana yang terdiri dari Gerhana bulan

dan Gerhana Matahari. Jika yang dipilih menu Profil maka akan tampil deskripsi

tentang Profile pembuat aplikasi.

35

Gambar III.9. Flowchart Menu Planet

Flowchart ini menggambarkan alur proses yang ada pada menu Planet.

Pada menu Planet terdapat jenis Planet yaitu Planet Merkurius, Planet Venus,

Planet Bumi, Planet Mars, Planet Jupiter, Planet Saturnus, Planet Uranus dan

Planet Neptunus.

36

Gambar III.10. Flowchart Menu Tata Surya

Flowchart ini menggambarkan alur proses yang ada pada menu Tata

Surya. Pada menu Tata surya terdapat Matahari, Ateroid, Komet, Meteoroid,

Meteor dan Meteorit.

37

Gambar III.11. Flowchart Menu Gerhana

38

Flowchart ini menggambarkan alur proses pada menu Gerhana. Pada

menu Gerhana Terdapat 2 menu antaralain Gerhana Matahari dan Gerhana bulan,

Gambar III.12. Flowchart Tentang

Flowchart ini menggambarkan alur proses yang ada pada menu Tentang.

Setelah pengguna menjalankan aplikasi pilih tombol Tentang di menu utama lalu

pengguna akan ditampilkan halaman yang memuat tentang profil pembuat aplikasi

Pengenalan Tata Surya berbasis android Pada Anak SD kelas 6.

3.2.6. UML

3.2.6.1. Use Case Diagram

Use case diagram dari aplikasi yang akan dibuat adalah sebagai berikut:

Gambar III.13. Use Case Diagram

39

3.2.6.2. Activity Diagram

Activity Diagram adalah representasi grafis dari seluruh tahapan alur kerja

yang mengandung aktivitas, pilihan tindakan, perulangan dan hasil dari aktivitas

tersebut. Diagram ini dapat digunakan untuk menjelaskan proses bisnis dan alur

kerja operasional secara langkah demi langkah dari komponen suatu sistem.

Adapun activity diagram dari sistem ini adalah sebagai berikut :

Gambar III.14. Activity Diagram

40

3.2.7. Implementasi

Setelah semua proses selesai dikerjakan, langkah berikutnya adalah

mengimplementasikan aplikasi yang akan dibuat ke perangkat android.

Berikut ini adalah tampilan yang diimplementasi.

1. Menu Utama

Pada halaman menu utama menampilkan 4 menu, yaitu menu Planet,

menu Tata surya, menu Rasi bintang dan menu Profil. Pengguna dapat

memilih masing-masing menu yang akan dituju.

Gambar III.15. Halaman Menu Utama

2. Planet

Pada halaman planet menampilkan pilihan menu jenis planet.

Pengguna dapat memilih salah satu jenis planet yang dinginkan.

Setelah pengguna memilih aplikasi akan menampilkan detail jenis

planet yang dipilih oleh pengguna aplikasi.

41

Gambar III.16. Halaman Menu Planet

3. Deskripsi Planet

Pada halaman Deskripsi Planet menampilkan gambar planet beserta

deskripsi dari masing-masing planet yang dipilih oleh pengguna

aplikasi.

Gambar III.17. Halaman Deskripsi Planet

42

4. Tata Surya

Pada halaman tata surya menampilkan pilihan menu macam-macam

tata surya. Pengguna dapat memilih salah satu yang dinginkan. Setelah

pengguna memilih aplikasi akan menampilkan detail macam tata surya

yang dipilih oleh pengguna aplikasi.

Gambar III.18. Halaman Tata Surya

5. Gerhana

Pada halaman Gerhana menampilkan pilihan menu Gerhana. Pengguna

dapat memilih salah satu jenis gerhana yang diinginkan. Setelah

pengguna memilih aplikasi akan menampilkan detail jenis gerhana

yang dipilih oleh pengguna aplikasi.

43

Gambar III.19. Halaman Gerhana

6. Tentang

Pada halaman Tentang menampilkan tentang aplikasi dan profil

penulis.

Gambar III.20. Halaman Tentang

44

3.3. Sarana Pendukung Program

3.3.1. Perangkat Keras

Klasifikasi perangkat keras yang digunakan adalah sebagai berikut :

1. Laptop

Tipe : ASUS

Processor : Intel Core i3-4030U CPU @ 1.90GHz

Memori : 4GB

Kartu Grafis : Intel HD Graphics 4400 + Nvidia GT 820M 2GB

2. Smartphone

Tipe : Xiaomi MI 8 Lite

Versi Android : Oreo

CPU : Octa-core Max 2.2GHz

Memori : 4 GB

3.3.2. Perangkat Lunak

Perangkat lunak yang digunakan dalam pembuatan program Tugas Akhir

ini adalah sebagai berikut:

1. B4A version 7.30

2. CorelDraw X8

3. Brackets Realease 1.12 build 1.12.0-17621

BAB III PEMBAHASAN...menu Gerhana Terdapat 2 menu antaralain Gerhana Matahari dan Gerhana bulan,...

Documents

Transcript of BAB III PEMBAHASAN...menu Gerhana Terdapat 2 menu antaralain Gerhana Matahari dan Gerhana bulan,...