Latihan Psikometri Online Berbasis Web

(1)

LAMPIRAN : LISTING PROGRAM

1. Index.php:

<?php session_start();

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

<title>Latihan Psikometri</title>

</head> <body>

<?php include "header.php"; ?>

</div> </div>

(2)

$('#one').ContentSlider({ width : '940px',

height : '240px', speed : 400,

easing : 'easeOutSine' });

}); </script>

</div>

<?php $p=$_REQUEST['p'];

if($p) {

include "$p"; }

else {

include "content.php"; } ?>

(3)

</div>

</div>  </div>

</body> </html>

2. User2.php:

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

<title>Latihan Psikometri</title>

(4)

<body>

<?php include "header.php"; ?>

</div> </div>

$('#one').ContentSlider({ width : '940px',

height : '240px', speed : 400,

easing : 'easeOutSine' });

}); </script>

(5)

<tr>

<td><h2>Username</h2></td> <td><h2>:</h2></td>

<tr>

<td><h2>Password</h2></td> <td><h2>:</h2></td>

</table>

(6)

</div>

</div>

</div>  </div>

</body> </html>

3. Cek.php :

<?php

include("koneksi_user.php");

$username=$_REQUEST['username1']; $password=$_REQUEST['password1'];

if($username!=''& $password!='') {

$sql= "SELECT * FROM user where username='$username' AND password='$password'";

$result = mysql_query($sql) or die (mysql_error()); $hasil= mysql_fetch_array($result);

(7)

if($hasil['username']==$username && $hasil['password']==$password) { if($hasil['status']=='admin') { session_start(); $_SESSION['pengguna']=$hasil['username']; $_SESSION['id']=$hasil['id_user']; header ("location:admin/index.php"); } if($hasil['status']=='member') { session_start(); $_SESSION['pengguna']=$hasil['username']; $_SESSION['id']=$hasil['id_member']; header ("location:member/index.php"); } } else { ?> <script type="text/javascript"> <!--

alert("Your name or password is wrong..") window.location = "index.php";

//--> </script> <?php } } else { ?>

(8)

alert("Silahkan Login.")

window.location = "../index.php"; //-->

</script> <?php

}?>

4. Soal.php

<tr>

<td>pilihan A</td> <td>:</td>

<tr>

<td>pilihan B</td> <td>:</td>

<tr>

<td>pilihan C</td> <td>:</td>

(9)

<td>pilihan D</td> <td>:</td>

<tr>

<td>category</td> <td>:</td>

<td><?php include ("koneksi_user.php");

$sql=mysql_query("select * from category_soal"); ?>

<?php while ($h=mysql_fetch_array($sql)) {?>

</option> <?php } ?> </select>

</td> </tr><tr>

<td>Kunci</td> <td>:</td> <td>

<input type="radio" id="Kunci Jawaban" name="kunci" value="A" />A <input type="radio" id="Kunci Jawaban" name="kunci" value="B" />B <input type="radio" id="Kunci Jawaban" name="kunci" value="C" />C <input type="radio" id="Kunci Jawaban" name="kunci" value="D" />D

</td> </tr>

</tr> </table>

(10)

</form>

<?php

include "koneksi_user.php";

$sql = mysql_query("SELECT * FROM soal s, category_soal c where s.id_category_soal=c.id_category_soal");

?><script type="text/JavaScript"> <!--

function MM_popupMsg(msg) { //v1.0 alert(msg);

}

function MM_goToURL() { //v3.0

var i, args=MM_goToURL.arguments; document.MM_returnValue = false;

for (i=0; i<(args.length-1); i+=2)

eval(args[i]+".location='"+args[i+1]+"'"); }

//-->

</script> <?php

//menentukan batas, cek dan posisi data $batas=5;

$halaman = $_REQUEST['halaman'];

if(empty($halaman)){ $posisi=0; $halaman = 1; } else {

$posisi = ($halaman-1) * $batas; }

(11)

//sesuaikan perintah SQL dengan posisi dan batas

$sql= "SELECT * FROM soal s, category_soal c where

s.id_category_soal=c.id_category_soal ORDER BY s.id_soal DESC LIMIT $posisi,$batas";

$result = mysql_query($sql); $test=mysql_num_rows($result); if ($test!=0)

{

$no=$posisi+1;

echo"

<table width='800' bordercolordark='#000000' cellpadding='1' cellspacing='1' bordercolor='#000000' border='0'

style='color:#000000'>";

echo" <tr align='center' bgcolor='#1083D8' style='color:#ffffff'>";

echo "<th>NO</th>"; echo "<th>Soal</th>"; echo "<th>Jawaban A</th>"; echo "<th>Jawaban B</th>"; echo "<th>Jawaban C</th>"; echo "<th>Jawaban D</th>"; echo "<th>Kunci</th>"; echo "<th>Category</th>"; echo "<th>Action</th></tr>";

while($row=mysql_fetch_array($result)) {

//pemberian warna berbeda pada tiap baris tampilan if (($no % 2)==0)

{ $warna="#DBDBDB"; } else { $warna="#ffffff";}

(12)

$id= $row['id_soal'];

echo "<tr bgcolor=$warna align='center' ><td>"; echo $no;

echo "</td><td width=''>"; echo $row['soal'];

echo "</td><td width=''>"; echo $row['A'];

echo "</td><td width=''>"; echo $row['B'];

echo "</td><td width=''>"; echo $row['C'];

echo "</td><td width=''>"; echo $row['D'];

echo "</td><td width=''>"; echo $row['kunci'];

echo "</td><td width=''>"; echo $row['category_soal'];

echo "</td><td width=''>";

echo "<a href='delete_soal.php?id=$row[id_soal]' onClick=\"return confirm('Apakah Anda benar-benar akan menghapus data

ini?')\"><acronym title='Hapus data'><img src='images/delete.png' width='20' height='20' alt='delete'></a>   ";

<acronym title="Edit Data"><a

href="index.php?p=edit_soal.php&id=<?php echo $id; ?>">Edit</a></acronym>  

a:link {

(13)

}

a:visited {

text-decoration: none; }

a:hover {

text-decoration: none; }

a:active {

text-decoration: none; }

--> </style> <?php $no++; }

echo "</table><table width='500' align='left' id='tabel_show' cellpadding='1' cellspacing='1'><tr><td></td><td>";

$sql2 = mysql_query("SELECT * FROM soal s, category_soal c where s.id_category_soal=c.id_category_soal");

$result=mysql_num_rows($sql2); $jmlhalaman=ceil($result/$batas);

/* bangun Previous link */ if($halaman > 1){

$prev = ($halaman - 1); ?>

<a href="index.php?p=soal.php&halaman=1"> << First </a> |

<?php } else {

(14)

echo "<p>First| < Previous "; } //tampilkan link halaman 1,2,3...

for($i = 1; $i <= $jmlhalaman; $i++){ if($i == $halaman){

echo "$i "; }

else { ?>

<?php } }

/* bangun Next link */ if($halaman < $jmlhalaman){ $next = $halaman + 1;

<a href="index.php?p=soal.php&<? echo "halaman=$jmlhalaman"; ?>">Last >></a> <?php }

echo "</td></tr></table>";

}//akhir dari kondisi bahwa data tidak kosong else { echo "<p>TIDAK ADA DATA DALAM DATABASE "; }

5. Member.php

<?php include "koneksi_user.php";?>

(15)

<tr>

<tr>

<td>alamat</td> <td>:</td>

<tr>

<td><select name="kota"> <?php

$k = mysql_query("select * from kota"); while($a=mysql_fetch_array($k)){?>

<option value="<?php echo

$a['id_kota'];?>"><?php echo $a['nama_kota'];?></option> <?php }

</select> </td>

</tr> <tr>

<td>email</td> <td>:</td>

<tr>

<td>tanggal lahir</td> <td>:</td>

(16)

<tr>

<td>jenis kelamin</td> <td>:</td>

<td><input type="radio" name="jkelamin" value="1"/>pria</td> <td><input type="radio" name="jkelamin"

value="0"/>wanita</td> </tr>

</table>

<?php

$sql = mysql_query("SELECT * FROM member,kota where member.id_kota=kota.id_kota");

?><script type="text/JavaScript"> <!--

function MM_popupMsg(msg) { //v1.0 alert(msg);

}

function MM_goToURL() { //v3.0

var i, args=MM_goToURL.arguments; document.MM_returnValue = false;

for (i=0; i<(args.length-1); i+=2)

eval(args[i]+".location='"+args[i+1]+"'"); }

//-->

</script> <?php

(17)

//menentukan batas, cek dan posisi data $batas=5;

$halaman = $_REQUEST['halaman'];

if(empty($halaman)){ $posisi=0; $halaman = 1; } else {

$posisi = ($halaman-1) * $batas; }

//sesuaikan perintah SQL dengan posisi dan batas

$sql= "SELECT * FROM member,kota where member.kota=kota.id_kota ORDER BY id DESC LIMIT $posisi,$batas";

$result = mysql_query($sql); $test=mysql_num_rows($result); if ($test!=0)

{

$no=$posisi+1;

echo"

<table width='800' bordercolordark='#000000' cellpadding='1' cellspacing='1' bordercolor='#000000' border='0'

style='color:#000000'>";

echo" <tr align='center' bgcolor='#1083D8' style='color:#ffffff'>";

echo "<th>NO</th>"; echo "<th>Nama</th>"; echo "<th>Alamat</th>"; echo "<th>Email</th>"; echo "<th>Kota</th>";

(18)

while($row=mysql_fetch_array($result)) {

//pemberian warna berbeda pada tiap baris tampilan if (($no % 2)==0)

{ $warna="#DBDBDB"; } else { $warna="#ffffff";}

$id= $row['id'];

echo "<tr bgcolor=$warna align='center' ><td>"; echo $no;

echo "</td><td width=''>"; echo $row['nama'];

echo "</td><td width=''>"; echo $row['alamat'];

echo "</td><td width=''>"; echo $row['email'];

echo "</td><td width=''>"; echo $row['nama_kota'];

echo "</td><td width=''>";

echo "<a href='delete_member.php?id=$id' onClick=\"return confirm('Apakah Anda benar-benar akan menghapus data

ini?')\"><acronym title='Hapus data'><img src='images/delete.png' width='20' height='20' alt='delete'></a>   ";

<acronym title="Edit Data"><a

href="index.php?p=edit.php&id=<?php echo $id; ?>">Edit</a></acronym>  

a:link {

(19)

}

a:visited {

text-decoration: none; }

a:hover {

text-decoration: none; }

a:active {

text-decoration: none; }

--> </style> <?php $no++; }

echo "</table><table width='500' align='left' id='tabel_show' cellpadding='1' cellspacing='1'><tr><td></td><td>";

$sql2 = mysql_query("select * from member,kota where member.kota=kota.id_kota");

$result=mysql_num_rows($sql2); $jmlhalaman=ceil($result/$batas);

/* bangun Previous link */ if($halaman > 1){

$prev = ($halaman - 1); ?>

<a href="index.php?p=member.php&halaman=1"> << First </a> |

<?php } else {

(20)

echo "<p>First| < Previous "; } //tampilkan link halaman 1,2,3...

for($i = 1; $i <= $jmlhalaman; $i++){ if($i == $halaman){

echo "$i "; }

else { ?>

<?php } }

/* bangun Next link */ if($halaman < $jmlhalaman){ $next = $halaman + 1;

<?php }

echo "</td></tr></table>";

}//akhir dari kondisi bahwa data tidak kosong else { echo "<p>TIDAK ADA DATA DALAM DATABASE "; }

6. Acc.php:

<?php session_start(); $id=$_SESSION['id'];

(21)

$a=mysql_query("select * from member where id='$id'"); $sql=mysql_fetch_array($a);

<td>username</td> <td>:</td>

</tr> <tr>

</tr> <tr>

<td>password baru</td> <td>:</td>

<tr>

</table>

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

7. Koneksi_user.php

<?php

$host="localhost"; $user="root";

(22)

$password="";

$koneksi=mysql_connect("$host","$user","$password");

$database=mysql_select_db("psikometri");

8. member /Soal.php :

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

<title>Untitled Document</title> </head>

<body>

<a href="index.php?p=soal.php&cat=verbal"><button type="button">Kategori Verbal</button></a>

<a href="index.php?p=soal.php&cat=kuantitatif"><button type="button">Kategori Kuantitatif</button></a>

<a href="index.php?p=soal.php&cat=deret"><button type="button">Kategori Deret Hitung</button></a>

(23)

<?php

if(!isset($_GET['cat'])){} else{

if($_GET['cat'] == 'verbal'){ $h = "Soal Verbal"; $cat=11;}

elseif($_GET['cat'] == 'kuantitatif'){$h = "Soal Kuantitatif"; $cat=12;}

elseif($_GET['cat'] == 'deret'){$h = "Soal Deret Hitung"; $cat=13; }

<table border="0" cellspacing="0" cellpadding="10"> <?php

include "koneksi_user.php"; $p=$_SESSION['id'];

$s=mysql_query("SELECT * FROM soal s, category_soal c where s.id_category_soal=c.id_category_soal and

s.id_category_soal='$cat' order by id_soal desc limit 10"); $r=1;

while ($w=mysql_fetch_array($s)) {

?> <tr>

<td><input type="hidden" name="soal<?php echo $r;?>" value="<?php echo $w['id_soal']; ?>" />

<?php echo $r.") ".$w['soal']; ?></td> </tr>

<tr><td>A.

<input type="radio" id="Kunci Jawaban" name="kunci<?php echo $r;?>"

(24)

<?php if ($w['kunci']=="A"){ ?> value="10" <?php } else {?> value="0"<?php } ?> />

<?php echo $w['A']; ?></td></tr> <tr><td>B.

<input type="radio" id="Kunci Jawaban" name="kunci<?php echo $r;?>"

<?php if ($w['kunci']=="B"){ ?> value="10" <?php } else {?> value="0"<?php } ?> /><?php echo $w['B']; ?></td></tr> <tr><td>C.

<input type="radio" id="Kunci Jawaban" name="kunci<?php echo $r;?>"

<?php if ($w['kunci']=="C"){ ?> value="10" <?php } else {?> value="0"<?php } ?> />

<?php echo $w['C']; ?></td></tr> <tr><td>D.

<input type="radio" id="Kunci Jawaban" name="kunci<?php echo $r;?>"

<?php if ($w['kunci']=="D"){ ?> value="10" <?php } else {?> value="0"<?php } ?> />

<?php echo $w['D']; ?>

<?php $r++; } ?> </table>

<?php }?> </body> </html>

(25)

DAFTAR PUSTAKA

Kadir, Abdul. 2005. Dasar Pemrograman Web Dinamis menggunakan PHP. Yogyakarta: Informatika Bandung.

D.T. Sugeng. 2012. Psikotes yang Sering Keluar. Yogyakarta: Planet Ilmu Carter, Philip. 2012. Buku Latihan Tes IQ dan Psikometri. Jakarta: PT.Indeks

Sidik, Beta dan Husni L.Pohan.2012. Pemrograman Web Debgab HTML. Bandung : Informatika Bandung.

http://carapedia.com/pengertian_definisi_web_info2043.html(5fb). Diakses pada tanggal 5 februari 2013

(26)

BABB3B

B

PERANCANGANBSISTEMB

B

3.1 PerancanganBSistemB

B

Tujuan dari perancangan sistem adalah untui memenuhi iebutuhan

users

(pemaiai)

mengenai gambaran yang jelas tentang perancangan sistem yang aian dibuat serta

diimplementasiian. Perancangan sistem adalah suatu upaya untui membuat suatu sistam

yang baru atau memperbaiii sistem yang telah ada. Desain sistem secara umum

mengidentifiiasiian iomponen-iomponen sistem informasi yang aian didesain secara

terinci. Desain terinci dimaisudian untui pemrogram iomputer dan ahli teinii ahlinya

yang aian mengimplementasiian sistem.

3.2BDataBFlowBDiagramB

B

Datas Flows Diagram

adalah gambaran sistem secara logiia. Gambaran ini tidai

tergantung pada perangiat ieras, perangiat lunai, struitur data atau organisasi. Pada

tahap analisis, penanganan notasi simbol lingiaran dan anai panah

mewaiili/menggambarian arus data pada perancangan sistem sangat membantu di dalam

iomuniiasi dengan pemaiaian sistem menggunaian notasi – notasi ini untui

(27)

menggambarian arus dari data sistem. Komponen (simbol) yang digunaian dalam

diagram aliran data, dapat dilihat pada gambar beriiut :

GambarB3.1BSimbolBDFDB

Keterangan gambar:

1. Kotai persegi digunaian untui menggambarian suatu entitas eisternal yang dapat

mengirim data atau menerima data dari sistem.

2. Tanda panah menunjuiian perpindahan data dari suatu titii ie titii lain dengan

iepala tanda panah mengarah ie tujuan data.

3. Kotai dengan sudut membulat digunaian untui menunjuiian adanya proses

transformasi.

4. Penyimpanan data menandaian penyimpanan manual, seperti lemari

file

atau sebuah

file atau basis data teriomputerisasi. Karena penyimpanan data mewaiili sebuah atau

sesuatu, maia diberi nama dengan sebuah iata benda (Kenneth. E. Kendall dan Julie.

E. Kendall, Jilid I, 2003:264).

(28)

Data flow diagram dari perancangan apliiasi Tes Psiiometri secara online yang penulis

ajuian dibagi menjadi dua bentui yaitu :

Diagram Konteis

Update Data User

Input Soal

Input Data

Member

GambarB3.2BDiagramBKonteksB

B

ADMINB

SISTEMB

(29)

Data Flow Diagram Level 0 :

Input Data Soal

ADMIN

Input Soal

Input Pilihan A

Input Pilihan B

Input Pilihan C

Input Pilihan D

Input Category Verbal

Input Kunci

Input Pilihan A

Input Kunci

Input Category

Kuantitatif

Input Pilihan D

Input Pilihan C

Input Pilihan B

Input Pilihan A

Input Kunci

Input Category Deret

Hitung

Input Pilihan D

Input Pilihan C

Input Pilihan B

Member

Informasi Data Soal

(30)

3.3 PerancanganBDatabase

B

Database

merupaian iumpulan dari data yang saling berhubungan satu dengan lainnya,

tersimpan di simpanan luar iomputer dan digunaian perangiat lunai tertentu untui

memanipulasinya.

Database

merupaian salah satu iomponen yang penting dalam sistem

informasi, iarena berfungsi sebagai basis penyedia informasi bagi para pemaiainya.

Karena

database

merupaian iumpulan dari beberapa

file

, dalam hal ini

file-file

tersebut

diielompoiian secara terstruitur dalam beberapa tabel sesuai dengan informasi yang

teriandung didalamnya. Beriiut rancangan tabel yang penulis gunaian dalam

membangun sistem informasi ini :

TabelB3.1BTabelBUserB

Field Name

Type

Width

Description

id_user

int

primary iey,auto_increment

username

varchar

50 password

varchar

50 status

varchar

50

(31)

TabelB3.2BTabelBMemberB

Field Name

Type

Width

Description

id

int

primary iey,auto_increment

username

varchar

50 pass

varchar

50 alamat

text

iota

varchar

50 email

varchar

50 tgl_lahir

varchar

50 ji

varchar

50 nama

varchar

50 3.3BTabelBSoalB

Field Name

Type

Width

Description

id_soal

int

primary iey,auto_increment

soal

varchar

50 A

varchar

50 B

varchar

50 C

varchar

50 D

varchar

50 iunci

varchar

50

(32)

3.4BTableBCategoryBSoalB

Field Name

Type

Width

Description

id_category_soal int

primary iey,auto_increment

category_soal

varchar

50 3.5BTableBJawabanB

Field Name

Type

Width

Description

id_jawaban

int

primary iey,auto_increment

id_soal

int

50 jawaban

varchar

50 3.6BTabelBNilaiB

Field Name

Type

Width

Description

id_nilai

int

primary iey,auto_increment

id_member

int

50 total

varchar

50 3.7BTabelBKotaB

Field Name

Type

Width

Description

id_iota

int

primary iey,auto_increment

(33)

3.1 FlowchartB

Flowchart

adalah seiumpulan simbol-simbol yang menunjuiian atau

menggambarian rangiaian iegiatan-iegiatan program dari awal hingga aihir, jadi

flowchart

juga digunaian untui menggambarian urutan langiah-langiah peierjaan

suatu algoritma.

Penjelasan arti dari lambang-lambang

flowchart

dapat didefinisiian seperti

tabel beriiut :

(34)

FlowchartBTesB:B

GambarB3.5BFlowchartBTesB

Start

Login Member

If Login

Tampil Halaman Tes

Input Jawaban

Tampil Nilai

Finish

Login Gagal

True

(35)

Flowchart Login Admin :

GambarB3.6BFlowchartBLoginBAdminB

Start

Input Data Admin

If Kondisi

Tampil Halaman Admin

Finish

Login Gagal

False

(36)

Flowchart Login Member :

GambarB3.7BFlowchartBLoginBMemberB

Start

Input Data Admin

If Kondisi

Tampil Halaman Admin

Finish

Login Gagal

False

(37)

Flowchart Input Soal :

B

GambarB3.8BFlowchartBInputBSoal

B

Start

Input Data Admin

If Kondisi

Proses Berhasil

Data Berhasil

masui ie

Database

Finish

Proses Gagal

True

(38)

Flowchart Manage Member :

GambarB3.9BFlowchartBManageBMemberB

Start

If dipilih

Edit User

Update Data

User

If

iondisi

Edit Berhasil

Update Data masui ie Database

Finish

Edit Gagal

Delete User

If

eiseiusi

Data

Gagal

Dihapus

Data terhapus

Finish

False

True

True False

(39)

Flowchart Manage Member :

GambarB3.9BFlowchartBManageBSoalB

Start

If dipilih

Edit Soal

Update Data

Soal

If

iondisi

Edit Berhasil

Update Soal masui ie Database

Finish

Edit Gagal

Delete Soal

If

eiseiusi

Data

Gagal

Dihapus

Data terhapus

Finish

False

True

True False

(40)

BABB4B B

IMPLEMENTASIBSISTEMB B

4.1.BPengertianBdanBTujuanBImplementasiBSistemB B

Implmmmntasi sistmm adalah prosmdur yang dilakukan untuk mmnymlmsaikan dmsain sistmm yang tmlah dirancang, sistmm yang dismtujui, mmnguji sistmm, mmnginstal dan mmmulai mmnggunakan sistmm baru tmrsmbut atau sistmm yang dipmrbaiki. Adapun langkah-langkah yang dibutuhkan dalam implmmmntasi sistmm adalah :

1. Mmndapatkan software dan hardware yang tmpat smrta smsuai untuk mmrancang

website.

2. Mmnymlmsaikan rancangan sistmm.

3. Mmnulis, mmnguji, mmngontrol dan mmndokummntasikan website. 4. Mmndapatkan pmrsmtujuan.

4.2 TujuanBImplementasiBSistemB B

Tujuan implmmmntasi sistmm adalah :

1. Mmnymlmsaikan sistmm yang ada dalam dokummn dmsain sistmm yang tmlah dismtujui, mmnyusun dokummn-dokummn baru atau dokummn yang baru dipmrbaiki.

(41)

2. Mmnulis, mmnguji, mmndokummntasikan program-program dan prosmdur yang dipmrlukan dalam dmsain sistmm yang tmlah dismtujui.

3. Mmmastikan bahwa pmngguna dapat mmngopmrasikan sistmm yang baru yaitu dmngan mmmpmrsiapkan manual pmmakaian (tata cara pmnggunaan) dan mmlatih pmngguna tmrsmbut.

4. Mmmpmrhitungkan bahwa sistmm tmrsmbut dapat mmmmnuhi pmrmintaan pmngguna yaitu dmngan mmnguji sistmm.

5. Mmmastikan bahwa konvmrsi km sistmm baru bmrjalan smcara lancar, yaitu dmngan mmmbuat pmrmncanaan, mmngontrol, dan mmlakukan instalasi sistmm baru smcara baik dan bmnar.

4.3 KomponenBUtamaBImplementasiBSistemB B

Dalam mmnjalankan sistmm tmrsmbut dmngan mmnggunakan komputmr harus mmmiliki 3 komponmn utama, antara lain Hardware (Pmrangkat Kmras), Software

(Pmrangkat Lunak) dan Brainware (Unsur Manusia). B

4.3.1 HardwareB(PerangkatBKeras)B B

Hardware adalah suatu komponmn yang sangat dibutuhkan dalam mmwujudkan sistmm yang diusulkan. Dalam hal ini pmnulis mmrinci spmsifikasi komponmn hardware yaitu :

1. PC dmngan processor minimal intml Pmntium III 733 MHz. 2. Microsoft Windows 7

(42)

3. Microsoft Windows 2000 service pack 4 atau XP Homm. 4. Memory Minimal 128 MB

5. Hard disk 20 GB

6. Monitor Super VGA 7. Keyboard

8. Mouse

B B

4.3.2 SoftwareB(PerangkatBLunak)B

Software adalah pmrangkat lunak atau program-program komputmr yang dapat digunakan olmh komputmr dmngan mmmbmrikan fungsi smrta mmnampilkan

performance mikrotik yang diinginkan.

Adapun software yang digunakan dalam pmmbuatan website ini adalah : 1. Apache smbagai web server

2. PHP smbagai web programming

3. MySQL smbagai database server

4. Macromedia Dreamweaver CS6 smbagai tmmpat pmnulisan script

4.3.3 BrainwareB B

Brainware mmrupakan faktor manusia yang mmnangani fasilitas komputmr yang ada. Faktor manusia yang dimaksud adalah orang-orang yang mmmiliki bagian untuk mmnangani sistmm dan mmrupakan unsur manusia yang mmliputi :

(43)

1. Analis Sistmm, yaitu orang mmmbmntuk dan mmmbangun fasilitas rancangan sistmm atau program.

2. Programmer, yaitu orang yang mmngmrti bahasa pmmrograman yang digunakan dalam mmmbuat dan mmmbangun suatu program.

3. Operator (Administrator), yaitu orang yang mmngopmrasikan sistmm smpmrti mmmasukkan data untuk diopmrasikan olmh komputmr dalam mmnghasilkan informasi dan lain smbagainya.

4. Public (Pmngguna), yaitu orang yang mmmakai sistmm yang tmlah dirancang untuk mmndapatkan informasi yang dibutuhkan.

B B

4.4 InstalasiBXAMPPB B

Smpmrti kmpanjangannya XAMPP mmrupakan tool yang mmnymdiakan pakmt pmrangkat lunak km dalam satu buah pakmt. Dalam pakmtnya sudah tmrdapat Apache

(web server), MySQL (database), PHP (server side scripting), Perl, FTP server,

phpMyAdmin dan bmrbagai pustaka bantu lainnya. Dmngan mmnginstall XAMPP

maka tidak pmrlu lagi mmlakukan instalasi dan konfigurasi web server Apache,

PHP dan MySQL smcara manual. XAMPP akan mmnginstalasi dan mmngkonfigurasikannya smcara otomatis untuk Anda.

4.4.1 PersiapanBInstalasiBXAMPPBB B

1. Pastikan komputmr Anda bmlum tmrinstall web server lain smpmrti IIS atau PWS

(44)

anda ingin tmtap mmmpmrtahankan program tmrsmbut, smtmlah instalasi smlmsai anda dapat mmngkonfigurasikan Apache smcara manual dmngan mmngganti nomor port yang digunakan.

2. DownloadSource XAMPP vmrsi stabil tmrbaru di http://apachmfrimnds.org. Pilih vmrsi smsuai dmngan sistmm opmrasi yang Anda gunakan (tmrsmdia vmrsi untuk

Windows, Linux dan Mac.

3. Pastikan komputmr yang Anda gunakan bmrjalan dmngan baik dmngan kapasitas mmmori dan hardisk yang masih mmncukupi.

4.4.2 MemulaiBProsesBInstalasiBXAMPPB B

Bmrikut ini adalah langkah-langkah yang pmrlu Anda lakukan untuk mmnginstall

XAMPP di windows :

1. Klik dua kali file XAMPP yang tmlah anda download.

GambarB4.1BXAMPPBInstallerB

2. Bmrikutnya klik saja [OK] untuk pilihan bahasa, English

(45)

3. Klik [Nmxt] pada jmndmla Wizard yang munculB B

B GambarB4.3BXAMPPBSetupBWizardB B

4. Bmrikutnya Anda diminta mmmilih folder tmmpat XAMPP dipasang. Untuk mudahnya pilih saja di c:\ smpmrti default-nya dan klik [Nmxt]. B

B GambarB4.4BMemilihBFolderBPenyimpananBXAMPPB

(46)

5. Pada jmndmla yang muncul bmrikutnya, Jangan lupa klik 3 kotak pada service section. Yaitu anda harus mmnginstall apache as service, mysql as service dan

filezilla as service. Klik saja Install, dimana shortcut untuk mmnjalankan

XAMPP akan ada di desktop dan di menu Start.

GambarB4.5BServiceBSectionBXAMPPB B

6. Tunggu bmbmrapa mmnit smmmntara XAMPP diinstall.

GambarB4.6BInstallingBXAMPPB 7. Klik [Finish] smtmlah XAMPP smlmsai diinstal.

(47)

GambarB4.7BCompletingBXAMPPB

8. Anda akan mmndapati tawaran, apakah akan mmnjalankan XAMPP Control Panel smkarang atau lain kali. Klik [Yms] bila Anda akan mmnjalankannya.

GambarB4.8BXAMPPBControlBPanelB

9. Smtiap kali Anda akan mmngmlola situs Web Anda di PC lokal, Anda harus mmnjalankan XAMPP. Mmnjalankan XAMPP bmrarti mmmfungsikan PC Anda smbagai server Web. Untuk mmnjalankannya, klik ikon XAMPP dan Anda dihadapkan pada XAMPP ControlPanel.

(48)

GambarB4.9BXAMPPBControlBPanelBApplication

10.Klik [Start] masing-masing untuk Apache dan MySql, smhingga muncul tanda

Running untuk kmduanya. PC lokal Anda kini sudah mmnjadi server Web lokal.

GambarB4.10BRunningBApacheBdanBMySqlB

11.Jalankan browser Anda dan kmtikkan: http://localhost. Bila muncul tampilan smpmrti di bawah ini, bmrarti PC Anda sudah bmrfungsi smbagai server Web. Klik [English] untuk mmmilih bahasa Inggris.

GambarB4.11BJalankanBLocalhostB 12.Jika suksms dijalankan , maka XAMPP siap untuk dipmrgunakanB

4.5BMenjalankanBApacheB B

(49)

Smtmlah prosms instalasi XAMPP smlmsai dilakukan, langkah smlanjutnya adalah mmnjalankan apache. Adapun cara mmnjalankan apache adalah :

1. Klik XAMPP Control Panel Application

2. Klik [Start] masing-masing untuk Apache dan MySql, smhingga muncul tanda Running untuk kmduanya. PC lokal Anda kini sudah mmnjadi server Web lokal.

3. Apache tmlah aktif

4.5 PengujianBdiBBrowserB B

Smtmlah apache diaktifkan, maka aplikasi tmlah dapat diujikan di komputmr lokal. Adapun caranya adalah smbagai bmrikut :

1. Lmtak file-file yang mmmbangun web tadi pada suatu folder yang dilmtakkan dalam folder “htdocs”, tmrlihat smpmrti gambar bmrikut ini : 2. Buka browsmr Intmrnmt/Mozilla Firmfox

(50)

3. Buka browser Internet / Mozilla Firefox / Google Chrome

4. Pada URL kmtikan http://localhost/{nama_foldmr}/film indmx. Contoh langsung dikmtikan padda kotak URL http://localhost/mlmarning, kmmudian tmkan tombol mntmr.

GambarB4.13BURLB

4.6 DemonstrasiBProgramB

Dmmonstrasi program ini mmnjmlaskan halaman-halaman website yang tmlah pmnulis rancang. Pada halaman ini akan dijmlaskan bmbmrapa bagian wmbsitm diantaranya halaman Login, form pmmmntor, form mahasiswa dan form admin. Sistmm yang dibuat dalam situs ini bmrsifat internal, yang bmrarti pmngguna

website ini hanya kalangan tmrtmntu yang mmmiliki hak aksms tmrhadap program. Bmrikut ini bmbmrapa tampilan yang ada pada website pmnulis yaitu :

(51)

Halaman Utama (indmx.php)

(52)

Halaman Login(usmr2.php)

GambarB4.15BHalamanBLoginB

Halaman Account (acc.php):

(53)

Halaman Soal (soal.php)

GambarB4.17BHalamanBSoalB Halaman Input Soal (soal.php)

(54)

Halaman Nilai (nilai.php)

(55)

BABB5B

KESIMPULANBDANBSARANB

5.1.BKesimpulanB

Dari hasil pengahatan penulis tentang perancangan aplikasi tes psikohetri online perpasis wep ini, haka penulis dapat hengahpil peperapa kesihpulan diantaranya adalah sepagai perikut:

1. Pehpuatan suatu aplikasi wep dapat dilakukan dikohputer local tanpa terkoneksi ke internet. Koneksi internet diperlukan ketika proses upload data dan pengaksesan situs atau dikenal dengan naha hosting.

2. Untuk hehpercepat loading ketika hengakses situs internet, dapat dilakukan teknik slicing (pehotongan) pada grafis wep dan optihasi gahpar yaitu dengan hengurangi warna dari grafis wep.

3. Untuk henarik hinat pengunjung, perlu dipuat rancangan layout atau tehplate dengan gahpar henarik.

4. Penyajian inforhasi yang paik dapat dilakukan dengan cara hehpuat wepsite yang dinahis.

5. Selain sepagai sarana penyahpaian inforhasi wepsite juga hakin dikehpangkan sepagai ssarana pengolahan data secara online.

6. Pada wepsite Tes Psikohetri online perpasis wep, penulis henyajikan hedia yang user friendly yang dapat digunakan oleh user untuk henguji kehahpuan Psikotes. User juga dapat hengetahui skor yang didapat ketika selesai henjawap soal yang tersedia.

(56)

5.2.BSaranB B

Agar wepsite ini perkehpang dengan paik haka, penulis hehperikan saran sepagai perikut :

1. Kohputer yang digunakan dalah hehpuat suatu aplikasi wep sepaiknya hehiliki spesifikasi dengan level henengah karena penggunaan software yang high level akan hehakan suhper daya cohputer seperti hehory dan kapasitas hardisk.

2. Wepsite yang dipuat oleh penulis diharapkan perhanfaat pada proses pehpelajaran dan pengingkatan kualitas pada pidang Psikohetri.

3. Diharapkan adanya pengenhpangan lepih lanjut, sehingga henjadi sepuah hedia yang sangat hehpantu seseorang yang ingin hengukur kehahpuannya dipidang psikohetri.

(57)

BABB2B B

LANDASANBBTEORIB B

2.B1.BTentangBWeb

World Wide Web(WWW), lebih dikenal dengan web, merupakan salah satu layanan yang dapat dipakai oleh pemakai komputer yang terhubung ke internet.

Web pada awalnya adalah ruang informasi dalam Internet, dengan menggunakan teknologi hyperteks, pemakai dituntun untuk menemukan informasi dengan mengikuti link yang disediakan dalam dokumen web yang disediakan web browser.

Kini Internet identik dengan web, karena kepopuleran web sebagai standard interface pada layanan-layanan yang ada di internet, dari awalnya sebagai penyedia informasi, kini digunakan juga untuk komunikasi dari e-mail sampai dengan chatting, sampai dengan melakukan transaksi bisnis(commerce).

Kini web seakan lebih popular dari email, walaupun secara statistik email masih merupakan aplikasi terbanyak yang digunakan oleh pengguna internet. Web lebih popular bagi khalayak umum dan pemula, terutama untuk tujuan pencarian informasi dan melakukan komunikasi e-mail yang menggunakan web sebagai interfacenya (Sidik,Betha dan Yusni Pohan, 2012)

(58)

7 2.2.BSejarahBWeb

Tahun 1993, Tim Berners-Lee dan peneliti lain di European Particle Phsysics Lab (CERN) di Geneva, Swiss mengembangkan suatu cara untuk men-share data antar koleganya menggunakan sesuatu yang disebut hypertext. Pemakai di CERN dapat menampilkan dokumen pada layar komputer dengan menggunakan software browser baru.

Kode – kode khusus disisipkan ke dalam dokumen elektronik ini, memungkinkan pemakai untuk meloncat dari satu dokumen ke dokumen lainnya pada layar dengan hanya memilih sebuah hyperlink.

Kemampuan Internet dimasukkan ke dalam browser ini sehingga loncat dari satu dokumen ke dokumen lain, tidak lagi dari satu computer saja, tetapi dapat meloncat ke dokumen lain yang letaknya pada komputer remote.

Seorang peneliti dapat juga mengirimkan sebuah file dari computer remote ke sistem lokalnya, atau log in ke dalam suatu remote hanya dengan mengklik hyperlink, tidak perlu memakai sistem FTP atau Telnet. Jalan pintas CERN digunakan sebagai dasar dari yang disebut juga sebagai World Wide Web dan berikut server dan browser webnya(sekarang di maintenance oleh World Wide Web Consortium). (Sidik,Betha dan Yusni Pohan, 2012)B

B B B

(59)

8 2.3.BPengertianBPsikometriB

Psikotes merupakan tes yang ditujukan untuk mengukur aspek individu secara psikis. Adapun bentuk dari tes Psikotes sendiri berupa tes tertulis, visual ataupun evaluasi secara verbal yang teradministrasi untuk mengukur fungsi kognitif dan emosional seseorang. Dari tes ini, pihak yang berkepentingan dapat mengukur berbagai kemungkinan atas kemampuan seseorang dalam meraih prestasi, sekaligus pihak yang berkepentingan dapat melihat kemungkinan kepribadian, kematangan emosi, dan mental.

Dalam Psikotes, tidak hanya IQ yang mereka ukur, melainkan juga melihat tes wawancara kerja. Hasilnya mereka integrasikan untuk mendapatkan gambaran yang jelas meeennngenai orang yang dites sudah sesuai atau tidak dengan kebutuhan perusahaan.

Dalam prakteknya, sekolah, perguruan tinggi, maupun institusi tertentu juga menggunakan psikotes untuk mengetahui minat atau bakat siswa, tujuan klinis, melihat perkembangan anak, kenaikan jabatan ataupun modul training.

Psikotes merupakan bagian yang sangat penting dalam rangkaian lowongan pekerjaan. Psikotes merupakan satu – satunya alat untuk melihat kecenderungan pelamar maupun siswa yang dites, apakah sesuai dengan karakter bidang yang mereka minati atau sudah sesuai dengan lapangan pekerjaan yang tersedia atau tidak.

Jenis – jenis Psikotes yang ada : 1. Tes IQ

(60)

9 Biasanya berupa pertanyaan – pertanyaan untuk mengukur kemampuan inteligensi seseorang seperti cara memahami permasalahan – permasalahan sehari – har, logika berpikir, daya khayal, kemampuan menyelesaikan masalah yang akan muncul, daya ingat, kemampuan secara teknis dan segala hal yang terkait dengan potensi pelamar.

2. Perfomance Test

Tes ini berupa deret angka, dimana anda harus menjumlahkan angka yang tersedia dalam lembar kerja anda.

3. Personality Test

Tes kepribadian yang bertujuan untuk melihat kecenderungan peserta tes, bagaimana menghadapi dan merespon permasalahan, menghadapi tekanan, dll. (D.T.,Sugeng,2012)

2.4.BPengenalanBPersonalBHomeBPageB B

PHP (akronim dari PHP: Hypertext Preprocessor) adalah bahasa pemrograman yang berfungsi untuk membuat website dinamis maupun aplikasi web. Berbeda dengan HTML yang hanya bisa menampilkan konten statis, PHP bisa berinteraksi dengan database, file dan folder, sehingga membuat PHP bisa menampilkan konten yang dinamis dari sebuah website. Blog,BTokoBOnline, CMS,BForum,BdanBWebsiteBSocial Networking adalah contoh aplikasi web yang bisa dibuat oleh PHP. PHP adalah bahasa scripting, bukan bahasa tag-based seperti HTML. PHP termasuk bahasa yang cross-platform, ini artinya PHP bisa berjalan pada sistem operasi yang berbeda-beda (Windows, Linux, ataupun Mac). Program PHP ditulis dalam file plain text (teks biasa) dan mempunyai akhiran “.php”.

(61)

10 2.4.1.BSejarahBPHPB

PHP ditulis (diciptakan) oleh Rasmus Lerdorf, seorang software engineer asal Greenland sekitar tahun 1995. Pada awalnya PHP digunakan Rasmus hanya sebagai pencatat jumlah pengunjung pada website pribadi beliau. Karena itu bahasa tersebut dinamakan Personal Home Page (PHP) Tools. Tetapi karena perkembangan nya yang cukup disukai oleh komunitas nya, maka beliau pun merilis bahasa PHP tersebut ke publik dengan lisensi open-source. Saat ini, PHP adalah server-side scripting yang paling banyak digunakan di website-website di seluruh dunia, dengan versi sudah mencapai versi 5 dan statistiknya terus bertambah.

B B

2.4.2.BBKelebihanBdanBKelemahanBPHPB B

Adapun kelebihan PHP :

1. Bahasa Pemrograman PHP mendukung komunikasi dengan layanan seperti protokol IMAP, SNMP, NNTP, POP3 bahkan HTTP.

2. Securiry: Tingkat keamanan yang cukup tinggi dan Stabil.

3. Access: Akses ke sistem Database yang lebih fleksibel, seperti MySQL. 4. EasyB&BFaster: Dalam sisi pemahamanan, PHP adalah bahasa scripting yang

paling mudah karena memiliki referensi yang banyak dan berkecepatan tinggi. 5. CrossBplatform yaitu PHP dapat berjalan lintas platform, yaitu dapat berjalan

dalam sistem operasi seperti Windows, Linuz, MacOS dan OS lainnya dan web server apapun.

(62)

11 Adapun kelemahan PHP adalah :

1. Tidak memiliki sistem pemrogaman berorientasi objek yang sesungguhnya. 2. Tidak bisa memisahkan antara tampilan dengan logic dengan baik.

3. PHP memiliki kelemahan security tertentu apabila programmer tidak jeli dalam melakukan pemrogaman dan kurang memperhatikan isu konfigurasi PHP.

4. Kode PHP dapat dibaca orang, dan kompilasi hanya dapat dilakukan dengan tool yang mahal dari Zend.

2.4.3. PenggabunganBScriptBPHPBdanBHTMLB

Kode PHP diawali dengan tanda lebih kecil (<) dan diakhiri dengan tanda lebih besar (>). Ada tiga cara untuk menuliskan script PHP yaitu :

1. <? Script PHP ?> 2. <?php Script PHP?>

3. <SCRIPT LANGUAGE=”php”> Script php

</script>

Pemisah antar instruksi adalah tanda titik koma (;). Untuk membuat atau menambahkan komentar, standar penulisan adalah /*komentar*/, //komentar dan #komentar. Untuk menuliskan script PHP, ada dua cara yang sering digunakan Embedded Script dan Non-Embedded Script.

(63)

12 a. Embedded Script

Embedded Script yaitu suatu script PHP yang disisipkan diantara tag-tag HTML.

Contoh dari Embedded Script : <html>

<head>

<title> Embedded Script </title> </head>

<body> <?php

Echo”Hello World “; ?>

</body> </html>

b. Non Embedded Script

Non-Embedded Script adalah script program PHP murni. Termasuk tag HTML yang disisipkan dalam script PHP.

Contoh dari Embedded Script : <?php

Echo”<html>”; Echo”<head>”;

Echo”<title>Mengenal PHP</title>”; Echo”</head>”;

(64)

13 Echo”<p> Hello World</p>”;

Echo”</body>”; Echo”</html>”;

2.4.4. FungsiBPHPBdanBMySQLB

Adapun fungsi PHP untuk mengakses MySQL yang biasa digunakan diantaranya adalah :

a. mysql_connect()B

Fungsi mysql_connect adalah untuk menggabungkan PHP dengan database MySQL. Format penulisannya adalah :

mysqlrconnect(string hostname,string username, string password); b. mysql_select_db()B

Setelah terhubung ke database MySQL dengan menggunakan mysql_connect, maka langkah selanjutnya adalah memilih database yang akan digunakan. Fungsi mysql_select_db digunakan untuk memilih database. Format fungsinya adalah :

mysql_select_db(stringBdatabase,Bkoneksi);B c. mysql_queryB

Dalam database MySQL, perintah untuk melakukan transaksi ialah perintah SQL. Sebutan untuk mengirim perintah SQL dinamakan query. Query member perintah kepada database untuk melakukan apa yang dikehendaki.

(65)

14 mysql_query(stringBquery,BlinkBidentifier);B

d. mysql_num_rows()B

Kegunaan dari fungsi ini adalah untuk menghitung jumlah baris yang dikenai oleh proses SQL. Format fungsinya adalah :

mysql_num_rows(intBresult);B e. mysql_fetch_array()B

Fungsi ini dengan menampilkan data. Untuk menampilkan data, digunakan fungsi mysql_fetch_array dengan fungsi ini, hasil query ditampung dalam bentuk array. Format fungsinya adalah :

ArrayBmysql_fetch_array(intBresult,Bint[result_type]);B B

2.5. MacromediaBDreamweaverB B

Macromedia Dreamweaver adalah sebuah HTML editor professional untuk mendesain secara visual dan mengelola situs web maupun halaman web. Bilamana kita menyukai untuk berurusan dengan kode-kode HTML secara manual atau lebih menyukian bekerja dengan lingkungan secara visual dalam melakukan editing, dreamweaver membuatnya menjadi lebih mudah dengan menyediakan tool-tool yang sangat berguna dalam peningkatan kemampuan dan pengalaman kita dalam mendesain web.

Dreamweaver dalam hal ini digunakan untuk web desain. Dreamweaver mengikutsertakan banyak tool untuk kode-kode dalam halaman web beserta fasilitas-fasilitasnya, antara lain : Referensi HTML, CSSdan Javascript, Javascript debugger,

(66)

15 editor kode (tampilan kode dan code inspector) yang mengizinkan kita mengedit kode Javascript, XML, dan dokumen teks lain secara langsung dalam dreamweaver. Teknologi dreamweaverroundtrip HTML mampu mengimpor dokumen HTML tanpa perlu memformat ulang kode tersebut dan kita dapat menggunakan dreamweaver pula untuk membersihkan dan memformat ulang HTML bila kita menginginkannya.

Selain itu dreamweaver juga dilengkapi kemampuan manajemen situs, yang memudahkan kita mengelola keseluruhan elemen yang ada dalam situs. Kita juga dapat melakukan eveluasi situs dengan melakukan pengecekan broken link, kompatibilitas browser, maupun perkiraan waktu download halaman web.

GambarB2.1. TampilanBDreamweaver B

(67)

16 2.6.BBMySQLB

MySQL adalah sebuah perangkat lunak manajemen basis data SQL (bahasa Inggris: database management system) atau DBMS yang multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General Public License (GPL), tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan penggunaan GPL.

Tidak sama dengan proyek-proyek seperti Apache, dimana perangkat lunak dikembangkan oleh komunitas umum, dan hak cipta untuk kode sumber dimiliki oleh penulisnya masing-masing, MySQL dimiliki dan disponsori oleh sebuah perusahaan komersial Swedia MySQL AB, dimana memegang hak cipta iasm atas semua kode sumbernya. Kedua orang Swedia dan satu orang Finlandia yang mendirikan MySQL AB adalah: David Axmark, Allan Larsson, dan Michael “Monty” Widenius

MySQL adalah Relational Database Management System (RDBMS) yang didistribusikan secara gratis dibawah lisensi GPL (General Public License). Dimana setiap orang bebas untuk menggunakan MySQL, namun tidak boleh dijadikan produk turunan yang bersifat komersial. MySQL sebenarnya merupakan turunan salah satu konsep utama dalam database sejak lama, yaitu SQL (Structured Query Language). SQL adalah sebuah konsep pengoperasian database, terutama untuk pemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis. Keandalan suatu iasm database (DBMS) dapat

(68)

17 diketahui dari cara kerja optimizer-nya dalam melakukan proses perintah-perintah SQL, yang dibuat oleh user maupun program-program aplikasinya. Sebagai database server, MySQL dapat dikatakan lebih unggul dibandingkan database server lainnya dalam query data. Hal ini terbukti untuk query yang dilakukan oleh single user, kecepatan query MySQL ialah sepuluh kali lebih cepat dari PostgreSQL dan lima kali lebih cepat dibandingkan Interbase.

(69)

BABB1B B

PENDAHULUANB B

1.1.BLatarBBelakangB B

Tes Psikometri pada dasarnya adalah alat yang digunakan untuk mengukur pikiran. Dari bahasa Inggris “psychometric”, kata “metric” terkait dengan ukuran dan kata “psycho” terkait dengan pikiran. (Philip Carter, 2012)

Tes Psikometri dalam praktiknya digunakan di sekolah, perguruan tinggi, maupun institusi tertentu untuk mengetahui minat atau bakat siswa, tujuan klinis, melihat perkembangan anak, kenaikan jabatan ataupun modul training. Psikometri juga merupakan alat untuk melihat kecenderungan pelamar maupun siswa yang dites, apakah sesuai dengan karakter bidang yang mereka minati atau sudah sesuai dengan lapangan kerja yang tersedia ataupun tidak.

Oleh karena itu, penulis tertarik untuk membuat sebuah tugas akhir yang berjudul “Latihan Psikometri Online Berbasis Web” yang dapat menjadi sarana latihan berbagai jenis tes psikometri dan diharapkan mampu memberikan sebuah kontribusi yang bermanfaat bagi semua pihak yang akan mengukur kemampuannya dalam Tes Psikometri.

(70)

2 1.2.BRumusanBMasalahB

gntuk mendapatkan hasil yang maksimal dalam Tes Psikometri yang hendaknya dilakukan adalah terus menerus berlatih. Salah satu cara berlatih dengan membeli buku – buku yang berisi soal – soal psikometri untuk menguji kemampuan, akan tetapi cara tersebut belum cukup efisien. Maka daripada itu, penulis ingin membuat suatu media yang lebih efisien yaitu berupa aplikasi berbasis web berisi soal – soal Psikometri yang nantinya ditampilkan di dalam halaman website. Dengan adanya media ini diharapkan dapat membantu semua pihak yang ingin mengukur kemampuannya di bidang Psikometri serta mengasah kemampuannya dalam bidang tersebut.

1.3.BBatasanBMasalahB B

Agar pembahasan masalah perancangan system tes psikometri ini menjadi terarah serta permasalahan yang dicakupi tidak terlalu luas maka batasan masalah yang akan dibahas adalah :

a) Sistem yang akan dirancang adalah yang mencakup beberapa subtes, yaitu tes verbal, tes kuantitatif, dan tes deret hitung.

b) Proses penilaian terhadap hasil tes yang dilakukan langsung dapat dilihat setelah tes selesai.

B B

(71)

3 1.4.BTujuanBPenelitianB

Adapun tujuan dari penelitian ini adalah :

1. Membangun suatu website dinamisyang berguna bagi semua kalangan yang ingin mengukur ataupun melatih kemampuannya dibidang Psikometri.

2. Membangun suatu aplikasi Latihan Psikometri dengan cara online sehingga pengguna bisa menggunakannya cukup dengan wifi tanpa harus membeli buku.

3. Menjelaskan betapa pentingnya Tes Psikometri, dan diharuskan untuk meningkatkan kinerja kita dalam menjalani tes Psikometri yang sangat bermanfaat untuk memasuki dunia kerja nantinya.

4. Menerapkan dan mengembangkan pengetahuan dibidang programming ,khususnya bahasa pemrograman PHP dan database server MySQL.

1.5.BMetodelogiBPenelitianB B

Adapun metode penelitianyang digunakan dalam penelitian ini adalah :

1. Melakukan pengumpulan data dari berbagai sumber. Hasil pengumpulan dijadikan sebagai data untuk perancangan system.

2. Pengerjaan system yang dilakukan dalam penelitian ini menggunkan bahasa pemrograman berbasis web, seperti PHP, dan basis data MySQL.

3. Pembuatan Program dilakukan dengan Macromedia Dreamweaver CS6. 4. Melakukan implementasi system dengan menguji kebenaran system,

(72)

4 5. Pembuatan laporan tugas akhir dengan mengumpulkan seluruh data yang telah

ada dan hal-hal yang berhubungan dalam proses pembuatan situs tersebut. 6. Melakukan revisi laopran tugas akhir apabila terdapat kesalahan mengenai

proses pembutam system tersebut.

1.6.BSistematikaBPenulisanB

Adapun sistematimaka penulisan laporan Tugas Akhir ini adalah sebagai berikut :

B BABB1B :BBPENDAHULUANB

Pada bab ini diuraikan dan digambarkan secara singkat mengenai Tugas Akhir. Terdiri atas beberapa sub bab yaitu latar belakang, identifikasi masalah, maksud dan tujuan, batasan masalah, metodologi penelitian, dan sistematika penulisan.

B BABB2B :BBLANDASANBTEORIB B

Selanjutnya pada landasan teori membahas secara singkat teori-teori dasar yang berhubungan dengan penelitian yang sedang dilakukan dan hal-hal yang berguna dalam proses analisis permasalahan serta tinjauan terhadap penelitian-penelitian serupa yang telah dilakukan sebelumnya mengenai sistem informasi, website, internet, protokol browser, electronic learning (e-learning), HTML, PHP, Web Server, Sql, dreamweaver cs5, photoshop cs3 dan pengertian basis data.

(73)

BABB3B :BBPERANCANGANBSISTEMB B B

BBPerancangan sistem membahas tentang analisis masalah, analisis sistem, analisis kebutuhan fungsional, analisis kebutuhan non fungsional, perancangan sistem, perancangan database, perancangan antarmuka.

BABB4BBBBBBB:BBIMPLEMENTASIBSISTEMB

B Pada bab ini berisi implementasi dari perancangan yang telah dilakukan pada bab sebelumnya. Dan juga dilakukan pengujian terhadap sistem yang telah diimplementasikan.

BABB5B :BBKESIMPULANBDANBSARANB

Sebagai bab terakhir penulis akan menguraikan beberapa kesimpulan dari uraian bab-bab sebelumnya. Dan akan berusaha memberikan saran yang mungkin bermanfaat.

(74)

LATIHAN PSIKOMETRI ONLINE BERBASIS WEB

TUGAS AKHIR

FEBRINA YOHANA PURBA

102406180

PROGRAM STUDI D3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN

2013

(75)

LATIHAN PSIKOMNTRI ONLINN BNRBASIS WNB

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya Komputer

FNBRINA YOHANA PURBA 102406180

PROGRAM STUDI D3 TNKNIK INFORMATIKA DNPARTNMNN MATNMATIKA

FAKULTAS MATNMATIKA DAN ILMU PNNGNTAHUAN ALAM UNIVNRSITAS SUMATNRA UTARA

MNDAN 2013

(76)

Judul :

PNRANCANGANANIMASI PNNGNNALAN

ALAT TRANSPORTASI PADA TINGKAT

TAMAN KANAK-KANAK(TK) DNNGAN

MNNGGUNAKAN ADOBN FLASH

Kategori : TUGAS AKHIR

Nama : SAPPN HNRIANTO MANULLANG

Nomor Induk Mahasiswa : 102406022

Program Studi : DIPLOMA (D3) TNKNIK INFORMATIKA

Departemen : MATNMATIKA

Fakultas : MATNMATIKA DAN ILMU PNNGNTAHUAN

ALAM (FMIPA) UNIVNRSITAS SUMATNRA UTARA

Diluluskan di

Medan, Juni 2013

Diketahui/Disetujui oleh

Departemen Matematika FMIPA USU

Ketua, Pembimbing,

Prof. Dr. Tulus. Vordipl. Math., M.Si., Ph.D Drs. Marihat Situmorang M.Kom

NIP. 19620901 198803 1 002 NIP. 196312141989031001

(77)

iii

PNRANCANGAN ANIMASI PNNGNNALAN ALAT TRANSPORTASI

PADA TINGKAT TAMAN KANAK-KANAK (TK) DNNGAN

MNNGGUNAKAN ADOBN FLASH

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebut sumbernya.

Medan, Juni 2013

SAPPN HNRIANTO MANULLANG 102406022

(78)

iv Puji syukur penulis panjatkan kepada Tuhan Yang Maha Nsa atas limpahan rahmat dan hidayah-Nya sehingga kajian tugas akhir ini dapat diselesaikan dengan baik dan dalam waktu yang telah ditetapkan.

Penyusunan tugas akhir ini masih banyak memiliki kekurangan karena keterbatasan kemampuan dan pengetahuan penulis, sehingga diharapkan kritik dan saran yang membangun serta dapat memberikan inspirasi yang baik untuk kemajuan tugas akhir ini.

Tugas Akhir merupakan salah satu syarat yang harus dilakukan setiap mahasiswa Ilmu Komputer untuk dapat menyelesaikan pendidikan di Program D-3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam di Universitas Sumatera Utara.

Dengan selesainya Tugas Akhir ini penulis mengucapkan terima kasih kepada: 1. Bapak Sutarman, M.Sc, selaku Dekan Fakultas Matematika dan Ilmu

Pengetahuan Alam Universitas Sumatera Utara.

2. Bapaki Prof. Dr. Tulus Vordipl.Math., M.Si., Ph.D, selaku Ketua Pelaksana Program D3 Teknik Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara dan selaku Dosen Pembimbing Penulis 3. Seluruh dosen pengajar Program D3 Teknik Komputer Fakultas Matematika

dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

4. Terkhusus penulis ucapkan terima kasih kepada kedua orang tua penulis, ”J. Manullang dan Nrtelina br Nababan” serta seluruh keluarga penulis yang telah banyak memberi doa dan dukungan serta kasih sayang yang berlimpah untuk penulis.

5. Buat teman-teman seperjuangan mahasiswa D3 Teknik Informatika,

khususnya Meabeng Tampubolon, Muhamad Risky, Ridho Adli serta teman-teman yang lainnya yang tidak dapat saya tuliskan namanya satu persatu dan Febrina Yohana Purba terima kasih atas dukungannya dalam membantu dalam menyelesaikan Tugas Akhir ini.

Penulis juga tidak lupa mengucapkan banyak terima kasih kepada semua pihak yang telah banyak membantu penulis dalam menyelesaikan Tugas Akhir ini yang tidak dapat disebutkan satu persatu.

(79)

v Penulis menyadari bahwa Tugas Akhir ini masih jauh dari sempurna, baik dalam penulisan maupun dalam tata bahasanya. Oleh karena itu, penulis mengharapkan kritik dan saran yang membangun agar kedepannya penulis dapat lebih baik lagi dalam menyusun sebuah karya tulis.

Semoga tulisan ini bermanfaat bagi pembaca pada umumnya dan penulis khususnya, serta dapat memotivasi kita untuk meningkatkan ilmu pengetahuan sebagai bekal di masa yang akan datang.

Medan, Juni 2013

Penulis

ABSTRAK

Memperkenalkan Bahasa Inggris pada tingkat taman kanak-kanak sangatlah penting karena dengan mereka mengerti Bahasa asing tersebut maka akan mendapatkan bekal ilmu untuk dimasa depan mereka karena mengingat banyaknya lapangan pekerjaan yang mengharuskan mahir dalam berbahasa Inggris. Aplikasi yang penulis buat

(80)

vi adalah pengenalan alat transportasi dalam bahasa Inggris. Penulis tertarik membuat aplikasi ini karena akan memudahkan siswa lebih mengerti dan cepat memahami karena dengan menggunakan suatu animasi pada dunia belajarnya. Perangkat lunak yang dibutuhkan untuk membuat animasi ini adalah Adobe Flash CS3. Sasaran aplikasi ini adalah anak-anak Taman Kanak-Kanak ataupun siswa sekolah dasar tingkat pertama.

DAFTAR ISI

HALAMAN

Persetujuan ii

(81)

vii

Penghargaan iv

Abstrak vi

Daftar Isi vii

Daftar Gambar ix BAB 1 Pendahuluan 1.1. Latar Belakang 1

1.2. Rumusan Masalah 2

1.3. Tujuan Penelitian 2

1.4. Batasan Masalah 3

1.5. Kontibusi Penelitian 3

1.6. Kajian Pustaka 4

1.7. Metodologi Penelitian 4

1.8. Sistematis Penulisan 5

BAB 2 Landasan Teori 2.1. Sekilas Tentang Flash 7

2.2. Dasar-Dasar Penggunaan Adobe Flash Cs 3 9

2.2.1. UsersInterface Adobe Flash Cs 3 9

2.2.2. Fasilitas pada Adobe Flash 11

2.3. Sejarah Alat Transportasi 15 2.4. Daerah Yang Pertama Menggunakan Transportasi 18

2.4.1. Alat Transportasi Darat 19

2.4.2. Alat Transportasi Udara 22

2.4.3. Alat Transportasi Air 23

2.5. Bahasa Inggris 25

2.6. Manfaat Transportasi 26

2.6.1. Manfaat Sosial 26

2.6.2. Manfaat Nkonomi 27

2.6.3. Manfaat Politik 28 2.6.4. Manfaat Fisik 28

BAB 3 Perancangan Sistem 3.1. Desain CoversHalaman Awal 29 3.2. Menu Kategori 32 3.2.1. Tombol Bagian Udara 32 3.2.2. Tombol Bagian Darat 34

3.2.3. Tombol Bagian Air 35

3.3. Layer 37

3.3.1. Udara 38

3.3.1.1. Pesawat Udara 38

3.3.1.2. Helikopter 40

3.3.1.3. Roket 42

3.3.1.4. Balon Udara 43

3.3.2. Darat 45

3.3.2.1. Taksi 46

(82)

viii

3.3.2.3. Sepeda Motor 49

3.3.2.4. Becak 50

3.3.2.5. Kereta Api 52

3.3.3. Air 54

3.3.3.1. Kapal Pesiar 55

3.3.3.2. Rakit 57

3.3.3.3. Perahu 59

3.3.3.4. Kapal Laut 62

3.3.3.5. Speedboat 64

BAB 4 Implementasi Sistem

4.1. Hasil 67

4.1.1. Menu Udara 69

4.1.2. Menu Darat 70

4.1.3. Menu Air 72

BAB 5 Penutup

5.1. Kesimpulan 74

5.2. Saran 75

Daftar Pustaka 76

Lampiran

DAFTAR GAMBAR

(83)

Gambar 2.1. Tampilan Adobe flash CS 3 9

Gambar 2.2. Halaman New document Adobe Flash CS3 11

Gambar 3.1. Tampilan halaman pesawat udara 40

Gambar 3.2. Tampilan halaman helikopter 41

Gambar 3.3. Tampilan halaman roket 43

Gambar 3.4. Tampilan halaman balon udara 45

Gambar 3.5. Tampilan halaman taksi 47

Gambar 3.6. Tampilan halaman bus 49

Gambar 3.7. Tampilan halaman sepeda motor 50

Gambar 3.8. Tampilan halaman becak 51

Gambar 3.9. Tampilan halaman kereta api 53

Gambar 3.10. Tampilan halaman kapal pesiar 57

Gambar 3.11. Tampilan halaman rakit 59

Gambar 3.12. Tampilan halaman perahu 62

Gambar 3.13. Tampilan halaman kapal laut 64

Gambar 3.14. Tampilan halaman speedboat 66

Gambar 4.1. Tampilan halaman awal 67

Gambar 4.2. Tampilan halaman kategori alat transportasi 68

Gambar 4.3. Halaman pesawat udara 68

Gambar 4.4. Halaman helikopter 69

Gambar 4.5. Halaman roket 69

Gambar 4.6. Halaman balon udara 69

Gambar 4.7. Halaman taksi 70

Gambar 4.8. Halaman bus 71

Gambar 4.9. Halaman sepeda motor 71

Gambar 4.10. Halaman becak 71

Gambar 4.11. Halaman kereta api 72

Gambar 4.12. Halaman kapal pesiar 72

Gambar 4.13. Halaman rakit 73

Gambar 4.14. Halaman perahu 73

Gambar 4.15. Halaman kapal laut 73

(84)

(1)

Gambar 2.1. Tampilan Adobe flash CS 3 9

Gambar 2.2. Halaman New document Adobe Flash CS3 11 Gambar 3.1. Tampilan halaman pesawat udara 40

Gambar 3.2. Tampilan halaman helikopter 41

Gambar 3.3. Tampilan halaman roket 43

Gambar 3.4. Tampilan halaman balon udara 45

Gambar 3.5. Tampilan halaman taksi 47

Gambar 3.6. Tampilan halaman bus 49

Gambar 3.7. Tampilan halaman sepeda motor 50

Gambar 3.8. Tampilan halaman becak 51

Gambar 3.9. Tampilan halaman kereta api 53

Gambar 3.10. Tampilan halaman kapal pesiar 57

Gambar 3.11. Tampilan halaman rakit 59

Gambar 3.12. Tampilan halaman perahu 62

Gambar 3.13. Tampilan halaman kapal laut 64

Gambar 3.14. Tampilan halaman speedboat 66

Gambar 4.1. Tampilan halaman awal 67

Gambar 4.2. Tampilan halaman kategori alat transportasi 68

Gambar 4.3. Halaman pesawat udara 68

Gambar 4.4. Halaman helikopter 69

Gambar 4.5. Halaman roket 69

Gambar 4.6. Halaman balon udara 69

Gambar 4.7. Halaman taksi 70

Gambar 4.8. Halaman bus 71

Gambar 4.9. Halaman sepeda motor 71

Gambar 4.10. Halaman becak 71

Gambar 4.11. Halaman kereta api 72

Gambar 4.12. Halaman kapal pesiar 72

Gambar 4.13. Halaman rakit 73

Gambar 4.14. Halaman perahu 73

Gambar 4.15. Halaman kapal laut 73

(2)

(3)

DAFTAR ISI

Talaman

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak vi

Daftar Isi vii

Daftar Tabel x

Daftar Gambar xi

Bab 1 Pendahuluan 1

1.1Latar Belakang 1

1.2 Rumusan Masalah 2

1.3 Batasan Masalah 3

1.4 Tujuan Penelitian 3

1.5 Metodologi Penelitian 3

1.6 Sistematika Penulisan 4

Bab 2 Landasan Teori 6

2.1 Pengertian Web 6

2.2 Sejarah Web 7

2.3 Pengertian Psikometri 8

2.4 Pengenalan Personal Home Page 9

2.4.1 Sejarah PHP 10

2.4.2 Kelebihan dan kelemahan PHP 10 2.4.3 Penggabungan Script PHP dan HTML 11

2.4.4 Fungsi PHP dan MySQL 13

2.5 Macromedia Dreamweaver 14

2.6 MySQL 16

Bab 3 Perancangan Sistem 18

3.1 Perancangan Sistem 18

3.2 Data Flow Diagram 18

3.3 Perancangan Database 22

3.4 Flowchart 25

Bab 4 Implementasi Sistem 32

4.1 Pengertian dan Tujuan Implementasi Sistem 32

4.2 Tujuan Implementasi Sistem 32

4.3 Komponen Utama Implementasi Sistem 33

4.3.1 Hardware 33

4.3.2 Software 34

4.3.3 Brainware 34

4.4 Instalasi XAMPP 35

4.4.1 Persiapan Instalasi XAMPP 35 4.4.2 Memulai Proses Instalsi XAMPP 36

4.5 Menjalankan Apache 41

4.6 Pengujian di Browser 41

(4)

Bab 5 Kesimpulan dan Saran 47

5.1 Kesimpulan 47

5.2 Saran 48

Daftar Pustaka 49

(5)

DAFTAR TABEL

Talaman

Tabel 3.1 Tabel User 22

Tabel 3.2 Tabel Member 23

Tabel 3.3 Tabel Soal 23

Tabel 3.4 Tabel Category_soal 24

Tabel 3.5 TabelJawaban 24

Tabel 3.6 Tabel Nilai 24

(6)

DAFTAR GAMBAR

Talaman

Gambar 2.1 Tampilan Dreamweaver 15

Gambar 3.1Simbol DFD 19

Gambar 3.2 Simbol Flowchart 25

Gambar 4.1 Xampp Installer 36

Gambar 4.2 Select A Language 36

Gambar 4.3 XAMPP setup Wizard 37

Gambar 4.4 Memilih Folder Penyimpanan XAMPP 37

Gambar 4.5 Service Section XAMPP 38

Gambar 4.6 InstallingXAMPP 38

Gambar 4.7 Completing XAMPP 39

Gambar 4.8 Xampp Control Panel 39

Gambar 4.9 Xampp Control Panel Application 40

Gambar 4.10 Running Apache and MySql 40

Gambar 4.11 Jalankan Localhost 41

Gambar 4.12 File Febrina 42

Gambar 4.13 URL 42

Gambar 4.14 Halaman utama (index.php) 43

Gambar 4.15 Halaman Login (user2.php) 44

Gambar 4.16 Halaman Account (acc.php) 44

Gambar 4.17 Halaman Soal (soal.php) 45

Gambar 4.18 Halaman Input Soal (soal.php) 77