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 10.
3.1.1
Definisi Analisa Sistem Analisa sistem dapat di definisikan sebagai penguraian dari suatu sistem informasi
yang
utuh
ke
dalam
mengindentifikasikan
dan
bagian–bagian mengevaluasi
komponennya
dengan
maksud
permasalahan–permasalahan,
untuk
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
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.
3.2.
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
Menggunakan file berformat .png yang dibuat sendiri
Suara
Menggunakan file .mp3
21
Tabel 3.2 Deskripsi Konsep Aplikasi (Lanjutan) Animasi teks
Animasi pada teks dan gambar dibuat sendiri Menggunakan tombol navigasi animasi dan
Interaktif
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.
3.3.1. 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.
22
3.3.2. 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 Materi Nama
Bab Materi
Aktor
Siswa-siswi SMA kelas 10
Deskripsi
Pengguna dapat memilih menu bab 1 sampai 8 yang berisi materi-materi dan latihan-latihan soal
23
Tabel 3.4 Use Case Materi (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
24
3.3.3. 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 Menampilkan halaman Latihan
Menjawab pertanyaan
Memeriksa jawaban
Jawaban Benar?
Hasil + 1
Hasil + 0
Soal=10
Menampilkan halaman hasil nilai
Gambar 3.3 Activity Diagram Materi
Kembali Ke menu
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.
3.3.4. 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.
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 Materi
3.3.5. 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.
27
Nama
Visual
1
Masuk
Form Name : Intro Link
: Intro
Ket
: Menampilkan halaman intro
2 Materi Latihan
Keluar
Form Name : Menu Utama Link
: Menu utama
Ket
: Menampilkan halaman Menu Utama
28
3 Semester 1
Bab 1
Semester 2
Bab 5
Bab 2
Bab 6
Bab 3
Bab 7
Bab 4
Bab 8 Home
Exit
Form Name : Menu Materi Link
: Awal, Bab 1, 2, 3, 4, 5, 6, 7, dan 8
Ket
: Menampilkan halaman menu materi pelajaran SMA kelas 10
4 Bab 1 PENGUKURAN
Materi
Back
Next
Form Name : Menu Materi Bab 1 Link
: Bab1
Ket
: Menampilkan halaman menu materi pada bab 1
Home
29
5 Bab 2 GERAK LURUS
Home
Materi
Back
Next
Form Name : Menu Materi Bab 2 Link
: Bab2
Ket
: Menampilkan halaman menu materi pada bab2
6 Bab 3 GERAK MELINGKAR
Materi
Back
Next
Form Name : Menu Materi Bab 3 Link
: Bab3
Ket
: Menampilkan halaman menu materi pada bab 3
Home
30
7 Bab 4 DINAMIKA PARTIKEL
Home
Materi
Back
Next
Form Name : Menu Materi Bab 4 Link
: Bab4
Ket
: Menampilkan halaman menu materi pada bab 4
8 Bab 5 ALAT – ALAT OPTIK
Materi
Back
Next
Form Name : Menu Materi Bab 5 Link
: Bab5
Ket
: Menampilkan halaman menu materi pada bab 5
Home
31
9 Bab 6 KALOR DAN SUHU
Home
Materi
Back
Next
Form Name : Menu Materi Bab 6 Link
: Bab6
Ket
: Menampilkan halaman menu materi pada bab 6
10 Bab 7 LISTRIK DINAMIS
Home
Materi
Back
Next
Form Name : Menu Materi Bab 7 Link
: Bab7
Ket
: Menampilkan halaman menu materi pada bab 7
32
11 Bab 8 GELOMBANG ELEKTROMAGNETIK
Home
Materi
Back
Next
Form Name : Menu Materi Bab 8 Link
: Bab8
Ket
: Menampilkan halaman menu materi pada bab 8
12
No
Soal
A
B
B
C Next
Form Name : Ujian Semester 1 Link
: Us1
Ket
: Menampilkan halaman ujian semester 1
33
13
No
Soal
A
B
B
C Next
Form Name : Ujian Semester 2 Link
: Us2
Ket
: Menampilkan halaman ujian semester 2
14
Form Name : Credit Title Link
: Credit Title
Ket
: Menampilkan profil pembuat aplikasi modul pembelajaran fisika SMA kelas 10
34
3.3.6. 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 10.
1. 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.
35
Materi 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 2
Bab 5 Bab 6
Bab 3 Bab 4 Home
Gambar 3.8 Menu Pelajaran
Exit
36
4. Rancangan Tampilan Letak Menu Materi 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
Home
Materi
Back
Next
Gambar 3.9 Tampilan Bab Menu Materi
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.
37
No
Soal
A
B
B
C Next
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. Home Text Nilai
Gambar 3.11 Tampilan Nilai
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
