31
BAB 5
PERANCANGAN SISTEM INFORMASI BARU
5.1 Usulan Sistem Informasi yang Baru
Aplikasi pembelajaran ini sangat membantu proses pembelajaran murid karena
aplikasi ini bisa didownload ke smartphone sehingga aplikasi bisa dipakai kapan pun.
Saat guru memberikan judul materi, maka murid tidak perlu lagi mencari isi materi di
mesin pencarian karena semua isi materi sudah ada di dalam aplikasi. Aplikasi ini berisi
informasi mengenai proses metamorfosis pada hewan . Latihan soal juga disediakan di
dalam aplikasi untuk mengetahui seberapa jauh murid memahami materi.
Dari proses pengamatan yang telah dilakukan oleh penulis, sistem
pembelajaran yang lama masih memiliki beberapa kendala yaitu proses belajar
mengajar di Sekolah Dasar Negeri 015891 masih bergantung pada wi-fi sekolah. Jadi,
jika listrik padam maka proses belajar mengajar otomatis tidak bisa dilanjutkan karena
sumber materi berasal dari internet. Sistem informasi yang baru ini sangat cocok jika
diterapkan sebagai media pembelajaran murid di SDN 015891. Sistem yang diusulkan
ini dirancang menggunakan Adobe Flash CS6 dan sistem informasi ini juga sangat
mudah digunakan.
5.2 Desain Sistem
Untuk mendesain sistem informasi baru, penulis memulai dengan menentukan
input, output dan file-file yang dibutuhkan. Dengan adanya rancangan sistem informasi
baru ini penulis sangat berharap dapat membantu kegiatan belajar mengajar pada SDN
015891.
5.2.1 Aliran Sistem Informasi Baru
Aliran sistem informasi yang baru ini hanya memiliki sedikit perbedaan dengan
aliran sistem informasi yang lama, bedanya aliran sistem informasi baru ini tentunya
lebih efektif diterapkan dalam proses belajar mengajar. Berikut ini aliran sistem
informasi yang baru:
1. Kepala sekolah memberikan tablet yang sudah berisi aplikasi kepada guru
2. Guru memberikan tablet yang sudah berisi aplikasi kepada murid
3. Guru menjelaskan penggunaan program
32
4. Murid memahami isi materi
5. Murid mengerjakan latihan soal
6. Murid mendapat nilai
7. Guru mencatat nilai ke daftar nilai
Gambar 5.1 Aliran Sistem Informasi (ASI) Baru
5.2.2 Desain Sistem Secara Global
Desain sistem secara global ini memberikan petunjuk kepada pengguna
mengenai penggunaan informasi dari sistem informasi yang baru. Desain sistem secara
global bisa juga diartikan sebagai desain sistem secara keseluruhan.
33
5.2.2.1 Context Diagram (CD)
Context diagram ialah hal yang pertama kali dilakukan dalam membuat sebuah
program. Dalam pembuatan aplikasi metamorfosis pada hewan ini terdapat 3 entity
yang saling berhubungan. Context diagram ini merupakan gambaran hubungan input
dan output. Berikut merupakan gambar dari context diagram (CD):
Gambar 5.2 Context Diagram
5.2.2.2 Data Flow Diagram (DFD)
Data flow diagram ialah alat dokumentasi grafik yang meggambarkan aliran
data. Data flow diagram ini dapat mempermudah pengguna untuk memahami sistem
yang dikembangkan. Berikut ini adalah data flow diagram (DFD):
Gambar 5.3 Data Flow Digram
34
5.3 Implementasi
5.3.1 Perancangan Aplikasi
Dalam perancangan aplikasi ini terdapat dua proses yaitu proses pengumpulan
bahan/materi (data) dan proses editing.
Gambar 5.4 Proses Perancangan Aplikasi
1. Pengumpulan Materi
Mengumpulkan materi yang berkaitan dengan metamorfosis hewan seperti
pengertian metamorfosis, tahapan metamorfosis, dan jenis-jenis metamorfosis kemudian
penulis juga menyertakan video tentang metamorfosis hewan.
2. Proses Editing
Dalam proses pembuatan aplikasi metamorfosis pada hewan penulis juga melakukan
proses editing. Dalam proses ini penulis menggunakan Adobe Photoshop CS6.
Selanjutnya hasil editing dimasukkan kedalam Adobe Flash CS6.
5.3.2 Struktur Rancangan/Layout
1. Layout Loading
Layout loading merupakan menu awal untuk masuk ke aplikasi. Berikut ini
meruupakan layout loading:
Gambar 5.5 Layout Loading
35
2. Layout menu
Layout menu merupakan layout yang berfungsi untuk menampilkan halaman awal
aplikasi setelah intro. Berikut ini merupakan layout menu utama:
Gambar 5.6 Layout Menu
3. Layout petunjuk
Layout petunjuk merupakan layout yang berfungsi untuk menampilkan informasi
dari penggunaan aplikasi. Berikut ini merupakan layout petunjuk:
Gambar 5.7 Layout Petunjuk
36
4. Layout Materi
Layout Materi merupakan layout yang berisi semua materi pembelajaran yang terdiri
dari pengertian metamorfosis, tahapan metamorfosis, dan jenis-jenis metamorfosis.
Berikut ini merupakan layout materi:
Gambar 5.8 Layout Materi
5. Layout Metamorfosis
Layout metamorfosis merupakan layout yang berisi proses metamorfosis pada hewan
diantaranya nyamuk, lalat, katak, kupu-kupu, jangkrik, capung, rayap, belalang, dan
kecoa. Berikut ini merupakan layout Metamorfosis:
Gambar 5.9 Layout Metamorfosis
37
6. Layout Video
Layout Video merupakan layout yang berisi video materi proses metamorfosis pada
hewan. Berikut ini merupakan layout video:
Gambar 5.10 Layout Video
7. Layout Latihan
Layout latihan merupakan layout yang menampilkan berbagai macam soal yang
terkait dengan materi metamorphosis hewan dalam bentuk pilihan berganda. Layout ini
bertujuan untuk mengetahui seberapa jauh murid dalam memahami isi materi. Setelah
mengerjakan latihan maka nilai akan muncul dengan sendirinya sesuai dengan latihan
yang sudah dikerjakan. Berikut ini merupakan layout latihan:
Gambar 5.11 Layout Latihan
38
8. Layout About Me
Layout about me merupakan layout yang berisi biodata dari pembuat aplikasi.
Berikut ini merupakan layout about me:
Gambar 5.12 Layout About Me
1. Layout Keluar
Layout keluar merupakan layout yang berfungsi untuk keluar dari aplikasi. Berikut
ini merupakan layout keluar:
Gambar 5.13 Layout Keluar
5.3.3Desain Logika Program (Flowchart)
Flowchart merupakan tampilan yang berupa simbol-simbol yang
menggambarkan algoritma atau metode yang digunakan dalam mengatasi suatu
masalah, penggunaan flowchart akan memberi kemudahan terhadap pengguna untuk
39
melakukan pengecekan pada setiap potongan-potongan yang terabaikan dalam
penyelidikan persoalan, selain itu flowchart juga dapat digunakan sebagai akomodasi
komunikasi antara pekerja yang bekerja dalam tim.
1. Flowchart Menu
Gambar 5.14 Flowchart Menu
2. Flowchart Materi
Gambar 5.15 Flowchart Materi
40
3. Flowchart Metamorfosis
Gambar 5.16 Flowchart Materi
4. Flowchart Video
Gambar 5.17 Flowchart Video
41
5. Flowchart Latihan
Gambar 5.18 Flowchart Latihan
6. Flowchart About Me
Gambar 5.19 Flowchart About Me
7. Flowchart Keluar
Gambar 5.20 Flowchart Keluar
42
5.4 Uji Coba Program
Proses uji coba program sangat disarankan dalam pembuatan aplikasi. Tujuannya
adalah agar mengetahui apakah program sudah dapat berjalan dengan baik atau
sebaliknya. Adapun cara untuk menguji coba program adalah dengan mengklik tombol
ctrl+enter yang terdapatan didalam keyboard. Berikut merupakan gambaran ketika
aplikasi sedang berjalan:
1. Tampilan Menu Loading
Gambar 5.21 Tampilan Menu Loading
43
2. Tampilan Menu Utama
Gambar 5.22 Tampilan Menu Utama
3. Tampilan Menu Petunjuk
Gambar 5.23 Tampilan Menu Petunjuk
44
4. Tampilan Menu Materi
Gambar 5.24 Tampilan Menu Materi
5. Tampilan Submenu Pengertian Metamorfosis
Gambar 5.25 Tampilan Submenu Pengertian Metamorfosis
45
6. Tampilan Submenu Jenis-jenis Metamorfosis
Gambar 5.26 Tampilan Submenu Jenis-jeni Metamorfosis
7. Tampilan Submenu Tahapan Metamorfosis
Gambar 5.27 Tampilan Submenu Tahapan Metamorfosis
46
8. Tampilan Menu Metamorfosis
Gambar 5.28 Tampilan Menu Metamorfosis
9. Tampilan Submenu Nyamuk
Gambar 5.29 Tampilan Submenu Nyamuk
47
10. Tampilan Submenu Lalat
Gambar 5.30 Tampilan Submenu Lalat
11. Tampilan Submenu Katak
Gambar 5.31 Tampilan Submenu Katak
48
12. Tampilan Submenu Kupu-kupu
Gambar 5.32 Tampilan Submenu Kupu-kupu
13. Tampilan Submenu Jangkrik
Gambar 5.33 Tampilan Submenu Jangkrik
49
14. Tampilan Submenu Capung
Gambar 5.34 Tampilan Submenu Capung
15. Tampilan Submenu Rayap
Gambar 5.35 Tampilan Submenu Rayap
50
16. Tampilan Submenu Belalang
Gambar 5.36 Tampilan Submenu Belalang
17. Tampilan Submenu Kecoa
Gambar 5.37 Tampilan Submenu Kecoa
51
18. Tampilan Menu Video
Gambar 5.38 Tampilan Menu Video
19. Tamplilan Menu Latihan
Gambar 5.39 Tampilan Menu Latihan
52
20. Tampilan Menu About Me
Gambar 5.40 Tampilan Menu About Me
21. Tampilan Menu Keluar
Gambar 5.41 Tampilan Menu Keluar
53
5.5 Pembahasan Hasil Perancangan Sistem Aplikasi Baru
Aplikasi proses metamorfosis pada hewan ini memilki kelebihan dan
kekurangan, diantaranya yaitu:
1. Kelebihan Aplikasi
kelebihan aplikasi proses metamorfosis pada hewan ini yaitu:
1) Aplikasi ini dapat diinstal ke smartphone berbasis android sehingga lebih
memudahkan murid dalam penggunaannya. Versi android yang mendukung
aplikasi ini mulai dari versi 2.2 “froyo” ke atas.
2) Aplikasi dapat berjalan tanpa harus menggunakan jaringan internet (offline) dalam
penggunaannya.
3) Murid dapat menggunakan aplikasi ini untuk belajar kapan pun mereka mau
karena smartphone bisa di bawa kemana saja dan tidak memakan banyak ruang.
4) Terdapat latihan soal yang bertujuan untuk mengetahui seberapa jauh murid
memahami materi.
5) Tampilan nya menarik sehingga dapat meningkatkan minat belajar murid.
2. Kekurangan
Adapun kekurangan dari aplikasi proses metamorfosis pada hewan ini adalah:
1) Aplikasi ini tidak dilengkapi animasi bergerak
2) Pengembangan setiap materi untuk selanjutnya masih harus ditinjau ulang.