25
Pada bab ini, sistem akan dirancang dan dianalisa, mulai dari menganalisa masalah yang membahas tentang masalah-masalah yang menjadi faktor utama, kekurangan dan kelebihan dari beberapa alternatif solusi yang dapat digunakan.
Selanjutnya memilih alternatif solusi yang terbaik dengan alasan-alasan yang mendukung.
Pada perancangan sistem dibagi menjadi tiga bagian, yaitu perancangan proses, perancangan basis data, dan perancangan antarmuka (interface).
Perancangan proses membahas tentang proses-proses aplikasi secara bertahap agar lebih rinci. Perancangan basis data dibagi menjadi dua bagian, meliputi diagram konteks dan diagram alir data. Perancangan antarmuka membahas mengenai disain dari aplikasi yang akan dibuat.
3.1 Analisis masalah
Tidak dapat dipungkiri bahwa saat ini Jepang memainkan peranan di dunia, terutama dalam perkembangan teknologi informasi. Kemampuan itulah yang membuat Negara sakura ini kian diminati oleh sebagian besar masyarakat dunia, dengan melakukan berbagai cara dan usaha untuk mengenal lebih jauh pada segala hal yang berhubungan dengan Jepang, salah satunya pada bahasa.
Saat ini, minat belajar bahasa Jepang semakin tinggi, hal ini dapat dilihat dari kenyataan semakin banyaknya kursus bahasa Jepang yang dibuka.
Dengan keterbatasan metode dan alat bantu belajar bahasa Jepang sekarang ini yang masih terbatas hanya dengan buku dan kartu-kartu pelajaran (flashcard) masih berorientasi ajaran satu arah (non-interaktif), karena hanya memberikan panduan umum dan latihan-latihan tanpa ada panduan dan hasil akhir dengan saran atau perbaikan, agar dapat membuat pengguna menjadi tahu akan hasil dan proses pembelajaran yang benar. Dengan kurang interaktifnya sistem- sistem yang tersedia, serta kesulitan memperoleh materi-materi atau kurikulum pembelajaran bahasa Jepang dengan masalah biaya maupun keharusan untuk
membeli buku dan terlebih lagi kesulitan dalam memahami buku sehingga memerlukan bantuan dari seorang guru atau orang yang mengajar bahasa Jepang.
Untuk menghindari permasalahan-permasalahan dalam belajar bahasa Jepang, terdapat beberapa cara atau alternatif yang dapat digunakan, yaitu:
1. Kursus Bahasa Jepang. Kelebihan dari alternatif ini adalah pelajar dapat belajar dengan efektif dan mendapat penjelasan secara langsung dari pengajar, dan bisa mendapatkan sertifikat. Kekurangannya adalah biaya yang diperlukan untuk kursus bahasa Jepang cukup mahal.
2. Belajar dengan audio book. Audio Book merupakan alat untuk membantu balajar bahasa Jepang dengan mendengarkan rekaman suara berbagai penjelasan, teori dan instruksi. Kelebihan dari alternatif ini adalah dapat belajar cukup efektif karena mendengar langsung pengucapan kata-kata dalam bahasa Jepang. Kekurangannya adalah tidak dapat mengetahui cara penulisan bahasa Jepang dengan benar dan tidak terdapat latihan-latihan soal yang bisa mendukung pembelajaran.
3. Belajar menggunakan web pembelajaran bahasa Jepang. Kelebihan dari alternatif ini adalah pengguna dapat belajar bahasa Jepang mulai dari materi-materi yang paling dasar, dapat mencari terjemahan kata dalam bahasa Jepang, dan dapat mengetahui cara penulisan bahasa Jepang yang benar, serta tidak membutuhkan biaya yang mahal. Kekurangannya adalah jika pengguna belajarnya tidak disiplin atau tidak rajin, maka kemampuan bahasa Jepang yang dimiliki tidak akan meningkat.
Dari beberapa alternatif diatas dapat disimpulkan bahwa pilihan alternatif terbaik adalah belajar melalui web pembelajaran bahasa Jepang. Maka penulis membuat aplikasi pembelajaran bahasa Jepang berbasis web dengan karena aplikasi tersebut memiliki kelebihan yang lebih daripada alternatif yang lain.
3.1.1 Analisis Sistem
Analisis sistem merupakan suatu aktivitas pembagian sistem menjadi beberapa komponen dengan tujuan mempelajari seberapa baik bagian-bagian
komponen tersebut bekerja dan mendapatkan pemahaman secara keseluruhan dengan sistem yang akan dibuat.
Dalam menganalisa suatu sistem, terdapat beberapa unsur yang harus dilakukan diantaranya adalah analisis masukan sistem, proses sistem, dan keluaran sistem:
1. Analisis masukan sistem
Aplikasi pembelajaran bahasa Jepang berbasis web yang akan dibuat, membutuhkan suatu informasi tentang materi dan kosakata yang akan dimasukkan ke dalam suatu basis data.
2. Analisis proses sistem
Setelah memasukkan informasi di atas, pengguna akan melakukan beberapa tahapan sebagai proses dari sistem, yaitu sebagai berikut:
a. Melakukan terjemahan kata
b. Mengerjakan latihan-latihan soal bahasa Jepang.
3. Analisis keluaran sistem
Setelah melalui tahapan masukkan sistem dan proses sistem, keluaran yang akan dihasilkan oleh aplikasi pembelajaran bahasa Jepang berbasis web adalah terjemahan kata, materi bahasa Jepang, dan hasil latihan yang dilakukan oleh pengguna.
3.2 Rancangan Sistem
Perancangan sistem merupakan suatu kegiatan membuat desain teknis berdasarkan evaluasi yang telah dilakukan pada kegiatan analisis. Dari analisis masalah dan analisis sistem diatas, maka penulis dapat membuat rancangan seperti apa yang dibutuhkan oleh pengguna.
Dari hasil analisa diatas, penulis membuat sebuah perancangan aplikasi pembelajaran bahasa Jepang berbasis web menggunakan PHP dan MySQL. Agar aplikasi ini mudah dipahami, penulis membuat diagram alir untuk mendokumentasikan proses dari awal hingga akhir secara hierarki. Serta perancangan database dan perancangan antarmuka pemakai (user interface).
3.2.1 Perancangan Proses
Perancangan proses merupakan tahapan awal dari perancangan sistem.
Tujuan dari perancangan proses sistem ini adalah menjaga agar proses data lancar dan teratur sehingga menghasilkan informasi yang benar. Perancangan proses dibuat untuk membantu dalam mempermudah pembuatan aplikasi yang akan dibuat.
Penulis mendeskripsikan alur proses dari aplikasi web pembelajaran bahasa Jepang ini menggunakan diagram alir agar dapat dimengerti oleh para pembaca. Dalam pembuatan perancangan proses ini, dilakukan beberapa tahap mulai dari awal hingga proses yang diinginkan tercapai.
3.2.1.1 Proses Alir Pencarian Kata Pada Kamus
Pada Gambar 3.1 dapat dijelaskan bahwa untuk melakukan pencarian kata pada kamus bahasa jepang, pengguna memasukkan kata dan akan di cek ke database, jika kata yang dimasukkan terdapat pada database maka terjemahan dari kata tersebut akan ditampilkan.
1. Tahap awal adalah pengguna memasukkan kata. Jika pengguna ingin menerjemahkan kata baik dari bahasa Jepang ke bahasa Indonesia ataupun dari bahasa Indonesia ke bahasa Jepang, pengguna harus memasukkan kata yang ingin diterjemahkan. Contohnya pengguna ingin menerjemahkan kata “makan”.
2. Tahap selanjutnya adalah sistem akan melakukan pemeriksaan pada database. Jika kata yang dimasukkan tidak tersedia dalam database, maka sistem akan menampilkan “Data yang anda cari tidak ditemukan”.
Sedangkan jika kata yang dicari tersebut tersedia dalam database maka sistem akan menampilkan terjemahan kata tersebut.
3. Tahap terakhir adalah sistem menampilkan terjemahan kata. Contohnya ketika pengguna memasukkan kata “makan” dan kata tersebut tersedia dalam database maka sistem akan menampilkan terjemahannya “taberu”.
mulai
Masukkan kata
Mengecek kata pada database
Tampilkan kata Apakah kata yang dimasukkan
tersedia?
selesai yes
Data yang anda cari tidak ditemukan No
Gambar 3.1 Proses alir Pencarian kata pada kamus pada halaman pengguna
3.2.1.2 Proses Alir latihan Soal
Pada Gambar 3.2 dapat di jelaskan bahwa untuk mengerjakan latihan soal, pengguna menjawab soal pilihan ganda, dan database akan mengecek jawaban dari pengguna sehingga hasil latihannya akan ditampilkan.
1. Tahap pertama adalah Menjawab Soal. Jika pengguna ingin mengerjakan soal-soal latihan bahasa Jepang, maka pengguna harus mengisi jawaban pada soal-soal yang telah tersedia.
2. Tahap selanjutnya pemeriksaan jawaban. setelah pengguna selesai menjawab semua soal-soal tersebut maka sistem akan memeriksa jawabannya pada database, apakah jawaban dari pengguna itu benar atau salah, atau ada soal yang tidak terjawab (kosong).
3. Tahap selanjutnya adalah menampilkan hasil jawaban. Seletah sistem memeriksa jawaban pada database maka selanjutnya sistem akan menampilkan hasil yang didapat oleh pengguna atas jawaban-jawaban yang dimasukkan oleh pengguna. hasil jawaban terdiri dari total benar, total salah, total soal yang tidak terjawab, dan total nilai yang dipeoleh oleh pengguna.
mulai
Jawab soal
Mengecek jawaban
Menampilkan hasil
Coba Lagi?
selesai No
Yes
Gambar 3.2 Proses alir Kuis / Latihan Soal pada halaman pengguna
3.2.1.3 Proses Alir Komentar
Pada Gambar 3.3 dijelaskan bahwa jika pengguna ingim memberikan komentar maka harus mengisi form komentar.
1. Tahap pertama adalah mengisi form komentar. Jika pengguna ingin memberikan komentar, kritik ataupun saran, pengguna harus mengisi form komentar yang telah disediakan.
2. Tahap selanjutnya adalah sistem akan memeriksa form apakah sudah terisi atau belum. Jika ada yang belum diisi maka pengguna harus mengisi semua form. Jika sudah maka lanjut ke proses berikutnya.
3. Tahap terakhir adalah sistem akan menampilkan komentar yang telah dimasukkan oleh pengguna. komentar tersebut akan tampil dibawah form komentar.
mulai
Apakah form sudah
terisi?
Mengisi form komentar
“komentar”;
selesai yes
no
Gambar 3.3 Proses alir komentar pada halaman pengguna
3.2.1.4 Proses Alir Login Admin
Pada Gambar 3.4 dapat di jelaskan bahwa untuk menuju ke halaman admin, maka seorang admin harus melakukan login terlebih dahulu. Setelah dilakukan pengecekan username dan password, jika keduanya benar akan langsung menuju ke halaman admin. Sebaliknya jika ada salah satu antara username atau password yang salah maka tidak akan bisa masuk ke halaman
admin.
1. Tahap pertama adalah mengisi form login. Jika Seorang admin ingin masuk kehalaman admin, maka admin tersebut harus mengisi form login terlebih dahulu.
2. Tahap selanjutnya adalah memeriksa username dan password. Sistem akan memeriksa pada database apakah username dan password yang dimasukkan sudah benar atau salah. jika salah satu baik username maupun password salah maka sistem akan menampilkan "Username atau password yang anda masukkan salah, silahkan login kembali". tetapi jika username dan password sudah benar maka dilanjutkan ke proses berikutnya.
3. Tahap terakhir adalah masuk kehalaman admin. Jika username dan password sudah benar maka sistem akan langsung memuat ke halaman admin.
Mulai
Mengisi Form Login
Apakah Username dan pasword benar?
Halaman Admin
yes
Selesai
Username atau Password
Anda salah No
Gambar 3.4 Flowchart Login admin
3.2.2 Perancangan Basis Data
Perancangan basis data ini digunakan untuk memperjelas proses dari pembuatan aplikasi ini. Basis data yang dibuat hanya untuk menyimpan informasi yang dibutuhkan saja, tidak ada relationship antar entitas. Jadi tabel-tabel yang terdapat pada aplikasi ini tidak saling berhubungan karena setiap tabel hanya berisikan entitas-entitas yang mencakup dari setiap masukan.
Perancangan basis data ini dibuat dengan Data Flow Diagram (DFD).
Sehingga pembuatan web pembelajaran bahasa Jepang berjalan sesuai dengan sistem yang teratur.
3.2.2.1 Struktur Tabel
Berikut merupakan struktur tabel yang digunakan di dalam aplikasi ini : 1. Tabel admin
Tabel ini digunakan untuk menyimpan data admin yang dapat melakukan login. Tabel ini terdiri dari id_admin, username, password.
Nama tabel : admin Primary key : id_admin
Tabel 3.1 Tabel admin
Nama field Panjang Type
Id_user 11 Tinyint
Username 30 Varchar
Password 30 Varchar
2. Tabel daftarkata
Tabel ini digunakan untuk menyimpan data kosakata bahasa Jepang. Tabel ini terdiri dari : id_kata, indonesia, romaji, jepang, katagori dan sound.
Nama tabel : daftarkata Primary key : id_kata
Tabel 3.2 tabel daftarkata
Nama field Panjang Type
Id_kata 11 Int
indonesia 50 Varchar
romaji 50 Varchar
jepang 50 Varchar
katagori 50 Varchar
sound 50 Varchar
3. Tabel informasi
Tabel ini digunakan untuk menyimpan informasi-informasi mengenai bahasa Jepeng. Tabel ini terdiri dari : id_info, judul, tgl_input, waktu, isi_info.
Nama tabel : informasi Primary key : id_info
Tabel 3.3 tabel informasi
Nama field Panjang Type
Id_info 11 Int
judul 50 Varchar
Tgl_input - Date
waktu - Time
Isi_info - Text
4. Tabel materi
Tabel ini digunakan untuk menyimpan materi-materi pelajaran bahasa Jepang. Tabel ini terdiri dari : id_materi, judul, tgl_post, waktu, isi_materi.
Nama tabel : materi Primary key : id_materi
Tabel 3.4 tabel materi
Nama field Panjang Type
Id_materi 15 Int
judul 100 Varchar
Tgl_post - Date
waktu - Time
Isi_materi - Text
5. Tabel tb_soal
Tabel ini digunakan untuk menyimpan soal-soal latihan bahasa Jepang.
Tabel ini terdiri dari : id_soal, pertanyaan, pilihan_a, pilihan_b, pilihan_c, pilihan_d, jawaban, publish, katagori.
Nama tabel : tb_soal Primary key : id_soal
Tabel 3.5 tabel tb_soal
Nama field Panjang Type
Id_soal 5 Int
pertanyaan 100 Varchar
Pilihan_a 100 Varchar
Pilihan_b 100 Varchar
Pilihan_c 100 Varchar
Pilihan_d 100 Varchar
jawaban 100 Varchar
katagori 20 Varchar
6. Tabel komentar
Tabel ini digunakan untuk menyimpan komentar dari pengguna terhadap aplikasi. Tabel ini terdiri dari : id_komentar, nama, email, tgl_komentar, waktu, isi, tanggapan.
Nama tabel : komentar Primary key : id_komentar
Tabel 3.6 tabel komentar
Nama field Panjang Type
Id_komentar 10 Int
Nama 50 Varchar
Email 50 Varchar
Tgl_komentar - Date
waktu - Time
isi - Text
tanggapan - Text
3.2.2.2 Data Flow Diagram (DFD)
Data Flow Diagram (DFD) adalah suatu diagram yang menggunakan notasi-notasi untuk menggambarkan arus dari data sistem, yang penggunaannya sangat membantu untuk memahami sistem secara logika, tersruktur dan jelas.
DFD merupakan alat pembuatan model yang memungkinkan profesional sistem untuk menggambarkan sistem sebagai suatu jaringan proses fungsional yang dihubungkan satu sama lain dengan alur data, baik secara manual maupun komputerisasi.
Pada DFD level 0 sistem informasi didapat dari data kosakata, data materi, data soal latihan yang berupa pilihan ganda. Kemudian sistem informasi ini menampilkan laporan analisa ke siswa. Gambar 3.5 menjelaskan tentang DFD level 0:
Admin Sistem Pengguna
Data kata Data Materi
Data Soal
Terjemahan kata Data Materi
Data Soal
Jawaban Data kata Hasil Latihan
Gambar 3. 5 DFD Level 0
Berikut penjelasan DFD level 1 untuk proses input data materi yang dilakukan oleh admin, proses pencarian data dan proses latihan soal yang dilakukan oleh pengguna digambarkan pada Gambar 3.6:
Latihan
Soal Jawaban Pengguna
Tb_soal
Jawaban Hasil latihan
Pencarian kata pada
kamus Data kata
daftarkata
Data kata Terjemahan kata
Admin
Proses input materi
materi
Data materi Data materi
Data kata Data Soal
Data materi Data soal Data kata
Data Soal
Gambar 3.6 DFD Level 1
3.3 Perancangan Antarmuka
Perancangan antarmuka pada aplikasi ini pada umumnya memiliki dasar yang sama pada setiap bagian atau halaman. Berikut dibawah ini ditampilkan beberapa bentuk antarmuka dari web pembelajaran bahasa Jepang meliputi 2 level user yaitu administrator dan pengguna biasa.
3.3.1 Rancangan Antarmuka Halaman Utama (Index)
Gambar 3.7 merupakan perancangan antarmuka halaman utama. Pada halaman ini terdapat beranda, pelajaran, kamus, latihan, komentar dan login admin.
Pada halaman ini pengguna bisa memilih menu-menu dan membaca informasi-informasi tentang bahasa Jepang. Dan admin dapat melakukan login untuk masuk ke halaman admin.
Gambar 3.7 Rancangan antarmuka halaman utama
3.3.2 Rancangan Antarmuka Pelajaran Cara Menulis Kana
Gambar 3.8 merupakan perancangan antarmuka cara menulis kana, dimana pengguna bisa mengetahui langkah-langkah dalam menulis huruf-huruf kana dengan benar.
Pada halaman ini terdapat 2 animasi flash untuk belajar cara menulis huruf Hiragana dan Katakana. Ketika pengguna menekan salah satu huruf maka akan keluar gambar cara menulis huruf tersebut. Tetapi pengguna tidak bisa mempraktikannya secara langsung di web, hanya bisa melihat cara penulisannya saja.
Gambar 3.8 Rancangan Antarmuka cara menulis kana.
3.3.3 Rancangan antarmuka materi
Gambar 3.9 merupakan rancangan antarmuka untuk menampilkan materi- materi bahasa Jepang.
Pada halaman ini pengguna dapat belajar dan membaca materi-materi bahasa Jepang yang dapat mereka pelajari.
Header
Beranda Pelajaran Kamus Latihan Komentar
Materi
Menu Materi Lainnya
Footer
Gambar 3.9 Rancangan antarmuka materi
3.3.4 Rancangan Antarmuka Kamus
Gambar 3.10 merupakan rancangan antarmuka kamus. Di halaman ini pengguna bisa menerjemahkan kata dari bahasa Jepang ke Indonesia, maupun Indonesia ke bahasa Jepang.
Jika pengguna ingin melakukan penerjemahan kata, pengguna cukup menuliskan kata apa yang akan diterjemah. Jika kata yang dimasukkan tersedia pada database maka sistem akan menampilkan terjemahan kata tersebut di bawah form kamus.
Gambar 3.10 Rancangan antarmuka kamus
3.3.5 Rancangan Antarmuka Latihan
Gambar 3.11 merupakan rancangan antarmuka halaman latihan soal.
Pengguna bisa melatih kemampuan bahasa Jepang yang mereka miliki dengan mengisi soal-soal latihan.
Pada halaman ini pengguna dapat memilih katagori soal yang ingin mereka kerjakan, setelah soal sudah terjawab maka sistem akan memeriksa jawaban dan akan menampilkan hasil yang diperoleh oleh pengguna.
Gambar 3.11 Rancangan antarmuka latihan
3.3.6 Rancangan Antarmuka Komentar
Gambar 3.12 merupakan rancangam antarmuka halaman komentar. Pada halaman ini pengguna bisa mengirimkan komentar mereka, memberikan kritik maupun saran. Setelah pengguna mengisi form komentar dan menekan tombol kirim, maka komentar yang ditulis oleh pengguna akan muncul dibawah form komentar tersebut.
Gambar 3.12 Rancangan antarmuka komentar
3.3.7 Rancangan Antarmuka Halaman Utama Admin
Gambar 3.13 merupakan rancangan antarmuka halaman utama admin.
Pada halaman ini admin bisa memasukkan informasi-informasi baru yang berkaitan dengan bahasa Jepang. Untuk mengakses halaman ini, admin harus login terlebih dahulu.
Ketika admin mengisi informasi-informasi di halaman ini maka informasi- informasi tersebut akan tersimpan di database. Dan Pengguna dapat melihat informasi yang telah dimasukkan oleh admin melalui halaman utama pengguna (index).
Gambar 3.13 Rancangan Antarmuka Halaman Utama Admin
3.3.8 Rancangan Antarmuka Kosakata
Gambar 3.14 merupakan rancangan antarmuka kosakata. Untuk mengakses halaman ini admin harus login terlebih dahulu. Halaman ini akan menampilkan sebuah tabel kosakata yang dapat dikelola oleh admin. Admin dapat melakukan pencarian kata, menambah kosakata, mengubah kosakata, atau menghapus kosakata.
Gambar 3.14 Rancangan antarmuka kosakata
3.3.9 Rancangan antarmuka tambah kosakata
Gambar 3.15 merupakan rancangan antarmuka untuk halaman tambah kosakata yang bisa dilakukan oleh admin setelah login. Halaman ini menampilkan form kosakata yang dapat diisi oleh admin.
Jika admin sudah memasukkan kosakata baru, maka kosakata tersebut akan tersimpan di database dan akan secara otomatis masuk ke tabel kosakata.
Sehingga pengguna dapat mencari kosakata yang dimasukkan oleh admin melalui kamus.
Gambar 3.15 Rancangan antarmuka tambah kosakata
3.3.10 Rancangan Antarmuka Ubah Kosakata
Gambar 3.16 merupakan rancangan antarmuka untuk halaman ubah kosakata yang bisa dilakukan oleh admin setelah login. Halaman ini menampilkan form yang sudah berisi kosakata yang akan diubah oleh admin.
Jika admin sudah mengubah kosakata tersebut, maka kosakata akan tersimpan di database dan akan secara otomatis masuk ke tabel kosakata.
Sehingga pengguna dapat mencari kosakata yang dimasukkan oleh admin melalui kamus.
Gambar 3.16 Rancangan Antarmuka ubah kosakata
3.3.11 Rancangan Antarmuka Entri Latihan Soal
Gambar 3.17 merupakan rancangan antarmuka untuk halaman entri data soal yang bisa dilakukan oleh admin setelah login. Halaman ini menampilkan form untuk memasukkan soal-soal latihan bahasa Jepang.
Admin harus memasukkan pertanyaan, memasukkan pilihan jawaban dan menentukan jawaban yang benar, dan juga katagori. Jika sudah terisi maka soal tersebut akan tersimpan di database.
Gambar 3.17 Rancangan antarmuka entri data soal
3.3.12 Rancangan Antarmuka Lihat Komentar
Gambar 3.18 merupakan rancangan antarmuka lihat komentar. Pada halaman ini admin dapat memberikan tanggapan atas komentar, kritik, ataupun saran yang diberikan oleh pengguna. Admin juga dapat menghapus komentar.
Gambar 3.18 Rancangan antarmuka lihat komentar
