Pembuatan Web Informasi dan Forum Komunikasi Untuk Game Luna.

(1)

i

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.

(2)

ii

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

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

iv

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)

v

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

(6)

vi

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)

ix

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)

x

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

<head>

<title>Untitled Document</title>

<!--

body {

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

}

-->

</style></head>

(12)

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

action="beritanewsim1.php">

<table width="414" border="1" align="center" cellpadding="0"

cellspacing="0">

<tr>

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

quality="high"

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

quality="high"

</object>

<object

quality="high"

(14)

A-4 gi?P1_Prod_Version=ShockwaveFlash"

</object>

</div></td>

</tr>

<tr>

<td width="325"><input name="txtusername" type="text"

id="txtusername" size="30" maxlength="30" /></td>

</tr>

<tr>

<td height="78"><strong>Komentar </strong></td>

<td><textarea name="txtisi" cols="45" rows="4"

id="txtisi"></textarea></td>

</tr>

<tr>

<label>

Belum ada user buat dulu di <a

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

(15)

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

</tr>

</table>

</form>

</body>

</html>

• Berita1.html

<?php

?>

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

Transitional//EN"

<head>

charset=iso-8859-1" />

<!--

(16)

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

}

-->

</style></head>

<body>

<form id="form5" name="form5" method="post"

cellspacing="0">

<tr>

<object

(17)

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

quality="high"

</object>

<object

quality="high"

</object>

<object

(18)

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

quality="high"

</object>

</div></td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

(19)

A-9 <strong>

<label>

</strong>

</tr>

</table>

</form>

</body>

</html>

• Berita2.html

<?php

?>

Transitional//EN"

(20)

A-10 <head>

<!--

body {

}

-->

</style></head>

<body>

cellspacing="0">

<tr>

(21)

A-11 <object

quality="high"

</object>

<object

quality="high"

(22)

</object>

<object

quality="high"

</object>

</div></td>

</tr>

<tr>

(23)

A-13 <tr>

</tr>

<tr>

<label>

</strong>

</tr>

</table>

</form>

</body>

</html>

(24)

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

Transitional//EN"

<head>

<!--

body {

margin-top: 0px;

}

a:link {

text-decoration: underline;

}

a:visited {

}

a:hover {

text-decoration: none;

(25)

A-15 a:active {

}

-->

</style></head>

<body>

action="insertdafteruser.php">

cellspacing="0">

<tr>

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

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

</map>

<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

</map>

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

(27)

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

<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

</map>

<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

</map>

<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

(28)

A-18 </map>

<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

</map>

<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

</map>

<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

(29)

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

</map>

<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

</map>

<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

</map>

<area shape="poly"

coords="63,146,40,141,26,124,24,106,24,89,25,76,28,63,37,63,47,62,50,6

(30)

A-20 0,225,43,233,64,235,76,236,90,226,106,221,119,218,132,214,146,209,157

</map>

<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

</map>

<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

</map>

<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

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

</map>

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

<input name="txtUser" type="text" id="txtUser" size="20"

maxlength="18" />

</label></td>

(32)

A-22 <tr>

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

<input name="txtPassword" type="password" id="txtPassword"

size="20" maxlength="18" />

</label></td>

</tr>

<tr>

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

<input name="txtEmail" type="text" id="txtEmail" size="25"

maxlength="15" />

</label></td>

</tr>

<tr>

<input name="txtNama" type="text" id="txtNama" size="25"

maxlength="18" />

</label></td>

</tr>

<tr>

(33)

A-23 <td><label>

<input name="txtAlamat" type="text" id="txtAlamat" size="40"

maxlength="25" />

</label></td>

</tr>

<tr>

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

<input name="txtTelepon" type="text" id="txtTelepon" size="18"

maxlength="18" />

</label></td>

</tr>

<tr>

</label>

<label>

<a href="home.html">Click di sini untuk kembali ke home.

</a></label></td>

</tr>

(34)

A-24 </tr>

</table>

</form>

</body>

</html>

• Forum.html

Transitional//EN"

<head>

<!--

body {

background-image: url(../images/10c.jpg);

}

a:link {

(35)

A-25 }

a:visited {

}

a:hover {

}

a:active {

}

-->

</style></head>

<body>

cellspacing="0">

<tr>

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

bgcolor="#CCCCCC"><h2><strong>Luna Forum</strong></h2></td>

<td width="116" height="27" bgcolor="#CCCCCC"><object

(36)

A-26 codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/s

type="application/x-shockwave-flash" bgcolor="#CCCCCC" ></embed>

</object></td>

</tr>

<tr>

<td width="116" height="27" bgcolor="#CCCCCC"><a

href="adminedit.php">

<object

(37)

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>

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

(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 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 colspan="2" bgcolor="#FFFFFF"><strong>Event Lucky Box 3rd

</strong></td>

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

</tr>

(39)

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

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

terbaru</strong></td>

</tr>

<tr>

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

Pet </strong></td>

</tr>

<tr>

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

</strong></td>

(40)

A-30 <tr>

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

Hairstyle </strong></td>

</tr>

<tr>

<td colspan="2" bgcolor="#FFFFFF"><strong>Warnet Event at

Gliter.Net </strong></td>

</tr>

<tr>

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

Patch 2010 </strong></td>

(41)

A-31 </tr>

</table>

</form>

</body>

</html>

• Adminedit.php

<?php

?>

Transitional//EN"

<head>

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

<!--

(42)

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

}

.style3 {color: #CCCCCC}

a:link {

}

a:visited {

}

a:hover {

}

a:active {

}

-->

</style></head>

<body>

<form action="admineditsim.php" method="post" name="form1"

target="_self" id="form1">

(43)

A-33 <p> </p>

cellspacing="1">

<tr>

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

</tr>

<tr>

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

<input name="txtusername" type="text" id="txtusername" size="30"

maxlength="30" />

</label></td>

</tr>

<tr>

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

<td><input name="txtPassLama" type="password" id="txtPassLama"

size="30" maxlength="30" /></td>

</tr>

<tr>

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

<td><input name="txtPassBaru" type="password" id="txtPassBaru"

size="30" maxlength="30" /></td>

(44)

A-34 <tr>

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

<input name="txtPassBaru2" type="password" id="txtPassBaru2"

</label></td>

</tr>

<tr>

<a href="forum.html">Kembali ke forum</a> </td>

</tr>

</table>

</form>

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

}

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

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

sama";

}

(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

?>

<?php

$txtisi = $_POST['txtisi'];

#=============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

(49)

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

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

?>

(50)

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

#=============KONEKSI======================

#==========================================

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

{

echo"";

}

else

{

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

$insert ="INSERT INTO cheater

}

$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>";

bgcolor=#cccccc>";

echo "<tr>";

echo "<td width=300> <center> <b> Komentar

echo "</tr>\n";

extract($row);

echo "<tr>\n";

(52)

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

echo $value;

echo "</td>\n";

}

echo "</tr>\n";

include ("berita1.html");

?>

• Beritanewsim2.php

<?php

?>

<?php

$txtisi = $_POST['txtisi'];

#=============KONEKSI======================

(53)

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

{

echo"";

}

else

{

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

$insert ="INSERT INTO quest

}

$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

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

bgcolor=#cccccc>";

echo "<tr>";

echo "<td width=300> <center> <b> Komentar

echo "</tr>\n";

extract($row);

echo "<tr>\n";

foreach($row as $value){

echo "<td>\n";

echo $value;

echo "</td>\n";

(55)

A-45 echo "</tr>\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'];

(56)

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

$telepon = $_POST['txtTelepon'];

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

{

$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>";

include ("login.php");

echo "<br>";

echo "Account Berhasil Dibuat";

}

else

{

echo "Data tidak lengkap, Account gagal dibuat!";

(57)

A-47 }

?>

• Login.php

Transitional//EN"

<head>

<!--

body {

}

a:link {

}

a:visited {

}

(58)

A-48 text-decoration: none;

}

a:active {

}

.style3 {color: #CCCCCC}

-->

</style></head>

<body>

<form action="loginperiksa.php" method="post" name="form1"

target="_self" id="form1">

cellspacing="0">

<tr>

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

</tr>

<tr>

<td width="104" height="33"><span class="style3">User ID

</span></td>

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

<input name="txtpassword" type="password" id="txtpassword"

</label></td>

</tr>

<tr>

</label>

<label>

</tr>

<tr>

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

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

(60)

A-50 <tr>

<label>

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

kembali ke Home</a>... </div>

</label></td>

</tr>

</table>

</form>

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

}

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

==========

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

}

(64)

1

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

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

69

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)

70

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,