BAB III ANALISA DAN PERANCANGAN

Transkripsi

1 BAB III ANALISA DAN PERANCANGAN 3.1. Analisa Sistem Dalam merancang sebuah sistem yang akan dirancang secara umum, ada beberapa tahap awal yang harus dilakukan sebelum perancangan sistem yaitu menganalisa sistem. Dari analisa sistem dapat diketahui gambaran dari sistem yang sedang berjalan, baik kelebihan dan kekurangan sistem tersebut. Dalam tahap ini penulis menganalisa kebutuhan sistem yang akan digunakan untuk membuat aplikasi. Dimana penulis merancang bangun aplikasi pembelajaran fisika yang berbasis multimedia untuk para pelajar khususnya kelas 10 SMA. Aplikasi ini ditujukan untuk memberikan kemudahan dalam pembelajaran bagi para pelajar terutama untuk pelajaran fisika. Pembahasan-pembahasan yang terdapat pada aplikasi ini adalah beberapa materi-materi pelajaran fisika SMA kelas 10, contoh - contoh soal, dan beberapa latihan soal dari setiap bab dan beberapa latihan soal ujian semester yang mengikuti standar Kurikulum Tingkat Satuan Pendidikan (KTSP) tahun 2008 SMA kelas Definisi Analisa Sistem Analisa sistem dapat di definisikan sebagai penguraian dari suatu sistem informasi yang utuh ke dalam bagian bagian komponennya dengan maksud untuk mengindentifikasikan dan mengevaluasi permasalahan permasalahan, kesempatan kesempatan, hambatan hambatan yang terjadi dan kebutuhan kebutuhan yang diharapkan sehingga dapat di usulkan perbaikan perbaikannya (Jogiyanto, 2001:129). Pada pembuatan aplikasi ini penulis mempunyai acuan dari pelajaran fisika SMA kelas 10. dimana penulis memasukkan 3 tahapan Input, Proses, dan Output yang merupakan sistem kerja dari aplikasi tersebut yang dapat penulis jelaskan sebagai berikut, antra lain yaitu : Proses pengambilan gambar. Dimana gambar yang telah dibuat, disimpan kedalam direktori penyimpanan dengan format PNG. Setelah itu gambar tersebut ditempatkan di library dan di proses ke dalam layar sebagai bentuk keluaran. 19

2 20 Proses Pengambilan suara. Pengambilan suara yang telah dibuat, disimpan kedalam direktori penyimpanan dengan format mp3. Setelah itu file suara ditempatkan di library dan diproses dengan pengaturan waktu dan tata letak pada gambar atau animasi teks yang akan diatur keluarannya yaitu berupa bunyi. Proses penilaian. Proses penilaian yang dibuat mencakup pertanyaan dan jawaban yang diperoses oleh sistem, pada proses penilaian ini, penulis menyediakan 10 pertanyaan yang akan di kerjakan oleh user, dan setiap pertanyaan yang dipilih akan dicocokan dengan inputan kunci jawaban untuk mengetahui benar atau salah jawaban yang telah dipilih oleh user, jika jawaban benar maka nilai yang akan diberikan adalah 1 poin untuk 1 soal, dan jika jawaban salah maka nilai yang diberikan adalah 0 poin untuk 1 soal. Jumlah seluruh soal akan dikoreksi dan hasilnya adalah sebagai keluaran Konsep Konsep suatu rancangan yang penulis buat berpacuan pada aplikasi pelajaran fisika SMA kelas 10, konsep ini merupakan aplikasi yang khusus dibuat untuk siswa-siswi SMA kelas 10. Dimana aplikasi ini menggunakan pengembangan multimedia yang melalui 6 tahap, yaitu konsep aplikasi, perancangan aplikasi modul pembelajaran, pengumpulan material, pembuatan aplikasi pembelajaran, pengujian dan distribusi dari aplikasi pembelajaran. Dimana aplikasi ini menggunakan teks, gambar, dan animasi. Deskripsi konsep aplikasi seperti pada table 3.1 dan table 3.2 berikut ini. Tabel 3.1 Deskripsi Konsep Aplikasi Judul Aplikasi pelajaran fisika SMA kelas 10. Pengguna Siswa-siswi SMA kelas 10 Gambar Suara Menggunakan file berformat.png yang dibuat sendiri Menggunakan file.mp3

3 21 Tabel 3.2 Deskripsi Konsep Aplikasi (Lanjutan) Animasi teks Animasi pada teks dan gambar dibuat sendiri Interaktif Menggunakan tombol navigasi animasi dan pemanfaatan media suara dan contoh soal interaktif pada aplikasi 3.3. Perancangan Pada tahap proses perancangan ini, terutama dalam pembuatan aplikasi pelajaran fisika SMA kelas 10, penulis melakukan perancangan aplikasi yang terdiri dari perancangan peta navigasi dan perancangan use case diagram, perancangan activity diagram, dan perancangan sequence diagram Perancangan Peta Navigasi Peta navigasi ini mempermudah dalam perancangan aplikasi yang akan dibuat untuk menentukan lokasi pada setiap halaman yang ada di dalam aplikasi. Dapat dilihat pada gambar 3.1 merupakan peta navigasi dari aplikasi pelajaran fisika SMA kelas 10. Gambar 3.1 Peta navigasi aplikasi pelajaran fisika SMA kelas 10.

4 Perancangan Use Case Diagram Use case dideskripsikan interaksi tipikal antara pengguna sistem dengan sistem itu sendiri. Pada aplikasi pelajaran fisika SMA kelas 10, dapat diketahui bahwa aktor utamanya adalah user (pengguna). Maka didapatkan satu use case diagram dan beberapa skenario yang dapat memperlihatkan interaksi-interaksi use case diagram dengan aktor use case diagram. Use case diagram aplikasi ini dapat dilihat pada gambar 3.2. Aplikasi pembelajaran Gambar 3.2 Use case Diagram Aplikasi pelajaran fisika SMA kelas 10. Berikut ini adalah deskripsi use case diagram yang telah digambarkan pada table 3.3 dan 3.4: Tabel 3.3 Use Case Nama Bab Aktor Siswa-siswi SMA kelas 10 Deskripsi Pengguna dapat memilih menu bab 1 sampai 8 yang berisi materi-materi dan latihan-latihan soal

5 23 Tabel 3.4 Use Case (Lanjutan) Skenario 1. pengguna memilih menu dari saru babbab materi,dan system akan masuk ke dalam halaman yang dipilih 2. Pengguna memilih submateri yang ada 3. Sistem akan masuk kedalam halaman submateri yang dipilih 4. Pengguna memilih menu latihan soal 5. Sistem akan masuk ke halaman latihan yang berisikan soal-soal pilihan ganda 6. Pengguna mengerjakan soal-soal yang telah disediakan 7. Sistem mengecek jawaban pengguna dan menampilkan nilai dari hasil pekerjaan pengguna Kondisi Awal 1. Pengguna menerima halaman materi pelajaran yang terdiri dari beberapa materi yaitu (GLB, GLBB, GMB, GMBB, alat optik, kalor dan suhu. 2. Pengguna menerima halaman latihan dari menu latihan soal yang dipilih Kondisi Akhir 1. Pengguna mempelajari menu bab materi yang dipilih 2. Pengguna mengisi jawaban pada soal latihan yang dipilih

6 Pemodelan Activity Diagram Pengguna aplikasi Sistem Menampilkan halaman Intro aplikasi SMA kelas Memilih pilihan pada menu Menampilkan halaman menu exit latihan materi Menampilkan materimateri bab Kembali Ke menu Menampilkan halaman Latihan Menjawab pertanyaan Memeriksa jawaban Jawaban Benar? Hasil + 1 Hasil + 0 Soal=10 Menampilkan halaman hasil nilai Gambar 3.3 Activity Diagram

7 25 Pada Gambar 3.3 menjelaskan aplikasi dimulai ketika pengguna memilih menu kelas 10 yaitu materi bab 1, bab 2, bab 3, bab 4, bab 5, bab 6, bab 7, bab 8 ujian semester 1 dan ujian semester 2. Kemudian sistem menampilkan halaman menu sesuai dengan yang dipilih. Lalu pengguna dapat memilih menu yang terdiri dari beberapa materi. Pada saat pengguna memilih menu materi maka sistem menampilkan halaman submateri yang sudah disediakan. Disetiap materi terdapat contoh soal, dan simulasi yang membuat pengguna mengerti dari materi tersebut. Ketika pengguna memilih menu ujian maka sistem menampilkan halaman ujian semester. Setelah itu pengguna mengklik mulai dan sistem akan menampilkan soal-soal pilihan ganda ujian semester yang telah disediakan dan pengguna dapat menjawab soal-soal tersebut sesuai dengan jawaban yang dipilih. Setelah itu sistem akan mengecek jawaban, apabila jawaban benar maka akan memperoleh nilai 1 jika salah maka akan memperoleh niai 0, lalu sistem akan mengecek banyak soal, apabila pengguna sudah menjawab 10 soal maka sistem menampilkan halaman nilai hasil pengerjaan pengguna Pemodelan Sequence Diagram Sequence diagram menggambarkan interaksi antar objek di dalam dan disekitar sistem (termasuk pengguna, display, dan sebagainya) berupa pesan yang digambarkan terhadap waktu. Sequence diagram terdiri atas dimensi waktu dan objek-objek yang terkait. Sequence diagram biasa digunakan untuk menggambarkan skenario atau rangkaian langkah-langkah yang dilakukan sebagai respons dari sebuah event untuk menghasilkan keluaran tertentu.

8 26 Sequence diagram digunakan untuk mengambarkan perilaku pada sebuah skenario. Diagram ini menunjukan sejumlah contoh objek dan message (pesan) yang diletakan diantara obyek-obyek ini di dalam use case. Gambar 3.4 Sequence Diagram Perancangan Storyboard Storyboard adalah deskripsi masing-masing tampilan suatu kejadian dari movie yang dimainkan dengan menampilkan semua objek atau elemen multimedia serta komponenkomponen aplikasi yang akan dibuat. Storyboard digunakan sebagai alat bantu pada tahapan perancangan multimedia. Satu kolom storyboard mewakili satu tampilan di layar monitor.

9 27 Nama Visual 1 Masuk Form Name : Intro Ket : Intro : Menampilkan halaman intro 2 Latihan Keluar Form Name : Menu Utama Ket : Menu utama : Menampilkan halaman Menu Utama

10 28 3 Semester 1 Bab 1 Semester 2 Bab 5 Bab 2 Bab 3 Bab 4 Bab 6 Bab 7 Bab 8 Exit Form Name : Menu : Awal, Bab 1, 2, 3, 4, 5, 6, 7, dan 8 Ket : Menampilkan halaman menu materi pelajaran SMA kelas 10 4 Bab 1 PENGUKURAN Back Form Name : Menu Bab 1 : Bab1 Ket : Menampilkan halaman menu materi pada bab 1

11 29 5 Bab 2 GERAK LURUS Back Form Name : Menu Bab 2 Ket : Bab2 : Menampilkan halaman menu materi pada bab2 6 Bab 3 GERAK MELINGKAR Back Form Name : Menu Bab 3 : Bab3 Ket : Menampilkan halaman menu materi pada bab 3

12 30 7 Bab 4 DINAMIKA PARTIKEL Back Form Name : Menu Bab 4 : Bab4 Ket : Menampilkan halaman menu materi pada bab 4 8 Bab 5 ALAT ALAT OPTIK Back Form Name : Menu Bab 5 : Bab5 Ket : Menampilkan halaman menu materi pada bab 5

13 31 9 Bab 6 KALOR DAN SUHU Back Form Name : Menu Bab 6 : Bab6 10 Ket : Menampilkan halaman menu materi pada bab 6 Bab 7 LISTRIK DINAMIS Back Form Name : Menu Bab 7 : Bab7 Ket : Menampilkan halaman menu materi pada bab 7

14 32 11 Bab 8 GELOMBANG ELEKTROMAGNETIK Back Form Name : Menu Bab 8 : Bab8 Ket : Menampilkan halaman menu materi pada bab 8 12 No Soal A B B C Form Name : Ujian Semester 1 : Us1 Ket : Menampilkan halaman ujian semester 1

15 33 13 No Soal A B B C Form Name : Ujian Semester 2 : Us2 Ket : Menampilkan halaman ujian semester 2 14 Form Name : Credit Title Ket : Credit Title : Menampilkan profil pembuat aplikasi modul pembelajaran fisika SMA kelas 10

16 Perancangan Antarmuka Pada tahap perancangan antarmuka ini, penulis mendesain antarmuka untuk aplikasi yang akan dibuat dan menunjukan antara letak tombol yang satu dengan tombol yang lainnya untuk dapat memulai suatu proses pelajaran fisika SMA kelas Rancangan Tampilan Pembuka atau Intro Tampilan intro adalah tampilan awal sebelum memasuki halaman utama dari aplikasi ini. Tampilan Intro biasanya menampilkan gambar, logo, animasi text, dan menampilkan animasi yang berhubungan dengan objek tersebut. Halaman intro ini berupa button enter ke menu utama dan user yang langsung dapat mengoperasikan aplikasi ini. Masuk Gambar 3.6 Intro 2. Rancangan Tampilan Menu Utama Tampilan menu utama adalah tampilan utama untuk masuk ke halaman menu materi pelajaran. Ada tiga tautan yang berada pada halaman ini yaitu button kelas 10 yang langsung menuju ke menu materi sesuai kelas yang dipilih. Pada halaman ini terdapat button keluar.

17 35 Latihan Keluar Gambar 3.7 Menu Utama 3. Rancangan Tampilan Menu Pelajaran Tampilan menu pelajaran adalah tampilan button pilihan materi-materi pelajaran bab 1 sampai bab 8, ujian semester 1 dan ujian semester 2, serta terdapat button kembali ke menu utama, button keluar. Tautan dari button yang ada akan menuju ke materi pelajaran yang dipilih oleh user (pengguna). Semester 1 Bab 1 Semester 2 Bab 5 Bab 2 Bab 6 Bab 3 Bab 4 Exit Gambar 3.8 Menu Pelajaran

18 36 4. Rancangan Tampilan Letak Menu Pada tampilan ini terdapat tombol-tombol sub-materi yang dapat dipilih oleh user yang telah disediakan dan akan menuju ke halaman sub-materi yang dipilih oleh user, button latihan yang akan menuju ke halaman latihan, button menu utama yang akan menuju ke halaman menu utama, next dan back untuk melanjutkan ke halaman materi karena ada beberapa sub-materi yang mempunyai lebih dari satu halaman. JUDUL Back Gambar 3.9 Tampilan Bab Menu 5. Rancangan Tampilan Ujian Semester Tampilan ini adalah tampilan halaman ujian semester yang terdapat pada setiap bab dan berisi 10 soal pilihan ganda. Pada halaman ini terdapat button a, b, c, dan d yang dapat diklik oleh user untuk memilih jawaban yang benar, button lanjut akan menampilkan halaman soal berikutnya.

19 37 No Soal A B B C Gambar 3.10 Tampilan Ujian Semester 6. Rancangan Tampilan Nilai Pada tampilan ini terdapat button menu utama untuk kembali ke halaman menu utama dan button papan nilai untuk mengisi nama user, sistem dapat menyimpan nama user tersebut tetapi papan nama ini tidak terdapat pada latihan soal bab, hanya terdapat pada latihan ujian semester. Text Nilai Gambar 3.11 Tampilan Nilai

20 38 7. Rancangan Tampilan Credit Title Tampilan kredit title ini adalah tampilan yang menampilkan profil pembuat aplikasi modul pembelajaran. Pada tampilan ini juga terdapat button keluar untuk menuju ke tampilan menu utama. Gambar 3.12 Tampilan credit title