(Login Report) Final

19
LAPORAN TUGAS BESAR DASAR KOMPUTER DAN PEMROGRAMAMAN System Pengamanan Disusun Oleh : ANDIKA RAHMAD SAPUTRA NPM : 12.03.0.024 CAHYO NUGROHO NPM : 12.03.0.034 ANDI ARIFIANTO NPM : 12.03.0.044 Jurusan Teknik Elektro Universitas Riau Kepulauan Batam - 2013

Transcript of (Login Report) Final

Page 1: (Login Report) Final

LAPORAN TUGAS BESAR

DASAR KOMPUTER

DAN

PEMROGRAMAMAN “ System Pengamanan “

Disusun Oleh :

ANDIKA RAHMAD SAPUTRA NPM : 12.03.0.024

CAHYO NUGROHO NPM : 12.03.0.034

ANDI ARIFIANTO NPM : 12.03.0.044

Jurusan Teknik Elektro

Universitas Riau Kepulauan

Batam - 2013

Page 2: (Login Report) Final

1

BAB 1

PENDAHULUAN

I.1 Abstrak

Di era globalisasi seperti saat ini dunia teknologi dan informasi perkembangannya sangat pesat, khususnya dunia pemrograman. Ada dampak

positif dan negatifnya. Dampak negatif nya seperti kita kehilangan data, atau

data kita dicuri oleh orang lain. Oleh karena itu kita juga harus memikirkan sistem keamanan dalam membuat suatu program.

Berdasakan pada latar belakang masalah yang telah diungkapkan, maka permasalahan pokok yang dibahas dalam tugas besar ini adalah

bagaimana mengembangkan sistem keamanan suatu program dengan

memberikan batas hak akses oleh pembuat program.

Tujuan yang hendak dicapai dalam pelaksanaan dan penulisan tugas

besar ini adalah membuat sesuatu agar memiliki batasan user yang dapat

menggunakan program tersebut.

Page 3: (Login Report) Final

2

BAB 2

DASAR TEORI

II.1 Dasar

Apa itu PHP?

PHP yaitu, P untuk PHP, H untuk hypertext, dan P untuk

preprocessor

PHP adalah satu bahasa pemrograman serverside

Skrip PHP dicompile pada server

PHP mendukung banyak database (MySQL, Informix, Oracle,

Sybase,Sybase, Solid, PostgreSQL, Generic ODBC, etc.).

PHP adalah satu perangkat lunak sumber buka (tidak berlisensi)

PHP bebas untuk di download dan menggunakannya

PHP dapat dijalankan pada Windows, Linux, Unix, Etc.

Apa itu MySQL?

MySQL adalah satu server database

MySQL cocok unutk di gunakan pada aplikasi besar maupun kecil

MySQL tidak berlisensi (free)

Apa itu Apache ?

1. Merupakan webserver.

Tempat php engine/processor berada. Tempat meletakkan file-file php

dan database.

Ketika user melakukan request http:// membuka suatu halaman, disinilah apache

bekerja. Menjawab request tersebut dengan menampilkan halaman yang diminta.

Page 4: (Login Report) Final

3

2. Apache sama seperti PHP dan MySQL, Gratis. Tidak berlisensi

3. Cross Platform

Perbedaan fungsi antara PHP, MySQL dan Apache adalah, PHP

merupakan

bahasanya, MySQL adalah databasenya, dan Apache merupakan webserver yang

dapat mengeksekusi script php dan menampilkannya kepada user, dan melalui

apache lah php dapat mengolah data dan menyimpan data tersebut ke dalam database.

II.2 Komponen Aplikasi Pendukung

Sebelum kita memulai pembuatan sebuah program berbasis WEB, kita

harus memiliki beberapa aplikasi yang digunakan to build, Sebagai berikut :

Editor, yaitu aplikasi yang digunakan untuk mengetikkan source code.

Banyak macamnya seperti Notepad,Notepad++,Dreamweaver, dll.

Namun dalam tugas ini penulis menggunakan Dreamweaver karena

memiliki vitur untuk design.

Server, yaitu tempat dimana source code akan di eksekusi. Dalam

tugas ini penulis menggunakan APACHE versi 2.4.2.

Database, yaitu aplikasi pengolah data. Dalam tugas ini penulis

menggunakan MySQL. (server dan database tersebut terdapat dalam

satu paket Aplikasi XXAMP.)

Browser, yaitu tempat dimana output program kita ditampilkan.

Seperti Mozilla,Safari,Chrome,dll.

Page 5: (Login Report) Final

4

Pertama Instal XXAMP.

Kemudian buka XXAMP CONTROL PANEL untuk menjalankan

Server dan Database.

Klik tombol centang service dan mysql sebelum mengklik tombol start

pada kanan program.(lihat gambar).

Page 6: (Login Report) Final

5

Kemudian klik tombol admin untuk membuka halaman server.

Di halaman itulah kita akan membuat dan merancang tabel-tabel yang

akan digunakan untuk sistem “penghitung inventori” ini.

II.3 Fungsi – Fungsi MySQL

Disini penulis tidak menerangkan tentang teori dasar tentang

Database, namun penulis hanya menerangkan beberapa query SQL yang digunakan dalam program ini. Seperti input/update/delete/sum, dll. Perlu anda

ketahui , query adalah perintah untuk menjalankan SQL.

II.4 Fungsi – Fungsi PHP

Struktur halaman php bentuknya seperti ini : <?php

// syntax php di letakkan di sini ...

// kode php di akhiri dengan ';'

?>

Untuk mengetikkan baris code php, maka anda perlu mengapitnya dengan tag <?php dan

di akhir dengan ?> karena di luar dari itu php engine tidak menganggapnya

sebagai script

php, melainkan hanya html biasa. Sebagai contoh kita akan menggunakan php,

Localhost/phpmyadmin

Page 7: (Login Report) Final

6

untuk menampilkan kalimat "Hallo dunia PHP?!" kita cukup membuka notepad, lalu

ketikan

seperti ini di notepad :

<?php

echo "Hallo dunia PHP?!";

?>

setelah mengetikkannya, silahkan save di :

c:\xampp\htdocs\

buat folder baru dengan nama latihan php, kemudian save dengan

nama latihan1.php, sehingga

nanti struktur pathnya adalah :

c:\xampp\htdocs\latihanphp\latihan1.php

untuk menjalankan script tersebut, anda cukup mengetikkan di browser :

http://localhost/latihanphp/latihan1.php

Page 8: (Login Report) Final

7

BAB 3

DESAIN PROGRAM

III.1 Desain Sistem (FLOW CHART)

III.2 Desain Database

Table user

Page 9: (Login Report) Final

8

III.3 Layout Program

Halaman index.php

Halaman beranda.php

Page 10: (Login Report) Final

9

BAB 6

PENJELASAN

VI.1 Penjelasan Skrip

Setelah masuk pada halaman log in,maka jika kita mengeklik

tombol back akan tidak bisa,karena dimasukkan perintah destroy,yang

berfungsi untuk mengunci,halaman tersebut agar tidak bisa berjalan

mundur,karena jika bisa di akses mundur,mungkin ada orang yang akan

membuka lwat histori dan akan bisa masuk walaupun tanpa

memasukkan username dan pasword.

Berikut adalah skrip yang kita tulisan untuk menjalankan

program ini.

Indek.php

<html>

<head>

<title>unrika</title>

<!--<link rel="stylesheet" type="text/css" href="css/sual.css">-->

<link rel="shortcut icon" href="images/logounrika.bmp">

<link href="css/suale_menu.css" rel="stylesheet" type="text/css" />

</head>

<body bgcolor="#ffffff">

<br><!-- break line-->

<br>

<br>

Page 11: (Login Report) Final

10

<table style="border-radius:10px;" align="center" border="2" bordercolor="#00FF00" bgcolor="#FFFFFF">

<tr><td style="border-radius:10px;"><h1><marquee>LOGIN SUKSES</h</marquee>1></td></tr>

</table>

<br>

<br>

<div align="center"><a style="text-decoration:none;" href="logout.php">LOGOUT</a></div>

</body>

</html>

<tr>

<td><input name="password" type="password" id="input" placeholder=" password"/></td>

</tr>

<tr>

<td align="right"><input type="submit" name="button" id="tombol" value="LOGIN" /></td>

</tr>

<tr>

</tr>

</table>

</form>

</body>

</html>

Login_pro.php

<?php

Page 12: (Login Report) Final

11

include ("sambungan.php"); //meng inkludkan, atau sama saja kayag memsakkukan skrip file include di

session_start();//membentuk session

$username = $_POST['username'];

$a=$_POST['password'];

$v=md5($a); //md5 merusak password agar cocok dengan data base. karena password yang ada di database sudah dirusak agar tidak dapat di baca

Skrip di atas akan menampilkan halaman log in seperti gambar di bawah ini.

Kemudian setalah Log In akan masuk ke halaman (seperti gambar dibawah

ini)

Page 13: (Login Report) Final

12

Kesimpulan

Dengan majunya zaman sekarang ini,kita dituntut untuk terus maju

dan menciptakan sesuatu program untuk memudahkan pekerjaan kita.Nah

pembuatan Web development tentang “System pengamanan”,akan sangat

membantu untuk melindungi sebuah program. Sebagai mahasiswa yang masih

awam tentang dunia web, program PHP dan MySQL ini sangat membantu

untuk mempelajari ilmu IT yang lebih jauh.

Saran

Untuk menciptakan dan memperbaiki atau membuat web development

ini agar bisa di akses dan di gunakan kepadaa masyarakat banyak,harus ada

pembeharuan di dalam skrip nya agar lebih optimal saat digunakan dan bisa di

upload ke internet.

DAFTAR PUSTAKA

PHPAJAXtutorial.pdf.

php_manual_en.chm

refman-5.0-en.chm

Skripsi Mahasiswa Universitas Brawijaya Ayik Tata Tri Prasetyo.pdf

Ebook PHP - Menyelam dan Menaklukan Samudra PHP - Loka

Dwiartara

Page 14: (Login Report) Final

13

Index.php

<?php

session_start();

session_destroy();

?>

<html>

<head>

<link rel="shortcut icon" href="images/logounrika.bmp">

<script type="text/javascript">

function FocusOnInput()

{

document.getElementById("input_log").focus();

}

function FocusOnEnter(){

document.getElementById("tombol").focus();

}

</script>

</head>

<body style="background:#FFF;" onLoad="FocusOnInput()">

<form method="post" action="login_pro.php"> <!-- post tidak di tampilkan di url, kalo GET di

tampilkan di URL addres bar dan maximal data yang di kirim 100char-->

Page 15: (Login Report) Final

14

<table border="0">

<tr>

<td rowspan="4"><img src="images/gembok.jpg" width="179" height="130"></td>

<td><b>LOGIN</b></td>

<td width="70"></td>

</tr>

<tr>

<td width="144"><input name="username" type="text" id="input_log" placeholder="

username"/></td>

</tr>

<tr>

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

password"/></td>

</tr>

<tr>

<td align="right"><input type="submit" name="button" id="tombol" value="LOGIN"

/></td>

</tr>

<tr>

</tr>

</table>

</form>

</body>

Page 16: (Login Report) Final

15

</html>

Sambungan.php

<?php

$server="localhost";

$user="root";

$pass="";

$conn=mysql_connect($server,$user,$pass);

$db=mysql_select_db("unrika");

?>

Login_pro.php

<?php

include ("sambungan.php");

session_start();

$username = $_POST['username'];

$a=$_POST['password'];

$v=md5($a);

$password =$v;

Page 17: (Login Report) Final

16

$a = mysql_query("SELECT * FROM `unrika`.`user` WHERE `user`.`username` =

'$username' and `user`.`password` = '$password' ");

$ono_a= mysql_num_rows($a);

if ($ono_a>= 1 )

{

$_SESSION['username'] = $username;

if($_SESSION['username']=='admin'){

echo '<SCRIPT LANGUAGE="JAVASCRIPT"

TYPE="TEXT/JAVASCRIPT">

document.location.href="beranda.php";

</SCRIPT>';

}

}

else{

?>

<script language="JavaScript" type="text/javascript">

alert('USERNAME DAN PASSWORD KEYIYU ^_^ mas bro');

document.location="index.php";

</script>

<?php

}

?>

Page 18: (Login Report) Final

17

Beranda.php

<html>

<head>

<title>TEKNIK ELEKTRO UNRIKA</title>

<!--<link rel="stylesheet" type="text/css" href="css/sual.css">-->

<link rel="shortcut icon" href="images/logounrika.bmp">

<link href="css/suale_menu.css" rel="stylesheet" type="text/css" />

</head>

<body bgcolor="#ffffff">

<br><!-- break line-->

<br>

<br>

<table style="border-radius:10px;" align="center" border="2"

bordercolor="#00FF00" bgcolor="#FFFFFF">

<tr><td style="border-radius:10px;"><h1><marquee>SELAMAT DATANG DI

FAKULTAS TEKNIK UNRIKA</h</marquee></td></tr>

</table>

<br>

<br>

Page 19: (Login Report) Final

18

<div align="center"><a style="text-decoration:none;" href="logout.php">LOGOUT</a></div>

</body>

</html>

Logout.php

<?php

session_start();

session_destroy();

echo '<script language="javascript" type="text/javascript">

document.location.href="index.php";

</script>';

?>