BAB III ANALISIS DAN PERANCANGAN SISTEM
3.1
Analisa Sistem Menganalisa sistem adalah tahap awal dalam perancangan sistem. Dimana
dalam prosesnya dapat di ketahui gambaran atau deskripsi dari sebuah sistem yang akan di bangun dan di rancang sehingga dapat berjalan dengan baik dan semestinya. Aplikasi pembelajaran mencari FPB ini memuat materi-materi dan latihan soal yang di kemas secara menarik dan interaktif . Penulis merancang aplikasi pembelajaran mencari faktor persekutuan terbesar yang berbasiskan multimedia untuk para pelajar khususnya pelajar yang masih duduk di bangku SD. Aplikasi ini di tujukan untuk memberikan kemudahan dalam pembelajaran bagi para siswa SD khususnya untuk mencari Faktor Persekutuan Terbesar. Pembahasan –pembahasan yang terdapat pada aplikasi ini adalah pengertian dari FPB dan langkah-langkah menemukan FPB,pengertian pohon faktor dan contoh latihan soal serta beberapa latihan soal dari pohon faktor dan FPB yang di kemas mencari faktor persekutuan terbesar yang di design lebih menarik dan interaktif agar para pelajar tidak jenuh dalam memepelajarinya khususnya latihan mencari FPB.
3.1.1 Definisi Analisa Sistem Analisa sistem dapat di definisikan dari penguraian dari suatu sistem informasi yang utuh ke dalam bagian –bagian komponenya dengan maksud untuk mengidentifikasi dan mengevaluasi permasalahan- permasalahan, kesempatankesempatan, hambatan – hambatan yang terjadi dan kebutuhan yang di harapkan sehingga dapat di usulkan perbaikan - perbaikannya(Jogiyanto,2001:129). Pada pembuatan aplikasi ini penulis menggunakan tiga tahapan yang merupkan bagian penting dalam membuat aplikasi yang baik. Tahap ini terdiri dari input, proses dan output yaitu:
19 http://digilib.mercubuana.ac.id/
20
Proses pengambilan gambar. Gambar yang telah di buat dan di simpan ke direktori penyimpanan. Setelah itu gambar tersebut di tempatkan di library dan diproses ke dalam layar Macromedia flash sebagai bentuk output.
Proses pengambilan suara. Pengambilan suara yang telah di buat di simpan kedalam direktori penyimpanan. Setelah itu file suara di import ke library macromedia flash kemudian di masukkan dan di atur sesuai dengan waktu yang di inginkan sebagai output suara.
Proses menjawab pertanyaan. Pada proses ini perancang membuat pertanyaan pilihan ganda yang bisa di pilih oleh user jawaban yang benar dan paling tepat. Jika jawaban benar sistem akan melanjutkan pertanyaan begitupula jika jawaban salah terdapat juga menu untuk kembali ke halaman menu utama.Dalam pemberian nilai jika jawaban benar maka nilai yang di berikan adalah 5 poin dari 20 soal jika jawaban slah nilai yang di berikan adlah 0 poin. Jumlah seluruh soal akan di koreksi yang di jawab dan hasilnya sebagai keluaran.
3.2
Konsep (Concept) Dalam konsep ini penulis ingin merancang program aplikasi dan menamakannya dengan aplikasi pembelajaran mencari faktor persekutuan terbesar yang berbentuk file berekstensi *.swf dengan alasan sulitnya para siswa siswi SD dalam memecahkan faktor persekutuan terbesar dengan proses yang panjang. Aplikasi ini di tujukan khususnya kepada siswa-siswi SD kelas IV dan V merupakan aplikasi yang interaktif dari segi menggunakan tombol dengan efek suara jika di tekan dan menuju ke halaman yang di inginkan. Aplikasi ini bertujuan untuk memudahkan para siswa-siswi SD dalam memecahkan faktor persekutuan terbesar dengan langkah demi langkah dalam menegevaluasi jawaban sampai di temukan nilai dari FPB tersebut.
http://digilib.mercubuana.ac.id/
21
3.3
Perancangan (Design) Pada tahap proses perancangan pembuatan aplikasi ini penulis menggunakan
peta navigasi , use case diagram, activity diagram dan sequence diagram untuk merancang dan membuat gambaran yang jelas dalam perancangan aplikasi pembelajaran mencari FPB. 3.3.1
Perancangan Peta Navigasi Peta navigasi mempermudah dalam perancangan aplikasi yang akan di buat
untuk menentukan lokasi pada setiap halaman yang terdapat di dalam aplikasi pembeljaran ini. Gambar 3.1 merupakan peta navigasi dari Aplikasi pembelajran mencari FPB
Intro
Menu
Materi Pohon faktor
Penjelasan pohon faktor
Latihan Pohon Faktor
Menjawab Pertanyaan
Materi FPB
Latihan FPB
Keluar
Penjelasan FPB
Menjawab pertanyaan
Menutup Aplikasi
Gambar 3.1 Peta Navigasi Aplikasi Pembelajaran Mencari FPB 3.3.2 Perancangan Bagan Aliran ( Flowchart view) Sistem flowchart menggambarkan tahapan proses dari suatu sistem, termsuk sistem multimedia (Suyanto, 2003).
http://digilib.mercubuana.ac.id/
22
Perancangan Flowchart Menu Utama
Start
Tampilan Layar Intro
Tampilan Layar menu utama
Pilih Menu
Ya
Pilih Menu Materi FPB
Tampilan Layar materi FPB
A
Tampilan Layar materi P.faktor
B
Tidak Pilih Menu Materi p. faktor
Ya
Tidak Ya
Pilih Menu Latihan FPB
Tampilan Layar latihan FPB
C
Tidak Pilih Menu Latihan p. faktor
Ya Tampilan Layar latihan P. faktor
Ya Pilih Menu keluar Tidak End
Gambar 3.2 Rancangan Flowchart menu utama
http://digilib.mercubuana.ac.id/
D
23
Dari rancangan flowchart di atas dapat di simpulkan bahwa tampilan menu utama sebagai pembuka dan pilihan menu di tampilkan secara sekaligus untuk efisiensi dan kemudahan akses dari menu utama ke sub program. Sehingga dapat memenuhi kebutuhan “User Friendly Program” Rancangan Flowchart Menu Materi FPB A Pilih Menu
Ya Pilih Menu pengertian FPB
Tampilan Layar pengertian FPB
Tidak Ya Pilih Menu contoh latihan
Tampilan Layar contoh latihan FPB
Tidak End
Gambar 3.3 Rancangan Flowchart Materi FPB
http://digilib.mercubuana.ac.id/
24
Rancangan Flowchart Menu Materi Pohon Faktor B Pilih Menu
Ya Pilih Menu pengertian P.
Tampilan Layar pengertian FPB
Tidak Pilih Menu contoh latihan P. Faktor
Ya Tampilan Layar contoh latihan FPB
Tidak End
Gambar 3.4 Rancangan Flowchart Materi Pohon faktor
http://digilib.mercubuana.ac.id/
25
3.3.3 Perancangan State Transition Diagram(STD)
Materi FPB
Materi Pohon Faktor
Tekan tombol kembali Tampilkan Menu utama
Tekan tombo materi PF Tampilkn layar materi PF
Tekan tombol kembali Tampilkan Menu utama
Tekan tombol masuk Tampilkan Menu utama
Tekan tombol materi FPB Tampilkan layar materi FPB
Tekan tombol keluar Menutup aplikasi
Keluar
Menu Utama
Intro
Tekan tombol Latihan FPB Tampilkan Layar latihan FPB
Tekan tombol Latihan PF Tampilkan layar latihan PF
Tekan tombol keluar Tampilkan Menu utama
Latihan Pohon
Tekan tombol Keluar Tampilkan Menu utama
Latihan FPB
Faktor
State Transition Diagram(STD) Menu Utama Gambar 3.5 STD Menu Utama
http://digilib.mercubuana.ac.id/
26
Pengertian FPB
Contoh Latihan FPB Tekan tombol kembali Tampilkan layar materi FPB Tekan tombol kembali Tampilkan layar materi FPB
Tekan tombol pengertian FPB Tampilkn layar pengertian FPB
Tekan tombol materi FPB Tampilkan layar materi FPB
Tekan tombol kembali Tampilkan Layar menu
Menu utama
Materi FPB
Tekan tombol Menu utama Tampilkan Layar materi FPB
State Transition Diagram(STD) Menu Materi FPB Gambar 3.6 STD Menu Materi FPB
3.3.4 Perancangan Storyboard Storyboard adalah potongan – potongan suatu kejadian pada movie yang di susun berurutan sesuai dengan bentuk aplikasi yang akan di buat. dengan storyboard lebih memudahkan untuk menyampaikan aplikasi kita kepada orang lain. Berikut adalah storyboard dari aplikasi pembelajaran mencari FPB.
http://digilib.mercubuana.ac.id/
27
No 1.
Tampilan Visual Nama form : Menu Intro Link : Menu Intro Keterangan : Menampilkan halaman menu intro
Aplikasi Pembelajaran Mencari FPB Masukkan Nama Kamu :
Masuk
Deskripsi : Pada tampilan menu intro terdapat movie clip kupu-kupu dengan efek suara lagu anak –anak 1234, terdapat text untuk menginput nama dan tombol button masuk untuk menampilkan menu utama
http://digilib.mercubuana.ac.id/
28
No 2.
Tampilan Visual Nama form : Menu Utama Link : Menu utama Keterangan : Menampilkan halaman menu utama Jam:Hari:Tanggal Latihan FPB
FPB
Latihan Pohon Faktor
FAKTOR PERSEKUTUAN TERBESAR Keluar
Pohon faktor
Deskripsi : Pada tampilan menu utama terdapat movie clip kupu-kupu, button masing-masing menu, dan tampilan jam serta tanggal. No 3.
Tampilan Visual Nama form : Pohon Faktor Link : pohon faktor Masuk
Keterangan : Menampilkan halaman menu pohon faktor
Pengertian Pohon Faktor
Penjelasan pohon faktor
Kembali
Deskripsi : Pada tampilan pohon faktor berisi tentang penjelasan pohon faktor dan button kembali untuk menampilkan menu utama.
http://digilib.mercubuana.ac.id/
29
No 4.
Tampilan Visual Nama form : FPB Link : FPB Keterangan : Menampilkan halaman menu FPB
Pengertian FPB
Penjelasan FPB
Kembali
Deskripsi : Pada tampilan FPB berisi tentang penjelasan FPB dan button kembali untuk menampilkan menu utama. No 5.
Tampilan Visual Nama Form: Menu latihan pohon faktor Link: Latihan pohon faktor Keterangan: Menampilkan halaman menu latihan pohon faktor
Kerjakan Latihan Soal pohon faktor pilihan ganda berikut Berikut
Masuk Kembali
Deskripsi : Pada tampilan menu latihan pohon faktor terdapat movie clip gambar guru dan 2 button untuk masuk ke halaman masing- masing
http://digilib.mercubuana.ac.id/
30
No 6.
Tampilan Visual Nama Form: Menu latihan FPB Link: Latihan FPB Keterangan: Menampilkan halaman menu latihan FPB
Kerjakan Latihan Soal FPB pilihan ganda berikut Berikut
Masuk Kembali
Deskripsi : Pada tampilan menu latihan FPB terdapat movie clip gambar guru dan 2 button untuk masuk ke halaman masing- masing
No 7.
Tampilan Visual Nama Form: Soal Pertanyaan Link: Soal Pertanyaan Keterangan: Menampilkan halaman soal pertanyaan Menu Soal
a
Pilihan a
b
Pilihan b
Deskripsi : Pada tampilan soal pertanyaan terdapat movie clip lampu yang menyala dengan 2 button pilihan jawaban. 1 button menuju halaman menu.
http://digilib.mercubuana.ac.id/
31
No 8.
Tampilan Visual Nama Form: Jawaban benar Link: Jawaban benar Keterangan: Menampilkan halaman jawaban benar Soal
a
Pilihan a
b
Pilihan b
Keterangan penjelasan jawaban benar Lanjut
Deskripsi : Pada tampilan jawaban benar terdapat movie clip tepuk tangan dengan efek suara tepuk tangan dan button lanjut untuk menampilkan halaman soal berikutnya. No 9.
Tampilan Visual Nama Form: Jawaban salah Link: Jawaban salah Keterangan: Menampilkan halaman jawaban salah Soal
a
Pilihan a
b
Pilihan b
Keterangan penjelasan jawaban salah Lanjut
Deskripsi : Pada tampilan jawaban salah terdapat movie clip lampu dengan efek suara salah dan button lanjut untuk menampilkan halaman soal berikutnya.
http://digilib.mercubuana.ac.id/
32
Tampilan Visual
No 10.
Nama form : Skor Link : Skor Keterangan : Menampilkan halaman skor
Hasil Evaluasi Jawaban Benar : Jawaban Salah : Skor :
Menu Utama
Coba Lagi
Deskripsi : Pada tampilan skor terdapat movie clip kembang api dan keterangan hasil nilai serta 2 button untuk menuju ke masing-masing halaman. 3.3.5 Perancangan Desain Antarmuka Bagian ini berfungsi mnampilkan rancangan antarmuka yang akan menggambarakan tampilan dari aplikasi pembelajaran mencari FPB beserta letak tombol dan bagian lainnya. 3.3.5.1 Desain Antarmuka Halaman Pembuka atau Intro Halaman intro adalah halaman awal sebelum memasuki halaman utama dari aplikasi ini. Biasanya menampilkan gambar,animasi, text ataupun animasi. Halaman intro berupa button enter yang menuju ke menu utama.
http://digilib.mercubuana.ac.id/
33
JUDUL
Masukkan Nama Kamu :
Masuk
Gambar 3.7 Menu intro 3.3.5.2 Desain Antarmuka Halaman Menu Utama Halaman ini merupakan halaman utama yang berisi menu pohon faktor,menu FPB, dan menu latihan pohon faktor,menu latihan FPB. Pada halaman ini terdapat 5 tombol yang berfungsi untuk mengakses ke halamanhalaman lain. 5 tombol itu adalah Tombol pohon faktor untuk menampilkan menu pohon faktor,tombol FPB untuk menampilkan menu FPB, tombol latihan pohon faktor untuk menampilkan menu latihan pohon faktor, tombol latihan FPB untuk menampilkan menu latihan FPB dan tombol keluar untuk menutup aplikasi ini.
Jam,Hari,Tanggal FPB Latihan pohon faktor Pohon Faktor
Latihan FPB
Faktor Persekutuan Terbesar
Keluar
Gambar 3.8 Menu utama 3.3.5.3 Desain Antarmuka halaman Materi Halaman Materi adalah halaman penjelasan tentang pengertian dari materi tersebut. Di halaman ini terdapat button untuk kembali ke menu utama.
http://digilib.mercubuana.ac.id/
34
JUDUL
Penjelasan Materi
Kembali
Gambar 3.9 Menu halaman materi 3.3.5.4 Desain antarmuka halaman latihan Tampilan ini adalah tampilan halaman penjelasan soal-soal latihan yang dapat di pilih oleh user sesuai dengan keinginan. Terdapat banyak button yanag bisa di pilih untuk mengerjakan soal latihan dan button kembali untuk kembali lagi ke halaman menu.
Text
Mulai Kembali
Gambar 3.10 Menu Latihan soal 3.3.5.5 Desain Antarmuka halaman Pertanyaan
http://digilib.mercubuana.ac.id/
35
Halaman pertanyaan adalah halaman yang berisi tentang soal pertanyaan mengenai pohon faktor maupun FPB yang akan di kerjakan oleh user . Terdapat 2 button untuk memilih jawaban yang paling tepat. Menu
Soal Pertanyaan
a
Pilihan A
b
Gambar 3.11 Menu pertanyaan
http://digilib.mercubuana.ac.id/
Pilihan B