BAB III ANALISIS DAN PERANCANGAN SISTEM

Transkripsi

1 BAB III ANALISIS DAN PERANCANGAN SISTEM 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 sistemsistem yang tersedia, serta kesulitan memperoleh materi-materi atau kurikulum pembelajaran bahasa Jepang dengan masalah biaya maupun keharusan untuk 25

2 26 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 Analisis Sistem Analisis sistem merupakan suatu aktivitas pembagian sistem menjadi beberapa komponen dengan tujuan mempelajari seberapa baik bagian-bagian

3 27 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).

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

5 29 mulai Masukkan kata Mengecek kata pada database Apakah kata yang dimasukkan tersedia? No Data yang anda cari tidak ditemukan yes Tampilkan kata selesai Gambar 3.1 Proses alir Pencarian kata pada kamus pada halaman pengguna 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.

6 30 mulai Jawab soal Mengecek jawaban Yes Menampilkan hasil Coba Lagi? No selesai Gambar 3.2 Proses alir Kuis / Latihan Soal pada halaman pengguna 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.

7 31 mulai Mengisi form komentar no Apakah form sudah terisi? yes Print komentar ; selesai Gambar 3.3 Proses alir komentar pada halaman pengguna 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.

8 32 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? No Username atau Password Anda salah yes Halaman Admin Selesai Gambar 3.4 Flowchart Login admin 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.

9 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

10 34 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

11 35 6. Tabel komentar Tabel ini digunakan untuk menyimpan komentar dari pengguna terhadap aplikasi. Tabel ini terdiri dari : id_komentar, nama, , 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 50 Varchar Tgl_komentar - Date waktu - Time isi - Text tanggapan - Text 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 Data kata Data Materi Data Soal Sistem Terjemahan kata Data Materi Data Soal Hasil Latihan Data kata Jawaban Pengguna Gambar 3. 5 DFD Level 0

12 36 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: Admin Data materi Data soal Data kata Proses input materi Data Soal Data materi Data kata Tb_soal materi daftarkata Data Soal Terjemahan kata Jawaban Hasil latihan Data materi Data kata Latihan Soal Jawaban Pengguna Data kata Pencarian kata pada kamus Gambar 3.6 DFD Level 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.

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

14 38 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.

15 Rancangan antarmuka materi Gambar 3.9 merupakan rancangan antarmuka untuk menampilkan materimateri bahasa Jepang. Pada halaman ini pengguna dapat belajar dan membaca materi-materi bahasa Jepang yang dapat mereka pelajari. Header Beranda Pelajaran Kamus Latihan Komentar Menu Materi Lainnya Materi Footer Gambar 3.9 Rancangan antarmuka materi 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.

16 40 Gambar 3.10 Rancangan antarmuka kamus 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

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

18 42 Ketika admin mengisi informasi-informasi di halaman ini maka informasiinformasi 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 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.

19 43 Gambar 3.14 Rancangan antarmuka kosakata 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.

20 44 Gambar 3.15 Rancangan antarmuka tambah kosakata 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.

21 45 Gambar 3.16 Rancangan Antarmuka ubah kosakata 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.

22 46 Gambar 3.17 Rancangan antarmuka entri data soal 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