PEMBUATAN WEBSITE PLATFORM PENGUMPULAN SPEECH DATASET UNTUK BAHASA JEPANG
DENGAN MENGGUNAKAN PHP LAPORAN KERJA MAGANG
Bella Anggraini Utomo 00000026139
PROGRAM STUDI INFORMATIKA FAKULTAS TEKNIK DAN INFORMATIKA UNIVERSITAS MULTIMEDIA NUSANTARA
TANGERANG 2020
LEMBAR PENGESAHAN LAPORAN KERJA MAGANG PEMBUATAN WEBSITE PLATFORM PENGUMPULAN
SPEECH DATASET UNTUK BAHASA JEPANG DENGAN MENGGUNAKAN PHP
Oleh
Nama : Bella Anggraini Utomo
NIM 00000026139
Program Studi : Informatika
Fakultas : Teknik dan Informatika
Tangerang, 07 Desember 2020
Dosen Pembimbing Dosen Penguji
Wirawan Istiono,S.Kom., M.Kom. Julio Christian Young, M.Kom.
Mengetahui, Ketua Program Studi
Infomatika
Marlinda Vasty Overbeek, S.Kom, M.Kom
LEMBAR PERNYATAAN TIDAK MELAKUKAN PLAGIAT DALAM PENYUSUNAN LAPORAN KERJA MAGANG
Dengan ini saya:
Nama : Bella Anggraini Utomo
NIM 00000026139
Program Studi : Informatika
Menyatakan bahwa saya telah melaksanakan praktek kerja magang:
Nama perusahaan : Universitas Multimedia Nusantara
Posisi : Programmer
Alamat : Jl.Scientia Boulevard, Gading Serpong,
Tangerang
Periode magang : 03 Agustus 2020 – 03 November 2020 Pembimbing lapangan : Bapak Julio Christian Young
Laporan kerja magang merupakan hasil karya saya sendiri, dan saya tidak melakukan plagiat. Semua kutipan karya ilmiah orang lain atau lembaga lain yang dirujuk dalam laporan kerja magang ini telah saya sebutkan sumber kutipannya serta saya cantumkan di Daftar Pustaka.
Jika di kemudian hari terbukti ditemukan kecurangan/ penyimpangan, baik dalam pelaksanaan kerja magang maupun dalam penulisan laporan kerja magang, saya bersedia menerima konsekuensi dinyatakan tidak lulus untuk mata kuliah kerja magang yang telah saya tempuh.
Tangerang, 07 November 2020
Bella Anggraini Utomo
PEMBUATAN WEBSITE PLATFORM PENGUMPULAN SPEECH DATASET UNTUK BAHASA JEPANG DENGAN
MENGGUNAKAN PHP ABSTRAK
Kecerdasan buatan menjadi salah satu ilmu yang berkembang pesat saat ini.
Salah satu cabang kecerdasan buatan adalah pembelajaran mesin. Topik speech recognition menjadi salah satu topik penelitian yang menarik untuk diteliti.
Penggunaan suara dalam melakukan penelusuran di Google sudah sangat berkembang dan penjualan echo device seperti siri dan alexa mengalami peningkatan. Namun, dataset suara open source dalam bahasa jepang sangat sedikit dan sulit untuk didapatkan. Terlebih lagi dataset tersebut masih harus dilakukan pengecekan dan pemilihan untuk mendapatkan data sesuai kriteria yang diinginkan.
Sehingga membutuhkan waktu dan usaha untuk mengumpulkan dataset tersebut.
Salah satu cara yang dapat dilakukan adalah membuat website platform pengumpulan dataset suara bahasa jepang. Untuk merealisasikan ide tersebut, beliau membutuhkan asisten sebagai programmer untuk membuat website pengumpulan dataset. Pada kerja magang ini, dibuat sebuah website dimana semua pengguna yang sudah memiliki akun dapat menyumbangakan suara (donatur) ataupun memvalidasi suara (validator) dalam bahasa jepang. Dataset yang dikumpulkan berupa rekaman suara donatur, dimana donatur membaca sebuah kata dalam bahasa jepang. Kemudian data tersebut dapat divalidasi oleh validator.
Website yang dibuat menggunakan bahasa pemrograman php dengan menggunakan framework laravel 7. Dataset yang sudah divalidasi dapat digunakan untuk penelitian speech recognition.
Kata Kunci: laravel, php, sound, speech dataset, speech recognition.
PEMBUATAN WEBSITE PLATFORM PENGUMPULAN SPEECH DATASET UNTUK BAHASA JEPANG DENGAN
MENGGUNAKAN PHP
ABSTRACT
Artificial intelligence is one of the fastest growing sciences today. One of the branches of artificial intelligence is machine learning. The topic of speech recognition is one of the interesting research topics to be researched. The use of voice in searching on Google has been very developed and sales of echo devices such as Siri and Alexa have increased. However, the open source sound dataset in Japanese is very few and difficult to obtain. Moreover, the dataset still has to be checked and selected to get the data according to the desired criteria. So it takes time and effort to collect the dataset. One way that can be done is to create a Japanese language voice dataset collection platform website. To realize this idea, he needed an assistant as a programmer to create a dataset collection website. In this internship, a website was created where all users who already have an account can contribute votes (donors) or validate votes (validators) in Japanese. The collected dataset is in the form of a donor's voice recording, where the donor reads a word in Japanese. Then the data can be validated by a validator. Websites created using the PHP programming language using the laravel 7 framework. Validated datasets can be used for speech recognition research.
Kata Kunci: laravel, php, sound, speech dataset, speech recognition.
KATA PENGANTAR
Puji syukur kepada Tuhan Yang Maha Esa karena atas berkat dan rahmat- Nya yang berlimpah, sehingga penyusunan laporan kerja magang ini dapat terselesaikan dengan baik dan tepat waktu. Laporan kerja magang ini berjudul
“Pembuatan Website Platform Pengumpulan Speech Dataset Untuk Bahasa Jepang Dengan Menggunakan PHP”. Dalam penyusunan laporan magang ini, banyak pihak yang telah membantu penulis. Maka dari itu penulis ingin mengucapkan terima kasih kepada:
1. Dr. Ninok Leksono, Rektor Universitas Multimedia Nusantara, yang memberi inspirasi bagi penulis untuk berprestasi,
2. Ibu Friska Natalia, S.Kom., M.T., Ph.D., Dekan Fakultas Teknik dan Informatika Universitas Multimedia Nusantara,
3. Ibu Marlinda Vasty Overbeek, S.Kom, M.Kom., Ketua Program Studi Informatika Universitas Multimedia Nusantara.
4. Bapak Wirawan Istiono,S.Kom., M.Kom., yang telah membimbing penulis dalam pembuatan laporan kerja magang dan yang telah memberikan penulis dukungan serta masukan yang membangun sehingga penulis dapat menyelesaikan laporan kerja magang ini dengan baik.
5. Bapak Julio Christian Young selaku PIC Laboratorium Artificial Intelligence yang telah membimbing dan memberikan dukungan serta kesempatan bagi penulis untuk melaksanakan kerja magang di Universitas Multimedia Nusantara.
6. Ayah dan ibu yang telah memberikan semangat, dukungan dan kepercayaan kepada penulis sehingga penulis dapat menyelesaikan laporan kerja magang ini dengan baik.
7. Teman dan kerabat yang telah memberikan pengetahuan, kenangan dan kebersamaan selama menjalani perkuliahan maupun magang kerja.
Penulis juga mengucapkan terima kasih kepada semua pihak yang telah memberikan dukungan emosional dari awal hingga akhir. Semoga laporan magang ini dapat memberikan manfaat, inspirasi maupun motivasi bagi para pembaca.
Penulis menyadari adanya kekurangan dalam proses penulisan laporan ini. Oleh sebab itu, penulis sangat terbuka terhadap kritik dan saran yang diberikan untuk menyempurnakan laporan kerja magang ini.
Tangerang, 07 November 2020
Bella Anggraini Utomo
DAFTAR ISI
LEMBAR PENGESAHAN LAPORAN KERJA MAGANG... ii
LEMBAR PERNYATAAN TIDAK MELAKUKAN PLAGIAT DALAM PENYUSUNAN LAPORAN ... iii
ABSTRAK ... ivi
ABSTRACT ... vi
KATA PENGANTAR ... iv
DAFTAR ISI ... ivi
DAFTAR GAMBAR ... x
DAFTAR TABEL... xi
BAB I PENDAHULUAN ... 14
1.1 Latar Belakang ... 14
1.2 Maksud dan Tujuan Kerja Magang ... 16
1.3 Waktu dan Prosedur Pelaksanaan Kerja Magang ... 16
BAB II GAMBARAN UMUM PERUSAHAAN ... 17
2.1 Sejarah Singkat Perusahaan ... 17
2.2 Visi dan Misi Perusahaan ... 18
2.3 Struktur Organisasi Perusahaan ... 19
BAB III PELAKSANAAN KERJA MAGANG ... 21
3.1 Kedudukan dan Koordinasi ... 21
3.2 Tugas Yang Dilakukan ... 21
3.3 Uraian Pelaksanaan Kerja Magang ... 22
3.3.1 Proses Pelaksanaan ... 22
3.3.2 Alur Kerja... 23
3.3.3 Struktur Database dan Relasi Tabel ... 28
3.3.4 Sub-Activity Diagram ... 32
3.3.5 Perancangan Tampilan Website ... 44
3.3.6 Kode Website Platform Pengumpulan Dataset ... 55
3.3.7 Implementasi ... 68
3.3.8 Kendala Yang Ditemukan ... 77
3.3.9 Solusi Atas Kendala Yang Ditemukan ... 78
BAB IV SIMPULAN DAN SARAN ... 79
4.1 Simpulan ... 79
4.2 Saran ... 79
DAFTAR PUSTAKA ... 79
DAFTAR LAMPIRAN ... 80
DAFTAR GAMBAR
Gambar 2.1 Logo Universitas Multimedia Nusantara ... 18
Gambar 2.2 Struktur Organisasi Universitas Multimedia Nusantara ... 19
Gambar 3.1 Alur kerja website pada sisi pengguna ... 26
Gambar 3.2 Alur kerja website pada sisi admin ... 27
Gambar 3.3 Relasi Tabel ... 28
Gambar 3.4 Activity Login ... 33
Gambar 3.5 Activity Forgot Password ... 34
Gambar 3.6 Activity Register ... 35
Gambar 3.7 Activity Edit Password ... 36
Gambar 3.8 Activity Edit Profile ... 37
Gambar 3.9 Activity Donation ... 38
Gambar 3.10 Activity Validate ... 39
Gambar 3.11 Activity Add dan Edit Syllable ... 40
Gambar 3.12 Activity Delete Syllable ... 41
Gambar 3.13 Activity Delete dan Approve User ... 41
Gambar 3.14 Activity Add dan Edit User ... 42
Gambar 3.15 Activity Delete Donation... 42
Gambar 3.16 Activity Edit Content ... 43
Gambar 3.17 Activity Download Voice ... 44
Gambar 3.18 Perancangan halaman awal ... 44
Gambar 3.19 Perancangan halaman register ... 45
Gambar 3.20 Perancangan halaman log in ... 45
Gambar 3.21 Perancangan halaman forgot password ... 46
Gambar 3.22 Perancangan halaman forgot password (lanjutan)... 46
Gambar 3.23 Perancangan halaman forgot password (lanjutan) ... 47
Gambar 3.24 Perancangan halaman about ... 47
Gambar 3.25 Perancangan halaman about (lanjutan)... 48
Gambar 3.26 Perancangan halaman team ... 48
Gambar 3.27 Perancangan halaman utama (contributor) ... 49
Gambar 3.28 Perancangan halaman utama (validator) ... 49
Gambar 3.29 Perancangan halaman ubah profile ... 50
Gambar 3.30 Perancangan halaman ubah kata sandi ... 50
Gambar 3.31 Perancangan halaman validate ... 51
Gambar 3.32 Perancangan halaman contribute ... 51
Gambar 3.33 Perancangan halaman admin ... 52
Gambar 3.34 Perancangan halaman user management ... 53
Gambar 3.35 Perancangan halaman syllable management ... 53
Gambar 3.36 Perancangan halaman content management ... 54
Gambar 3.37 Perancangan halaman donation management... 54
Gambar 3.38 Perancangan halaman download voice ... 55
Gambar 3.39 Kode register users ... 55
Gambar 3.40 Kode register users (lanjutan) ... 56
Gambar 3.41 Kode relation tabel users ... 56
Gambar 3.42 Kode ubah profile ... 57
Gambar 3.43 Kode ubah kata sandi ... 58
Gambar 3.44 Route management profile ... 58
Gambar 3.45 Eloquent model tabel terms ... 59
Gambar 3.46 Fungsi index pada Syllable Controller ... 59
Gambar 3.47. Fungsi store pada syllable management ... 60
Gambar 3.48. Fungsi soft delete pada syllable management ... 60
Gambar 3.49. Kode untuk mengubah data donasi ... 61
Gambar 3.50 Observer pada tabel terms ... 62
Gambar 3.51 Route syllable management ... 62
Gambar 3.52 Eloquent model tabel donations ... 63
Gambar 3.53 Fungsi index dan soft delete pada donations management ... 63
Gambar 3.54 Route donations management ... 64
Gambar 3.55 Eloquent model data tabel contents ... 64
Gambar 3.56 Fungsi index dan ubah konten ... 65
Gambar 3.57 Helper pada contents management ... 65
Gambar 3.58 Route contents management ... 66
Gambar 3.59 Fungsi index pada Contribute Controller ... 66
Gambar 3.60 Fungsi untuk menyimpan donasi... 67
Gambar 3.61 Javascript untuk toast ... 67
Gambar 3.62 Hasil tampilan halaman awal ... 68
Gambar 3.63 Hasil tampilan about ... 68
Gambar 3.64 Hasil tampilan about (lanjutan) ... 68
Gambar 3.65 Hasil tampilan team ... 69
Gambar 3.66 Hasil tampilan register ... 69
Gambar 3.67 Hasil tampilan utama ... 70
Gambar 3.68 Hasil tampilan ubah profile ... 70
Gambar 3.69 Hasil toast setelah mengubah profile ... 71
Gambar 3.70 Hasil tampilan ubah kata sandi ... 71
Gambar 3.71 Hasil toast setelah mengubah kata sandi ... 72
Gambar 3.72 Hasil tampilan contribute ... 72
Gambar 3.73 Hasil tampilan contribute setelah merekam selama 5 detik ... 73
Gambar 3.74 Hasil tampilan validate ... 73
Gambar 3.75 Hasil tampilan halaman utama admin ... 74
Gambar 3.76 Hasil tampilan syllable management ... 74
Gambar 3.77 Modal untuk mengubah data syllable ... 75
Gambar 3.78 Modal untuk menambahkan data syllable ... 75
Gambar 3.79 Hasil tampilan content management ... 76
Gambar 3.80 Modal untuk mengubah data konten ... 76
Gambar 3.81 Hasil tampilan donations management ... 77 Gambar 3.82 Toast saat donasi di hapus ... 77
DAFTAR TABEL
Tabel 3.1 Realisasi Kerja Magang ... 22
Tabel 3.2 Tabel Users ... 29
Tabel 3.3 Tabel Terms ... 30
Tabel 3.4 Tabel Donations ... 31
Tabel 3.5 Tabel Contents ... 32
DAFTAR LAMPIRAN
1. Form KM-02
2. Surat Penerimaan Magang
3. Form KM-03 (Kartu Kerja Magang) 4. Form KM-04 (Kehadiran Kerja Magang)
5. Form KM-05 (Laporan Realisasi kerja Magang) 6. Form KM-07 (Lembar Verifikasi Laporan Magang) 7. Curriculum Vitae (CV)
80