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

111 

Teks penuh

(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

(7)

vii

DAFTAR GAMBAR

(8)

viii

(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

(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 />

(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>

(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>

(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">

(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">

(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;" />

(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;" />

(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;" />

(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">

(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>

(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;" />

(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;" />

(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;" />

(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;" />

(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;" />

(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">

(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;" />

Figur

Gambar IV.12 Tampilan Tabel Password   _____________________
Gambar IV 12 Tampilan Tabel Password . View in document p.8

Referensi

Memperbarui...