Pembuatan Web Informasi dan Forum Komunikasi Untuk Game Luna.

(1)

ABSTRAK

Pada saat ini banyak kemudahan yang didapatkan dengan adanya komputer. Penggunaan komputer tidak hanya digunakan oleh para pekerja di perusahaan, tetapi juga kalangan muda menggunakan komputer dengan akses internet untuk bermain game online. Pada setiap game online memiliki satu atau lebih web informasi, yang berisikan semua informasi yang dibutuhkan oleh pemain. Salah satu game terbaru yaitu Luna Online yang sudah menjalani close beta tahap 2 pada tanggal 12 Januari 2010.

Oleh karena itu topik pembuatan web informasi dan forum komunikasi untuk game Luna ini dibuat. Pada halaman web informasi game Luna berisikan informasi game yang paling sering dicari oleh para gamer, forum komunikasi game Luna dirancang agar para gamer dapat saling bertukar informasi tentang game Luna.

Database diperlukan untuk penyimpanan data, kemudian penggunaan Macromedia Dreamweaver 8 untuk mendesain halaman web dan membuat perintah PHP. Adobe Photoshop CS5 digunakan untuk pengeditan gambar – gambar. Untuk menghubungkan database dengan web yang telah dirancang menggunakan XAMPP.

Percobaan intranet telah dilakukan dan telah berhasil. Kemudian dilakukan survey kepada 10 orang responden yang pernah menggunakan game Luna untuk melihat kualitas web informasi dan forum komunikasi game Luna. Hasil dari survey menyatakan web informasi dan forum komunikasi game Luna mempunyai kualitas cukup baik.

(2)

ABSTRACT

On these days, people can have many advantage by having a computer. The advantages of computer can be get not only by company’s workers but also by young people to play online game by intranet access. Each online game has one or more website which contain all information for the players. On of the new game, Luna Online has working level 2 of close beta on 12 January 2010. Because of that, the making of the website and the forum for Luna’s game is made. Website of Luna’s game contains informations which are seek by gamer and Luna’s game forum for gamer to share information about the game.

Database is needed to store data and then the use Macromedia Dreamweaver 8 to design website and to make order PHP. Adobe Photoshop CS5 is used to edit the pictures. To connect the database and the designed web, we use XAMPP

The trial has been done and succeed. Survey has been done and 10 people correspondent who have use Luna’s game to see the quality of the website and the forum of Luna’s game. Result of the survey state that the website and the forum of Luna’s game has good quality.

(3)

iii

DAFTAR ISI

Halaman

ABSTRAK ... i

ABSTRACT ... ii

KATA PENGANTAR ... iii

DAFTAR ISI ... vi

DAFTAR GAMBAR ... ix

DAFTAR TABEL ... xiii

BAB I. PENDAHULUAN ... 1

1.1 Latar Belakang Penelitian ... 1

1.2 Identifikasi Masalah ... 1

1.3 Tujuan ... 2

1.4 Pembatasan Masalah ... 2

1.5 Sistematika Penulisan ... 2

BAB II. KERANGKA TEORISTIS ... 4

(4)

2.1.1 Syntax PHP ... 6

2.1.2 Variabel PHP ... 7

2.1.3 String di PHP ... 8

2.1.4 Operator di PHP... 9

2.2 HTML ... 12

2.3 MYSQL ... 15

2.4 XAMPP ... 15

2.5 Macromedia Dreamweaver 8 ... 16

BAB III. PERANCANGAN DAN PEMODELAN ... 20

3.1 Skema Rancangan ... 20

3.2 Peta Situs ... 21

3.3 Diagram Alir ... 21

3.4 Pembuatan Web Menggunakan Dreamweaver 8 ... 23

3.5 Perancangan Web HTML ... 23

3.5.1 Pembuatan Home ... 23

3.5.2 Perancangan Guide ... 27

3.5.3 Perancangan Web Forum ... 28

(5)

3.5.5 Perancangan Home Forum ... 34

3.5.6 Perancangan Ubah Password ... 36

3.5.7 Perancangan Berita Forum ... 39

3.6 Program XAMPP ... 43

3.7 Pembuatan Database ... 44

BAB IV. HASIL DAN PEMBAHASAN ... 46

4.1 Tampilan Awal Web Informasi Game Luna ... 46

4.2 Tampilan Awal Web Forum Komunikasi Game Luna ... 61

4.3 Pengujian Intranet ... 64

4.4 Survey Pembuatan Web Informasi Dan Forum Komunikasi Untuk Game Luna ... 66

BAB V. KESIMPULAN DAN SARAN ... 69

5.1 Kesimpulan ... 69

5.2 Saran ... 69

DAFTAR PUSTAKA ... 70 LAMPIRAN A LISTING PROGRAM ... A-1 LAMPIRAN B HASIL SURVEY ... B-1

(6)

DAFTAR GAMBAR

Halaman

Gambar 2.1 Prinsip kerja PHP... 5

Gambar 2.2 Ruang kerja Macromedia Dreamweaver 8 ... 16

Gambar 2.3 Insert Bar ... 17

Gambar 2.4 Layar dokumen utama... 18

Gambar 2.5 Panel properties ... 18

Gambar 2.6 Panel pendukung... 18

Gambar 3.1 Skema Rancangan ... 20

Gambar 3.2 Peta Situs Web Informasi dan Forum Komunikasi Game Luna ... 21

Gambar 3.3 Diagram Alir Forum Komunikasi Game Luna ... 22

Gambar 3.4 Page propertieshome.html ... 24

Gambar 3.5 Tabel home.html ... 24

Gambar 3.6 Propertishome.html ... 25

Gambar 3.7 Baris pertama home.html ... 25

Gambar 3.8 Kolom 2 home.html ... 26

Gambar 3.9 Tampilan home.html ... 26

Gambar 3.10 Tabel intro.html ... 27

(7)

vii

Gambar 3.12 Menggambar icon menggunakan Polygon Hotspot Tool ... 28

Gambar 3.13 intro.html ... 28

Gambar 3.14 Tabel login forum ... 29

Gambar 3.15 Tabel daftar baru ... 34

Gambar 3.16 Tabel forum.html ... 35

Gambar 3.17 Tabel Ubah Password ... 36

Gambar 3.18 Tabel Berita ... 40

Gambar 3.19 XAMPP ... 43

Gambar 4.1 Tampilan Awal WebGame Luna ... 46

Gambar 4.2 Tampilan Halaman Guide ... 47

Gambar 4.3 Tampilan Halaman Monster ... 48

Gambar 4.4 Tampilan Halaman Gallery ... 48

Gambar 4.5 Tampilan Halaman WallpaperGallery... 49

Gambar 4.6 Tampilan Halaman ScreenShootGallery... 49

Gambar 4.7 Tampilan Halaman IconGallery ... 50

Gambar 4.8 Tampilan Halaman Video Gallery... 50

Gambar 4.9 Tampilan Halaman Armor ... 51

Gambar 4.10 Tampilan Halaman Costume ... 51

(8)

viii

Gambar 4.12 Tampilan Halaman LightArmor ... 52

Gambar 4.13 Tampilan Halaman HeavyArmor ... 53

Gambar 4.14 Tampilan Halaman BeltArmor ... 53

Gambar 4.15 Tampilan Halaman AxeWeapon ... 54

Gambar 4.16 Tampilan Halaman BowWeapon ... 54

Gambar 4.17 Tampilan Halaman DaggerWeapon ... 55

Gambar 4.18 Tampilan Halaman MaceWeapon ... 55

Gambar 4.19 Tampilan Halaman SwordsWeapon ... 56

Gambar 4.20 Tampilan Halaman StaveWeapon ... 56

Gambar 4.21 Tampilan Halaman WandWeapon ... 57

Gambar 4.22 Tampilan Halaman ShieldWeapon ... 57

Gambar 4.23 Tampilan Halaman NecklaceOther ... 58

Gambar 4.24 Tampilan Halaman RingOther ... 58

Gambar 4.25 Tampilan Halaman WingOther ... 59

Gambar 4.26 Tampilan Halaman Crafring Other ... 59

Gambar 4.27 Tampilan Halaman SkillTree ... 60

Gambar 4.28 Tampilan Halaman Class ... 60

Gambar 4.29 Tampilan Halaman Login Forum ... 61

(9)

Gambar 4.31 Tampilan Halaman Berita Forum ... 62

Gambar 4.32 Tampilan Ubah Password ... 63

Gambar 4.33 Tampilan Berita Forum ... 64

Gambar 4.34 UserLogin ... 64

Gambar 4.35 User Mengomentari ... 65

(10)

DAFTAR TABEL

Halaman Tabel 2.1 Arithmetic Operator ... 9

Tabel 2.2 ComparisonOperator ... 11

(11)

A-1

LAMPIRAN A

LISTING PROGRAM

• Berita.html

<?php

include "inc.session.php"; ?>

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

body {

-->

</style></head>

(12)

A-2 <form id="form5" name="form5" method="post"

action="beritanewsim1.php"> <p> </p>

<tr>

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/s wflash.cab#version=5,0,0,0" width="105" height="23">

pluginspage="http://www.macromedia.com/shockwave/download/index.c gi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#66605B" ></embed>

(13)

A-3 <object

classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/s wflash.cab#version=5,0,0,0" width="105" height="23">

pluginspage="http://www.macromedia.com/shockwave/download/index.c gi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#66605B" ></embed>

</object>

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/s wflash.cab#version=5,0,0,0" width="105" height="23">

(14)

A-4 gi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#66605B" ></embed>

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

<tr>

</tr> <tr>

<td height="78"><strong>Komentar </strong></td> <td><textarea name="txtisi" cols="45" rows="4" id="txtisi"></textarea></td>

</tr> <tr>

Belum ada user buat dulu di <a

href="FormDaftarUser.html">sini.</a></label> </strong>

(15)

A-5 <label> </label><div align="center"></div></td>

</tr> </table>

</html>

• Berita1.html <?php

include "inc.session.php"; ?>

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

<title>Untitled Document</title> <style type="text/css">

<!-- body {

(16)

A-6 background-image: url(../images/17.gif);

} -->

</style></head> <body>

<tr>

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/s wflash.cab#version=5,0,0,0" width="105" height="23">

(17)

A-7 <embed src="button23.swf" width="105" height="23"

quality="high"

pluginspage="http://www.macromedia.com/shockwave/download/index.c gi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#66605B" ></embed>

</object>

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/s wflash.cab#version=5,0,0,0" width="105" height="23">

pluginspage="http://www.macromedia.com/shockwave/download/index.c gi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#66605B" ></embed>

</object>

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/s wflash.cab#version=5,0,0,0" width="105" height="23">

(18)

A-8 <param name="BGCOLOR" value="#66605B" />

pluginspage="http://www.macromedia.com/shockwave/download/index.c gi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#66605B" ></embed>

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

<tr>

</tr> <tr>

<td height="78"><strong>Komentar </strong></td> <td><textarea name="txtisi" cols="45" rows="4" id="txtisi"></textarea></td>

</tr> <tr>

(19)

A-9 <strong>

Belum ada user buat dulu di <a

href="FormDaftarUser.html">sini.</a></label> </strong>

</table>

</html>

• Berita2.html <?php

include "inc.session.php"; ?>

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

(20)

A-10 <head>

<title>Untitled Document</title> <style type="text/css">

<!-- body {

-->

</style></head> <body>

<tr>

(21)

A-11 <object

classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/s wflash.cab#version=5,0,0,0" width="105" height="23">

pluginspage="http://www.macromedia.com/shockwave/download/index.c gi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#66605B" ></embed>

</object>

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/s wflash.cab#version=5,0,0,0" width="105" height="23">

(22)

A-12 gi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#66605B" ></embed>

</object>

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/s wflash.cab#version=5,0,0,0" width="105" height="23">

pluginspage="http://www.macromedia.com/shockwave/download/index.c gi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#66605B" ></embed>

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

<tr>

(23)

A-13 <tr>

<td height="78"><strong>Komentar </strong></td> <td><textarea name="txtisi" cols="45" rows="4" id="txtisi"></textarea></td>

</tr> <tr>

Belum ada user buat dulu di <a

href="FormDaftarUser.html">sini.</a></label> </strong>

</table>

</html>

(24)

A-14 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>Untitled Document</title> <style type="text/css">

<!-- body {

} a:link {

text-decoration: underline; }

a:visited {

text-decoration: underline; }

a:hover {

text-decoration: none; }

(25)

A-15 a:active {

text-decoration: underline; }

-->

</style></head> <body>

<tr>

<td colspan="2"><map name="Map" id="Map24"> <area shape="poly"

coords="63,146,40,141,26,124,24,106,24,89,25,76,28,63,37,63,47,62,50,6 2,61,44,71,35,80,27,101,12,115,10,126,13,143,6,166,3,181,8,194,21,201,3 0,225,43,233,64,235,76,236,90,226,106,221,119,218,132,214,146,209,157 ,117,162,105,156,104,143,93,141" href="file:///C|/Documents and

Settings/COMPAQ/My Documents/Rusly/home.php" target="_self" /> </map>

(26)

A-16 <area shape="poly"

Settings/COMPAQ/My Documents/Rusly/home.php" target="_self" /> </map>

<map name="Map" id="Map22"> <area shape="poly"

Settings/COMPAQ/My Documents/Rusly/home.php" target="_self" /> </map>

<map name="Map" id="Map2"> <area shape="poly"

coords="59,185,36,180,22,163,20,145,20,128,21,115,24,102,33,102,43,10 1,46,101,57,83,67,74,76,66,97,51,111,49,122,52,139,45,162,42,177,47,19 0,60,197,69,221,82,229,103,231,115,232,129,222,145,217,158,214,171,21 0,185,205,196,113,201,101,195,100,182,89,180" href="home.php"

target="_self" /> </map>

(27)

A-17 <map name="Map" id="Map26">

<area shape="poly"

Settings/COMPAQ/My Documents/Rusly/home.php" target="_self" /> </map>

<map name="Map" id="Map27"> <area shape="poly"

Settings/COMPAQ/My Documents/Rusly/home.php" target="_self" /> </map>

<map name="Map" id="Map28"> <area shape="poly"

(28)

A-18 </map>

<map name="Map" id="Map29"> <area shape="poly"

Settings/COMPAQ/My Documents/Rusly/home.php" target="_self" /> </map>

<map name="Map" id="Map210"> <area shape="poly"

Settings/COMPAQ/My Documents/Rusly/home.php" target="_self" /> </map>

<map name="Map" id="Map211"> <area shape="poly"

(29)

A-19 ,117,162,105,156,104,143,93,141" href="file:///C|/Documents and

Settings/COMPAQ/My Documents/Rusly/home.php" target="_self" /> </map>

<map name="Map" id="Map212"> <area shape="poly"

Settings/COMPAQ/My Documents/Rusly/home.php" target="_self" /> </map>

<map name="Map" id="Map213"> <area shape="poly"

Settings/COMPAQ/My Documents/Rusly/home.php" target="_self" /> </map>

<map name="Map" id="Map214"> <area shape="poly"

coords="63,146,40,141,26,124,24,106,24,89,25,76,28,63,37,63,47,62,50,6 2,61,44,71,35,80,27,101,12,115,10,126,13,143,6,166,3,181,8,194,21,201,3

(30)

A-20 0,225,43,233,64,235,76,236,90,226,106,221,119,218,132,214,146,209,157 ,117,162,105,156,104,143,93,141" href="file:///C|/Documents and

Settings/COMPAQ/My Documents/Rusly/home.php" target="_self" /> </map>

<map name="Map" id="Map215"> <area shape="poly"

Settings/COMPAQ/My Documents/Rusly/home.php" target="_self" /> </map>

<map name="Map" id="Map216"> <area shape="poly"

Settings/COMPAQ/My Documents/Rusly/home.php" target="_self" /> </map>

<map name="Map" id="Map217"> <area shape="poly"

(31)

A-21 3,65,45,75,36,84,28,105,13,119,11,130,14,147,7,170,4,185,9,198,22,205,3 1,229,44,237,65,239,77,240,91,230,107,225,120,222,133,218,147,213,158 ,121,163,109,157,108,144,97,142" href="file:///C|/Documents and

Settings/COMPAQ/My Documents/Rusly/home.php" /> </map>

<map name="Map" id="Map25"> <area shape="poly"

coords="66,147,43,142,29,125,27,107,27,90,28,77,31,64,40,64,50,63,53,6 3,64,45,74,36,83,28,104,13,118,11,129,14,146,7,169,4,184,9,197,22,204,3 1,228,44,236,65,238,77,239,91,229,107,224,120,221,133,217,147,212,158 ,120,163,108,157,107,144,96,142" href="home.html" target="_self" /> </map> <table width="566" border="1" align="center"

cellpadding="2" cellspacing="1"> <tr>

<td height="44" colspan="2"><h3>Daftar Baru </h3></td> </tr>

<tr>

<td width="105"><strong>Username</strong></td> <td width="444"><label>

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

(32)

A-22 <tr>

<td><strong>Password</strong></td> <td><label>

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

<tr>

<td><strong>Email</strong></td> <td><label>

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

<tr>

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

<tr>

(33)

A-23 <td><label>

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

<tr>

<td><strong>Telepon</strong></td> <td><label>

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

<tr>

<label>

<input type="reset" name="Submit2" value="Reset" /> <a href="home.html">Click di sini untuk kembali ke home. </a></label></td>

</tr>

(34)

A-24 </tr>

</table>

</body> </html>

• Forum.html

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

<title>Untitled Document</title> <style type="text/css">

<!-- body {

a:link {

(35)

A-25 }

a:visited {

text-decoration: underline; }

a:hover {

text-decoration: none; }

a:active {

text-decoration: underline; }

-->

</style></head>

<body>

<tr>

<td colspan="3" rowspan="2"

bgcolor="#CCCCCC"><h2><strong>Luna Forum</strong></h2></td> <td width="116" height="27" bgcolor="#CCCCCC"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

(36)

A-26 codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/s wflash.cab#version=5,0,0,0" width="105" height="23">

</object></td> </tr>

<tr>

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/s wflash.cab#version=5,0,0,0" width="105" height="23">

<param name="bgcolor" value="#CCCCCC" /> <embed src="button26.swf" quality="high"

(37)

A-27 gi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="105" height="23" bgcolor="#CCCCCC"></embed> </object>

</a></td> </tr> <tr>

<td width="87" bgcolor="#CCCCCC"><div align="center"><strong>No.</strong></div></td> <td colspan="2" bgcolor="#CCCCCC"><div align="center"><strong>Judul</strong></div></td> <td height="30" bgcolor="#CCCCCC"> </td> </tr>

<tr>

<td bgcolor="#FFFFFF"><div

align="center"><strong>1.</strong></div></td>

<td colspan="2" bgcolor="#FFFFFF"><strong>Rumor seputar Luna online !!! </strong></td>

<td height="30" bgcolor="#FFFFFF"><a

href="beritanewsim.php"><strong>Selengkapnya</strong></a></td> </tr>

<tr>

<td bgcolor="#FFFFFF"><div

(38)

A-28 <td colspan="2" bgcolor="#FFFFFF"><strong>Para cheater Luna bersiaplah !!! </strong></td>

<td height="30" bgcolor="#FFFFFF"><strong><a

href="beritanewsim1.php">Selengkapnya</a></strong></td> </tr>

<tr>

<td bgcolor="#FFFFFF"><div

align="center"><strong>3.</strong></div></td>

<td colspan="2" bgcolor="#FFFFFF"><strong>Panduan Quest untuk para pemula !!! </strong></td>

<td height="30" bgcolor="#FFFFFF"><strong><a

href="beritanewsim2.php">Selengkapnya</a></strong></td> </tr>

<tr>

<td bgcolor="#FFFFFF"><div

align="center"><strong>4.</strong></div></td>

<td colspan="2" bgcolor="#FFFFFF"><strong>Event Lucky Box 3rd </strong></td>

<td height="30" bgcolor="#FFFFFF"><a

href="beritanewsim3.php"><strong>Selengkapnya</strong></a></td> </tr>

(39)

A-29 <td bgcolor="#FFFFFF"><div

align="center"><strong>5.</strong></div></td>

<td colspan="2" bgcolor="#FFFFFF"><strong>Item Mall paling terbaru</strong></td>

<td height="30" bgcolor="#FFFFFF"><a

href="beritanewsim4.php"><strong>Selengkapnya</strong></a></td> </tr>

<tr>

<td bgcolor="#FFFFFF"><div

align="center"><strong>6.</strong></div></td>

<td colspan="2" bgcolor="#FFFFFF"><strong>Event Update : Cute Pet </strong></td>

<td height="30" bgcolor="#FFFFFF"><a

href="beritanewsim5.php"><strong>Selengkapnya</strong></a></td> </tr>

<tr>

<td bgcolor="#FFFFFF"><div

align="center"><strong>7.</strong></div></td>

<td colspan="2" bgcolor="#FFFFFF"><strong>Event Universal Coin </strong></td>

<td height="30" bgcolor="#FFFFFF"><a

href="beritanewsim6.php"><strong>Selengkapnya</strong></a></td> </tr>

(40)

A-30 <tr>

<td bgcolor="#FFFFFF"><div

align="center"><strong>8.</strong></div></td>

<td colspan="2" bgcolor="#FFFFFF"><strong>Pemenang Event Cute Hairstyle </strong></td>

<td height="30" bgcolor="#FFFFFF"><a

href="beritanewsim7.php"><strong>Selengkapnya</strong></a></td> </tr>

<tr>

<td bgcolor="#FFFFFF"><div

align="center"><strong>9.</strong></div></td>

<td colspan="2" bgcolor="#FFFFFF"><strong>Warnet Event at Gliter.Net </strong></td>

<td height="30" bgcolor="#FFFFFF"><a

href="beritanewsim8.php"><strong>Selengkapnya</strong></a></td> </tr>

<tr>

<td bgcolor="#FFFFFF"><div

align="center"><strong>10.</strong></div></td>

<td colspan="2" bgcolor="#FFFFFF"><strong>Download Manual Patch 2010 </strong></td>

<td height="30" bgcolor="#FFFFFF"><a

(41)

A-31 </tr>

</table>

</body> </html>

• Adminedit.php <?php

include "inc.session.php"; ?>

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

<title>Untitled Document</title><style type="text/css"> <!--

(42)

A-32 background-image: url(../images/17.gif);

}

.style3 {color: #CCCCCC} a:link {

text-decoration: underline; }

a:visited {

text-decoration: underline; }

a:hover {

text-decoration: none; }

a:active {

text-decoration: underline; }

-->

</style></head>

<body>

(43)

A-33 <p> </p>

<tr>

<td colspan="2"><strong>Ubah Password </strong></td> </tr>

<tr>

<td><span class="style3">Username</span></td> <td><label>

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

<tr>

<td><span class="style3">Password lama</span></td>

</tr> <tr>

<td><span class="style3">Password baru </span></td>

(44)

A-34 <tr>

<td><span class="style3"> Ketik Ulang </span></td> <td><label>

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

<tr>

<td><input type="submit" name="Submit" value="Simpan" /> <input type="reset" name="Submit2" value="Reset" /> <a href="forum.html">Kembali ke forum</a> </td> </tr>

</table>

</body> </html>

• Admineditsim.php <?php

(45)

A-35 $connect=mysql_connect("localhost","root","") or

die("Please check your server connection!"); mysql_select_db("lunaguide");

$txtusername = $_POST['txtusername']; $txtPassLama = $_POST['txtPassLama']; $txtPassBaru = $_POST['txtPassBaru']; $txtPassBaru2 = $_POST['txtPassBaru2'];

if(trim($txtPassLama) == "") {

echo "<b>Password Lama</b> belum diisi, tolong diisi"; include "adminEdit.php";

}

else if (strlen(trim($txtPassBaru)) <= 4 ) {

echo "<b>Password Baru</b> minimal 6 digit, tolong diperbaiki"; include "adminEdit.php";

}

else if (trim($txtPassBaru) != trim($txtPassBaru2)) {

echo "<b>Password Baru</b> dan <b>Ketik Ulang</b> harus sama";

include "adminEdit.php"; }

(46)

A-36 $sqlPeriksa = "SELECT * FROM useraccount WHERE

username='$txtusername'

AND password='$txtPassLama'"; $qryPeriksa = mysql_query($sqlPeriksa) or die (mysql_error()); $hslPeriksa = mysql_num_rows($qryPeriksa);

if ($hslPeriksa >= 1 ) {

$sqlUbah = "UPDATE useraccount SET password ='$txtPassBaru'

WHERE username ='$txtusername'"; mysql_query($sqlUbah)

or die ("Gagal Perintah SQL". mysql_error());

# Jika sukses

echo "<b>Ubah</b> Password Berhasil"; include "forum.html";

} else {

# Jika gagal

echo "<b>PASSWORD LAMA</b> TIDAK SESUAI DENGAN DATABASE";

include "adminedit.php"; }

(47)

A-37 ?>

• Beritanewsim.php <?php

include "inc.session.php"; ?>

<?php

$txtisi = $_POST['txtisi'];

$txtusername = $_POST['txtusername'];

#=============KONEKSI====================== $connect= mysql_connect ("localhost", "root", "") or die ("Please check your server connection!");

mysql_select_db("LunaGuide");

#========================================== if(trim($txtisi) == "" )

{

echo""; }

else {

(48)

A-38 $insert ="INSERT INTO rumor

(tanggal,username,isi) VALUES ('$tanggal','$txtusername','$txtisi')"; $hasil= mysql_query($insert) or die(mysql_error());

}

$select = "SELECT * FROM rumor";

$result= mysql_query($select) or die(mysql_error()); echo "<center><h1>RUMOR</h1></center>";

echo "<h3>Rumor yg beredar.. Lyto bkalan ngerilis 2 game baru lg..

Fifa online and Luna Online..

Nah.. Luna Online tu ada sistem farm n family.. Sekarang sudah Open Beta dan bisa di mainkan... ^^ </h3>";

echo "<table width=1200 border=1 align=center bgcolor=#cccccc>";

echo "<tr>";

echo "<td width=50> <center> <b> User </b></center></td>\n";

echo "<td width=50> <center> <b> Tanggal </b></center></td>\n";

(49)

A-39 echo "<td width=300> <center> <b> Komentar

</b></center></td>\n"; echo "</tr>\n";

while ($row=mysql_fetch_assoc($result)) { extract($row);

echo "<tr>\n";

foreach($row as $value){ echo "<td>\n"; echo $value; echo "</td>\n"; }

echo "</tr>\n"; } echo "</table>\n";

include ("berita.html"); ?>

• Beritanewsim1.php <?php

include "inc.session.php"; ?>

(50)

A-40 $txtisi = $_POST['txtisi'];

$txtusername = $_POST['txtusername'];

#=============KONEKSI====================== $connect= mysql_connect ("localhost", "root", "") or die ("Please check your server connection!");

mysql_select_db("LunaGuide");

#========================================== if(trim($txtisi) == "" )

{

echo""; }

else {

$tanggal = date('Y-m-d');

$insert ="INSERT INTO cheater

(tanggal,username,isi) VALUES ('$tanggal','$txtusername','$txtisi')"; $hasil= mysql_query($insert) or die(mysql_error()); }

$select = "SELECT * FROM cheater";

(51)

A-41 echo "<center><h2>Para Cheater Luna Bersiaplah

!!!</h2></center>";

echo "<h3>Rumor yg beredar.. Lyto bkalan ngerilis 2 game baru lg..

Fifa online and Luna Online..

Nah.. Luna Online tu ada sistem farm n family.. Sekarang sudah Open Beta dan bisa di mainkan... ^^</h3>";

echo "<table width=1200 border=1 align=center bgcolor=#cccccc>";

echo "<tr>";

echo "<td width=50> <center> <b> User </b></center></td>\n";

echo "<td width=50> <center> <b> Tanggal </b></center></td>\n";

echo "<td width=300> <center> <b> Komentar </b></center></td>\n";

echo "</tr>\n";

while ($row=mysql_fetch_assoc($result)) { extract($row);

echo "<tr>\n";

(52)

A-42 echo "<td>\n";

echo $value; echo "</td>\n"; }

echo "</tr>\n"; } echo "</table>\n";

include ("berita1.html"); ?>

• Beritanewsim2.php <?php

include "inc.session.php"; ?>

<?php

$txtisi = $_POST['txtisi'];

$txtusername = $_POST['txtusername'];

#=============KONEKSI====================== $connect= mysql_connect ("localhost", "root", "") or die ("Please check your server connection!");

mysql_select_db("LunaGuide");

(53)

A-43 if(trim($txtisi) == "" )

{

echo""; }

else {

$tanggal = date('Y-m-d'); $insert ="INSERT INTO quest

(tanggal,username,isi) VALUES ('$tanggal','$txtusername','$txtisi')"; $hasil= mysql_query($insert) or die(mysql_error()); }

$select = "SELECT * FROM quest";

$result= mysql_query($select) or die(mysql_error()); echo "<center><h1>QUEST</h1></center>";

echo "<h3>Luna Online memiliki berbagai macam quest yang menunggumu untuk diselesaikan. Tentunya kamu akan mendapatkan exp tambahan atau uang untuk setiap quest yang bisa diselesaikan. Setiap quest di Luna mempunyai cerita bersambung dan bila kamu mengikutinya dari awal sampai akhir maka kamu akan mengetahui sejarah-sejarah mengenai Luna Online. Tanda seru berwarna biru di atas npc artinya kamu bisa mendapatkan quest dari npc tersebut.

Atau dengan cara melihat peta, npc yang memiliki quest akan mempunyai tanda seru berwarna biru.Untuk menampilkan daftar quest aktif, kamu

(54)

A-44 dapat menekan tombol shortcut (Q). Pada kolom A, tampilan ini

menunjukan quest yang sedang aktif pada karakter kamu. Setiap quest mempunyai hadiah yang akan diberikan apabila kamu berhasil

menyelesaikan questnya dan bisa di cek pada kolom F.</h3>"; echo "<table width=1200 border=1 align=center bgcolor=#cccccc>";

echo "<tr>";

echo "<td width=50> <center> <b> User </b></center></td>\n";

echo "<td width=50> <center> <b> Tanggal </b></center></td>\n";

echo "<td width=300> <center> <b> Komentar </b></center></td>\n";

echo "</tr>\n";

while ($row=mysql_fetch_assoc($result)) { extract($row);

echo "<tr>\n";

foreach($row as $value){ echo "<td>\n"; echo $value; echo "</td>\n"; }

(55)

A-45 echo "</tr>\n";

} echo "</table>\n"; include ("berita2.html"); ?>

• Inc.session.php <?php

session_start();

if(! (session_is_registered(SES_USER))) {

echo "<div align=center><b> PERHATIAN ..!!! </b><br>"; echo "UNTUK MENGAKSES, KAMU HARUS LOGIN DULU? </div>";

include "login.php"; exit;

} ?>

• Insertdaftaruser.php <?php

$user = $_POST['txtUser']; $password = $_POST['txtPassword']; $email = $_POST['txtEmail']; $nama = $_POST['txtNama'];

(56)

A-46 $alamat = $_POST['txtAlamat'];

$telepon = $_POST['txtTelepon'];

if (($user!="") and ($password!="") and ($email!="")) {

$connect= mysql_connect ("localhost", "root", "") or die ("Please check your server connection!");

mysql_select_db("LunaGuide");

$query="INSERT INTO useraccount (username, password, email, nama, telepon, alamat) VALUES ('$user', '$password', '$email', '$nama', '$telepon', '$alamat')";

$result= mysql_query($query) or die(mysql_error()); echo "<br>";

echo "<br>";

include ("login.php"); echo "<br>";

echo "<br>";

echo "Account Berhasil Dibuat"; }

else {

echo "Data tidak lengkap, Account gagal dibuat!"; echo "<a href=formdaftaruser.html>Kembali";

(57)

A-47 }

• Login.php

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

<title>Untitled Document</title> <style type="text/css">

<!-- body {

a:link {

text-decoration: underline; }

a:visited {

text-decoration: underline; }

(58)

A-48 text-decoration: none;

}

a:active {

text-decoration: underline; }

.style3 {color: #CCCCCC} -->

</style></head> <body>

<tr>

<td height="38" colspan="2"><strong>Login Forum </strong></td> </tr>

<tr>

(59)

A-49 <input name="txtuser" type="text" id="txtuser" size="30"

maxlength="30" /> </label></td> </tr>

<tr>

<td height="33"><span class="style3">Password</span></td> <td><label>

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

<tr>

<label>

<tr>

<td height="31" colspan="2"><div align="center"><a

href="FormDaftarUser.html">Click di sini untuk daftar.</a></div></td> </tr>

(60)

A-50 <tr>

<div align="center"><a href="home.html">Click di sini untuk kembali ke Home</a>... </div>

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

</table>

</body> </html>

• Loginkeluar.php <?php

session_start();

session_unregister("SES_USER");

echo "<meta http-equiv='refresh' content='0; url=home.html'>"; exit;

(61)

A-51

• Loginperiksa.php <?php

session_start();

$connect=mysql_connect("localhost","root","") or die("Please check your server connection!"); mysql_select_db("lunaguide");

$txtUser = $_POST['txtuser']; $txtPass = $_POST['txtpassword']; //JIKA BELOM

DIISI================================================= =

if(trim($txtUser) == "") {

echo "<b>User ID</b> belum diisi, tolong diisi"; include "login.php";

}

//==================================================== ==========

//JIKA KURANG DARI 5

HURUF=============================================== ==========

else if (strlen(trim($txtPass)) <= 4 ) {

(62)

A-52 include "login.php";

}

//==================================================== ==========

else {

$sqlPeriksa = "SELECT * FROM useraccount WHERE username='$txtUser'

AND password='$txtPass'"; $qryPeriksa = mysql_query($sqlPeriksa) or die(mysql_error()); $hslPeriksa = mysql_num_rows($qryPeriksa);

if ($hslPeriksa >= 1 ) { # Jika sukses

$SES_USER = $txtUser;

session_register("SES_USER");

//echo "BERHASIL MELAKUKAN LOGIN"; # Redireksi menuju index.php

echo "<meta http-equiv='refresh' content='0; url=forum.html'>";

exit; }

else {

(63)

A-53 echo "<b>LOGIN dan PASSWORD</b> TIDAK

DIKENALI";

include "login.php"; }

} ?>

(64)

BAB I

PENDAHULUAN

1.1 Latar Belakang

Pada saat ini banyak kemudahan yang didapatkan dengan adanya komputer. Penggunaan komputer tidak hanya digunakan oleh para pekerja di perusahaan, tetapi juga kalangan muda menggunakan komputer dengan akses internet untuk bermain game online. Pada pada setiap game online memiliki satu atau lebih web informasi, yang berisikan semua informasi yang dibutuhkan oleh pemain. Salah satu game terbaru yaitu Luna Online yang sudah menjalani close beta tahap 2 pada tanggal 12 Januari 2010.

Dengan adanya web ini user dapat mencari informasi tentang cara bermain, item, skill tree, dan lain - lain tentang game Luna. Untuk forum komunikasi berbasis web ini, para gamer dapat berdiskusi dan dapat saling memberikan informasi dan tips seputar game Luna Online.

1.2 Identifikasi Masalah

Berdasarkan latar belakang yang telah diuraikan maka identifikasi masalah yang menjadi pokok pembahasan:

(65)

2 • Bagaimana cara membuat suatu web informasi dan forum

game komunikasi antar user untuk game Luna Online?

1.3 Tujuan

Tujuan tugas akhir ini adalah :

• Untuk membuat web informasi dan forum komunikasi untuk Game Luna.

1.4 Pembatasan Masalah

Proyek ini menggunakan program Adobe Photoshop CS5, XAMPP, Macromedia Dreamweaver 8.

1.5 Sistematika Penulisan

BAB I : Pendahuluan

Berisikan tentang latar belakang, identifikasi masalah, tujuan laporan, dan pembatasan masalah

BAB II : Landasan Teori

Berisikan tentang teori – teori topik Tugas Akhir. BAB III : Perancangan dan Pemodelan

Berisikan tentang hasil rancangan web informasi dan forum game Luna.

BAB IV : Hasil dan Data Pengamatan

(66)

3 BAB V : Kesimpulan dan Saran.

(67)

BAB V

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Berdasarkan data pengamatan dan analisa data dapat diambil kesimpulan sebagai berikut

• Web informasi dan forum komunikasi untuk game Luna telah berhasil

direalisasikan.

• Percobaan intranet telah berhasil, berdasarkan percobaan user dapat

memberi komentar dan komentar terlihat pada komputer lain. Percobaan telah dilakukan menggunakan 2 unit komputer.

• Pembuatan web informasi dan forum komunikasi untuk Game Luna

mempunyai kualitas yang cukup baik, dikarenakan Nilai MOS yang didapat adalah 3,4 dari skala 5.

5.2 Saran

Saran yang diberikan agar dapat dikembangkan lebih lanjut adalah sebagai berikut :

• Pada halaman penginputan berita, user dapat mengisi kolom pengirim

(68)

DAFTAR PUSTAKA

1. Hadi, Mulya. Dreamweaver CS4 untuk Orang Awam. Penerbit Maxikom, Palembang, 2009.

2. http://www.deptan.go.id/pusdatin/admin/RB/Programming/Materi%20PH P.pdf, 8 Juli 2010.

3. http://id.wikipedia.org/wiki/XAMPP, 13 Juli 2010.

4. http://www.ittelkom.ac.id/library/index.php?view=article&catid=20:infor matika&id=575:segmentasi-citra&option=com_content&Itemid=15, 13 Juli 2010.

5. http://www.slideshare.net/achmatim/pengenalan-macromedia-dreamweaver, 10 Juli 2010.

6. Nugroho, Bunafit. Membuat Website Sendiri dengan PHP-MySQL. Penerbit mediakita, Jakarta, 2009.

7. Nugroho, Bunafit. Latihan Membuat Aplikasi Web PHP dan MySQL dengan Dreamweaver MX [6, 7, 2004] dan 8. Penerbit GAVA MEDIA, Yogyakarta, 2008.

(1)

A-53 echo "<b>LOGIN dan PASSWORD</b> TIDAK

DIKENALI";

include "login.php"; }

} ?>

(2)

BAB I

PENDAHULUAN

1.1 Latar Belakang

Pada saat ini banyak kemudahan yang didapatkan dengan adanya komputer. Penggunaan komputer tidak hanya digunakan oleh para pekerja di perusahaan, tetapi juga kalangan muda menggunakan komputer dengan akses internet untuk bermain game online. Pada pada setiap game online memiliki satu atau lebih web informasi, yang berisikan semua informasi yang dibutuhkan oleh pemain. Salah satu game terbaru yaitu Luna Online yang sudah menjalani close beta tahap 2 pada tanggal 12 Januari 2010.

1.2 Identifikasi Masalah

Berdasarkan latar belakang yang telah diuraikan maka identifikasi masalah yang menjadi pokok pembahasan:

(3)

2 • Bagaimana cara membuat suatu web informasi dan forum

game komunikasi antar user untuk game Luna Online?

1.3 Tujuan

Tujuan tugas akhir ini adalah :

• Untuk membuat web informasi dan forum komunikasi untuk Game Luna.

1.4 Pembatasan Masalah

Proyek ini menggunakan program Adobe Photoshop CS5, XAMPP, Macromedia Dreamweaver 8.

1.5 Sistematika Penulisan

BAB I : Pendahuluan

Berisikan tentang latar belakang, identifikasi masalah, tujuan laporan, dan pembatasan masalah

BAB II : Landasan Teori

Berisikan tentang teori – teori topik Tugas Akhir. BAB III : Perancangan dan Pemodelan

Berisikan tentang hasil rancangan web informasi dan forum game Luna.

BAB IV : Hasil dan Data Pengamatan

(4)

3 BAB V : Kesimpulan dan Saran.

(5)

BAB V

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Berdasarkan data pengamatan dan analisa data dapat diambil kesimpulan sebagai berikut

• Web informasi dan forum komunikasi untuk game Luna telah berhasil direalisasikan.

• Percobaan intranet telah berhasil, berdasarkan percobaan user dapat memberi komentar dan komentar terlihat pada komputer lain. Percobaan telah dilakukan menggunakan 2 unit komputer.

• Pembuatan web informasi dan forum komunikasi untuk Game Luna mempunyai kualitas yang cukup baik, dikarenakan Nilai MOS yang didapat adalah 3,4 dari skala 5.

5.2 Saran

Saran yang diberikan agar dapat dikembangkan lebih lanjut adalah sebagai berikut :

• Pada halaman penginputan berita, user dapat mengisi kolom pengirim sesuai dengan user ID.

(6)

DAFTAR PUSTAKA

1. Hadi, Mulya. Dreamweaver CS4 untuk Orang Awam. Penerbit Maxikom, Palembang, 2009.

2. http://www.deptan.go.id/pusdatin/admin/RB/Programming/Materi%20PH P.pdf, 8 Juli 2010.

3. http://id.wikipedia.org/wiki/XAMPP, 13 Juli 2010.

4. http://www.ittelkom.ac.id/library/index.php?view=article&catid=20:infor matika&id=575:segmentasi-citra&option=com_content&Itemid=15, 13 Juli 2010.

5. http://www.slideshare.net/achmatim/pengenalan-macromedia-dreamweaver, 10 Juli 2010.

6. Nugroho, Bunafit. Membuat Website Sendiri dengan PHP-MySQL. Penerbit mediakita, Jakarta, 2009.

7. Nugroho, Bunafit. Latihan Membuat Aplikasi Web PHP dan MySQL dengan Dreamweaver MX [6, 7, 2004] dan 8. Penerbit GAVA MEDIA, Yogyakarta, 2008.

Pembuatan Web Informasi dan Forum Komunikasi Untuk Game Luna.

LAMPIRAN A

LISTING PROGRAM

BAB I

PENDAHULUAN

BAB V

KESIMPULAN DAN SARAN

BAB I

PENDAHULUAN

BAB V

KESIMPULAN DAN SARAN

Dokumen yang terkait

Aplikasi sistem informasi di Forum Komunikasi 76 Jabar-Banten berbasis web : laporan kerja praktek

Aplikasi penyampaian informasi dan kegiatan forum komunikasi 76 Jabar Banten berbasis web

Pembuatan Forum Diskusi PT. LJ System Indonesia berbasis web

PERANCANGAN DAN PEMBUATAN SISTEM INFORMASI KEHILANGAN BERBASIS WEB Perancangan Dan Pembuatan Sistem Informasi Kehilangan Berbasis Web.

PEMBUATAN WEBSITE FORUM KOMUNIKASI MASJID – NURUL HUDA SEBAGAI MEDIA PERTUKARAN INFORMASI DAN Pembuatan Website Forum Komunikasi Masjid–Nurul Huda Sebagai Media Pertukaran Informasi Dan Komunikasi Dengan Menggunakan Software CMS (Content Management Syste

Pembuatan Forum dan Blog untuk PT. Akur Pratama.

Perancangan Dan Pembuatan Sistem Reservasi,Pembayaran,Dan Forum Komunikasi Pada Rumah Kost 11-A Bandung Berbasis Web.

Proses Pertukaran Informasi Otomotif Dalam Web Forum.

PEMBUATAN FORUM KOMUNIKASI ORGANISASI BERBASIS WEB (STUDI KASUS : FIRE GENERATION).

Perancangan Dan Pembuatan Perangkat Luna (1)

Dukungan

Links

Pembuatan Web Informasi dan Forum Komunikasi Untuk Game Luna.

LAMPIRAN A

LISTING PROGRAM

BAB I

PENDAHULUAN

BAB V

KESIMPULAN DAN SARAN

BAB I

PENDAHULUAN

BAB V

KESIMPULAN DAN SARAN

Dokumen yang terkait

Aplikasi sistem informasi di Forum Komunikasi 76 Jabar-Banten berbasis web : laporan kerja praktek

Aplikasi penyampaian informasi dan kegiatan forum komunikasi 76 Jabar Banten berbasis web

Pembuatan Forum Diskusi PT. LJ System Indonesia berbasis web

PERANCANGAN DAN PEMBUATAN SISTEM INFORMASI KEHILANGAN BERBASIS WEB Perancangan Dan Pembuatan Sistem Informasi Kehilangan Berbasis Web.

PEMBUATAN WEBSITE FORUM KOMUNIKASI MASJID – NURUL HUDA SEBAGAI MEDIA PERTUKARAN INFORMASI DAN Pembuatan Website Forum Komunikasi Masjid–Nurul Huda Sebagai Media Pertukaran Informasi Dan Komunikasi Dengan Menggunakan Software CMS (Content Management Syste

Pembuatan Forum dan Blog untuk PT. Akur Pratama.

Perancangan Dan Pembuatan Sistem Reservasi,Pembayaran,Dan Forum Komunikasi Pada Rumah Kost 11-A Bandung Berbasis Web.

Proses Pertukaran Informasi Otomotif Dalam Web Forum.

PEMBUATAN FORUM KOMUNIKASI ORGANISASI BERBASIS WEB (STUDI KASUS : FIRE GENERATION).

Perancangan Dan Pembuatan Perangkat Luna (1)

Dokumen yang Anda mencari sudah siap untuk unduhkan