33
BAB III ANALISA DAN PERANCANGAN SISTEM
Pada perancangan suatu sistem, diperlukan analisis yang tepat sehingga proses pembuatan sistem dapat berjalan dengan lancar dan sistem yang dibuat sesuai dengan yang diharapakan. Setelah itu perlu dilakukan desain sistem yang berguna untuk memberikan gambaran tentang sistem yang akan dibuat kepada penguna sistem (end user) dan untuk mempermudah programmer dalam mengimplementasikan sistem tersebut.
3.1. Analisis Sistem Kemampuan
masing-masing
anak
dalam
menangkap
suatu
materi
pembelajaran tidaklah sama. Ada anak yang dapat menangkap materi pembelajaran dengan cepat dan ada pula yang lambat. Begitu pula halnya dengan masing-masing tempat menuntut ilmu yang berbeda juga menimbulkan
perbedaan dalam
memberikan sumber materi yang disampaikan. Di antara begitu banyak perbedaan-perbedaan yang ada, pada intinya yang ingin disampaikan adalah keinginan untuk dapat memberikan ilmu yang bermanfaat pada generasi penerus bangsa, supaya para generasi penerus ini dapat menjalani dan mengenal hidup ini dengan lebih baik guna mengharumkan nama baik bangsa dan negara nantinya.
33
34
Di samping itu, untuk mengangkat derajat dan martabat orang
yang
bersangkutan karena selama ini hanya orang yang pintar lah yang selalu dipandang oleh masyarakat. Walaupun nilai suatu mata pelajaran tidaklah menentukan pintar tidaknya seseorang, tetapi hal ini rupanya sudah mendarah daging pada masyarakat sekarang ini. Sebagai buktinya, anak SD pun sudah di daftarkan mengikuti kursuskursus (misalnya: bahasa inggris, mandarin, musik, dan sebagainya). Terlebih lagi anak SMP dituntut untuk belajar dan mendapat nilai yang baik. Oleh karenanya, Tugas Akhir ini bertujuan untuk membantu para siswa dalam pelajaran biologi, khususnya mengenai jenis-jenis serangga. Pembelajaran yang diberikan pada pembuatan tugas akhir ini nantinya akan diimplementasikan ke sekolah-sekolah dalam bentuk aplikasi dan diharapkan nantinya dapat menarik dan mempermudah para siswa untuk mempelajarinya. Dalam proses pengaplikasiannya tidak terlalu sulit dikarenakan hanya perlu menggunakan media komputer dan proyektor untuk menampilkan dan juga dibutuhkan sound untuk lebih sempurna dalam proses menjalankan aplikasi ini. Dalam aplikasi ini akan berisi materi-materi pelajaran yang mungkin tidak terlalu sama dengan kurikulum yang berlaku. tetapi akan bisa membantu para siswa untuk mengenal lebih dekat tentang jenis-jenis serangga yang sering kita lihat di alam sekitar. Dan bahkan kuisnya pun akan dapat menunjang pelajaran yang akan disajikan nantinya.
35
3.2. Model Sistem Untuk mendesain aplikasi serangga ini diperlukan flowchart agar tidak terjadi kesalahan dalam melakukan desain. Sama halnya arsitek sebelum mendesain diharapkan menggambar melalui blue print, seorang programer juga sebelum mendesain sebuah program harus memerlukan bantuan dari flowchart. Flowchart ini berguna untuk sebagai analisa awal dan dengan menggunakan flowchart ini maka apa yang didesain diharapkan dapat dijalankan dengan baik. Model sistem aplikasi ensiklopedia serangga ini secara global dapat dilihat dengan menggunakan flowchart (aliran data). Untuk awalnya (menu utama) dapat dilihat di Gambar 3.1.
Gambar 3.1. Flowchart Menu Utama
36
P ad a
me n u
u ta ma
te rd ap at
li ma
me n u
u nt u k
me la k u ka n
k e gi ata n
se la nj u t n ya. Li ma me n u k e gia ta n ter seb u t ad a la h me n u we lco me, me n u ma t eri, me n u k u i s, me n u se tt i n g d a n me n u ad mi n . J ik a user me mi li h we lco me
ma ka
d iter u s ka n ke p r o se s we l co me ya n g te la h te rsed ia. d a n j i k a User se la nj u t n ya me mi li h mat er i ma k a d i t er u s k a n ke p ro se s ma ter i. Da n j i k a u ser me mi l i h k u i s ya n g me nj ad i k e gi ata n se la nj ut n ya ma ka user d iara h ka n ke p ro se s k ui s.d a n b eg it up u n se ter u s n ya s a mp a i u s er
ke p il i ha n ke l i ma ya it u ad mi n , ma k a na n ti n ya a k a n
d iter u s ka n ke p r o se s ad mi n .
Start
Ordo Orthpotera
Yes
Pilih Jenis
Yes
Tampil Materi dan foto
No
No Ordo Hemiptera
Yes
Pilih Jenis
Yes
Tampil Materi dan foto
No
No Ordo Coloeptera
Yes
Pilih Jenis
Yes
Tampil Materi dan foto
No
No Ordo Lepidoptera
Yes
Pilih Jenis
Yes
Tampil Materi dan foto
No
No Ordo Diptera
Yes
Pilih Jenis
Yes
Tampil Materi dan foto
No
No Ordo Hymenoptera
Yes
Pilih Jenis
Yes
Tampil Materi dan foto
No
End
Gambar 3.2 Flowchart Menu Materi
37
Pada gambar flowchart menu materi diatas terdapat beberapa pilihan ordo yang akan mengakses dari gambar setiap ordo yang akan dipilih dan akan diteruskan ke penjelasan dari ordo dan setiap jenis-jenis serangga yang ada pada ordo tersebut. Apabila user memilih salah satu ordo seperti ordo orthoptera maka akan ditampilkan jenis-jenis serangga yang ada pada ordo orthoptera tersebut, ketika user memilih salah satu jenis serangga dari ordo yang telah dipilih maka akan menampilkan materi, foto, dan penjelasan dari serangga yang telah dipilih oleh user.
Start
Beginner
Yes
Akses Soal mudah
Yes
Akses Soal sulit
No Expert
No End
Gambar 3.3. Flowchart Menu Kuis
Menu kuis ini terdapat dua pilihan yaitu beginner untuk soal-soal yang dikategorikan mudah dan expert untuk soal-soal yang dikategorikan lebih sulit. Soalsoal tersebut diinput melalui menu admin dimana nantinya akan ada kolom untuk
38
mengisi pertanyaan yang sulit dan yang mudah dan disertai kolom pilahan untuk menentukan jawaban yang sudah benar. Untuk pertanyaan dari kuiz tersebut berbentuk pilihan ganda.
Start
Login
Yes
Lihat Data
Yes
Lihat Data
Yes
Tambah Data
Yes
Edit Data
Yes
Hapus Data
No Tambah Data
No Edit Data
No Hapus Data
End
Gambar 3.4. Flowchart Menu Admin
39
Menu admin ini menampilkan tabel-tabel mana saja yang dapat diinputkan datanya. Apabila memilih untuk memasukkan data dari salah satu table yang telah disediakan maka mengakses ke database.
3.3. ERD Desain database ini berfungsi sebagai panduan dalam membuat suatu database yang baik. Dalam database terdapat bermacam-macam tabel. Untuk merancang aplikasi ensiklopedia serangga ini diperlukan database materi, soal, admin, dan history. Untuk mendasain suatu database dapat menggunakan ERD (Entity Relationship Database). ERD ini berbentuk seperti bagan-bagan yang yang menjelaskan tentang tabel-tabel yang berhubungan dan yang akan dibuat. Dalam suatu tabel terdapat field-field yang mendukung dan terdapat satu field yang digaris bawahi ini merupakan primary key. Untuk setiap database memiliki satu ERD yang mendukung pembuatannya.
Materi
M
1
mengelolah
1
Admin
1
mengelola
M History
Gambar 3.5. ERD Conceptual
Soal
40
Pada Gambar 3.5. adalah ERD yang dibuat untuk mendukung pembuatan database. Untuk database aplikasi ensiklopedia ini terdapat empat entity. Keempat entity tersebut adalah entity materi, entity admin, soal entity, dan entity histroy. Entity admin memiliki hubungan dengan entity materi. Hubungan antara entity admin dengan entity materi adalah many to one yang artinya entity admin dapat memiliki hubungan terhadap entity materi. Untuk entity admin memiliki hubungan dengan entity soal. Hubungan antara entity admin dengan entity soal adalah many to one yang artinya entity admin dapat memiliki hubungan terhadap entity soal. Pada Gambar 3.5. ERD Conceptual terdapat database history, telah terlihat bahwa entity history tidak memiliki relasi terhadap entity yang lain. Pada entity history terdapat empat buah field, field-field tersebut adalah field untuk id_history, player, pemateri, tgl_main. Setiap entity terdapat beberapa field, dimana field tersebut merupakan tabel dalam database. Pada entity materi ini terdapat sepuluh buah fiel, field-field tersebut adalah id materi, ordo, serangga, materi, id_admin, foto, nama, tempat_hidup, makanan, berkembang_biak. Untuk entity admin terdapat tiga buah field, field-field tersebut adalah id_admin, username, dan password. Pada entity soal terdapat sembilan field, field-field tersebut adalah field id_soal, soal, pilihan_a, pilihan_b, pilihan_c, pilihan_d, jawaban, kategori, id_admin.
41
Dari Gambar 3.5. ERD Conceptual tersebut maka dapat berbentuk suatu ERD yang berbentuk fisikal. ERD fisikal tersebut terdapat pada Gambar 3.6. dibawah ini.
Gambar 3.6. ERD fisikal
3.4. Tabel Database Untuk aplikasi ensiklopedia serangga yang dibuat ini terdapat database yang sudah dibuatkan dalam bentuk ERD-nya, database dari aplikasi ini yaitu db_delphi. Untuk database db_delphi terdapat empat table yaitu tabel materi, tabel admin, tabel soal, dan tabel history. Dan untuk setiap tabelnya mempunyai field yang memiliki tanda bintang (*) merupakan primary key. Keempat tabel tersebut adalah sebagai berikut :
42
1. Tabel Materi Tabel materi ini berisikan data materi dari ordo dan jenis-jenis serangga yang ditampilkan. Tabel 3.1. Tabel materi Nama Field
Tipe Field
Panjang
Keterangan
id_materi *
integer
11
Berisi kode untuk materi dan primary key
ordo
varchar
100
Berisi data nama ordo seperti ordo diptera, ordo orthoptera, dan lainnya
serangga
varchar
100
Berisi nama jenis serangga
materi
longtext
1000
Berisi data nama materi dari setiap ordo dan jenis-jenis serangga
id_admin
integer
11
Berisi id admin untuk melakukan login database
foto
varchar
300
Berisi data foto jenis serangga dari tiap ordo
nama
varchar
300
Berisikan data nama jenis serangga seperti kupu-kupu, kecoa, lalat dan lainya
tempat_hidup
varchar
500
Berisikan informasi tempat hidup serangga
makanan
varchar
500
Berisikan data makanan yang biasanya dimakan oleh setiap serangga
berkembang_biak
varchar
500
Berisikan informasi tentang cara serangga tersebut berkembang biak
43
2. Tabel Soal Tabel soal ini, berisikan data soal-soal yang ditampilkan, untuk melihat seberapa kemampuan anak yang akan nantinya materi yang telah dipublikasikan. Tabel 3.2. Tabel soal Nama Field
Tipe Field
Panjang
Keterangan
id_soal *
integer
11
Berisi kode untuk setiap level dari soal dan primary key
soal
text
320
Berisikan data-data soal
pil_a
text
50
Berisikan data pilihan untuk yang pertama
pil_b
text
50
Berisikan data pilihan yang kedua
pil_c
text
50
Berisikan data pilihan yang ketiga
pil_d
text
50
Berisikan data pilihan yang keempat
jawaban
varchar
20
Berisikan
data-data
jawaban
yang
benar katagori
varchar
6
Berisikan data level untuk setiap soal
id_admin
integer
11
Berisi id admin untuk bisa melukakan login database
44
3.
Tabel Admin Tabel admin ini, berisikan data user dan password nantinya untuk proses login aplikasi ke database. Tabel 3.3. Tabel admin Nama Field Tipe Field id_admin *
Panjang
integer
11
Keterangan Berisi id admin untuk bisa melukakan login database
username
varchar
30
Berisikan data username untuk melakukan login dan juga untuk menambah atu menghapus data.
password
varchart
50
Berisikan data password untuk melakukan login dan juga untuk menambah atu menghapus data.
4. Tabel History Tabel history ini berisi data informasi nama dan waktu yang akan tersimpan ketika telah selesai menggunakan program ini. Tabel 3.4. Tabel history Nama Field
Tipe Field
Panjang
Keterangan
id_history *
integer
11
Berisi kode untuk setiap history yang tersimpan
player
varchar
20
Berisikan
data-data
nama
yang
45
tersimpan
ketika
telah
mengakhiri
program pemateri
varchar
20
Berisikan tersimpan
data-data ketika
telah
nama
yang
mengakhiri
program tgl_pemain
date
Beisikan data tanggal yang tersimpan ketika telah mengakhiri program
3.5. Desain Awal Interface Desain awal interface dalam aplikasi ensiklopedia ini menggunakan Borland Delphi 7. Dan juga untuk program inputnya menggunakan program yang sama yaitu Borland Delphi 7.
3.5.1. Desain Awal Program Utama Program utama yang menggunakan Borland Delphi 7 inilah yang akan digunakan untuk pembuatan aplikasi ensiklopedia serangga dan penggunannya adalah tingkat SD dan SMP. Untuk desain dari program utama ini terdapat struktrur menu yang telah ditampilkan pada Gambar 3.7.
46
Menu Utama
Menu Materi
Menu Quiz
Halaman
Halaman
Halaman
jenis-jenis
Quis
setting
Menu Admin
Menu Setting
Menu lihat data
Menu edit data
Menu tambah data
ordo
Menu hapus data
Gambar 3.7. Struktur Menu Program Utama
Pertama kali masuk ke menu utama. Dalam menu utama terdapat empat pilihan yaitu menu materi, kuis, setting dan admin. Apabila memilih materi maka dihadapkan ke pilihan ordo-ordo. Dan jika memilih menu kuis akan dihadapkan langsung ke pertanyaan kuis dalam bentuk pilihan ganda. Untuk menu setting akan dihadapkan dengan beberapa pilihan seperti menambahkan nama pemain, mengatur level tingkat kesulitan untuk menu kuis dan melihat data history pemain yang telah menggunakan aplikasi ini. Sedangkan jika memilih menu admin maka akan diarahkan ke sistem login untuk memastikan apakah user tersebut sudah terdaftar untuk melakukan penambahan dan penghapusan data.
3.5.2. Desain Awal Menu Utama Dalam desain awal menu utama dibuatkan lima buah button yang menghubungkan ke menu yang lainnya. Desain menu utama dapat dilihat pada Gambar 3.8.
47
ENSIKLOPEDIA SERANGGA images Welcome Materi Quiz Setting Admin Version
1.0.0 Build November 2010
Gambar 3.8. Desain Awal Menu Utama
3.5.3. Desain Awal Menu Materi Untuk desain awal menu materi dibuatkan button yang besar dikarenakan agar lebih menarik, setelah mengklik button tersebut akan terlihat langsung meteri yang sudah di input. Gambar 3.9. ini adalah desain awal menu materi.
48
Sekarang Belajar Jadi Lebih Menyenangkan
images
BelajaR
Gambar 3.9. Desain Awal Menu Materi
3.5.4. Desain Awal Menu Kuis Untuk desain awal menu kuis dibuatkan button yang menarik sehingga untuk memulai kuis hanya dengan mengklikn button play maka kuis pun langsung dimulai . Untuk mengatur tingkat kesulitan pada menu kuis barada pada menu setting. Gambar 3.10. ini adalah desain awal menu kuis.
Mau Coba Game Quiz Silahkan !!!
images
PLAY
Gambar 3.10. Desain Awal Menu Kuis
49
3.5.5. Desain Awal Menu Setting Desain awal menu setting terdapat beberapa pilihan seperti identitas (pemain dari kuis dan pemberi pemateri), level kuis (pengaturan dari tingkat kesulitan dalam kuis), history (data-data laporan nilai siapa saja yang telah mencoba kuis). Untuk desain dari menu setting ini dapat dilihat pada Gambar 3.11. dibawah ini.
Identitas
Level Quiz
History
images
images
images
button setting
button setting
button lihat
Gambar 3.11. Desain Awal Menu Setting
3.5.6. Desain Awal Menu Admin Menu admin yang menggunakan Borland Delphi 7 inilah yang akan digunakan untuk admin atau user login ke program untuk melihat data, mengedit data, menambahkan dan menghapus data ke database dan penggunaanya tidaklah susah karena interface yang sangat mudah dipahami. Untuk desain dari menu admin ini dapat dilihat pada Gambar 3.12. dibawah ini.
50
Button home
Button lihat data
Tambah Data
images
images
Tabel Materi
Button tambah data
Tambah Data MAteri
Button edit data
Button hapus data
Tambah Keterangan Gambar
TAMBAH DATA DITABEL MATERI NAMA ORDO
NAMA SERANGGA
Tabel Quiz ISI
images
Tabel Admin Button ULANG
Button SIMPAN
Gambar 3.12. Desain Awal Menu Admin
3.6. Fitur Aplikasi dan Penjelasan Penentuan Soal Didalam aplikasi ensiklopedia ini terdapat dua fitur bantuan dari halaman kuis dan penentuan soal sulit dan soal mudah yang membuat aplikasi ini menarik. 3.6.1. Fitur Halaman Kuis Pada halaman kuis ini terdapat dua bantuan untuk menjawab latihan soal dalam bentuk pilihan ganda dan hanya dapat digunakan satu kali, yaitu: 1. Bantuan Fifty – Fifty Bantuan yang berada di dalam halaman kuis ini berguna untuk membantu user menjawab pertanyaan yang di anggap sulit untuk dijawab dengan membuang dua jawaban salah dari empat jawaban yang disediakan.
51
2. Bantuan Ask to Audience Bantuan yang sama seperti fifty – fifty ini yang juga berada di dalam halaman kuis berguna membantu user menjawab pertanyaan yang dianggap sulit untuk dijawab dengan memberikan satu jawaban yang dianggap benar dari empat jawaban yang disediakan.
3.6.2. Penjelasan Soal Sulit dan Soal Mudah Penjelasan tentang soal yang termasuk dalam soal quiz level 1 (sulit) dan level 2 (mudah), yang termasuk soal quiz sulit diambil dari dasar materi tingkat SMP sedangkan soal quiz mudah diambil dari pengetahuan umum yang memungkinkan anak SD dapat menjawab soal-soal tersebut. Dikarena aplikasi ini ditujukan untuk user tingkat SD dan SMP.
52
Dengan adanya fitur bantuan dihalaman kuis ini, maka user dapat terbantu untuk menjawab pertanyaan yang dianggap sulit. Bentuk tampilan dari bantuan fifty – fifty dan bantuan ask to audience dapat dilihat pada Gambar 3.13. dan Gambar 3.14. dibawah ini.
Gambar 3.13. Bantuan Fifty- Fifty
Gambar 3.14. Bantuan Ask to Audience
