• Tidak ada hasil yang ditemukan

Perbandingan Algoritma 3DES dan Rinjdael Dalam Perancangan Aplikasi Keamanan Data

N/A
N/A
Protected

Academic year: 2017

Membagikan "Perbandingan Algoritma 3DES dan Rinjdael Dalam Perancangan Aplikasi Keamanan Data"

Copied!
19
0
0

Teks penuh

(1)

LISTING PROGRAM

Home :

<?php

session_start();

if ( !isset($_SESSION['userid']) ) { header('location:login.php'); } else

{ $usr = $_SESSION['userid']; } require_once('connect.php');

$query = mysql_query("SELECT * FROM anggota WHERE userid = '$usr'"); $hasil = mysql_fetch_array($query);

?> <html> <head>

<title>Halaman Utama</title> </head>

<body> <?php

echo "<h2>Selamat Datang, $usr</h2>";

echo "Nama Lengkap : " . $hasil['nama'] . "<br />"; echo "Email : " . $hasil['email'];

?>

<a href="logout.php"><b>Logout</b></a> </body>

(2)

Profil :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>

<head>

<title>Aplikasi Enkripsi & Dekripsi</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style>

#css3pic{background: rgb(176,174,38); /* Fallback Background color */

background: url(images/pattern.png), -moz-linear-gradient(top, rgba(176,174,38,1) 0%, #6e6c00 100%);

background:url(images/pattern.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(176,174,38,1)), color-stop(100%,rgba(110,108,0,1)));width:980px;border-top:1px solid #ccc;margin:0 auto;padding:0 auto;border-radius: 5px;

-webkit-border-radius: 5px; -moz-border-radius: 5px; border: solid 1px #251400;}

#css3wrapper{width:980px;height:27px;margin:0 auto} .clearit{clear:both;height:0;line-height:0.0;font-size:0} #css3bar{width:100%}

#css3bar,#css3bar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0} #css3bar a{display:block;text-decoration:none;font-size:12px;font-weight:bold;text-transform:uppercase;color:#333;padding:8px 8px 8px}

#css3bar a.trigger{padding:8px 13px 8px 9px} #css3bar li{float:left;position:static;width:auto} #css3bar li ul,#css3bar ul li{width:140px}

#css3bar ul li a{text-align:left;color:#fff;font-size:11px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px;}

#css3bar li ul{z-index:100;position:absolute;display:none;background:#333;padding-bottom:5px;border-radius: 5px;

(3)

#css3bar li:hover a,#css3bar a:active,#css3bar a:focus,#css3bar li.hvr a{;color:#fff;-webkit-transition: all .2s ease-in-out;

-moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

#css3bar li:hover ul,#css3bar li.hvr ul{background: rgb(176,174,38); /* Fallback Background color */

background: url(images/pattern.png), -moz-linear-gradient(top, rgba(176,174,38,1) 0%, #6e6c00 100%);

background:url(images/pattern.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(176,174,38,1)), color-stop(100%,rgba(110,108,0,1)));display:block} #css3bar li:hover ul a,#css3bar li.hvr ul a{color:#fff;background-color:transparent;text-decoration:none}

#css3bar li ul li.hr{border-top:1px solid #444;display:block;font-size:1px;height:0;line-height:0;margin:2px 0}

#css3bar ul a:hover{background-image: -webkit-linear-gradient(top, #990066, #cc0099, #990066);

background-image: -moz-linear-gradient(top, #990066, #cc0099, #990066); background-image: -ms-linear-gradient(top, #990066, #cc0099, #990066); background-image: -o-linear-gradient(top, #990066, #cc0099,

#990066);!important;color:#fff!important;text-decoration:none} </style>

</head>

<body background="gambar/putih.jpg" >

<table align="center" height="1000" width="1000"> <tr>

<td>

<table align="center" height="200" width="1000"> <tr>

<td align="center">

(4)

align="middle" type="application/x-shockwave-flash"

pluginspage="http://www.macromedia.com/go/getflashplayer" /> </td>

</tr> </table>

<table border"5" align="center" width="1000"> <tr>

<td>

<div id='css3pic'> <div id='css3wrapper'> <ul id='css3bar'>

<li><a href='index2.php'>Home</a></li> <li><a href='profil.php'>Profil</a></li> <li><a class='trigger' href='#'>Tutorial</a> <ul>

<li><a href='bahan.php'>Bahan Jurnal PDF</a></li> </ul>

</li>

<li><a class='trigger' href='#'>Enkripsi/Dekripsi PDF</a> <ul>

<li><a class='trigger' href='programenkripsi.php'> (AES-128/Rinjdael)</a></li> <li><a class='trigger' href='programenkripsi3des.php'>Triple DES (3 DES)</a></li> </ul>

</li>

<li><a href='logout.php'>Keluar Aplikasi</a></li> </ul>

<br class='clearit'/> </div>

(5)

</td> </tr> </table>

<table align="center" background="gambar/oke.jpg" width="1000"> <tr>

<td>

<u><h3>Tentang Encryption</h3></u><br><br> <p align="center"><br><br>

<img src="gambar/gambar6.jpg"><br><br>

Encryption menjadi kebutuhan bagi mereka yang ingin menyimpan file salinan yang tidak dapat diakses tanpa izin.

Encryption adalah proses membuat sandi atau mengacak data untuk menyelubungi pesan yang sesungguhnya dari orang-orang yang tidak mempunyai kunci khusus untuk membaca pesan tersebut. Untuk informasi lebih lanjut tentang encryption ...

<a href="read.php">Silakan Baca...</a></p> </td>

</tr> </table>

<table align="center" background="gambar/oke.jpg" height="500" width="1000"> <tr>

<td align="center"> </td>

</tr> </table> <br><br>

<table align="center" background="gambar/putih.jpg" height="30" width="1000"> <tr>

<td align="center">

---TERIMA KASIH-2016@Rahman--- </td>

(6)

</table> </td> </tr> </table> </body> </html>

Index :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>

<head>

<title>Aplikasi Enkripsi & Dekripsi</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style>

#css3pic{background: rgb(176,174,38); /* Fallback Background color */

background: url(images/pattern.png), -moz-linear-gradient(top, rgba(176,174,38,1) 0%, #6e6c00 100%);

background:url(images/pattern.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(176,174,38,1)), color-stop(100%,rgba(110,108,0,1)));width:980px;border-top:1px solid #ccc;margin:0 auto;padding:0 auto;border-radius: 5px;

-webkit-border-radius: 5px; -moz-border-radius: 5px; border: solid 1px #251400;}

#css3wrapper{width:980px;height:27px;margin:0 auto} .clearit{clear:both;height:0;line-height:0.0;font-size:0} #css3bar{width:100%}

#css3bar,#css3bar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0} #css3bar a{display:block;text-decoration:none;font-size:12px;font-weight:bold;text-transform:uppercase;color:#333;padding:8px 8px 8px}

(7)

#css3bar ul li a{text-align:left;color:#fff;font-size:11px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px;}

#css3bar li ul{z-index:100;position:absolute;display:none;background:#333;padding-bottom:5px;border-radius: 5px;

-webkit-border-radius: 5px; -moz-border-radius: 5px; border: solid 1px #251400;}

#css3bar li:hover a,#css3bar a:active,#css3bar a:focus,#css3bar li.hvr a{;color:#fff;-webkit-transition: all .2s ease-in-out;

-moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

#css3bar li:hover ul,#css3bar li.hvr ul{background: rgb(176,174,38); /* Fallback Background color */

background: url(images/pattern.png), -moz-linear-gradient(top, rgba(176,174,38,1) 0%, #6e6c00 100%);

background:url(images/pattern.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(176,174,38,1)), color-stop(100%,rgba(110,108,0,1)));display:block} #css3bar li:hover ul a,#css3bar li.hvr ul a{color:#fff;background-color:transparent;text-decoration:none}

#css3bar li ul li.hr{border-top:1px solid #444;display:block;font-size:1px;height:0;line-height:0;margin:2px 0}

#css3bar ul a:hover{background-image: -webkit-linear-gradient(top, #990066, #cc0099, #990066);

background-image: -moz-linear-gradient(top, #990066, #cc0099, #990066); background-image: -ms-linear-gradient(top, #990066, #cc0099, #990066); background-image: -o-linear-gradient(top, #990066, #cc0099,

#990066);!important;color:#fff!important;text-decoration:none} </style>

</head>

<body background="gambar/putih.jpg" >

(8)

<tr>

<td align="center">

<embed src="kepalarahman1.swf" quality="high" width="950" height="200" align="middle" type="application/x-shockwave-flash"

pluginspage="http://www.macromedia.com/go/getflashplayer" /> </td>

</tr> </table>

<table border"5" align="center" width="1000"> <tr>

<td>

<div id='css3pic'> <div id='css3wrapper'> <ul id='css3bar'>

<li><a href='index2.php'>Home</a></li> <li><a href='profil.php'>Profil</a></li> <li><a class='trigger' href='#'>Tutorial</a> <ul>

<li><a href='bahan.php'>Bahan PDF</a></li> </ul>

</li>

<li><a class='trigger' href='#'>Enkripsi/Dekripsi PDF</a> <ul>

<li><a class='trigger' href='enkripsi_aes.php'> (AES-128/Rinjdael)</a></li> <li><a class='trigger' href='enkripsi_tripledes.php'>Triple DES (3 DES)</a></li> </ul>

</li>

<li><a href='logout.php'>Keluar Aplikasi</a></li> </ul>

(9)

</div>

<div style='clear:both;'/> </div>

</td> </tr> </table>

<table align="center" background="gambar/oke.jpg" height="500" width="1000"> <tr>

<td>

<p align="center"><h3><font size="6">APLIKASI ENKRIPSI DAN DEKRIPSI PDF<br><br></font></h3>\

<br><br>

<img src="gambar/kunci2.jpg"><br><br> <img src="gambar/data2.jpg"><br><br>

<h4><font size="4">Keamanan data merupakan hal yang sangat penting dalam menjaga kerahasiaan informasi, terutama yang berisi informasi sensitif yang hanya boleh diketahui isinya oleh pihak tertentu, sehingga perlu dilakukan penyandian data supaya beberapa pihak yang tidak memiliki kewenangan tidak akan dapat membuka informasi yang dikirim. Salah satu cara yang digunakan untuk pengamanan data adalah menggunakan sistem kriptografi yaitu dengan menyediakan isi informasi (plaintext) menjadi isi yang tidak dipahami melalui proses enkripsi (encipher), dan untuk memperoleh kembali informasi yang asli, dilakukan proses deskripsi (decipher), dengan menggunakan kunci yang benar

</h4> </p> </font> </td> </tr> </table> <br><br>

<table align="center" background="gambar/putih.jpg" height="30" width="1000"> <tr>

<td align="center">

(10)

</td> </tr> </table> </td> </tr> </table> </body> </html>

Enkripsi Rinjdael :

<!DOCTYPE html> <html>

<head>

<meta charset="utf-8"/>

<title>ENKRIPSI DAN DEKRIPSI FILE PDF KE DOC MENGGUNAKAN AES DAN TRIPLE DES</title>

<meta name="viewport" content="width=device-width, initial-scale=1" />

<link href="http://fonts.googleapis.com/css?family=Raleway:400,700" rel="stylesheet" /> <link href="assets/css/style.css" rel="stylesheet" />

</head> <body>

<a class="back"></a> <div id="stage"> <div id="step1"> <div class="content">

<h1>Apakah Yang Ingin Anda Lakukan?</h1>

(11)

</div>

<div id="step2">

<div class="content if-encrypt">

<h1>Pilih Mana File Yang Ingin Dienkripsi</h1> <h2>Silakan Pilih File PDF.</h2>

<a class="button browse blue">Browse</a> <input type="file" id="encrypt-input" /> </div>

<div class="content if-decrypt">

<h1>Pilih File Yang Akan DiDekripsi</h1>

<h2>Hanya File Yang Sudah Terenkripsi Yang Dapat Diproses </h2> <a class="button browse blue">Browse</a>

<input type="file" id="decrypt-input" /> </div>

</div>

<div id="step3">

<div class="content if-encrypt"> <h1>Masukan Kunci</h1>

<h2>Kunci Yang Dimasukan Sebagai Kunci Membuka File Ter-Enkripsi </h2> <input type="password" />

<a class="button process red">Encrypt!</a> </div>

<div class="content if-decrypt"> <h1>Masukan Kunci</h1>

<h2>Masukan Kunci Untuk Membuka File Ter-Enkripsi</h2> <input type="password" />

<a class="button process red">Decrypt!</a> </div>

(12)

<div id="step4"> <div class="content">

<h1>File PDF Di Enkripsi Ke Format Doc Sukses!</h1>

<a class="button download green"><Font size="2">Silakan Download</font></a> </div>

</div> </div> <footer>

<a href="http://localhost/programRahman/index2.php">Kembali Kehalaman Utama >>>>HOME</a>

<div id="tzine-actions"></div> <span class="close"></span> </footer>

</body>

<!-- Include the AES algorithm of the crypto library --> <script src="assets/js/aes.js"></script>

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="assets/js/script.js"> </script>

</html>

Enkripsi 3DES :

<!DOCTYPE html> <html>

<head>

<meta charset="utf-8"/>

<title>ENKRIPSI DAN DEKRIPSI FILE PDF KE DOC MENGGUNAKAN AES-128(Rinjdael) DAN TRIPLE DES</title>

<meta name="viewport" content="width=device-width, initial-scale=1" />

(13)

<link href="assets2/css/style.css" rel="stylesheet" /> </head>

<body>

<a class="back"></a> <div id="stage"> <div id="step1"> <div class="content">

<h1>Apakah Yang Ingin Anda Lakukan?</h1>

<a class="button encrypt green"><Font size="2">Enkripsi File PDF Triple DES</font></a> <a class="button decrypt magenta"><Font size="2">Dekripsi File PDF Triple

DES</font></a> </div>

</div>

<div id="step2">

<div class="content if-encrypt">

<h1>Pilih Mana File Yang Ingin Dienkripsi</h1> <h2>Silakan Pilih File PDF.</h2>

<a class="button browse blue">Browse</a> <input type="file" id="encrypt-input" /> </div>

<div class="content if-decrypt">

<h1>Pilih File Yang Akan DiDekripsi</h1>

<h2>Hanya File Yang Sudah Terenkripsi Yang Dapat Diproses.</h2> <a class="button browse blue">Browse</a>

<input type="file" id="decrypt-input" /> </div>

</div>

<div id="step3">

(14)

<h2>Kunci Yang Dimasukan Sebagai Kunci Membuka File Ter-Enkripsi . </h2> <input type="password" />

<a class="button process red">Encrypt!</a> </div>

<div class="content if-decrypt"> <h1>Masukan Kunci</h1>

<h2>Masukan Kunci Untuk Membuka File Ter-Enkripsi.</h2> <input type="password" />

<a class="button process red">Decrypt!</a> </div>

</div>

<div id="step4"> <div class="content">

<h1>File PDF Di Enkripsi Ke Format Doc Sukses!</h1> <a class="button download green">Silakan Download</a> </div>

</div> </div> <footer>

<a class="tz" href="http://localhost/programRahman/index2.php">Kembali Kehalaman Utama >>>>HOME</a>

<div id="tzine-actions"></div> <span class="close"></span> </footer>

</body>

<!-- Include the AES algorithm of the crypto library --> <script src="assets2/js/aes.js"></script>

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="assets2/js/script.js"></script>

(15)

Pilih Bahan :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>

<head>

<title>Aplikasi Enkripsi & Dekripsi</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style>

#css3pic{background: rgb(176,174,38); /* Fallback Background color */

background: url(images/pattern.png), -moz-linear-gradient(top, rgba(176,174,38,1) 0%, #6e6c00 100%);

background:url(images/pattern.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(176,174,38,1)), color-stop(100%,rgba(110,108,0,1)));width:980px;border-top:1px solid #ccc;margin:0 auto;padding:0 auto;border-radius: 5px;

-webkit-border-radius: 5px; -moz-border-radius: 5px; border: solid 1px #251400;}

#css3wrapper{width:980px;height:27px;margin:0 auto} .clearit{clear:both;height:0;line-height:0.0;font-size:0} #css3bar{width:100%}

#css3bar,#css3bar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0} #css3bar a{display:block;text-decoration:none;font-size:12px;font-weight:bold;text-transform:uppercase;color:#333;padding:8px 8px 8px}

#css3bar a.trigger{padding:8px 13px 8px 9px} #css3bar li{float:left;position:static;width:auto} #css3bar li ul,#css3bar ul li{width:140px}

#css3bar ul li a{text-align:left;color:#fff;font-size:11px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px;}

#css3bar li ul{z-index:100;position:absolute;display:none;background:#333;padding-bottom:5px;border-radius: 5px;

(16)

border: solid 1px #251400;}

#css3bar li:hover a,#css3bar a:active,#css3bar a:focus,#css3bar li.hvr a{;color:#fff;-webkit-transition: all .2s ease-in-out;

-moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

#css3bar li:hover ul,#css3bar li.hvr ul{background: rgb(176,174,38); /* Fallback Background color */

background: url(images/pattern.png), -moz-linear-gradient(top, rgba(176,174,38,1) 0%, #6e6c00 100%);

background:url(images/pattern.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(176,174,38,1)), color-stop(100%,rgba(110,108,0,1)));display:block} #css3bar li:hover ul a,#css3bar li.hvr ul a{color:#fff;background-color:transparent;text-decoration:none}

#css3bar li ul li.hr{border-top:1px solid #444;display:block;font-size:1px;height:0;line-height:0;margin:2px 0}

#css3bar ul a:hover{background-image: -webkit-linear-gradient(top, #990066, #cc0099, #990066);

background-image: -moz-linear-gradient(top, #990066, #cc0099, #990066); background-image: -ms-linear-gradient(top, #990066, #cc0099, #990066); background-image: -o-linear-gradient(top, #990066, #cc0099,

#990066);!important;color:#fff!important;text-decoration:none} </style>

</head>

<body background="gambar/putih.jpg" >

<table align="center" height="200" width="1000"> <tr>

<td align="center">

<embed src="kepalarahman1.swf" quality="high" width="950" height="200" align="middle" type="application/x-shockwave-flash"

(17)

</tr> </table>

<table border"5" align="center" width="1000"> <tr>

<td>

<div id='css3pic'> <div id='css3wrapper'> <ul id='css3bar'>

<li><a href='index2.php'>Home</a></li> <li><a href='profil.php'>Profil</a></li> <li><a class='trigger' href='#'>Tutorial</a> <ul>

<li><a href='bahan.php'>Bahan Jurnal PDF</a></li> </ul>

</li>

<li><a class='trigger' href='#'>Enkripsi/Dekripsi PDF</a> <ul>

<li><a class='trigger' href='programenkripsi.php'> (AES-128/Rinjdael)</a></li> <li><a class='trigger' href='programenkripsi3des.php'>Triple DES (3 DES)</a></li> </ul>

</li>

<li><a href='logout.php'>Keluar Aplikasi</a></li> </ul>

<br class='clearit'/> </div>

<div style='clear:both;'/> </div>

(18)

</table>

<table align="center" border="3" background="gambar/oke.jpg" height="600" width="1000">

<tr>

<td align="center">

<table align="center" border="3" background="gambar/hijau.jpg" width="600" height="400">

<tr>

<td align="center" colspan="4">

<h1><u><b>Daftar Repository Jurnal PDF</b></u></h1> </td>

</tr> <tr> <td>

<b>File</b> </td><td><b>Description</b></td><td><b> Size</b></td><td><b>Format</b></td>

</tr> <tr>

<td><a href="saputra2014.docx">Download Jurnal Oleh Saputra

2014.docx</a></td><td>Jurnal Oleh Saputra 2014</td><td>88Kb</td><td>PDF</td></tr> <br>

<br> <tr>

<td><a href="refrensi4.pdf">Download

Refrensi4.pdf</a></td><td>Refrensi4</td><td>175Kb</td><td>PDF</td></tr> <br><br>

<tr>

<td><a href="jurnal1.pdf">Download Jurnal1.pdf</a></td><td>Jurnal 1</td><td>256Kb</td><td>PDF</td>

(19)

<td><a href="transformasi_jurnal2.pdf">Download

transformasi_jurnal2.pdf</a></td><td>transformasi_jurnal2</td><td>162Kb</td><td>PDF< /td>

</tr> </table> </td> </tr> </table> <br><br>

<table align="center" background="gambar/putih.jpg" height="30" width="1000"> <tr>

<td align="center">

---TERIMA KASIH-2016@Rahman---

Referensi

Dokumen terkait

Kelompok Ternak Itik Putri Mandiri merupakan salah satu kelompok peternakan bergerak dalam bidang produksi telur itik konsumsi yang melakukan kegiatan pemeliharaan itik Karawang yang

As illustrated in Figure 2, the young consumers’ purchase intention toward green products is positively inluenced by their level of knowledge on the environment and

Solcca cajro csciiertiicpKcn ofcripni in i bsayDitltii kosMJll tca-t: caulitea yna&lt;j aqya bcdopl teroteca ' dolna. csnccrl fcateJ»fcaiica oton litcra tar-11 twrotor

[r]

Sebagaimana diamanatkan dalam Peraturan Pemerintah Nomor 72 Tahun 2005 Pasal 63 dan Pasal 64, serta sesuai Peraturan Daerah Kabupaten Kebumen Nomor 3 Tahun 2007 tentang

Dua buah bangun dikatakan sebangun satu sama lain apabila sudut-sudut yang bersesuaian dari kedua bangun itu sama besar dan sisi-sisi yang bersesuaian dari kedua bangun itu

Dengan mengacu pada karakteristik dasar medium, mahasiswa mampu menjelaskan pengertian sistem hidrolik dengan tepat.. Jelaskan pengertian sistem hidrolik, berdasarkan

1. Modul IPA Terpadu berbasis SETS pada tema makanan sehat dan tubuhku mempunyai karakteristik sebagai berikut: 1) berbentuk modul cetak untuk siswa dan untuk guru