BAB III ANALISA DAN PERANCANGAN SISTEM. user) dan untuk mempermudah programmer dalam mengimplementasikan sistem

Transkripsi

1 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 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

2 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.

3 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

4 36 Pada menu utama terdapat lima menu untuk melakukan kegiatan selanjutnya. Lima menu kegiatan tersebut adalah menu welco me, menu materi, menu kuis, menu setting dan menu admin. Jika user memilih welcome maka diteruskan ke proses welcome yang telah tersedia. dan jika User selanjutnya memilih materi maka diteruskan ke proses materi. Dan jika user memilih kuis yang menjadi kegiatan selanjutnya maka user diarahkan ke proses kuis.dan begitupun seterusnya sampai user ke pilihan ke lima yaitu admin, maka nantinya akan diteruskan ke proses admin. Start Ordo Orthpotera Pilih Jenis Tampil Materi dan foto Ordo Hemiptera Ordo Coloeptera Pilih Jenis Pilih Jenis Tampil Materi dan foto Tampil Materi dan foto Ordo Lepidoptera Pilih Jenis Tampil Materi dan foto Ordo Diptera Pilih Jenis Tampil Materi dan foto Ordo Hymenoptera Pilih Jenis Tampil Materi dan foto End Gambar 3.2 Flowchart Menu Materi

5 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 Akses Soal mudah Expert Akses Soal sulit 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

6 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 Lihat Data Lihat Data Tambah Data Tambah Data Edit Data Edit Data Hapus Data Hapus Data End Gambar 3.4. Flowchart Menu Admin

7 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 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 1 Admin 1 mengelolah mengelola History M Soal Gambar 3.5. ERD Conceptual

8 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.

9 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 :

10 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

11 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

12 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 Panjang Keterangan id_admin * integer 11 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

13 45 tersimpan ketika telah mengakhiri program pemateri varchar 20 Berisikan data-data nama yang tersimpan ketika telah 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 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.

14 46 Menu Utama Menu Materi Menu Quiz Menu Setting Menu Admin Halaman jenis-jenis ordo Halaman Quis Halaman setting Menu lihat data Menu edit data Menu tambah data 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 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.

15 47 ENSIKLOPEDIA SERANGGA images Welcome Materi Quiz Setting Admin Version Build vember 2010 Gambar 3.8. Desain Awal Menu Utama 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.

16 48 Sekarang Belajar Jadi Lebih Menyenangkan images BelajaR Gambar 3.9. Desain Awal Menu Materi 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 ini adalah desain awal menu kuis. Mau Coba Game Quiz Silahkan!!! images PLAY Gambar Desain Awal Menu Kuis

17 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 dibawah ini. Identitas Level Quiz History images images images button setting button setting button lihat Gambar Desain Awal Menu Setting 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 dibawah ini.

18 50 Button home Button lihat data Button tambah data Button edit data Button hapus data Tambah Data Tambah Data MAteri Tambah Keterangan Gambar images Tabel Materi TAMBAH DATA DITABEL MATERI NAMA ORDO NAMA SERANGGA images images Tabel Quiz Tabel Admin ISI Button ULANG Button SIMPAN Gambar 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 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.

19 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 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.

20 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 dan Gambar dibawah ini. Gambar Bantuan Fifty- Fifty Gambar Bantuan Ask to Audience