BAB III ANALISIS DAN PERANCANGAN
Bab ini akan menjelaskan sistem analisis dan perancangan pada aplikasi pembelajaran Ilmu Pengetahuan Alam materi tumbuhan berbasis android.
3.1
Analisa Sistem Dalam penulisan ini. penulis merencanakan untuk membuat sebuah aplikasi
pembelajaran ilmu pengetahuan alam materi tumbuhan berbasis android aplikasi ini menampilkan pembelajaran ilmu pengetahuan alam materi tumbuhan. Aplikasi ini terdiri dari materi ilmu pengetahuan alam, materi tumbuh-tumbuhan dan materi tumbuhan dikotil. dimana pada materi-materi tersebut disusun berdasarkan pembelajaran ilmu pengetahuan alam. Aplikasi ini disertai dengan bahasa latin dan suara yang akan memberikan petunjuk kepada pengguna, sehingga pengguna dapat menggunakan aplikasi ini dengan mudah, memahami pelajaran yang diberikan.
Aplikasi ini adalah sebuah aplikasi yang dibuat dengan menggunakan pemprograman aplikasi mobile smartphone dan tablet PC berbasis android, eclipse adalah sebuah IDE (intergrated development
Envirronment)
untuk
mengembangkan perangkat lunak dan dapat dijalankan disemua platform. Eclipse dikembangkan dengan bahasa pemprograman yaitu java script.
26 http://digilib.mercubuana.ac.id/
Aplikasi pembelajaran ilmu pengetahuan alam materi tumbuhan ini terdiri dari beberapa menu ditampilkan, dimenu
utama yang semua nya mengarahkan
kemasing-masing menu lainnya yaitu :
1. Tampilan splash screen Tampilan ini adalah untuk awalan aplikasi atau sambutan untuk pembukaan aplikasi kepada pengguna.
2. Tampilan Menu utama materi pembelajaran Pada menu ini menampilkan ringkasan - ringkasan materi pengertian, pengertian tumbuhan dan tumbuh – tumbuhan dikotil. Tampilan menu ini dapat diklik dengan pengguna agar dapat melihat halaman berikutnya.
3. Tampilan halaman rangkuman pengertian ilmu pengetahuan alam 1 Pada halaman ini adalah tampilan rangkuman yang berisikan pengertian ilmu pengetahuan alam dan rangkuman halaman 1. Tampilan halaman ini disertakan dengan tombol klik
untuk
selanjutnya / Next untuk
kemenu materi pembelajaran dan tombol klik menampilkan
halaman 2 awal
pengetahuan alam 2.
27 http://digilib.mercubuana.ac.id/
pengertian ilmu
4. Tampilan halaman rangkuman pengertian ilmu pengetahuan alam 2 Pada
halaman
ini
adalah
tampilan
halaman
materi
2
yang
berisikan
pembelajaran ilmu pengetahuan alam bagian kedua dari sebelumnya materi 1 pembelajaran ilmu pengetahuan alam. Tampilan ini disertakan dengan tombol klik
untuk menampilkan kehalaman materi sebelumnya.
5. Tampilan halaman rangkuman pengertian tumbuh – tumbuhan 1 Pada halaman ini adalah tampilan rangkuman yang berisikan pengertian tumbuh-tumbuhan dan rangkuman 1. Tampilan halaman ini disertakan dengan tombol klik
untuk kemenu materi pembelajaran dan tombol klik
selanjutnya / Next untuk menampilkan halaman 2 awal pengertian tumbuh – tumbuhan 2.
6. Tampilan halaman rangkuman pengertian tumbuh – tumbuhan 2 Pada halaman ini adalah tampilan halaman materi 2 yang berisikan pembelajaran tumbuh – tumbuhan bagian kedua dari sebelumnya materi 1 pembelajaran tumbuh - tumbuhan. Tampilan ini disertakan dengan tombol klik menampilkan kehalaman materi sebelumnya.
28 http://digilib.mercubuana.ac.id/
untuk
7. Tampilan halaman rangkuman pengertian tumbuhan dikotil 1 Pada halaman ini adalah tampilan rangkuman yang berisikan pengertian tumbuhan dikotil dan rangkuman 1. Tampilan halaman ini disertakan dengan tombol klik
untuk
selanjutnya / Next untuk
kemenu
materi
pembelajaran
dan
tombol
menampilkan halaman 2 awal pengertian
klik
tumbuan
dikotil 2.
8. Tampilan halaman rangkuman pengertian tumbuhan dikotil 2 Pada halaman ini adalah tampilan halaman materi 2 yang berisikan pembelajaran tumbuhan dikotil bagian kedua dari sebelumnya materi 1 pembelajaran tumbuh dikotil. Tampilan ini disertakan dengan tombol klik
untuk menampilkan
kehalaman materi sebelumnya.
9.
Tampilan halaman latihan materi pembelajaran
Pada halaman ini terdiri dari random soal – soal sepuluh pilihan ganda yang ada pada materi – materi pembelajaran ilmu pengetahuan alam, teori tumbuhan, dan teori tumbuhan dikotil. Pengguna mengeklik tombol jawaban dengan pilihan ganda klik next halaman berpindah pada soal latihan selanjutnya hingga halaman selesai. Berikut disertakan dengan tombol klik kemenu utama materi pembelajaran.
29 http://digilib.mercubuana.ac.id/
untuk
10. Tampilan menu penilaian latihan pembelajaran Menu
ini
adalah
penjumblahan
penilaian
pada
pengguna
latihan
materi
pembelajaran dari sepuluh soal-soal pilihan ganda. Berikut disertakan dengan tombol klik logika acak soal dan penilaian untuk melihat soal yang teracak serta dapat melihat soal latihan yang salah dengan yang benar, tombol klik mengulang
latihan
untuk
menampilkan
halaman awal
latihan
materi
pembelajaran, tombol klik keluar untuk menampilkan menu materi pembelajaran.
11. Tampilan halaman kata kunci latihan materi pembelajaran Pada halaman ini terdiri dari pemberitahuan selesai soal latihan materi pembelajaran, kata kunci latihan materi pembelajaran acak soal latihan dan menampilkan jawaban benar atau salah pada pengguna. Berikut disertakan dengan tombol klik
untuk
menampilkan
menu
penilaian
latihan
pembelajaran.
3.2
Perancangan Sistem dengan menggunakan Multimedia Development Life
Cycle (MDLC) Perancangan sistem dapat menjelaskan secara detail bagaimana bagian – bagian sistem informasi tersebut diimplementasikan.
30 http://digilib.mercubuana.ac.id/
3.2.1
Flowchart
Gambar 3.1 Perancangan flowchart Menu
31 http://digilib.mercubuana.ac.id/
3.2.2
Perancangan Peta navigasi Pada tahapan perancangan ini, penulis merancang peta navigasi ini
memudahkan untuk merancang aplikasi yang akan dibuat dalam menentukan lokasi pada setiap halaman yang ada. Berikut ini adalah gambar peta navigasi yang dapat dilihat digambar.
Splash screen Menu utama
Ilmu pengetahuan alam I
Tumbuh – tumbuhan
Tumbuhan dikotil
I
I
Latihan soal
Ilmu pengetahuan alam II
Tumbuh – tumbuhan
Tumbuhan dikotil
Hasil nilai
II
II
Kunci jawaban
Gambar 3.2 Perancangan peta navigasi.
32 http://digilib.mercubuana.ac.id/
3.3.2
Konsep (Concept) Konsep merupakan rancangan bagaimana jalannya informasi yang akan
disampaikan oleh sebuah aplikasi ini. Dalam rancangan konsep multimedia dibutuhkan kreatifitas. Kreatifitas merupakan kemampuan untuk memunculkan ide – ide baru. Dalam pembuatan aplikasi pembelajaran berbasis android ini memadukan unsur - unsur yaitu text, gambar, warna, dan suara. Dengan perpaduan unsur – unsur tersebut akan lebih menarik dan lebih bervariasi sehingga mmenimbulkan minat orang untuk mendapat informasi tentang pembelajaran Ilmu pengetahuan alam materi tumbuhan. Pada aplikasi ini sistem media pembelajaran Ilmu pengetahuan alam materi
tumbuhan
berbasis
android
terangkum
pengertian – pengertian
pembelajaran materi tumbuh – tumbuhan. Aplikasi ini juga menyediakan soal latihan dan penilaian latihan dalam media pembelajaran tersebut.
3.3.3
Rancangan Storybord (Design) Dalam pembuatan aplikasi ini, rancangan storyboard (design) adalah
bagian penting karena dengan rancangan tersebut dapat mempermudah dalam menganalisa apakah aplikasi yang dirancang sudah sesuai, sehingga tampilan dapat benar – benar mendukung tampilan aplikasi.
33 http://digilib.mercubuana.ac.id/
1. Rancangan tampilan Splash Screen
Logo Splash screen
ILMU PENGETAHUAN ALAM
Gambar 3.3 Rancangan tampilan Splash Screen Pada tampilan Splash Screen: Tampilan ini berfungsi untuk awalan atau sambutan aplikasi sebagai pembukaan aplikasi kepada pengguna.
34 http://digilib.mercubuana.ac.id/
2. Rancangan tampilan Menu Utama ILMU PENGETAHUAN ALAM
ILMU PENGETAHUAN ALAM MATERI TUMBUHAN PENGERTIAN ILMU PENGETAHUAN ALAM PENGERTIAN TUMBUH - TUMBUHAN PENGERTIAN TUMBUHAN DIKOTIL LATIHAN MATERI PEMBELAJARAN
Gambar
Gambar 3.4 Rancangan tampilan menu utama pembelajaran
Pada tampilan menu ini terdapat: -
Button pengertian ilmu pengetahuan alam: Berfungsi untuk menampilkan halaman awal pengertian ilmu pengetahuan alam.
-
Button pengertian tumbuh – tumbuhan: Berfungsi untuk menampilkan halaman awal pengertian tumbuh-tumbuhan.
35 http://digilib.mercubuana.ac.id/
-
Button pengertian tumbuhan dikotil: Berfungsi untuk menampilkan halaman awal pengertian tumbuhan dikotil.
-
Button latihan materi pembelajaran: Berfungsi untuk menampilkan halaman awal latihan materi pembelajaran.
3. Rancangan tampilan halaman Materi Ilmu Pengetahuan Alam 1
MATERI ILMU PENGETAHUAN ALAM
RANGKUMAN PENGERTIAN ILMU PENGETAHUAN ALAM
I
NEXT
Gambar 3.5 Rancangan tampilan halaman materi ilmu pengetahuan alam 1.
Pada tampilan menu ini terdapat: -
Button
: Berfungsi untuk menampilkan menu utama.
36 http://digilib.mercubuana.ac.id/
-
Button NEXT : Berfungsi untuk menampilkan halaman materi ilmu pengetahuan alam 2.
4. Rancangan tampilan halaman Materi Ilmu Pengetahuan Alam 2
MATERI ILMU PENGETAHUAN ALAM
RANGKUMAN PENGERTIAN ILMU PENGETAHUAN ALAM
II
Gambar 3.6 Rancangan tampilan halaman materi ilmu pengetahuan alam 2.
Pada tampilan menu ini terdapat: -
Button
: Berfungsi untuk menampilkan menu utama.
37 http://digilib.mercubuana.ac.id/
5. Rancangan tampilan halaman Materi Tumbuh-tumbuhan 1
MATERI TUMBUH - TUMBUHAN
RANGKUMAN PENGERTIAN TUMBUH – TUMBUHAN I NEXT
Gambar 3.7 Rancangan tampilan halaman materi tumbuh – tumbuhan 1.
Pada tampilan menu ini terdapat: -
Button
: Berfungsi untuk menampilkan menu utama materi
pembelajaran. -
Button NEXT : Berfungsi untuk menampilkan halaman materi tumbuhtumbuhan 2.
38 http://digilib.mercubuana.ac.id/
6. Rancangan tampilan halaman Materi Tumbuh-tumbuhan 2
MATERI TUMBUH - TUMBUHAN
RANGKUMAN PENGERTIAN TUMBUH – TUMBUHAN II
Gambar 3.8 Rancangan tampilan halaman materi tumbuh – tumbuhan 2.
Pada tampilan menu ini terdapat: -
Button
: Berfungsi untuk menampilkan halamam materi tumbuh-
tumbuhan 1.
39 http://digilib.mercubuana.ac.id/
7. Rancangan tampilan halaman materi Tumbuhan Dikotil 1
MATERI TUMBUHAN DIKOTIL
RANGKUMAN PENGERTIAN TUMBUHAN DIKOTIL I
NEXT
Gambar 3.9 Rancangan tampilan materi pengertian tumbuhan dikotil 1.
Pada tampilan menu ini terdapat: -
Button
: Berfungsi untuk menampilkan menu materi pembelajaran.
-
Button NEXT : Berfungsi untuk menampilkan halaman materi tumbuhan dikotil 2.
40 http://digilib.mercubuana.ac.id/
8. Rancangan tampilan halaman materi Tumbuhan Dikotil 2
MATERI TUMBUHAN DIKOTIL
RANGKUMAN PENGERTIAN TUMBUHAN DIKOTIL II
Gambar 3.10 Rancangan tampilan materi pengertian tumbuhan dikotil 2.
Pada tampilan menu ini terdapat: -
Button
: Berfungsi untuk menampilkan halaman materi tumbuhan
dikotil 1.
41 http://digilib.mercubuana.ac.id/
9. Rancangan tampilan halaman Latihan Materi Pembelajaran
Latihan
Soal latihan??? a)
Jawaban
b)
Jawaban
Next
Gambar 3.11 Rancangan tampilan halaman latihan materi pembelajaran.
Pada tampilan menu ini terdapat: -
Button
: Berfungsi untuk menampilkan menu utama.
-
Button Next : Berfungsi untuk menampilkan soal latihan berikutnya
-
Button a), b) : Berfungsi untuk menjawab.
42 http://digilib.mercubuana.ac.id/
10. Rancangan tampilan menu Hasil Penilaian Latihan Pembelajaran
Hasil NILAI KAMU
00 KUNCI JAWABAN
Gambar 3.12 Rancangan tampilan menu penilaian latihan pembelajaran.
Pada tampilan menu ini terdapat: -
Button
: Berfungsi untuk menampilkan menu utama.
-
Button Kunci jawaban : berfungsi untuk melihat soal latihan yang teracak dan melihat soal latihan yang benar dengan yang salah.
43 http://digilib.mercubuana.ac.id/
11. Rancangan
tampilan
halaman
Kunci
Jawaban
Latihan
Materi
Pembelajaran
Kunci jawaban
No 1 2 3 4 5 6 7 8 9 10
soal latihan soal soal soal soal soal soal soal soal soal soal
jawaban
Gambar 3.13 Rancangan tampilan halaman Kunci Jawaban Latihan Materi Pembelajaran.
Pada tampilan menu ini terdapat: Button
: Berfungsi untuk menampilkan menu hasil penilaian latihan
pembelajaran.
44 http://digilib.mercubuana.ac.id/
