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 {

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

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

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

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

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

a:active {

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

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

(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]+"'"); }

//-->

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

a:hover {

a:active {

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

(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

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

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

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

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

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

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

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

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

(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

(27)

19

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.

(28)

20

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)

21

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

(30)

22

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)

23

TabelB3.2BTabelBMemberB

Field Name

Type

Width

Description

id

int

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

soal

varchar

50

A

varchar

50

B

varchar

50

C

varchar

50

D

varchar

50

iunci

varchar

50

(32)

24

3.4BTableBCategoryBSoalB

Field Name

Type

Width

Description

id_category_soal int

category_soal

varchar

50

3.5BTableBJawabanB

Field Name

Type

Width

Description

id_jawaban

int

id_soal

int

50

jawaban

varchar

50

3.6BTabelBNilaiB

Field Name

Type

Width

Description

id_nilai

int

id_member

int

50

total

varchar

50

3.7BTabelBKotaB

Field Name

Type

Width

Description

id_iota

int

(33)

25

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.

[image:33.612.195.485.300.667.2]

Penjelasan arti dari lambang-lambang

flowchart

dapat didefinisiian seperti

tabel beriiut :

(34)

26

[image:34.612.228.535.150.659.2]

FlowchartBTesB:B

GambarB3.5BFlowchartBTesB

Start

Login Member

If Login

Tampil Halaman Tes

Input Jawaban

Tampil Nilai

Finish

Login Gagal

True

(35)

27

[image:35.612.240.540.165.539.2]

Flowchart Login Admin :

GambarB3.6BFlowchartBLoginBAdminB

Start

Input Data Admin

If Kondisi

Tampil Halaman Admin

Finish

Login Gagal

False

(36)

28

[image:36.612.252.538.166.533.2]

Flowchart Login Member :

GambarB3.7BFlowchartBLoginBMemberB

Start

Input Data Admin

If Kondisi

Tampil Halaman Admin

Finish

Login Gagal

False

(37)

29

Flowchart Input Soal :

[image:37.612.225.528.133.663.2]

B

GambarB3.8BFlowchartBInputBSoal

B

Start

Input Data Admin

If Kondisi

Proses Berhasil

Data Berhasil

masui ie

Database

Finish

Proses Gagal

True

(38)

30

[image:38.612.111.542.106.711.2]

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

(39)

31

[image:39.612.111.542.108.707.2]

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

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

(41)

33

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.

B

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

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 :

(42)

34

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

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

(43)

35

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

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)

36

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

[image:44.612.257.422.611.690.2]

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

(45)

37

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

B GambarB4.4BMemilihBFolderBPenyimpananBXAMPPB

(46)

38

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

(47)

39

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

(48)

40

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 B

4.5BMenjalankanBApacheB

(49)

41

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)

42

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

(51)

43

[image:51.612.144.505.128.500.2]

Halaman Utama (indmx.php)

(52)

44

[image:52.612.129.502.367.576.2]

Halaman Login(usmr2.php)

GambarB4.15BHalamanBLoginB

Halaman Account (acc.php):

(53)

45

[image:53.612.126.492.369.702.2]

Halaman Soal (soal.php)

GambarB4.17BHalamanBSoalB

Halaman Input Soal (soal.php)

(54)

46

[image:54.612.126.495.154.450.2]

Halaman Nilai (nilai.php)

(55)

BABB5B

KESIMPULANBDANBSARANB

B

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

(56)

75

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

(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

(58)

7

2.2.BSejarahBWeb

B

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

(59)

8

2.3.BPengertianBPsikometriB

B

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 :

(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

(61)

10

2.4.1.BSejarahBPHPB

B

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

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

(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

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

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

[image:66.612.144.506.363.629.2]

B

GambarB2.1. TampilanBDreamweaver

(67)

16

2.6.BBMySQLB

B

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

B

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

(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

(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

(70)

2

1.2.BRumusanBMasalahB

B

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

(71)

3

1.4.BTujuanBPenelitianB

B

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,

(73)

5

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.

B

BABB5B :BBKESIMPULANBDANBSARANB

Sebagai bab terakhir penulis akan menguraikan beberapa kesimpulan

dari uraian bab-bab sebelumnya. Dan akan berusaha memberikan

(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

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

ii

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.

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