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.