Pembuatan Kamus Elektronik Jepang-Indonesia-Inggris Berbasis Web Dengan Mengacu Standar UNICODE.

(1)

Pembuatan Kamus Elektronik Jepang-Indonesia-Inggris

Berbasis Web Dengan Mengacu Standar Unicode

Yohannes Budianto Irawan / 0322080

Jurusan Teknik Elektro, Fakultas Teknik, Universitas Kristen Maranatha Jl. Prof. Drg. Suria Sumantri 65, Bandung 40164, Indonesia

Email : white_angel1st@yahoo.com

ABSTRAK

Bahasa Jepang merupakan salah satu bahasa yang banyak diminati oleh masyarakat Indonesia khususnya kaum muda. Untuk mempelajari bahasa Jepang, maka harus memperhatikan 3 jenis aksara yang dimiliki oleh bahasa itu sendiri, yakni aksara Hiragana, Katakana, dan Kanji.

Kamus elektronik Jepang-Indonesia-Inggris ini merupakan kamus untuk menerjemahkan kata dalam bahasa Indonesia ke bahasa Jepang, bahasa Inggris ke bahasa Jepang, bahasa Jepang ke bahasa Indonesia, dan bahasa Jepang ke bahasa Inggris. Dalam kamus elektronik ini bahasa Jepang yang dapat diterjemahkan hanya aksara Hiragana dan Katakana saja. Kamus ini dibuat dalam bentuk website dan terdapat virtual keyboard untuk memasukkan kata dalam huruf Jepang Hiragana dan Katakana. Selain itu dapat pula dilakukan penambahan data, pengubahan dan penghapusan data yang dapat dilakukan oleh administrator.

Program kamus elektronik Jepang-Indonesia-Inggris ini telah berhasil dibuat dan telah dilakukan beberapa percobaan dalam pencarian kata, penambahan, pengubahan dan penghapusan data dan hasilnya berjalan dengan baik.


(2)

ii

THE MAKING OF WEB BASED

JAPANESE-INDONESIA-ENGLISH DICTIONARY

BY REFERRING UNICODE STANDARD

Yohannes Budianto Irawan / 0322080

Electrical Engineering , Engineering Faculty, Maranatha Christian University

Prof. Drg. Suria Sumantri 65 Street, Bandung 40164, Indonesia Email : white_angel1st@yahoo.com

ABSTRACT

Japan language is one of language which many enthused by Indonesia public especially young clan. To study Japanese, we must pay attention to three type letter owned by itself language, namely letter Hiragana, Katakana, and Kanji.

This Japanese-Indonesian-English electronic dictionary is dictionary to translate word in Indonesian to Japanese, English to Japanese, Japanese to Indonesian, and Japanese to English. In this electronic dictionary translatable Japanese only letter Hiragana and Katakana only. This dictionary made in the form of website and there is virtual keyboard to input word in Japan letter Hiragana and Katakana. Besides earning also is done addition of data, transition and wiping out of data which can be done by administrator.

This Japanese-Indonesian-English electronic dictionary has been sucsesfull made and has been done some attempts in word seeking, addition, distorting and disposal of data and that run well.


(3)

iii

DAFTAR ISI

Lembar Pengesahan Surat Pernyataan

Lembar Pernyataan Persetujuan Publikasi

Abstrak ______________________________________________ i

Abstract ______________________________________________ ii

Kata Pengantar ________________________________________ iii

Daftar Isi _____________________________________________ iv

Daftar Gambar ________________________________________ viii

Daftar Tabel __________________________________________ x

Daftar Lampiran ______________________________________ xi

BAB I PENDAHULUAN

I.1 Latar Belakang ____________________________________ 1

I.2 Identifikasi Masalah ________________________________ 1

I.3 Tujuan __________________________________________ 2

I.4 Pembatasan Masalah _______________________________ 2

I.5 Sistematika Penulisan _______________________________ 2

BAB II DASAR TEORI

II.1 Unicode _________________________________________ 4

II.2 Penjelasan Bahasa Jepang ___________________________ 5

II.2.1 Tulisan Bahasa Jepang _________________________ 6

II.2.2 Tanda Baca __________________________________ 7

II.2.3 Angka dan Sistem Perhitungan ___________________ 7

II.2.4 Tata Bahasa __________________________________ 8

II.2.4.1 Infleksi dan Konjugasi (Kata Sambung) ________ 9

II.2.4.2 Adjektiva ________________________________ 9

II.2.4.3 Partikel (Dalam Bahasa Inggris yakni to be) ____ 10

II.2.4.4 Kesopanan _______________________________ 10


(4)

iv

II.2.5 Kanji _______________________________________ 10

II.2.6 Hiragana ____________________________________ 11

II.2.6.1 Kegunaan Hiragana ________________________ 11

II.2.6.2 Huruf – Huruf Hiragana ____________________ 12

II.2.7 Katakana ____________________________________ 13

II.2.8 Romaji ______________________________________ 14

II.3 Pengenalan Program Dreamweaver ___________________ 15

II.3.1 Mengenal Bagian Dreamweaver __________________ 15

II.3.2 Mengenal Toolbar _____________________________ 18

II.3.2.1 Toolbar Common _________________________ 19

II.3.2.2 Toolbar Layout ___________________________ 20

II.3.2.3 Toolbar Forms ____________________________ 21

II.3.2.4 Toolbar PHP _____________________________ 22

II.3.2.5 Toolbar Text _____________________________ 23

II.4 Pengenalan Xampp ________________________________ 24

II.5 Pengenalan PHP __________________________________ 24

II.5.1 Teknik Menulis Skrip __________________________ 24

II.5.2 Struktur Kontrol dan Perulangan _________________ 26

II.5.2.1 Kontrol Program dengan if __________________ 26

II.5.2.2 Kontrol Program dengan if-else ______________ 26

II.5.2.3 Kontrol Program dengan if-else-if _____________ 27

II.5.2.4 Kontrol Program dengan Parameter “?” dan “:” ___ 27

II.5.2.5 Perulangan dengan while ___________________ 28

II.5.2.6 Perulangan dengan for _____________________ 28

II.6 Pengenalan MySQL _______________________________ 29

II.6.1 Database dan Tabel dalam MySQL _______________ 30

II.6.2 Data Definition Language (DDL) _________________ 30

II.6.2.1 Menggunakan Perintah CREATE _____________ 30

II.6.2.2 Menggunakan Perintah ALTER ______________ 31

II.6.2.3 Menggunakan Perintah DROP _______________ 31

II.6.3 Data Manipulation Language (DML) ______________ 32


(5)

v

II.6.3.2 Menggunakan Perintah SELECT _____________ 32

II.6.3.3 Menggunakan Perintah UPDATE _____________ 32

II.6.3.4 Menggunakan Perintah DELETE _____________ 33

II.7 Koneksi PHP ke MySQL ____________________________ 33

II.7.1 Connectors dan APIs __________________________ 33

II.7.2 MySQL PHP API _____________________________ 37

II.7.2.1 MySQL API Extention _____________________ 37

II.7.2.2 MySQL Improved Extention (Mysqli) API Extention 40

II.7.2.3 MySQL Functions (PDO_MYSQL) API Extention 44

II.7.3 Connector/PHP _______________________________ 45

II.7.4 Catatan Tambahan ____________________________ 45

BAB III PERANCANGAN PROGRAM

III.1 Tampilan Program _______________________________ 50

III.1.1 Form Menu Utama ___________________________ 50

III.1.2 Form Kamus Indonesia – Jepang ________________ 52

III.1.3 Form Kamus Inggris – Jepang __________________ 53

III.1.4 Form Kamus Jepang (Hiragana) – Indonesia _______ 54

III.1.5 Form Kamus Jepang (Katakana) – Indonesia _______ 56

III.1.6 Form Kamus Jepang (Hiragana) – Inggris _________ 57

III.1.7 Form Kamus Jepang (Katakana) – Inggris _________ 59

III.1.8 Form Login Menambah Data ___________________ 60

III.1.9 Form Menambah Data ________________________ 61

III.1.10 Form Login Ubah dan Hapus Data ______________ 63

III.1.11 Form Menu Ubah dan Hapus Data ______________ 64

III.1.12 Form Ubah Data ____________________________ 65

III.2 Diagram Blok Sistem _____________________________ 66

III.3 Flowchart Program _______________________________ 67

III.3.1 Flowchart Menu Utama dan Searching ___________ 68

III.3.2 Flowchart Menambah Data _____________________ 69

III.3.3 Flowchart Ubah dan Hapus Data ________________ 70

III.4 Listing Program __________________________________ 70


(6)

vi

III.4.2 Program Menambah Data ______________________ 73

III.4.3 Program Hapus Data __________________________ 76

III.4.4 Proses Pengubahan Unicode ____________________ 76

III.5 Desain Database _________________________________ 78

III.5.1 Mempersiapkan Database dan Tabel _____________ 78

III.5.2 Membuat File Koneksi Server MySQL ___________ 80

BAB IV DATA PENGAMATAN DAN ANALISA DATA

IV.1 Tampilan Program ________________________________ 82

IV.1.1 Mencari Kata Indonesia – Jepang ________________ 82

IV.1.2 Mencari Kata Inggris – Jepang __________________ 83

IV.1.3 Mencari Kata Jepang (Hiragana) – Indonesia _______ 84

IV.1.4 Mencari Kata Jepang (Katakana) – Indonesia _______ 85

IV.1.5 Mencari Kata Jepang (Hiragana) – Inggris _________ 86

IV.1.6 Mencari Kata Jepang (Katakana) – Inggris _________ 87

IV.1.7 Login Administrator __________________________ 88

IV.1.8 Menambah Data _____________________________ 89

IV.1.9 Mengubah Data ______________________________ 90

IV.1.10 Menghapus Data ____________________________ 91

IV.2 Percobaan Pembuktian ____________________________ 92

IV.3 Tampilan Database _______________________________ 92

IV.3.1 Tabel Kamus ________________________________ 92

IV.3.2 Tabel Password ______________________________ 93

IV.4 Analisis Data Pengamatan __________________________ 94

BAB V KESIMPULAN DAN SARAN

V.1 Kesimpulan ______________________________________ 95

V.2 Saran ___________________________________________ 95

DAFTAR PUSTAKA ___________________________________ 96

LAMPIRAN A: UNICODE LAMPIRAN B: Listing Program


(7)

vii

DAFTAR GAMBAR

Gambar II.1 Standart Unicode pada Microsoft Word 2007 ________ 5 Gambar II.2 Gambar Tampilan Utama _______________________ 16 Gambar II.3 Gambar Halaman Kerja 1 _______________________ 16 Gambar II.4 Gambar Halaman Kerja 2 _______________________ 17 Gambar II.5 Gambar Halaman Kode dan Desain _______________ 18 Gambar II.6 Gambar Toolbar Common _______________________ 19 Gambar II.7 Gambar Toolbar Layout ________________________ 20 Gambar II.8 Gambar Toolbar Forms _________________________ 21 Gambar II.9 Gambar Toolbar PHP __________________________ 22 Gambar II.10 Gambar Toolbar Text __________________________ 23 Gambar III.1 Tampilan Form Menu Utama ____________________ 50 Gambar III.2 Tampilan Form Kamus Indonesia – Jepang _________ 52 Gambar III.3 Tampilan Form Kamus Inggris – Jepang ___________ 53 Gambar III.4 Tampilan Form Kamus Hiragana – Indonesia _______ 54 Gambar III.5 Tampilan Form Kamus Katakana – Indonesia _______ 56 Gambar III.6 Tampilan Form Kamus Hiragana – Inggris _________ 57 Gambar III.7 Tampilan Form Kamus Katakana – Inggris _________ 59 Gambar III.8 Tampilan Form Login Menambah Data ____________ 60 Gambar III.9 Tampilan Form Menambah Data _________________ 61 Gambar III.10 Tampilan Form Login Ubah dan Hapus Data ______ 63 Gambar III.11 Tampilan Form Menu Ubah dan Hapus Data ______ 64 Gambar III.12 Tampilan Form Ubah Data _____________________ 65 Gambar III.13 Diagram Blok Sistem _________________________ 67 Gambar III.14 Flowchart Menu Utama dan Searching ___________ 68 Gambar III.15 Flowchart Menambah Data ____________________ 69 Gambar III.16 Flowchart Ubah dan Hapus Data ________________ 70 Gambar IV.1 Tampilan Mencari Kata Indonesia – Jepang ________ 82 Gambar IV.2 Tampilan Mencari Kata Inggris – Jepang __________ 83 Gambar IV.3 Tampilan Mencari Kata Hiragana – Indonesia ______ 84 Gambar IV.4 Tampilan Mencari Kata Katakana – Indonesia ______ 85


(8)

viii

Gambar IV.5 Tampilan Mencari Kata Hiragana – Inggris _________ 86 Gambar IV.6 Tampilan Mencari Kata Katakana – Inggris ________ 87 Gambar IV.7 Tampilan Warning Login _______________________ 88 Gambar IV.8 Tampilan Menambah Data _____________________ 89 Gambar IV.9 Tampilan Mengubah Data ______________________ 90 Gambar IV.10 Tampilan Menghapus Data ____________________ 91 Gambar IV.11 Tampilan Tabel Kamus _______________________ 93 Gambar IV.12 Tampilan Tabel Password _____________________ 93


(9)

ix

DAFTAR TABEL

Tabel II.1 Daftar Angka ___________________________________ 7 Tabel II.2 Huruf Hiragana _________________________________ 12 Tabel II.3 Huruf Katakana Standar __________________________ 13 Tabel II.4 Huruf Katakana Tambahan ________________________ 14 Tabel II.5 Tabel Keterangan Ikon Toolbar Common _____________ 19 Tabel II.6 Tabel Keterangan Ikon Toolbar Layout _______________ 20 Tabel II.7 Tabel Keterangan Ikon Toolbar Forms _______________ 21 Tabel II.8 Tabel Keterangan Ikon Toolbar PHP ________________ 22 Tabel II.9 Tabel Keterangan Ikon Toolbar Text ________________ 23 Tabel II.10 MySQL Connector versions and MySQL Server versions 35 Tabel II.11 MySQL APIs and Interfaces ______________________ 36 Tabel II.12 Tabel perbandingan kemampuan ke tiga metoda-metoda

utama yang menghubungkan PHP dan MySQL _______ 49 Tabel III.1 Tabel Komponen Form Menu Utama _______________ 51 Tabel III.2 Tabel Komponen Form Kamus Indonesia – Jepang ____ 52 Tabel III.3 Tabel Komponen Form Kamus Inggris – Jepang ______ 54 Tabel III.4 Tabel Komponen Form Kamus Hiragana – Indonesia ___ 55 Tabel III.5 Tabel Komponen Form Kamus Katakana – Indonesia __ 56 Tabel III.6 Tabel Komponen Form Kamus Hiragana – Inggris _____ 58 Tabel III.7 Tabel Komponen Form Kamus Katakana – Inggris ____ 59 Tabel III.8 Tabel Komponen Form Login Menambah Data _______ 61 Tabel III.9 Tabel Komponen Form Menambah Data ____________ 62 Tabel III.10 Tabel Komponen Form Login Ubah dan Hapus Data __ 63 Tabel III.11 Tabel Komponen Form Menu Ubah dan Hapus Data __ 65 Tabel III.12 Tabel Komponen Form Ubah Data ________________ 66 Tabel III.13 Rancangan Pembuatan Tabel Password _____________ 79 Tabel III.14 Rancangan Pembuatan Tabel Kamus ______________ 79


(10)

x

DAFTAR LAMPIRAN

A. UNICODE ___________________________________________ A-1 B. Listing Program _______________________________________ B-1


(11)

LAMPIRAN A

A. UNICODE

Hiragana

3041 ࠵ = HIRAGANA LETTER SMALL A

3042 ࠶ = HIRAGANA LETTER A

3043 ࠷ = HIRAGANA LETTER SMALL I

3044 ࠸ = HIRAGANA LETTER I

3045 ࠹ = HIRAGANA LETTER SMALL U

3046 ࠺ = HIRAGANA LETTER U

3047 ࠻ = HIRAGANA LETTER SMALL E

3048 ࠼ = HIRAGANA LETTER E

3049 ࠽ = HIRAGANA LETTER SMALL O

304A ࠾ = HIRAGANA LETTER O

304B ࠿ = HIRAGANA LETTER KA

304C ࡀ = HIRAGANA LETTER GA

304D ࡁ = HIRAGANA LETTER KI

304E ࡂ = HIRAGANA LETTER GI

304F ࡃ = HIRAGANA LETTER KU

3050 ࡄ = HIRAGANA LETTER GU

3051 ࡅ = HIRAGANA LETTER KE

3052 ࡆ = HIRAGANA LETTER GE

3053 ࡇ = HIRAGANA LETTER KO

3054 ࡈ = HIRAGANA LETTER GO

3055 ࡉ = HIRAGANA LETTER SA

3056 ࡊ = HIRAGANA LETTER ZA


(12)

3058 ࡌ = HIRAGANA LETTER ZI

3059 ࡍ = HIRAGANA LETTER SU

305A ࡎ = HIRAGANA LETTER ZU

305B ࡏ = HIRAGANA LETTER SE

305C ࡐ = HIRAGANA LETTER ZE

305D ࡑ = HIRAGANA LETTER SO

305E ࡒ = HIRAGANA LETTER ZO

305F ࡓ = HIRAGANA LETTER TA

3060 ࡔ = HIRAGANA LETTER DA

3061 ࡕ = HIRAGANA LETTER TI

3062 ࡖ = HIRAGANA LETTER DI

3063 ࡗ = HIRAGANA LETTER SMALL TU

3064 ࡘ = HIRAGANA LETTER TU

3065 ࡙ = HIRAGANA LETTER DU

3066 ࡚ = HIRAGANA LETTER TE

3067 ࡛ = HIRAGANA LETTER DE

3068 ࡜ = HIRAGANA LETTER TO

3069 ࡝ = HIRAGANA LETTER DO

306A ࡞ = HIRAGANA LETTER NA

306B ࡟ = HIRAGANA LETTER NI

306C ࡠ = HIRAGANA LETTER NU

306D ࡡ = HIRAGANA LETTER NE

306E ࡢ = HIRAGANA LETTER NO

306F ࡣ = HIRAGANA LETTER HA

3070 ࡤ = HIRAGANA LETTER BA

3071 ࡥ = HIRAGANA LETTER PA

3072 ࡦ = HIRAGANA LETTER HI


(13)

3074 ࡨ = HIRAGANA LETTER PI

3075 ࡩ = HIRAGANA LETTER HU

3076 ࡪ = HIRAGANA LETTER BU

3077 ࡫ = HIRAGANA LETTER PU

3078 ࡬ = HIRAGANA LETTER HE

3079 ࡭ = HIRAGANA LETTER BE

307A ࡮ = HIRAGANA LETTER PE

307B ࡯ = HIRAGANA LETTER HO

307C ࡰ = HIRAGANA LETTER BO

307D ࡱ = HIRAGANA LETTER PO

307E ࡲ = HIRAGANA LETTER MA

307F ࡳ = HIRAGANA LETTER MI

3080 ࡴ = HIRAGANA LETTER MU

3081 ࡵ = HIRAGANA LETTER ME

3082 ࡶ = HIRAGANA LETTER MO

3083 ࡷ = HIRAGANA LETTER SMALL YA

3084 ࡸ = HIRAGANA LETTER YA

3085 ࡹ = HIRAGANA LETTER SMALL YU

3086 ࡺ = HIRAGANA LETTER YU

3087 ࡻ = HIRAGANA LETTER SMALL YO

3088 ࡼ = HIRAGANA LETTER YO

3089 ࡽ = HIRAGANA LETTER RA

308A ࡾ = HIRAGANA LETTER RI

308B ࡿ = HIRAGANA LETTER RU

308C ࢀ = HIRAGANA LETTER RE

308D ࢁ = HIRAGANA LETTER RO

308E ࢂ = HIRAGANA LETTER SMALL WA


(14)

3090 ࢄ = HIRAGANA LETTER WI

3091 ࢅ = HIRAGANA LETTER WE

3092 ࢆ = HIRAGANA LETTER WO

3093 ࢇ = HIRAGANA LETTER N

3094 ࢈ = HIRAGANA LETTER VU

3095 ࢉ = HIRAGANA LETTER SMALL KA

3096 ゖ = HIRAGANA LETTER SMALL KE

Katakana

30A1 ࢓ = KATAKANA LETTER SMALL A

30A2 ࢔ = KATAKANA LETTER A

30A3 ࢕ = KATAKANA LETTER SMALL I

30A4 ࢖ = KATAKANA LETTER I

30A5 ࢗ = KATAKANA LETTER SMALL U

30A6 ࢘ = KATAKANA LETTER U

30A7 ࢙ = KATAKANA LETTER SMALL E

30A8 ࢚ = KATAKANA LETTER E

30A9 ࢛ = KATAKANA LETTER SMALL O

30AA ࢜ = KATAKANA LETTER O

30AB ࢝ = KATAKANA LETTER KA

30AC ࢞ = KATAKANA LETTER GA

30AD ࢟ = KATAKANA LETTER KI

30AE ࢠ = KATAKANA LETTER GI

30AF ࢡ = KATAKANA LETTER KU

30B0 ࢢ = KATAKANA LETTER GU

30B1 ࢣ = KATAKANA LETTER KE

30B2 ࢤ = KATAKANA LETTER GE


(15)

30B4 ࢦ = KATAKANA LETTER GO

30B5 ࢧ = KATAKANA LETTER SA

30B6 ࢨ = KATAKANA LETTER ZA

30B7 ࢩ = KATAKANA LETTER SI

30B8 ࢪ = KATAKANA LETTER ZI

30B9 ࢫ = KATAKANA LETTER SU

30BA ࢬ = KATAKANA LETTER ZU

30BB ࢭ = KATAKANA LETTER SE

30BC ࢮ = KATAKANA LETTER ZE

30BD ࢯ = KATAKANA LETTER SO

30BE ࢰ = KATAKANA LETTER ZO

30BF ࢱ = KATAKANA LETTER TA

30C0 ࢲ = KATAKANA LETTER DA

30C1 ࢳ = KATAKANA LETTER TI

30C2 ࢴ = KATAKANA LETTER DI

30C3 ࢵ = KATAKANA LETTER SMALL TU

30C4 ࢶ = KATAKANA LETTER TU

30C5 ࢷ = KATAKANA LETTER DU

30C6 ࢸ = KATAKANA LETTER TE

30C7 ࢹ = KATAKANA LETTER DE

30C8 ࢺ = KATAKANA LETTER TO

30C9 ࢻ = KATAKANA LETTER DO

30CA ࢼ = KATAKANA LETTER NA

30CB ࢽ = KATAKANA LETTER NI

30CC ࢾ = KATAKANA LETTER NU

30CD ࢿ = KATAKANA LETTER NE

30CE ࣀ = KATAKANA LETTER NO


(16)

30D0 ࣂ = KATAKANA LETTER BA

30D1 ࣃ = KATAKANA LETTER PA

30D2 ࣄ = KATAKANA LETTER HI

30D3 ࣅ = KATAKANA LETTER BI

30D4 ࣆ = KATAKANA LETTER PI

30D5 ࣇ = KATAKANA LETTER HU

30D6 ࣈ = KATAKANA LETTER BU

30D7 ࣉ = KATAKANA LETTER PU

30D8 ࣊ = KATAKANA LETTER HE

30D9 ࣋ = KATAKANA LETTER BE

30DA ࣌ = KATAKANA LETTER PE

30DB ࣍ = KATAKANA LETTER HO

30DC ࣎ = KATAKANA LETTER BO

30DD ࣏ = KATAKANA LETTER PO

30DE ࣐ = KATAKANA LETTER MA

30DF ࣑ = KATAKANA LETTER MI

30E0 ࣒ = KATAKANA LETTER MU

30E1 ࣓ = KATAKANA LETTER ME

30E2 ࣔ = KATAKANA LETTER MO

30E3 ࣕ = KATAKANA LETTER SMALL YA

30E4 ࣖ = KATAKANA LETTER YA

30E5 ࣗ = KATAKANA LETTER SMALL YU

30E6 ࣘ = KATAKANA LETTER YU

30E7 ࣙ = KATAKANA LETTER SMALL YO

30E8 ࣚ = KATAKANA LETTER YO

30E9 ࣛ = KATAKANA LETTER RA

30EA ࣜ = KATAKANA LETTER RI


(17)

30EC ࣞ = KATAKANA LETTER RE

30ED ࣟ = KATAKANA LETTER RO

30EE ࣠ = KATAKANA LETTER SMALL WA

30EF ࣡ = KATAKANA LETTER WA

30F0 ࣢ = KATAKANA LETTER WI

30F1 ࣣ = KATAKANA LETTER WE

30F2 ࣤ = KATAKANA LETTER WO

30F3 ࣥ = KATAKANA LETTER N

30F4 ࣦ = KATAKANA LETTER VU

30F5 ࣧ = KATAKANA LETTER SMALL KA

30F6 ࣨ = KATAKANA LETTER SMALL KE

30F7 ࣩ = KATAKANA LETTER VA

30F8 ࣪ = KATAKANA LETTER VI

30F9 ࣫ = KATAKANA LETTER VE


(18)

LAMPIRAN B

LISTING PROGRAM B.1 Form Halaman Utama

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Kamus Utama</title>

<style type="text/css"> <!--

.style1 {color: #FFFFFF}

.style6 {color: #FFFFFF; font-size: 18px; } -->

</style> </head>

<body>

<table width="1000" align="center"> <tr>

<td colspan="2"><pre>

<img src="Animated-Flag-Indonesia.gif" width="40" height="30" /> <img src="Animated-Flag-United-Kingdom.gif" width="40" height="30" /> <img src="jp-flag1.gif" width="40" height="30" />

<img src="k.gif" width="45" height="72" /> <img src="a.gif" width="35" height="60" /> <img src="m.gif" width="42" height="60" /> <img src="u.gif" width="36" height="60" /> <img src="s.gif" width="30" height="60" /> <img src="e.gif" width="45" height="72" /> <img src="l.gif" width="30" height="60" /> <img src="e.gif" width="35" height="60" /> <img src="k.gif" width="35" height="60" /> <img src="t.gif" width="32" height="60" /> <img src="r.gif" width="34" height="60" /> <img src="o.gif" width="30" height="60" /> <img src="n.gif" width="35" height="60" /> <img src="i.gif" width="12" height="60" /> <img src="k.gif" width="35" height="60" />

<embed src="5007-black.swf" width="200" height="50" align="baseline" wmode="transparent" type="application/x-shockwave-flash">

<br />

<img src="i.gif" width="12" height="60" /> <img src="n.gif" width="30" height="52" />


(19)

<img src="d.gif" width="27" height="52" /> <img src="o.gif" width="25" height="52" /> <img src="n.gif" width="30" height="52" /> <img src="e.gif" width="30" height="52" /> <img src="s.gif" width="25" height="52" /> <img src="i.gif" width="7" height="52" /> <img src="a.gif" width="30" height="52" />

<img src="121154vmqwujj6i0.gif" width="30" height="29" vspace="17" align="baseline" /> <img src="i.gif" width="12" height="60" />

<img src="n.gif" width="30" height="52" /> <img src="g.gif" width="25" height="52" /> <img src="g.gif" width="25" height="52" /> <img src="r.gif" width="29" height="52" /> <img src="i.gif" width="7" height="52" /> <img src="s.gif" width="25" height="52" />

<img src="121154vmqwujj6i0.gif" width="30" height="29" vspace="17" /> <img src="j.gif" width="18" height="60" />

<img src="e.gif" width="30" height="52" /> <img src="p.gif" width="25" height="52" /> <img src="a.gif" width="30" height="52" /> <img src="n.gif" width="30" height="52" /> <img src="g.gif" width="25" height="52" /></pre> </td>

</tr> <tr>

<td bgcolor="#006600"><span class="style6">Pilih Kamus :</span></td> <td bgcolor="#006600"><span class="style6">Manajemen Data ( Hanya untuk Administrator ) :</span></td>

</tr> <tr>

<td width="494" height="99"> <ul>

<li><a href="indonesia_jepang.php" target="_self">Indonesia - Jepang</a></li>

<li><a href="inggris_jepang.php" target="_self">Inggris - Jepang</a></li>

<li><a href="hiragana_indonesia.php" target="_self">Jepang (Hiragana) - Indonesia</a></li>

<li><a href="katakana_indonesia.php" target="_self">Jepang (Katakana) - Indonesia</a></li>

<li><a href="hiragana_inggris.php" target="_self">Jepang (Hiragana) - Inggris</a></li>

<li><a href="katakana_inggris.php" target="_self">Jepang (Katakana) - Inggris</a></li>

</ul>

</td> <td width="494">


(20)

<ul>

<li><a href="user_menambah.php" target="_self">Menambah Data Kamus</a></li>

<li><a href="user_ubah.php" target="_self">Ubah dan Hapus Data Kamus</a></li>

<li class="style1">-</li> <li class="style1">-</li> <li class="style1">-</li> <li class="style1">-</li> </ul>

</td> </tr> </table> </body> </html>

B.2 Form Kamus Indonesia – Jepang

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Indonesia - Jepang</title>

<style type="text/css"> <!--

.style6 {color: #FFFFFF; font-size: 18px; } .style8 {color: #000000; font-size: 18px; }

.style9 {color: #000000}

-->

</style> </head>

<body>

<form action="search_indonesia.php" method="post" name="form1" target="_self" id="form1">

<table width="1000" align="center">

<tr>

<td colspan="2"> <div align="center">

<h1><u>Kamus Elektronik</u></h1>

<h1><u>Indonesia - Inggris - Jepang</u></h1> </div>

</td>

</tr>

<tr>

<td bgcolor="#00FF00"><span class="style8">Kamus Indonesia - Jepang</span></td>


(21)

<td bgcolor="#00FF00"> <span class="style6">

<span class="style9">Cari :</span> <label>

<input name="TxtIndonesia" type="text" id="TxtIndonesia" size="25" maxlength="50" />

</label> <label>

<input type="submit" name="button1" id="button1" value="&gt;&gt;" />

</label> </span> </td>

</tr>

<tr>

<td width="494" height="99"> <label>

<div align="center"><br/>Kata yang dicari :</div> <div align="right">

<textarea name="AreaIndonesia" id="AreaIndonesia" cols="58" rows="5">

<?php print ($data1); ?></textarea> </div>

</label> </td>

<td width="494">

<div align="right"><a href="Kamus_utama.html" target="_self">Menu Utama</a></div>

<div align="center">Hasil pencarian :<br/></div>

<textarea name="AreaJepang" cols="58" rows="5" id="AreaJepang" ><?php print ($data2); ?></textarea>

</td>

</tr>

</table> </form> </body>

</html>

B.3 Form Kamus Inggris – Jepang

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Inggris - Jepang</title>


(22)

<!--

.style1 {color: #FFFFFF}

.style6 {color: #FFFFFF; font-size: 18px; } -->

</style> </head>

<body>

<form action="search_inggris.php" method="post" name="form1" target="_self" id="form1">

<table width="1000" align="center">

<tr>

<td colspan="2"> <div align="center">

<h1><u>Kamus Elektronik</u></h1>

<h1><u>Indonesia - Inggris - Jepang</u></h1> </div>

</td>

</tr>

<tr>

<td bgcolor="#333300"><span class="style6">Kamus Inggris - Jepang</span></td>

<td bgcolor="#333300"> <span class="style6">Cari : <label>

<input name="TxtInggris" type="text" id="TxtInggris" size="25" maxlength="50" />

</label> <label>

<input type="submit" name="button1" id="button1" value="&gt;&gt;" />

</label> </span> </td>

</tr>

<tr>

<td width="494" height="99"> <label>

<div align="center"><br/>Kata yang dicari :</div> <div align="right">

<textarea name="AreaInggris" id="AreaInggris" cols="58" rows="5"><?php print ($data1); ?></textarea>

</div> </label> </td>

<td width="494">

<div align="right"><a href="Kamus_utama.html" target="_self">Menu Utama</a></div>


(23)

<div align="center">Hasil pencarian :<br/></div>

<textarea name="AreaJepang" cols="58" rows="5" id="AreaJepang" ><?php print ($data2); ?></textarea>

</td>

</tr>

</table> </form> </body>

</html>

B.4 Form Kamus Jepang (Hiragana) – Indonesia

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Jepang (Hiragana) - Indonesia</title>

<style type="text/css"> <!--

.style6 {color: #FFFFFF; font-size: 18px; }

.style10 {color: #FFFFFF}

-->

</style>

<script language="javascript"> function ditekan(data)

{ document.form1.TxtJepang.value = document.form1.TxtJepang.value + data;}

</script> </head>

<body>

<form action="search_hiragana_indonesia.php" method="post" name="form1" target="_self" id="form1">

<table width="1000" align="center"> <tr>

<td colspan="6"> <div align="center">

<h1><u>Kamus Elektronik</u></h1>

<h1><u>Indonesia - Inggris - Jepang</u></h1> </div>

</td> </tr> <tr>

<td colspan="3" bgcolor="#660000">

<span class="style6">Kamus Jepang ( Hiragana ) - Indonesia</span> </td>


(24)

<span class="style6">Cari : <span class="style10"> <label> </label> </span>

<label>

<input name="TxtJepang" type="text" id="TxtJepang" size="25" maxlength="50" />

</label> <label>

<input type="submit" name="button1" id="button1" value="&gt;&gt;" />

</label> </span> </td> </tr> <tr>

<td colspan="3"> <label>

<div align="center"><br/>Kata yang dicari : </div> <div align="right">

<textarea name="AreaJepang" id="AreaJepang" cols="58" rows="5"><?php print ($data1); ?></textarea>

</div> </label> </td>

<td colspan="3" >

<div align="right"><a href="Kamus_utama.html" target="_self">Menu Utama</a></div>

<div align="center">Hasil pencarian :<br/></div>

<textarea name="AreaIndonesia" cols="58" rows="5" id="AreaIndonesia" ><?php print ($data2); ?></textarea>

</td> </tr> <tr>

<td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr>

<tr>

<td width="195"> <div align="center">

<input type="button" name="a" onClick="ditekan('&#x3041;')" value="&#x3041;" />


(25)

<input type="button" name="i" onClick="ditekan('&#x3043;')" value="&#x3043;" />

<input type="button" name="u" onClick="ditekan('&#x3045;')" value="&#x3045;" />

<input type="button" name="e" onClick="ditekan('&#x3047;')" value="&#x3047;" />

<input type="button" name="o" onClick="ditekan('&#x3049;')" value="&#x3049;" />

</div> </td>

<td width="195"> <div align="center">

<input type="button" name="A" onClick="ditekan('&#x3042;')" value="&#x3042;" />

<input type="button" name="I" onClick="ditekan('&#x3044;')" value="&#x3044;" />

<input type="button" name="U" onClick="ditekan('&#x3046;')" value="&#x3046;" />

<input type="button" name="E" onClick="ditekan('&#x3048;')" value="&#x3048;" />

<input type="button" name="O" onClick="ditekan('&#x304A;')" value="&#x304A;" />

</div> </td>

<td colspan="2"> <div align="center">

<input type="button" name="KA" onClick="ditekan('&#x304B;')" value="&#x304B;" />

<input type="button" name="KI" onClick="ditekan('&#x304D;')" value="&#x304D;" />

<input type="button" name="KU" onClick="ditekan('&#x304F;')" value="&#x304F;" />

<input type="button" name="KE" onClick="ditekan('&#x3051;')" value="&#x3051;" />

<input type="button" name="KO" onClick="ditekan('&#x3053;')" value="&#x3053;" />

</div> </td>

<td width="195"> <div align="center">

<input type="button" name="SA" onClick="ditekan('&#x3055;')" value="&#x3055;" />

<input type="button" name="SHI" onClick="ditekan('&#x3057;')" value="&#x3057;" />

<input type="button" name="SU" onClick="ditekan('&#x3059;')" value="&#x3059;" />


(26)

<input type="button" name="SE" onClick="ditekan('&#x305B;')" value="&#x305B;" />

<input type="button" name="SO" onClick="ditekan('&#x305D;')" value="&#x305D;" />

</div> </td>

<td width="195"> <div align="center">

<input type="button" name="TA" onClick="ditekan('&#x305F;')" value="&#x305F;" />

<input type="button" name="CHI" onClick="ditekan('&#x3061;')" value="&#x3061;" />

<input type="button" name="TSU" onClick="ditekan('&#x3064;')" value="&#x3064;" />

<input type="button" name="TE" onClick="ditekan('&#x3066;')" value="&#x3066;" />

<input type="button" name="TO" onClick="ditekan('&#x3068;')" value="&#x3068;" />

</div> </td> </tr> <tr> <td>

<div align="center">

<input type="button" name="NA" onClick="ditekan('&#x306A;')" value="&#x306A;" />

<input type="button" name="NI" onClick="ditekan('&#x306B;')" value="&#x306B;" />

<input type="button" name="NU" onClick="ditekan('&#x306C;')" value="&#x306C;" />

<input type="button" name="NE" onClick="ditekan('&#x306D;')" value="&#x306D;" />

<input type="button" name="NO" onClick="ditekan('&#x306E;')" value="&#x306E;" />

</div> </td> <td>

<div align="center">

<input type="button" name="HA" onClick="ditekan('&#x306F;')" value="&#x306F;" />

<input type="button" name="HI" onClick="ditekan('&#x3072;')" value="&#x3072;" />

<input type="button" name="FU" onClick="ditekan('&#x3075;')" value="&#x3075;" />

<input type="button" name="HE" onClick="ditekan('&#x3078;')" value="&#x3078;" />


(27)

<input type="button" name="HO" onClick="ditekan('&#x307B;')" value="&#x307B;" />

</div> </td>

<td colspan="2"> <div align="center">

<input type="button" name="MA" onClick="ditekan('&#x307E;')" value="&#x307E;" />

<input type="button" name="MI" onClick="ditekan('&#x307F;')" value="&#x307F;" />

<input type="button" name="MU" onClick="ditekan('&#x3080;')" value="&#x3080;" />

<input type="button" name="ME" onClick="ditekan('&#x3081;')" value="&#x3081;" />

<input type="button" name="MO" onClick="ditekan('&#x3082;')" value="&#x3082;" />

</div> </td> <td>

<div align="center">

<input type="button" name="RA" onClick="ditekan('&#x3089;')" value="&#x3089;" />

<input type="button" name="RI" onClick="ditekan('&#x308A;')" value="&#x308A;" />

<input type="button" name="RU" onClick="ditekan('&#x308B;')" value="&#x308B;" />

<input type="button" name="RE" onClick="ditekan('&#x308C;')" value="&#x308C;" />

<input type="button" name="RO" onClick="ditekan('&#x308D;')" value="&#x308D;" />

</div> </td> <td>

<div align="center">

<input type="button" name="GA" onClick="ditekan('&#x304C;')" value="&#x304C;" />

<input type="button" name="GI" onClick="ditekan('&#x304E;')" value="&#x304E;" />

<input type="button" name="GU" onClick="ditekan('&#x3050;')" value="&#x3050;" />

<input type="button" name="GE" onClick="ditekan('&#x3052;')" value="&#x3052;" />

<input type="button" name="GO" onClick="ditekan('&#x3054;')" value="&#x3054;" />

</div> </td> </tr>


(28)

<tr> <td>

<div align="center">

<input type="button" name="ZA" onClick="ditekan('&#x3056;')" value="&#x3056;" />

<input type="button" name="JI" onClick="ditekan('&#x3058;')" value="&#x3058;" />

<input type="button" name="ZU" onClick="ditekan('&#x305A;')" value="&#x305A;" />

<input type="button" name="ZE" onClick="ditekan('&#x305C;')" value="&#x305C;" />

<input type="button" name="ZO" onClick="ditekan('&#x305E;')" value="&#x305E;" />

</div> </td> <td>

<div align="center">

<input type="button" name="DA" onClick="ditekan('&#x3060;')" value="&#x3060;" />

<input type="button" name="JI" onClick="ditekan('&#x3062;')" value="&#x3062;" />

<input type="button" name="ZU" onClick="ditekan('&#x3065;')" value="&#x3065;" />

<input type="button" name="DE" onClick="ditekan('&#x3067;')" value="&#x3067;" />

<input type="button" name="DO" onClick="ditekan('&#x3069;')" value="&#x3069;" />

</div> </td>

<td colspan="2"> <div align="center">

<input type="button" name="BA" onClick="ditekan('&#x3070;')" value="&#x3070;" />

<input type="button" name="BI" onclick="ditekan('&#x3073;')" value="&#x3073;" />

<input type="button" name="BU" onClick="ditekan('&#x3076;')" value="&#x3076;" />

<input type="button" name="BE" onClick="ditekan('&#x3079;')" value="&#x3079;" />

<input type="button" name="BO" onClick="ditekan('&#x307C;')" value="&#x307C;" />

</div> </td> <td>

<div align="center">

<input type="button" name="PA" onClick="ditekan('&#x3071;')" value="&#x3071;" />


(29)

<input type="button" name="PI" onClick="ditekan('&#x3074;')" value="&#x3074;" />

<input type="button" name="PU" onClick="ditekan('&#x3077;')" value="&#x3077;" />

<input type="button" name="PE" onClick="ditekan('&#x307A;')" value="&#x307A;" />

<input type="button" name="PO" onClick="ditekan('&#x307D;')" value="&#x307D;" />

</div> </td> <td>

<div align="center">

<input type="button" name="WA" onClick="ditekan('&#x308F;')" value="&#x308F;" />

<input type="button" name="WI" onClick="ditekan('&#x3090;')" value="&#x3090;" />

<input type="button" name="WE" onClick="ditekan('&#x3091;')" value="&#x3091;" />

<input type="button" name="WO" onClick="ditekan('&#x3092;')" value="&#x3092;" />

<input type="button" name="N" onClick="ditekan('&#x3093;')" value="&#x3093;" />

</div> </td> </tr> <tr> <td>

<div align="center">

<input type="button" name="YA" onClick="ditekan('&#x3084;')" value="&#x3084;" />

<input type="button" name="YU" onClick="ditekan('&#x3086;')" value="&#x3086;" />

<input type="button" name="YO" onClick="ditekan('&#x3088;')" value="&#x3088;" />

</div> </td>

<td>

<div align="center">

<input type="button" name="ya" onClick="ditekan('&#x3083;')" value="&#x3083;" />

<input type="button" name="yu" onClick="ditekan('&#x3085;')" value="&#x3085;" />

<input type="button" name="yo" onClick="ditekan('&#x3087;')" value="&#x3087;" />

</div> </td>


(30)

<div align="center">

<input type="button" name="tu" onClick="ditekan('&#x3063;')" value="&#x3063;" />

<input type="button" name="wa" onClick="ditekan('&#x308E;')" value="&#x308E;" />

<input type="button" name="VU" onClick="ditekan('&#x3094;')" value="&#x3094;" />

<input type="button" name="ka" onClick="ditekan('&#x3095;')" value="&#x3095;" />

<input type="button" name="ke" onClick="ditekan('&#x3096;')" value="&#x3096;" />

</div> </td>

<td>&nbsp;</td> <td>&nbsp;</td> </tr>

</table> </form> </body> </html>

B.5 Form Kamus Jepang (Katakana) – Indonesia

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Jepang (Katakana) - Indonesia</title> <style type="text/css">

<!--

.style6 {color: #FFFFFF; font-size: 18px; }

.style10 {color: #FFFFFF}

-->

</style>

<script language="javascript"> function ditekan(data)

{document.form1.TxtJepang.value = document.form1.TxtJepang.value + data;}

</script> </head>

<body>

<form action="search_katakana_indonesia.php" method="post" name="form1" target="_self" id="form1">

<table width="1000" align="center">


(31)

<td colspan="6"> <div align="center">

<h1><u>Kamus Elektronik</u></h1>

<h1><u>Indonesia - Inggris - Jepang</u></h1> </div>

</td>

</tr>

<tr>

<td colspan="3" bgcolor="#000000">

<span class="style6">Kamus Jepang ( Katakana ) - Indonesia</span> </td>

<td colspan="3" bgcolor="#000000"> <span class="style6">Cari :

<span class="style10"></span> <label>

<input name="TxtJepang" type="text" id="TxtJepang" size="25" maxlength="50" />

</label> <label>

<input type="submit" name="button1" id="button1" value="&gt;&gt;" />

</label> </span> </td>

</tr>

<tr>

<td colspan="3"> <label>

<div align="center"><br/>Kata yang dicari : </div> <div align="right">

<textarea name="AreaJepang" id="AreaJepang" cols="58" rows="5"><?php print ($data1); ?></textarea>

</div> </label> </td>

<td colspan="3" >

<div align="right"><a href="Kamus_utama.html" target="_self">Menu Utama</a></div>

<div align="center">Hasil pencarian :<br/></div>

<textarea name="AreaIndonesia" cols="58" rows="5" id="AreaIndonesia" ><?php print ($data2); ?></textarea>

</td>

</tr>

<tr>

<td width="195">&nbsp;</td> <td width="195">&nbsp;</td> <td width="96">&nbsp;</td>


(32)

<td width="96">&nbsp;</td> <td width="195">&nbsp;</td> <td width="195">&nbsp;</td> </tr>

<tr>

<td >

<div align="center">

<input type="button" name="a" onClick="ditekan('&#x30A1;')" value="&#x30A1;" />

<input type="button" name="i" onClick="ditekan('&#x30A3;')" value="&#x30A3;" />

<input type="button" name="u" onClick="ditekan('&#x30A5;')" value="&#x30A5;" />

<input type="button" name="e" onClick="ditekan('&#x30A7;')" value="&#x30A7;" />

<input type="button" name="o" onClick="ditekan('&#x30A9;')" value="&#x30A9;" />

</div> </td>

<td>

<div align="center">

<input type="button" name="A" onClick="ditekan('&#x30A2;')" value="&#x30A2;" />

<input type="button" name="I" onClick="ditekan('&#x30A4;')" value="&#x30A4;" />

<input type="button" name="U" onClick="ditekan('&#x30A6;')" value="&#x30A6;" />

<input type="button" name="E" onclick="ditekan('&#x30A8;')" value="&#x30A8;" />

<input type="button" name="O" onClick="ditekan('&#x30AA;')" value="&#x30AA;" />

</div> </td>

<td colspan="2"> <div align="center">

<input type="button" name="KA" onClick="ditekan('&#x30AB;')" value="&#x30AB;" />

<input type="button" name="KI" onClick="ditekan('&#x30AD;')" value="&#x30AD;" />

<input type="button" name="KU" onClick="ditekan('&#x30AF;')" value="&#x30AF;" />

<input type="button" name="KE" onClick="ditekan('&#x30B1;')" value="&#x30B1;" />

<input type="button" name="KO" onClick="ditekan('&#x30B3;')" value="&#x30B3;" />

</div> </td>


(33)

<td>

<div align="center">

<input type="button" name="SA" onClick="ditekan('&#x30B5;')" value="&#x30B5;" />

<input type="button" name="SHI" onClick="ditekan('&#x30B7;')" value="&#x30B7;" />

<input type="button" name="SU" onClick="ditekan('&#x30B9;')" value="&#x30B9;" />

<input type="button" name="SE" onClick="ditekan('&#x30BB;')" value="&#x30BB;" />

<input type="button" name="SO" onClick="ditekan('&#x30BD;')" value="&#x30BD;" />

</div> </td>

<td>

<div align="center">

<input type="button" name="TA" onClick="ditekan('&#x30BF;')" value="&#x30BF;" />

<input type="button" name="CHI" onClick="ditekan('&#x30C1;')" value="&#x30C1;" />

<input type="button" name="TSU" onClick="ditekan('&#x30C4;')" value="&#x30C4;" />

<input type="button" name="TE" onClick="ditekan('&#x30C6;')" value="&#x30C6;" />

<input type="button" name="TO" onClick="ditekan('&#x30C8;')" value="&#x30C8;" />

</div> </td>

</tr> <tr> <td>

<div align="center">

<input type="button" name="NA" onClick="ditekan('&#x30CA;')" value="&#x30CA;" />

<input type="button" name="NI" onClick="ditekan('&#x30CB;')" value="&#x30CB;" />

<input type="button" name="NU" onClick="ditekan('&#x30CC;')" value="&#x30CC;" />

<input type="button" name="NE" onClick="ditekan('&#x30CD;')" value="&#x30CD;" />

<input type="button" name="NO" onClick="ditekan('&#x30CE;')" value="&#x30CE;" />

</div> </td>

<td>


(34)

<input type="button" name="HA" onClick="ditekan('&#x30CF;')" value="&#x30CF;" />

<input type="button" name="HI" onClick="ditekan('&#x30D2;')" value="&#x30D2;" />

<input type="button" name="FU" onClick="ditekan('&#x30D5;')" value="&#x30D5;" />

<input type="button" name="HE" onClick="ditekan('&#x30D8;')" value="&#x30D8;" />

<input type="button" name="HO" onClick="ditekan('&#x30DB;')" value="&#x30DB;" />

</div> </td>

<td colspan="2"> <div align="center">

<input type="button" name="MA" onClick="ditekan('&#x30DE;')" value="&#x30DE;" />

<input type="button" name="MI" onClick="ditekan('&#x30DF;')" value="&#x30DF;" />

<input type="button" name="MU" onClick="ditekan('&#x30E0;')" value="&#x30E0;" />

<input type="button" name="ME" onClick="ditekan('&#x30E1;')" value="&#x30E1;" />

<input type="button" name="MO" onClick="ditekan('&#x30E2;')" value="&#x30E2;" />

</div> </td>

<td>

<div align="center">

<input type="button" name="RA" onClick="ditekan('&#x30E9;')" value="&#x30E9;" />

<input type="button" name="RI" onClick="ditekan('&#x30EA;')" value="&#x30EA;" />

<input type="button" name="RU" onClick="ditekan('&#x30EB;')" value="&#x30EB;" />

<input type="button" name="RE" onClick="ditekan('&#x30EC;')" value="&#x30EC;" />

<input type="button" name="RO" onClick="ditekan('&#x30ED;')" value="&#x30ED;" />

</div> </td>

<td>

<div align="center">

<input type="button" name="GA" onClick="ditekan('&#x30AC;')" value="&#x30AC;" />

<input type="button" name="GI" onClick="ditekan('&#x30AE;')" value="&#x30AE;" />


(35)

<input type="button" name="GU" onClick="ditekan('&#x30B0;')" value="&#x30B0;" />

<input type="button" name="GE" onClick="ditekan('&#x30B2;')" value="&#x30B2;" />

<input type="button" name="GO" onClick="ditekan('&#x30B4;')" value="&#x30B4;" />

</div> </td> </tr> <tr> <td>

<div align="center">

<input type="button" name="ZA" onClick="ditekan('&#x30B6;')" value="&#x30B6;" />

<input type="button" name="JI" onClick="ditekan('&#x30B8;')" value="&#x30B8;" />

<input type="button" name="ZU" onClick="ditekan('&#x30BA;')" value="&#x30BA;" />

<input type="button" name="ZE" onClick="ditekan('&#x30BC;')" value="&#x30BC;" />

<input type="button" name="ZO" onClick="ditekan('&#x30BE;')" value="&#x30BE;" />

</div> </td>

<td>

<div align="center">

<input type="button" name="DA" onClick="ditekan('&#x30C0;')" value="&#x30C0;" />

<input type="button" name="JI" onClick="ditekan('&#x30C2;')" value="&#x30C2;" />

<input type="button" name="ZU" onClick="ditekan('&#x30C5;')" value="&#x30C5;" />

<input type="button" name="DE" onClick="ditekan('&#x30C7;')" value="&#x30C7;" />

<input type="button" name="DO" onClick="ditekan('&#x30C9;')" value="&#x30C9;" />

</div> </td>

<td colspan="2"> <div align="center">

<input type="button" name="BA" onClick="ditekan('&#x30D0;')" value="&#x30D0;" />

<input type="button" name="BI" onClick="ditekan('&#x30D3;')" value="&#x30D3;" />

<input type="button" name="BU" onClick="ditekan('&#x30D6;')" value="&#x30D6;" />


(36)

<input type="button" name="BE" onClick="ditekan('&#x30D9;')" value="&#x30D9;" />

<input type="button" name="BO" onClick="ditekan('&#x30DC;')" value="&#x30DC;" />

</div> </td>

<td>

<div align="center">

<input type="button" name="PA" onClick="ditekan('&#x30D1;')" value="&#x30D1;" />

<input type="button" name="PI" onClick="ditekan('&#x30D4;')" value="&#x30D4;" />

<input type="button" name="PU" onClick="ditekan('&#x30D7;')" value="&#x30D7;" />

<input type="button" name="PE" onClick="ditekan('&#x30DA;')" value="&#x30DA;" />

<input type="button" name="PO" onClick="ditekan('&#x30DD;')" value="&#x30DD;" />

</div> </td>

<td>

<div align="center">

<input type="button" name="WA" onClick="ditekan('&#x30EF;')" value="&#x30EF;" />

<input type="button" name="WI" onClick="ditekan('&#x30F0;')" value="&#x30F0;" />

<input type="button" name="WE" onClick="ditekan('&#x30F1;')" value="&#x30F1;" />

<input type="button" name="WO" onClick="ditekan('&#x30F2;')" value="&#x30F2;" />

<input type="button" name="N" onClick="ditekan('&#x30F3;')" value="&#x30F3;" />

</div> </td>

</tr> <tr> <td>

<div align="center">

<input type="button" name="VA" onClick="ditekan('&#x30F7;')" value="&#x30F7;" />

<input type="button" name="VI" onClick="ditekan('&#x30F8;')" value="&#x30F8;" />

<input type="button" name="VU" onClick="ditekan('&#x30F4;')" value="&#x30F4;" />

<input type="button" name="VE" onClick="ditekan('&#x30F9;')" value="&#x30F9;" />


(37)

<input type="button" name="VO" onClick="ditekan('&#x30FA;')" value="&#x30FA;" />

</div> </td>

<td>

<div align="center">

<input type="button" name="YA" onClick="ditekan('&#x30E4;')" value="&#x30E4;" />

<input type="button" name="YU" onClick="ditekan('&#x30E6;')" value="&#x30E6;" />

<input type="button" name="YO" onClick="ditekan('&#x30E8;')" value="&#x30E8;" />

</div> </td>

<td colspan="2"> <div align="center">

<input type="button" name="ya" onClick="ditekan('&#x30E3;')" value="&#x30E3;" />

<input type="button" name="yu" onClick="ditekan('&#x30E5;')" value="&#x30E5;" />

<input type="button" name="yo" onClick="ditekan('&#x30E7;')" value="&#x30E7;" />

</div> </td>

<td>

<div align="center">

<input type="button" name="tu" onClick="ditekan('&#x30C3;')" value="&#x30C3;" />

<input type="button" name="wa" onClick="ditekan('&#x30EE;')" value="&#x30EE;" />

<input type="button" name="ka" onClick="ditekan('&#x30F5;')" value="&#x30F5;" />

<input type="button" name="ke" onClick="ditekan('&#x30F6;')" value="&#x30F6;" />

<input type="button" name="-" onClick="ditekan('&#x30FC;')" value="&#x30FC;" />

</div> </td>

<td>&nbsp;</td> </tr>

</table> </form> </body>


(38)

B.6 Form Kamus Jepang (Hiragana) – Inggris

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Jepang (Hiragana) - Inggris</title> <style type="text/css">

<!--

.style6 {color: #FFFFFF; font-size: 18px; } -->

</style>

<script language="javascript"> function ditekan(data)

{ document.form1.TxtJepang.value = document.form1.TxtJepang.value + data;}

</script> </head>

<body>

<form action="search_hiragana_inggris.php" method="post" name="form1" target="_self" id="form1">

<table width="1000" align="center">

<tr>

<td colspan="6"> <div align="center">

<h1><u>Kamus Elektronik</u></h1>

<h1><u>Indonesia - Inggris - Jepang</u></h1> </div>

</td>

</tr>

<tr>

<td colspan="3" bgcolor="#003333">

<span class="style6">Kamus Jepang ( Hiragana ) - Inggris</span> </td>

<td colspan="3" bgcolor="#003333"> <span class="style6">Cari :

<label>

<input name="TxtJepang" type="text" id="TxtJepang" size="25" maxlength="50" />

</label> <label>

<input type="submit" name="button1" id="button1" value="&gt;&gt;" />

</label> </span>


(39)

</td>

</tr>

<tr>

<td colspan="3"> <label>

<div align="center"><br/>Kata yang dicari : </div> <div align="right">

<textarea name="AreaJepang" id="AreaJepang" cols="58" rows="5"><?php print ($data1); ?></textarea>

</div> </label> </td>

<td colspan="3" >

<div align="right"><a href="Kamus_utama.html" target="_self">Menu Utama</a></div>

<div align="center">Hasil pencarian :<br/></div>

<textarea name="AreaInggris" cols="58" rows="5" id="AreaIndonesia" ><?php print ($data2); ?></textarea>

</td>

</tr>

<tr>

<td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr>

<tr>

<td width="195"> <div align="center">

<input type="button" name="a" onClick="ditekan('&#x3041;')" value="&#x3041;" />

<input type="button" name="i" onClick="ditekan('&#x3043;')" value="&#x3043;" />

<input type="button" name="u" onClick="ditekan('&#x3045;')" value="&#x3045;" />

<input type="button" name="e" onClick="ditekan('&#x3047;')" value="&#x3047;" />

<input type="button" name="o" onClick="ditekan('&#x3049;')" value="&#x3049;" />

</div> </td>

<td width="195"> <div align="center">

<input type="button" name="A" onClick="ditekan('&#x3042;')" value="&#x3042;" />


(40)

<input type="button" name="I" onClick="ditekan('&#x3044;')" value="&#x3044;" />

<input type="button" name="U" onClick="ditekan('&#x3046;')" value="&#x3046;" />

<input type="button" name="E" onClick="ditekan('&#x3048;')" value="&#x3048;" />

<input type="button" name="O" onClick="ditekan('&#x304A;')" value="&#x304A;" />

</div> </td>

<td colspan="2"> <div align="center">

<input type="button" name="KA" onClick="ditekan('&#x304B;')" value="&#x304B;" />

<input type="button" name="KI" onClick="ditekan('&#x304D;')" value="&#x304D;" />

<input type="button" name="KU" onClick="ditekan('&#x304F;')" value="&#x304F;" />

<input type="button" name="KE" onClick="ditekan('&#x3051;')" value="&#x3051;" />

<input type="button" name="KO" onClick="ditekan('&#x3053;')" value="&#x3053;" />

</div> </td>

<td width="195"> <div align="center">

<input type="button" name="SA" onClick="ditekan('&#x3055;')" value="&#x3055;" />

<input type="button" name="SHI" onClick="ditekan('&#x3057;')" value="&#x3057;" />

<input type="button" name="SU" onClick="ditekan('&#x3059;')" value="&#x3059;" />

<input type="button" name="SE" onClick="ditekan('&#x305B;')" value="&#x305B;" />

<input type="button" name="SO" onClick="ditekan('&#x305D;')" value="&#x305D;" />

</div> </td>

<td width="195"> <div align="center">

<input type="button" name="TA" onClick="ditekan('&#x305F;')" value="&#x305F;" />

<input type="button" name="CHI" onClick="ditekan('&#x3061;')" value="&#x3061;" />

<input type="button" name="TSU" onClick="ditekan('&#x3064;')" value="&#x3064;" />


(41)

<input type="button" name="TE" onClick="ditekan('&#x3066;')" value="&#x3066;" />

<input type="button" name="TO" onClick="ditekan('&#x3068;')" value="&#x3068;" />

</div> </td>

</tr> <tr> <td>

<div align="center">

<input type="button" name="NA" onClick="ditekan('&#x306A;')" value="&#x306A;" />

<input type="button" name="NI" onClick="ditekan('&#x306B;')" value="&#x306B;" />

<input type="button" name="NU" onClick="ditekan('&#x306C;')" value="&#x306C;" />

<input type="button" name="NE" onClick="ditekan('&#x306D;')" value="&#x306D;" />

<input type="button" name="NO" onClick="ditekan('&#x306E;')" value="&#x306E;" />

</div> </td>

<td>

<div align="center">

<input type="button" name="HA" onClick="ditekan('&#x306F;')" value="&#x306F;" />

<input type="button" name="HI" onClick="ditekan('&#x3072;')" value="&#x3072;" />

<input type="button" name="FU" onClick="ditekan('&#x3075;')" value="&#x3075;" />

<input type="button" name="HE" onClick="ditekan('&#x3078;')" value="&#x3078;" />

<input type="button" name="HO" onClick="ditekan('&#x307B;')" value="&#x307B;" />

</div> </td>

<td colspan="2"> <div align="center">

<input type="button" name="MA" onClick="ditekan('&#x307E;')" value="&#x307E;" />

<input type="button" name="MI" onClick="ditekan('&#x307F;')" value="&#x307F;" />

<input type="button" name="MU" onClick="ditekan('&#x3080;')" value="&#x3080;" />

<input type="button" name="ME" onClick="ditekan('&#x3081;')" value="&#x3081;" />


(42)

<input type="button" name="MO" onClick="ditekan('&#x3082;')" value="&#x3082;" />

</div> </td>

<td>

<div align="center">

<input type="button" name="RA" onClick="ditekan('&#x3089;')" value="&#x3089;" />

<input type="button" name="RI" onClick="ditekan('&#x308A;')" value="&#x308A;" />

<input type="button" name="RU" onClick="ditekan('&#x308B;')" value="&#x308B;" />

<input type="button" name="RE" onClick="ditekan('&#x308C;')" value="&#x308C;" />

<input type="button" name="RO" onClick="ditekan('&#x308D;')" value="&#x308D;" />

</div> </td>

<td>

<div align="center">

<input type="button" name="GA" onClick="ditekan('&#x304C;')" value="&#x304C;" />

<input type="button" name="GI" onClick="ditekan('&#x304E;')" value="&#x304E;" />

<input type="button" name="GU" onClick="ditekan('&#x3050;')" value="&#x3050;" />

<input type="button" name="GE" onClick="ditekan('&#x3052;')" value="&#x3052;" />

<input type="button" name="GO" onClick="ditekan('&#x3054;')" value="&#x3054;" />

</div> </td> </tr> <tr> <td>

<div align="center">

<input type="button" name="ZA" onClick="ditekan('&#x3056;')" value="&#x3056;" />

<input type="button" name="JI" onClick="ditekan('&#x3058;')" value="&#x3058;" />

<input type="button" name="ZU" onClick="ditekan('&#x305A;')" value="&#x305A;" />

<input type="button" name="ZE" onClick="ditekan('&#x305C;')" value="&#x305C;" />

<input type="button" name="ZO" onClick="ditekan('&#x305E;')" value="&#x305E;" />


(1)

include_once "inc.koneksi.php";

$idhapus=$_GET['idhapus'];

if (empty ($idhapus)) {echo "<h3>Data yang dihapus belum dipilih";}

else {$sql_hapus="DELETE FROM kamus WHERE id_bahasa='$idhapus'";

mysql_query($sql_hapus, $konek)

or die ("Gagal perintah hapus" .mysql_error()); include "tampil_data.php";

echo "<br>";

echo "<h3>Penghapusan data berhasil"; exit;

}

?>

</td> </tr> </table> </body> </html>


(2)

1 Universitas Kristen Maranatha

BAB I

PENDAHULUAN

I. 1 Latar Belakang

Pada era informasi ini, internet menjadi salah satu media informasi yang hangat untuk dibahas. Pada internet seringkali ditemui berbagai situs web yang menggunakan bahasa asing antara lain bahasa Inggris, bahasa Jepang, bahasa Korea, bahasa China dan sebagainya. Beberapa “website” yang berasal dari negara Jepang masih menggunakan huruf – huruf Jepang yaitu Hiragana, Katakana dan Kanji sehingga banyak orang Indonesia yang tidak mengerti bahasa Jepang kesulitan untuk memahami “website” tersebut. Untuk itulah saat ini akan dibuat kamus elektronik berbasis web yang akan dapat menerjemahkan kata dari bahasa Jepang ke bahasa Indonesia atau bahasa Inggris maupun sebaliknya.

Pada dasarnya, metode-metode untuk sistem pengenalan font dapat dikelompokkan menjadi 2, yaitu: ASCII code dan Unicode. Dulu hanya melihat set karakter ASCII sebanyak 256 huruf atau glyph (8 bit), berkembang menjadi 16 bit dan terpecah-pecah dalam standar ISO, misalnya ISO-8859-1 untuk set karakter Latin dan beberapa karakter bangsa Eropa.

Kini kemajuan digital lebih tinggi lagi sehingga karakter cukup direpresentasikan dalam satu sistem, yaitu Unicode. Dengan menggunakan Unicode, maka tidak perlu dikonversi ke dalam set karakter tertentu karena Unicode mewadahi semua set karakter di dunia, tentunya yang telah diajukan dan disetujui. Kelebihan-kelebihan inilah yang menyebabkan Unicode banyak digunakan untuk pengenalan huruf dalam suatu program atau website.

I.2 Identifikasi Masalah

Bagaimana penggunaan Font dari huruf Jepang dengan mengacu standar Unicode dan mengaplikasikannya sebagai website kamus Jepang – Indonesia – Inggris menggunakan PHP sebagai bahasa pemrograman dan MySQL sebagai program penyimpanan data?


(3)

I.3 Tujuan

1. Penggunaan Unicode huruf Jepang dalam pembuatan website kamus Jepang-Indonesia-Inggris.

2. Penggunaan Unicode huruf Jepang dalam suatu database. 3. Membuat website kamus elektronik Jepang-Indonesia-Inggris.

I.4 Pembatasan Masalah

1. Website ini menggunakan HTML, PHP dan Java Script sebagai bahasa pemrograman.

2. Website ini menggunakan MySQL sebagai database.

3. Website yang akan dibuat dapat diakses langsung melalui local host (127.0.0.1).

4. Kosa kata awal 250 kata.

5. Website ini mempunyai fasilitas untuk menambahkan, menghapus dan mengubah kosakata baru.

6. Huruf Jepang yang digunakan Hiragana dan Katakana sedangkan huruf kanji tidak termasuk.

I.5 Sistematika Penulisan

Laporan Tugas akhir ini disusun dengan sistematika sebagai berikut :  Bab 1 Pendahuluan

Bab ini berisi latar belakang masalah, identifikasi masalah, tujuan, pembatasan masalah dan sistematika penulisan.

Bab 2 Teori Pendukung

Bab ini berisi mengenai pembahasan Unicode, pengenalan Adobe Dreamweaver CS3, xampp, MySQL dan PHP

Bab 3 Perancangan Program

Bab ini berisi penjelasan mengenai program yang digunakan untuk membuat program kamus elektronik penjelasan tentang bagaimana program bekerja serta flowchart dari program tersebut.


(4)

3

Universitas Kristen Maranatha Bab 4 Data Pengamatan

Bab ini berisi data pengamatan dan beberapa percobaan dari program kamus elektronik yang telah dibuat.

Bab 5 Kesimpulan dan Saran

Bab ini berisi kesimpulan yang dapat diperoleh dari hasil program dan data pengamatan serta saran untuk perbaikan dan pengembangannya.


(5)

KESIMPULAN DAN SARAN

V.1 Kesimpulan

Tujuan pembuatan kamus elektronik Jepang-Indonesia-Inggris berbasis web dengan mengacu standar Unicode ini adalah menentukan Unicode huruf Jepang, Penggunaan Unicode huruf Jepang pada database dan dibuatnya kamus elektronik berbasis web. Berdasarkan tujuan tersebut maka dapat diambil beberapa kesimpulan berdasarkan percobaan program yang telah dilakukan, yakni:

1. Kamus elektonik Jepang-Indonesia-Inggris yang berbasis web telah berhasil dibuat.

2. Program ini telah berhasil melakukan penyimpanan data dalam huruf Jepang dengan menggunakan Unicode.

3. Kamus elektronik ini telah berhasil menggunakan Unicode huruf Jepang dalam menampilkan huruf Jepang Hiragana dan Katakana.

4. Pada kamus Indonesia – Jepang dan Inggris – Jepang, pencarian Kata untuk jenis huruf besar dan huruf kecil tidak berpengaruh terhadap pencarian kata yang ada didatabase

V.2 Saran

Berikut adalah saran yang dapat diberikan dari hasil percobaan yaitu agar di masa yang akan datang program ini jika dikembangkan akan dapat menerjemahkan kalimat dan dapat menerjemahkan huruf kanji.


(6)

Universitas Kristen Maranatha 96

DAFTAR PUSTAKA

1. Bakken, Stig Sæther, PHP Manual, 2000

2. Dra. Renariah, M.Hum., Nihongo Bunpo, Diktat Kuliah Fakultas Sastra Jurusan Sastra Jepang, Universitas Kristen Maranatha, 2008.

3. http://www.unicode.org, 19 Juli 2008

4. Gakushudo, Membaca Aksara Jepang Hiragana dan Katakana, Edisi Pertama, Gakushudo, Jakarta, 1998.

5. http://www.wikipedia.com, 28 April 2008

6. Mangunsuwito, S.A., Kamus Umum Jepang-Indonesia Indonesia-Jepang, Edisi Pertama, Penerbit Yrama Widya, Bandung, 2001,

7. Nugroho, Bunafit, Latihan Membuat Aplikasi Web PHP dan MySQL dengan Dreamweaver MX (6, 7, 2004) dan 8, Edisi Pertama, Penerbit Gava Media, Yogyakarta, 2008.