• Tidak ada hasil yang ditemukan

Perancangan Website Pemerintahan Mahasiswa Fakultas Matematika Dan Ilmu Pengetahuan Alam Universitas Sumatera Utara Dengan Menggunakan Php Dan Mysql

N/A
N/A
Protected

Academic year: 2017

Membagikan "Perancangan Website Pemerintahan Mahasiswa Fakultas Matematika Dan Ilmu Pengetahuan Alam Universitas Sumatera Utara Dengan Menggunakan Php Dan Mysql"

Copied!
165
0
0

Teks penuh

(1)

SURAT KETERANGAN

Hasil Uji Program Tugas Akhir

Yang bertanda tangan dibawah ini, menerangkan bahwa Mahasiswa Tugas Akhir

Program Diploma 3 Teknik Informatika:

Nama

: FRANS MANGARAHUT SITUMORANG

NIM

: 132406086

Prog. Studi

: D3 Teknik Informatika

Judul TA : Perancangan website Pemerintahan Mahasiswa Fakultas Matematika

dan Ilmu Pengetahuan Alam Universitas Sumatera Utara dengan

menggunakan MYSQL dan PHP

Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut di atas pada

tangg

al……….

Dengan Hasil : Sukses / Gagal

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja

Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA

USU Medan.

Medan, Juni 2016

Dosen Pembimbing

(2)

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Nama Mahasiswa

: Frans Mangarahut Situmorang

Nomor Stambuk

: 132406073

Judul Tugas Akhir

: Perancangan

website

PemerintahanMahasiswaFakultasMatematikadanIlmuP

engetahuanAlamUniversitas

Sumatera

Utara

denganmenggunakanMysqldan PHP

Dosen Pembimbing

: Drs. Henry RaniSitepu,M,Si.

Tanggal Mulai Bimbingan

:

Tanggal Selesai Bimbingan :

No.

Tanggal

Asisten

Bimbingan

Pembahasan pada

Asistensi Mengenai, pada

Bab :

Paraf Dosen

Pembimbing

Keterangan

1.

2.

3.

4.

5.

6.

Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan

telah selesai.

Diketahui,

Disetujui,

KetuaProgram Studi D3 Teknik Informatika,

Pembimbing,

Dr. EllyRosmaini, M.Si

Drs.Henry Rani Sitepu,M,Si.

(3)

Lampiran Listing Program

1. index.php

<!DOCTYPE html > <html>

<head>

<title>PEMA FMIPA USU</title>

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

<link rel="stylesheet" href="nivo-slider/themes/default/default.css" type="text/css" media="screen" />

<link rel="stylesheet" href="nivo-slider/themes/light/light.css" type="text/css" media="screen" />

<link rel="stylesheet" href="nivo-slider/themes/dark/dark.css" type="text/css" media="screen" />

<link rel="stylesheet" href="nivo-slider/themes/bar/bar.css" type="text/css" media="screen" />

<link rel="stylesheet" href="nivo-slider/nivo-slider.css" type="text/css" media="screen" />

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

<link rel="stylesheet" href="nivo-slider/demo/style-nivo.css" type="text/css" media="screen" />

(4)

<body>

<div class="wrapper"> <div class="header">

<img src="images/logo/logo.jpg" width="258px" height="100px"> <div class="menu">

<ul>

<li><a href="index.php">Beranda</a></li> <li><a href="page/profile.php">Profil</a></li> <li><a href="page/galeri.php">Galery</a></li> <li><a href="page/event.php">Event</a></li> <li><a href="page/data.php">Data</a></li>

<li><a style="border:none;" href="page/tentang.php">Tentang</a></li>

</ul> </div> </div>

<div id="wrapper">

<div class="slider-wrapper theme-default"> <div id="slider" class="nivoSlider">

(5)

<img src="nivo-slider/demo/images/pema2.jpg" data-thumb="images/pema2.jpg" alt="" /></a>

<img src="nivo-slider/demo/images/pema3.jpg" data-thumb="images/pema3.jpg" alt="" data-transition="slideInLeft" />

<img src="nivo-slider/demo/images/pema4.jpg" data-thumb="images/pema4.jpg" alt=""/>

</div> </div>

</div>

<script type="text/javascript" src="nivo-slider/demo/scripts/jquery-1.9.0.min.js"></script>

<script type="text/javascript" src="nivo-slider/jquery.nivo.slider.js"></script> <script type="text/javascript">

$(window).load(function() { $('#slider').nivoSlider(); });

</script> <!--

<div class="content">

(6)

<div class="footer">

PEMA FMIPA USU Copyright &copy 2015 </div>

</div>

</body> </html>

2. profil.php

<!DOCTYPE html > <html>

<head>

<title>PEMA FMIPA USU</title>

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

<body>

<div class="wrapper">

<div class="header">

<img src="../images/logo/logo.jpg" width="258px" height="100px"> <div class="menu">

<ul>

(7)

<li><a href="galeri.php">Galery</a></li> <li><a href="event.php">Event</a></li> <li><a href="data.php">Data</a></li>

<li><a style="border:none;" href="tentang.php">Tentang</a></li>

</ul> </div> </div>

<div class="content">

<div class = "content_kiri"> <div class="text">

<h1>Profil FMIPA USU</h1>

PEMA FMIPA USU (Pemerintahan Mahasiswa Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara) merupakan organisasi yang didirikan pada tanggal 06 mei 1985 di Medan, bertempat di Jalan Bioteknologi No.1 FMIPA USU Medan.<br>

<br>Dasar dari PEMA FMIPA USU berdasarkan Pancasila dan UUD 1945 yang sifatnya dinasmis, otonomi dan independent, PEMA FMIPA USU berstatus sebagai organisasi kemahasiswaan resmi USU.

(8)

<li>Sebagai wadah untuk seluruh mahasiswa dalam menyalurkan berbagai aspirasinya</li>

<li>Adalah lembaga yang berfungsi sebagai jembatan/ fasilitator bagi kepentingan mahasiswa dengan akademis</li>

<li>Sebagai wadah untuk mempererat hubungan antara mahasiswa PTKI Medan dengan perguruan tinggi lainnya</li>

</ol>

<h3>MANFAAT PEMA FMIPA</h3> <ol>

<li>Mahasiswa mempunyai tempat dalam menyalurkan aspirasinya</li>

<li>Terorganisasi seluruh kegiatan-kegiatan mahasiswa</li>

<li>Terjadi hubungan internal kampus yang harmonis dan dinamis</li>

<li>Terjadi hunungan eksternal kampus yang baik</li>

</ol>

<h3>USAHA PEMA FMIPA</h3>

Membina pribadi intelektual yang beriman dan bertaqwa kepada Tuhan Yang Maha Esa serta memiliki tanggung jawab yang tinggi dalam kehidupan kemasyarakatan, berbangsa dan bernegara

(9)

<li>Mempelopori perkembangan ilmu pengetahuan dan teknologi</li>

<li>Mengembangkan potensi kreatir, ilmu pengetahuan, sosial dan budaya</li>

<li>Berperan aktif dalam dunia kemahasiswaan, perguruan tinggi dan kemudahan untuk menopang pembangunan nasional</li>

</ol> </div> </div>

<div class="content_kanan"> <h1>TRACK RECORD</h1> <table>

<tr>

<td> <img src="../images/usu.jpg"></td> <td> <img src="../images/fmipa.png"></td> </tr>

<tr>

<td> <img src="../images/dinas.gif"></td> <td> <img src="../images/pema.jpg"></td> </tr>

(10)

</div>

<div style="clear:both"></div> </div>

<div class="footer">

PEMA FMIPA USU, Copyright &copy 2015 </div>

</div> </body> </html>

3. Galeri.php

<!DOCTYPE html > <html>

<head>

<title>Seminar</title>

<link rel="stylesheet" type="text/css" href="../css/style.css"> <meta charset="utf-8">

(11)

<link rel="stylesheet" href="../page/css/layout.css" type="text/css" media="screen"> <link rel="stylesheet" href="../page/css/prettyPhoto.css" type="text/css" media="screen">

<script src="../js/galeri/jquery-1.7.1.min.js" type="text/javascript"></script> <script src="../js/galeri/cufon-yui.js" type="text/javascript"></script> <script src="../js/galeri/cufon-replace.js" type="text/javascript"></script> <script src="../js/galeri/Dynalight_400.font.js" type="text/javascript"></script> <script src="../js/galeri/FF-cash.js" type="text/javascript"></script>

<script src="../js/galeri/jquery.prettyPhoto.js" type="text/javascript"></script> <script src="../js/galeri/hover-image.js" type="text/javascript"></script> <script src="../js/galeri/jquery.easing.1.3.js" type="text/javascript"></script> <script src="../js/galeri/jquery.bxSlider.js" type="text/javascript"></script> <script type="text/javascript">

$(document).ready(function () { $('#slider-2').bxSlider({

controls: false, moveSlideQty: 1, displaySlideQty: 6 });

$("a[data-gal^='prettyPhoto']").prettyPhoto({ theme: 'facebook'

(12)

}); </script> </head>

<body>

<div class="wrapper">

<div class="header">

<img src="../images/logo/logo.jpg" width="258px" height="100px"> <div class="menu">

<ul>

<li><a href="../index.php">Beranda</a></li> <li><a href="profile.php">Profil</a></li> <li><a href="galeri.php">Galery</a></li> <li><a href="event.php">Event</a></li> <li><a href="data.php">Data</a></li>

<li><a style="border:none;" href="tentang.php">Tentang</a></li>

</ul> </div> </div>

(13)

<br>

<div class="main"> <div class="container"> <div id="slider-2"> <div>

<div class="p4">

<figure><a class="lightbox-image" href="../images/for_gallery/IMG_0192.jpg" data-gal="prettyPhoto[prettyPhoto]"><img src="../images/for_gallery/IMG_0192.jpg" height="168" width="210" alt=""></a></figure>

<h5><center>Panitia Pelatihan Excel</center></h5> </div>

<figure><a class="lightbox-image" href="../images/for_gallery/Laboratorium Aplikasi.jpg" data-gal="prettyPhoto[prettyPhoto]"><img src="../images/for_gallery/Laboratorium Aplikasi.jpg" height="168" width="210" alt=""></a></figure>

<h5><center>Laboratorium Aplikasi</center></h5> </div>

<div>

<div class="p4">

(14)

<h5><center>Laboratorium Pemrograman</center></h5> </div>

<figure><a class="lightbox-image" href="../images/for_gallery/Panitia Seminar dan Pelatihan Ms. Excel.jpg" data-gal="prettyPhoto[prettyPhoto]"><img src="../images/for_gallery/Panitia Seminar dan Pelatihan Ms. Excel.jpg" height="168" width="210" alt=""></a></figure>

<h5><center>Asisten Pemateri pada Pelatihan Excel</center></h5> </div>

<div>

<div class="p4">

<figure><a class="lightbox-image" href="../images/for_gallery/Peserta Seminar dan Pelatihan Ms. Excel.jpg" data-gal="prettyPhoto[prettyPhoto]"><img src="../images/for_gallery/Peserta Seminar dan Pelatihan Ms. Excel.jpg" height="168" width="210" alt=""></a></figure>

<h5><center>Peserta Pelatihan Excel</center></h5> </div>

<figure><a class="lightbox-image" href="../images/for_gallery/Praktikum Metode Numerik.jpg" data-gal="prettyPhoto[prettyPhoto]"><img src="../images/for_gallery/Praktikum Metode Numerik.jpg" height="168" width="210" alt=""></a></figure>

<h5><center>Suasana Praktikum</center></h5> </div>

(15)

<div class="p4">

<figure><a class="lightbox-image" href="../images/for_gallery/Praktikum Peng. Kecerdasan Buatan.jpg" data-gal="prettyPhoto[prettyPhoto]"><img src="../images/for_gallery/Praktikum Peng. Kecerdasan Buatan.jpg" height="168" width="210" alt=""></a></figure>

<h5><center>Suasana Praktikum KCB</center></h5> </div>

<figure><a class="lightbox-image" href="../images/for_gallery/Praktikum Pengantar Kecerdasan Buatan.jpg" data-gal="prettyPhoto[prettyPhoto]"><img src="../images/for_gallery/Praktikum Pengantar Kecerdasan Buatan.jpg" height="168" width="210" alt=""></a></figure>

<h5><center>Asisten Laboratorium KCB </center></h5> </div>

<div>

<div class="p4">

<figure><a class="lightbox-image" href="../images/for_gallery/seminar 2.jpg" data-gal="prettyPhoto[prettyPhoto]"><img src="../images/for_gallery/seminar 2.jpg" height="168" width="210" alt=""></a></figure>

<h5><center>Tim Registrasi Seminar Ubuntu</center></h5> </div>

(16)

src="../images/for_gallery/Seminar dan Pelatihan SPSS 22.0.jpg" height="168" width="210" alt=""></a></figure>

<h5><center>Suasana Pelatihan SPSS</center></h5> </div>

<div>

<div class="p4">

<figure><a class="lightbox-image" href="../images/for_gallery/Sesi I, Suasana Seminar dan Pelatihan Ms. Excel.jpg" data-gal="prettyPhoto[prettyPhoto]"><img src="../images/for_gallery/Sesi I, Suasana Seminar dan Pelatihan Ms. Excel.jpg" height="168" width="210" alt=""></a></figure>

<h5><center>Rendy, Pemateri Pelatihan Excel</center></h5> </div>

<figure><a class="lightbox-image" href="../images/for_gallery/Sesi III, Suasana Seminar dan Pelatihan Ms. Excel.jpg" data-gal="prettyPhoto[prettyPhoto]"><img src="../images/for_gallery/Sesi III, Suasana Seminar dan Pelatihan Ms. Excel.jpg" height="168" width="210" alt=""></a></figure>

<h5><center>Suasana Pelatihan Ms. Excel</center></h5> </div>

(17)

<div class="footer">

Pelatihan Desain Website Statis, Copyright &copy 2015 </div>

</div> </body> </html>

4. data.php

<!DOCTYPE html > <html>

<head>

<title>PEMA FMIPA USU</title>

<link rel="stylesheet" href="../table/bootstrap.min.css"> <link rel="stylesheet" href="../table/global.css">

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

<body>

<div class="wrapper">

<div class="header">

(18)

<ul>

<li><a href="../index.php">Beranda</a></li> <li><a href="profile.php">Profil</a></li> <li><a href="galeri.php">Galery</a></li>

<li><a href="event.php">Event</a></li>

<li><a href="data.php">Data</a></li>

<li><a style="border:none;" href="tentang.php">Tentang</a></li>

</ul> </div> </div>

<div class="container"> <div class="row"> <div class="col-md-12">

<div class="box box-primary">

<div class="box-header">

<h3 class="box-title">Anggota PEMA FMIPA USU</h3> </div><!-- /.box-header -->

<div class="box-body table-responsive">

(19)

<?php

include("../database/koneksi.php"); $query="SELECT * FROM `tbl_anggota`"; $eksekusi=mysql_query($query); ?>

<thead>

<tr> <th>No</th> <th>Nama</th> <th>NIM</th> <th>Jabatan</th> <th>Detail</th> </tr>

</thead> <tbody>

<?php

while($data=mysql_fetch_array($eksekusi)){ ?>

<tr>

(20)

<td><?php echo $data['status'];?></td>

<td><a href="../detail_pema.php?id=<?php echo $data['id'];?>" target="_blank">SELENGKAPNYA</a></td>

</tr> <?php }

echo"</table>"; ?> </tbody>

</table>

</div><!-- /.box-body --> </div><!-- /.box -->

</div></div></div>

<script src="../table/jquery-1.7.2.min.js"></script> <script src="../table/bootstrap.min.js"></script>

<script src="../table/datatables/jquery.dataTables.min.js"></script> <script src="../table/datatables/dataTables.bootstrap.min.js"></script> <link rel="stylesheet" href="../table/datatables/dataTables.bootstrap.css">

<script type="text/javascript"> $(function () {

$("#example1").DataTable(); });

(21)

<div class="footer">

PEMA FMIPA USU, Copyright &copy 2015 </div>

</div> </body> </html>

5. event.php

<!DOCTYPE html > <html>

<head>

<title>PEMA FMIPA USU</title>

<link rel="stylesheet" href="../table/bootstrap.min.css"> <link rel="stylesheet" href="../table/global.css">

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

<body>

<div class="wrapper">

(22)

<img src="../images/logo/logo.jpg" width="258px" height="100px"> <div class="menu">

<ul>

<li><a href="../index.php">Beranda</a></li> <li><a href="profile.php">Profil</a></li> <li><a href="galeri.php">Galery</a></li>

<li><a href="event.php">Event</a></li>

<li><a href="data.php">Data</a></li>

<li><a style="border:none;" href="tentang.php">Tentang</a></li>

</ul> </div> </div>

<div class="container"> <div class="row"> <div class="col-md-12">

<div class="box box-primary">

<div class="box-header">

(23)

<div class="box-body table-responsive">

<table id="example1" class="table table-bordered table-striped">

<?php

include("../database/koneksi.php"); $query="SELECT * FROM `tbl_event`"; $eksekusi=mysql_query($query); ?>

<thead>

<tr> <th>No</th>

<th>Judul Event</th> <th>Jadwal Event</th> <th>Detail Acara</th> </tr>

</thead> <tbody>

<?php

while($data=mysql_fetch_array($eksekusi)){ ?>

<tr>

(24)

<td><?php echo $data['jadwal']; ?></td>

<td><a href="../detail_event.php?id=<?php echo $data['id'];?>" target="_blank">SELENGKAPNYA</a></td>

</tr> <?php }

echo"</table>"; ?> </tbody>

</table>

</div><!-- /.box-body --> </div><!-- /.box -->

</div></div></div>

<script src="../table/jquery-1.7.2.min.js"></script> <script src="../table/bootstrap.min.js"></script>

<script src="../table/datatables/jquery.dataTables.min.js"></script> <script src="../table/datatables/dataTables.bootstrap.min.js"></script> <link rel="stylesheet" href="../table/datatables/dataTables.bootstrap.css">

<script type="text/javascript"> $(function () {

$("#example1").DataTable(); });

(25)

<div class="footer">

PEMA FMIPA USU, Copyright &copy 2015 </div>

</div> </body> </html>

6. tentang.php <!DOCTYPE html > <html>

<head>

<title>PEMA FMIPA USU</title>

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

<body>

<div class="wrapper">

<div class="header">

<img src="../images/logo/logo.jpg" width="258px" height="100px"> <div class="menu">

(26)

<li><a href="../index.php">Beranda</a></li> <li><a href="profile.php">Profil</a></li> <li><a href="galeri.php">Galery</a></li> <li><a href="event.php">Event</a></li> <li><a href="data.php">Data</a></li>

<li><a style="border:none;" href="tentang.php">Tentang</a></li>

</ul> </div> </div>

<div class="content">

<div class = "content_kiri"> <div class="text">

<h1>Hubungi Kami</h1> <ol>

Fakultas Matematika dan Ilmu Pengetahuan Alam</br>

<b>UNIVERSITAS SUMATERA

UTARA</b></br>

(27)

Unit 2 Lantai 2 Ruangan 2208 FMIPA USU</br>

</ol>

<h3>Saran/ Kritik untuk Kami</h3> <ol>

Silahkan tinggalkan pesan teman sekalian kepada kami pengurus Pemerintahan Mahasiswa FMIPA. Berikan kritik/ saran/ keluhan tentang kampus kita FMIPA USU. Caranya ?

<br><br>

<li>Silahkan mengisi formulir pesan disebelah kanan.</li>

<li>Sampaikan pesan teman sekalian kepada kami tentang kampus kita.</li>

<li>Privasi pengirim dijaga :).</li> </ol>

</div> </div>

<div class="content_kanan">

<div class="content"> <div class="text">

(28)

<table border='0' width='35%' cellpadding='2' cellspacing='2' align='center'>

<caption><h2>Tinggal Pesan Untuk Kami</h2></caption>

<tr><td>Nama Lengkap</td><td>

<input type="text" name="nama" size="30" maxlength="50" required/></td></tr>

<tr><td>NIM</td><td>

<input type="number" name="nim" size="30" maxlength="50" required/></td></tr>

<tr><td>No Hp</td><td>

<input type="number" name="telepon" size="30" maxlength="50"/ required></td></tr>

<tr><td>Pesan Anda</td><td>

<textarea name="pesan" cols="30" rows="4" required></textarea></td></tr>

<tr><td></td><td><input type="submit" name="kirim" value="KIRIM!!"/></td></tr>

</table> </form>

(29)

<div style="clear:both"></div> </div>

<div class="footer">

PEMA FMIPA USU, Copyright &copy 2015 </div>

</div> </body> </html>

7. kontak.php <!DOCTYPE html> <html>

<head>

<title>Buku Tamu</title>

<link rel="stylesheet" type="text/css" href="style/about.css"> </head>

<body>

<div class="content"> <div class="text">

<h1>Kritik dan Saran kamu!</h1>

(30)

Berikan saran dan kritik Anda kepada kami (PEMA) masalah tentang kampus FMIPA USU ini, demi membangun FMIPA lebih maju lagi. Saran dan kritik kamu, membantu akan kami sampaikan kepada Bpk dekan kita.

</li> <br>

<li>Bagaimana Caranya? <br>

Caranya, silahkan tinggalkan pesan kamu

dibawah ini, sertakan Nama, NIM, No Telepon dan Pesan kamu, privasi identitas kamu tidak akan publikasikan!

</li>

</div> </div>

<form action="pro_kontak.php" method="POST">

<table border='0' width='35%' cellpadding='2' cellspacing='2' align='center'>

<caption><h2>Tinggal Pesan Untuk Kami</h2></caption>

<tr><td>Nama Lengkap</td><td>

(31)

<tr><td>NIM</td><td>

<input type="number" name="nim" size="30" maxlength="50" required/></td></tr>

<tr><td>No Hp</td><td>

<input type="number" name="telepon" size="30" maxlength="50"/ required></td></tr>

<tr><td>Pesan Anda</td><td>

<textarea name="pesan" cols="30" rows="4" required></textarea></td></tr>

<tr><td></td><td><input type="submit" name="kirim" value="KIRIM!!"/></td></tr>

</table> </form>

</body> </html>

8. kontak.php <!DOCTYPE html> <html>

<head>

<title>Buku Tamu</title>

(32)

</head> <body>

<div class="content"> <div class="text">

<h1>Kritik dan Saran kamu!</h1>

<li>Apa manfaat?<br>

Berikan saran dan kritik Anda kepada kami (PEMA) masalah tentang kampus FMIPA USU ini, demi membangun FMIPA lebih maju lagi. Saran dan kritik kamu, membantu akan kami sampaikan kepada Bpk dekan kita.

</li> <br>

<li>Bagaimana Caranya? <br>

Caranya, silahkan tinggalkan pesan kamu

dibawah ini, sertakan Nama, NIM, No Telepon dan Pesan kamu, privasi identitas kamu tidak akan publikasikan!

</li>

</div> </div>

(33)

<table border='0' width='35%' cellpadding='2' cellspacing='2' align='center'>

<caption><h2>Tinggal Pesan Untuk Kami</h2></caption>

<tr><td>Nama Lengkap</td><td>

<input type="text" name="nama" size="30" maxlength="50" required/></td></tr>

<tr><td>NIM</td><td>

<input type="number" name="nim" size="30" maxlength="50" required/></td></tr>

<tr><td>No Hp</td><td>

<input type="number" name="telepon" size="30" maxlength="50"/ required></td></tr>

<tr><td>Pesan Anda</td><td>

<textarea name="pesan" cols="30" rows="4" required></textarea></td></tr>

<tr><td></td><td><input type="submit" name="kirim" value="KIRIM!!"/></td></tr>

</table> </form>

(34)

</html>

9. detail_event.php <html>

<head>

<title>PEMA FMIPA USU</title> <style type="text/css">

body{background:#ebebeb; font-family:Arial;color:#fff;} #login{

color:#fff; width:340px; padding:20px; margin:60px auto; border:2px solid #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;

background: -webkit-linear-gradient(#0066CC, #5EACFB); /* For Safari 5.1 to 6.0 */

background: -o-linear-gradient(#0066CC, #5EACFB); /* For Opera 11.1 to 12.0 */

(35)

background: linear-gradient(#0066CC, #5EACFB); /* Standard syntax */

} input{

padding:4px; }

.tombol{

padding:4px 10px;

background:url(images/bgmenu.gif) repeat-x; text-decoration:none;

border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; color:#fff;

margin:5px; }

.tombol:hover{

background:#706157; }

.th{

(36)

border:1px solid #fff; }

table{margin:0;} </style>

</head> <body>

<div id="login">

<table width="100%" cellpadding="4px" align="center"> <tr>

<th class="th" colspan="2">PEMA FMIPA USU</th> </tr>

<?php

include("database/koneksi.php"); $id=$_GET['id'];

$query="SELECT * FROM `tbl_event` WHERE id='$id'"; $eksekusi=mysql_query($query);

$data=mysql_fetch_array($eksekusi); ?> <form>

<caption><h2>Data Acara <?php echo $data['judul']; ?></h2></caption>

(37)

<td>Nama Acara</td>

<td><input value="<?php echo $data['judul']; ?>" ></td>

</tr>

<tr>

<td>Jadwal</td>

<td><input value="<?php echo $data['jadwal']; ?>" ></td>

</tr>

<tr>

<td>Lokasi</td>

<td><input value="<?php echo $data['lokasi']; ?>" >

</td> </tr>

<tr>

<td>Keterangan</td>

<td><textarea><?php echo $data['keterangan']; ?></textarea>

(38)

</tr>

</table> </form> </div> </body> </html>

10. detail_pema.php

<html> <head>

<title>PEMA FMIPA USU</title> <style type="text/css">

body{background:#ebebeb; font-family:Arial;color:#fff;} #login{

(39)

background: -webkit-linear-gradient(#0066CC, #5EACFB); /* For Safari 5.1 to 6.0 */

background: -o-linear-gradient(#0066CC, #5EACFB); /* For Opera 11.1 to 12.0 */

background: -moz-linear-gradient(#0066CC, #5EACFB); /* For Firefox 3.6 to 15 */

background: linear-gradient(#0066CC, #5EACFB); /* Standard syntax */

} input{

padding:4px; }

.tombol{

padding:4px 10px;

background:url(images/bgmenu.gif) repeat-x; text-decoration:none;

border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; color:#fff;

(40)

.tombol:hover{

background:#706157; }

.th{

background:url(images/bgmenu.gif) repeat-x; color:#fff;

border:1px solid #fff; }

table{margin:0;} </style>

</head> <body>

<div id="login">

<table width="100%" cellpadding="4px" align="center"> <tr>

<th class="th" colspan="2">PEMA FMIPA USU</th> </tr>

<?php

include("database/koneksi.php"); $id=$_GET['id'];

(41)

$eksekusi=mysql_query($query); $data=mysql_fetch_array($eksekusi); ?>

<form>

<caption><h2>Data Lengkap <?php echo $data['nama']; ?></h2></caption>

<tr> <tr>

<td>Nama </td>

<td><input value="<?php echo $data['nama']; ?>" ></td>

</tr>

<tr>

<td>NIK</td>

<td><input value="<?php echo $data['nim']; ?>" ></td>

</tr>

<tr>

<td>Tanggal Lahir</td>

<td><input value="<?php echo $data['tanggallahir']; ?>" ></td>

(42)

<tr>

<td>Jenis Kelamin</td>

<td><input value="<?php echo $data['jenis_kelamin']; ?>" >

</td> </tr>

<tr>

<td>Agama</td>

<td><input value="<?php echo $data['agama']; ?>" >

</td> </tr>

<tr>

<td>Jurusan</td>

<td><input value="<?php echo $data['jurusan']; ?>" >

</td> </tr>

(43)

<td>Jabatan</td>

<td><input value="<?php echo $data['status']; ?>" >

</td> </tr>

</table> </form> </div> </body> </html>

11. pro_kontak.php

<?php

include "database/koneksi.php";

$tanggalpesan = date('d M Y H:i');

$nama = $_POST['nama'];

$nim = $_POST['nim'];

$telepon = $_POST['telepon']; $pesan = $_POST['pesan'];

$query_insert = "INSERT INTO tbl_kontak (

(44)

nama, nim, telepon, pesan) VALUES(

'$nama', '$nim', '$telepon', '$pesan',

'$tanggalpesan')";

$insert = mysql_query($query_insert);

if($insert) {

?><script>alert('Pesan Anda telah terkirim');</script><?php ?><script>document.location.href='index.php';</script><?php }

else {

?><script>alert('Pesan Gagal dikirim');</script><?php

(45)

?>

12. koneksi.php

<?php

$host = "localhost"; // Nama hostnya $user = "root"; // Username

$pass = ""; // Password (Isi jika menggunakan password)

$connect = mysqli_connect($host, $user, $pass, "pema"); // Koneksi ke MySQL ?>

13. admin.php

<?php

session_start(); // Memulai Session if (ISSET($_SESSION['username'])) { ?>

<!DOCTYPE html> <html>

<head>

<title>Admin</title>

<link rel="stylesheet" type="text/css" href="style/admin.css"> </head>

<body>

<div class="copyright">

(46)

</div>

<div class="container">

<a href="input_anggota.php" class="button"><span>*</span>Input Anggota PEMA</a> <a href="input_event.php" class="button turquoise"><span>*</span>Input Berita Event PEMA</a>

<a href="tampil_anggota.php" class="button purple"><span>*</span>Tampil Anggota PEMA</a>

<a href="tampil_event.php" class="button orange active"><span>*</span>Tampil Event PEMA</a>

<a

<a href="tampil_kontak.php" class="button orange active"><span>*</span>Pesan/ Kontak Masuk</a>

<a href="logout.php?logout=yes" class="button red"><span>*</span>Keluar Dari Panel Admin</a>

</div>

</body> </html>

<?php } else

(47)

?>

14. cek_login.php

<?php

session_start(); // Memulai Session

include "../database/koneksi.php" ; // Memanggil config.php untuk konfigurasi database $username = $_POST['username'];

$password = $_POST['password'];

$passwordhash = md5($password); // Mengenkripsikannya untuk dicocokan dengan database

$sql = "select username, password from login where username = '$username' and password =

'$passwordhash'";

$sqlrun = mysql_query($sql); $cek = mysql_num_rows($sqlrun); if ($cek >= 1 )

{

$_SESSION['username'] = $username; header("location:admin.php"); }

else

header("location: login.php"); ?>

(48)

<?php

session_start(); // Memulai Session if (ISSET($_SESSION['username'])) { ?>

<html> <head>

<title>Edit Anggota</title> <style type="text/css">

body{background:#ebebeb; font-family:Arial;color:#fff;} #login{

color:#fff; width:340px; padding:20px; margin:60px auto; border:2px solid #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;

(49)

background: -o-linear-gradient(#0066CC, #5EACFB); /* For Opera 11.1 to 12.0 */

background: -moz-linear-gradient(#0066CC, #5EACFB); /* For Firefox 3.6 to 15 */

background: linear-gradient(#0066CC, #5EACFB); /* Standard syntax */

} input{

padding:4px; }

.tombol{

padding:4px 10px;

background:url(images/bgmenu.gif) repeat-x; text-decoration:none;

border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; color:#fff;

margin:5px; }

.tombol:hover{

(50)

} .th{

background:url(images/bgmenu.gif) repeat-x; color:#fff;

border:1px solid #fff; }

table{margin:0;} </style>

</head> <body>

<div id="login">

<table width="100%" cellpadding="4px" align="center"> <tr>

<th class="th" colspan="2">Edit Anggota PEMA FMIPA USU</th> </tr>

<?php

include("../database/koneksi.php"); $id=$_GET['id'];

echo "<form method='post' action='update_anggota.php?id=$id'> "; $query="SELECT * FROM `tbl_anggota` WHERE id='$id'";

(51)

<form>

<caption><h2>Edit Data Anggota PEMA FMIPA USU</h2></caption>

<tr> <tr>

<td>Nama </td>

<td><input type="text" name="nama" value="<?php echo $data['nama']; ?>" required></td>

</tr>

<tr>

<td>NIK</td>

<td><input type="text" name="nim" value="<?php echo $data['nim']; ?>" required></td>

</tr>

<tr>

<td>Jenis Kelamin</td> <td>

(52)

<option value="Laki-laki">Laki-laki</option>

<option value="Perempuan">Perempuan</option>

</select> </td>

<tr>

<td>Agama</td> <td>

<select name="agama">

<option value="<?php echo $data['agama']; ?>"><?php echo $data['agama']; ?></option>

<option value="Kristen Katolik">Kristen Katolik</option>

<option value="Kristen Protestan">Kristen Protestan</option>

<option value="Islam">Islam</option>

<option value="Hindu">Hindu</option>

(53)

<option value="Lain-lain">lain-lain</option>

</select> </td> </tr> <tr>

<td>Jurusan</td> <td>

<select name="jurusan">

<option value="<?php echo $data['jurusan']; ?>"><?php echo $data['jurusan']; ?></option>

<option value="S1 Matematika">S1 Matematika</option> <option value="D3 Statistika">D3 Statistika</option>

<option value="D3 Teknik Informatika">D3 Teknik Informatika</option>

<option value="S1 Biologi">S1 Biologi</option> <option value="S1 Kimia">S1 Kimia</option> <option value="D3 Kimia">D3 Kimia</option>

<option value="D3 Metrologi">D3 Metrologi</option> <option value="S1 Fisika">S1 Fisika</option>

<option value="D3 Fisika">D3 Fisika</option> </select>

(54)

</tr>

<tr>

<td>Status Anggota</td> <td>

<select name="status">

<option value="<?php echo $data['status']; ?>"><?php echo $data['status']; ?></option>

<option value="Kor. Minat dan Bakat">Kordinator Minat dan Bakat</option>

(55)

<option value=""></option> <option value=""></option> <option value=""></option> <option value=""></option> <option value=""></option> <option value=""></option> <option value=""></option> <option value=""></option> <option value=""></option> <option value=""></option> </select>

</td> </tr>

</tr>

<tr>

<th class="th" colspan="2"><a href="tampil_anggota.php">Kembali Edit Anggota</a></th>

</tr> <tr>

<th class="th" colspan="2"><a href="admin.php">Kembali Panel Admin</a></th>

(56)

<tr>

<td>&nbsp;</td>

<td align="right"><input class="tombol" type="submit" value="Perbarui"/></td>

</tr> <tr>

<td>&nbsp;</td>

<td align="right"><input class="tombol" type="reset" value="Reset"/></td>

</tr> </table> </form> </div> </body> </html> <?php } else

header("location: login.php"); ?>

16. edit_event.php

<?php

(57)

if (ISSET($_SESSION['username'])) {

?>

<html> <head>

<title>Edit Event</title> <style type="text/css">

body{background:#ebebeb; font-family:Arial;color:#fff;} #login{

color:#fff; width:340px; padding:20px; margin:60px auto; border:2px solid #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;

background: -webkit-linear-gradient(#0066CC, #5EACFB); /* For Safari 5.1 to 6.0 */

(58)

background: -moz-linear-gradient(#0066CC, #5EACFB); /* For Firefox 3.6 to 15 */

background: linear-gradient(#0066CC, #5EACFB); /* Standard syntax */

} input{

padding:4px; }

.tombol{

padding:4px 10px;

background:url(images/bgmenu.gif) repeat-x; text-decoration:none;

border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; color:#fff;

margin:5px; }

.tombol:hover{

background:#706157; }

(59)

background:url(images/bgmenu.gif) repeat-x; color:#fff;

border:1px solid #fff; }

table{margin:0;} </style>

</head> <body>

<div id="login">

<table width="100%" cellpadding="4px" align="center"> <tr>

<th class="th" colspan="2">Edit Event PEMA FMIPA USU</th> </tr>

<?php

include("../database/koneksi.php"); $id=$_GET['id'];

echo "<form method='post' action='update_event.php?id=$id'> "; $query="SELECT * FROM `tbl_event` WHERE id='$id'";

$eksekusi=mysql_query($query); $data=mysql_fetch_array($eksekusi); ?>

(60)

<caption><h2>Edit Data Event PEMA FMIPA USU</h2></caption>

<tr> <tr>

<td>Judul </td>

<td><input type="text" name="judul" value="<?php echo $data['judul']; ?>" required ></td>

</tr>

<tr>

<td>Lokasi Event</td>

<td><input type="text" name="lokasi" value="<?php echo $data['lokasi']; ?>" required></td>

</tr>

<tr>

<td>Keterangan Event</td>

<td><input type="text" name="keterangan" value="<?php echo $data['keterangan']; ?>" required ></textarea></td>

</tr> </tr>

(61)

<th class="th" colspan="2"><a href="tampil_event.php">Kembali Tampil Event</a></th>

</tr> <tr>

<th class="th" colspan="2"><a href="admin.php">Kembali Panel Admin</a></th>

</tr> <tr>

<td>&nbsp;</td>

<td align="right"><input class="tombol" type="submit" value="Perbarui"/></td>

</tr> <tr>

<td>&nbsp;</td>

<td align="right"><input class="tombol" type="reset" value="Reset"/></td>

(62)

} else

header("location: login.php"); ?>

17. hapus_anggota.php

<?php

include("../database/koneksi.php");

$id=$_GET['id'];

$q="DELETE FROM `tbl_anggota` WHERE id='$id'"; if(mysql_query($q)){

?><script>alert('Berhasil dihapus');</script><?php

?><script>document.location.href='tampil_anggota.php';</script><?php }

else{

echo"data gagal dihapus: ".mysql_error(); }

?>

18. hapus_event.php

(63)

include("../database/koneksi.php");

$id=$_GET['id'];

$q="DELETE FROM `tbl_event` WHERE id='$id'"; if(mysql_query($q)){

?><script>alert('Berhasil dihapus');</script><?php

?><script>document.location.href='tampil_event.php';</script><?php }

else{

echo"data gagal dihapus: ".mysql_error(); }

?>

19. input_anggota.php

<?php

session_start(); // Memulai Session if (ISSET($_SESSION['username'])) { ?>

<html> <head>

(64)

<style type="text/css">

body{background:#ebebeb; font-family:Arial;color:#fff;} #login{

color:#fff; width:340px; padding:20px; margin:60px auto; border:2px solid #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;

background: -webkit-linear-gradient(#0066CC, #5EACFB); /* For Safari 5.1 to 6.0 */

background: -o-linear-gradient(#0066CC, #5EACFB); /* For Opera 11.1 to 12.0 */

background: -moz-linear-gradient(#0066CC, #5EACFB); /* For Firefox 3.6 to 15 */

background: linear-gradient(#0066CC, #5EACFB); /* Standard syntax */

} input{

(65)

}

.tombol{

padding:4px 10px;

background:url(images/bgmenu.gif) repeat-x; text-decoration:none;

border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; color:#fff;

margin:5px; }

.tombol:hover{

background:#706157; }

.th{

background:url(images/bgmenu.gif) repeat-x; color:#fff;

border:1px solid #fff; }

table{margin:0;} </style>

(66)

<body>

<div id="login">

<form method="POST" action="proses_anggota.php"> <table width="100%" cellpadding="4px" align="center">

<tr>

<th class="th" colspan="2">Input Anggota PEMA FMIPA USU</th> </tr>

<tr>

<td>Nama Lengkap</td>

<td><input type="text" name="nama" placeholder="Nama Lengkap" required></td>

</tr> <tr>

<td>NIM</td>

<td><input type="number" name="nim" placeholder="Nomor Induk Mahasiswa" required></td>

</tr> <tr>

<td>Tempat Lahir</td>

<td><input type="text" name="tempatlahir" placeholder="Tempat Lahir" required></td>

</tr>

(67)

<td>

<select name="tanggal"> <?php

for ($i=1; $i <= 31; $i++) {

echo "<option

value=\"".$i."\">".$i."</option>"; } ?> </select>

<select name="bulan"> <?php

$bulan=array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","Sept ember","Oktober","November","Desember");

for ($i=0; $i <12 ; $i++) {

echo "<option value=\"".$bulan[$i]."\">".$bulan[$i]."</option>";

(68)

<select name="tahun"> <?php

for ($i=1990; $i <= 2015; $i++) {

echo "<option

value=\"".$i."\">".$i."</option>"; } ?> </select> </td>

<tr>

<td>Jenis Kelamin</td> <td colspan="4">

<select name="jenis_kelamin">

<option value="Laki-laki">Laki-laki</option> <option value="Perempuan">Perempuan</option> </select>

</td>

<tr>

<td>Agama</td> <td colspan="4"> <select name="agama">

(69)

<option value="Kristen Protestan">Kristen Protestan</option>

<option value="Islam">Islam</option> <option value="Hindu">Hindu</option> <option value="Budha">Budha</option> <option value="Lain-lain">lain-lain</option> </select>

</td> </tr>

<tr>

<td>Jurusan</td> <td colspan="4">

<select name="jurusan">

<option value="S1 Matematika">S1 Matematika</option> <option value="D3 Statistika">D3 Statistika</option>

<option value="D3 Teknik Informatika">D3 Teknik Informatika</option>

<option value="S1 Biologi">S1 Biologi</option> <option value="S1 Kimia">S1 Kimia</option> <option value="D3 Kimia">D3 Kimia</option>

(70)

<option value="D3 Fisika">D3 Fisika</option> </select>

</td> </tr>

<tr>

<td>Status PEMA</td> <td colspan="4"> <select name="status">

<option value="Kordinator Kerohanian">Kordinator Kerohanian</option>

<option value="Anggota Kerohanian">Anggota Kerohanian</option>

<option value="Kordinator Keamanan">Kordinator Keamanan</option>

<option value="Anggota Keamanan">Anggota Keamanan</option>

<option value="Kordinator Minat dan Bakat">Kordinator Minat dan Bakat</option>

<option value="Anggota Minat dan Bakat">Anggota Minat dan Bakat</option>

(71)

<option value="Anggota Pendidikan">Anggota Pendidikan</option>

<option value="Koordinator Kewirausahaan">Kordinator Kewirausahaan</option>

<option value="Anggota Kewirausahaan">Anggota Kewirausahaan</option>

<option value=""></option> <option value=""></option> <option value=""></option> <option value=""></option> <option value=""></option> <option value=""></option> <option value=""></option> <option value=""></option> <option value=""></option> <option value=""></option> <option value=""></option> <option value=""></option> <option value=""></option> <option value=""></option> </select>

(72)

<tr>

<th class="th" colspan="2"><a href="admin.php">Kembali Panel Admin</a></th>

</tr> <tr>

<td>&nbsp;</td>

<td align="right"><input class="tombol" type="submit" value="Simpan"/></td>

</tr> <tr>

<td>&nbsp;</td>

<td align="right"><input class="tombol" type="reset" value="Reset"/></td>

</tr> </table> </form> </div> </body> </html>

(73)

header("location: login.php"); ?>

20. input_data.php

<?php

session_start(); // Memulai Session if (ISSET($_SESSION['username'])) {

} else

header("location: login.php"); ?>

<html> <head>

<title>Input Anggota</title> <style type="text/css">

body{background:#ebebeb; font-family:Arial;color:#fff;} #login{

(74)

border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;

background: -webkit-linear-gradient(#0066CC, #5EACFB); /* For Safari 5.1 to 6.0 */

background: -o-linear-gradient(#0066CC, #5EACFB); /* For Opera 11.1 to 12.0 */

background: -moz-linear-gradient(#0066CC, #5EACFB); /* For Firefox 3.6 to 15 */

background: linear-gradient(#0066CC, #5EACFB); /* Standard syntax */

} input{

padding:4px; }

.tombol{

padding:4px 10px;

background:url(images/bgmenu.gif) repeat-x; text-decoration:none;

(75)

-o-border-radius:5px; color:#fff;

margin:5px; }

.tombol:hover{

background:#706157; }

.th{

background:url(images/bgmenu.gif) repeat-x; color:#fff;

border:1px solid #fff; }

table{margin:0;} </style>

</head> <body>

<div id="login">

<form method="POST" action="proses_anggota.php"> <table width="100%" cellpadding="4px" align="center">

<tr>

<th class="th" colspan="2">Input Anggota PEMA FMIPA USU</th> </tr>

(76)

include("../cekdb.php");

echo "<form method='post' action='update_data.php?id=1'> "; $query="SELECT * FROM `tbl_data` WHERE id='1'";

$eksekusi=mysql_query($query); $data=mysql_fetch_array($eksekusi); ?>

<form>

<caption><h2>Formulir Permohonan Pembuatan Kartu Tanda Penduduk</h2></caption>

<tr>

<tr>

<td>Pengumuman </td>

<td><textarea cols="10" rows="10" input type="text" name="pengumuman" ><?php echo $data['pengumuman']; ?></textarea></td>

</tr>

<tr>

<th class="th" colspan="2"><a href="tampil_anggota.php">Kembali Edit Anggota</a></th>

</tr> <tr>

(77)

</tr> <tr>

<td>&nbsp;</td>

<td align="right"><input class="tombol" type="submit" value="Perbarui"/></td>

</tr> <tr>

<td>&nbsp;</td>

<td align="right"><input class="tombol" type="reset" value="Reset"/></td>

</tr> </table> </form> </div> </body> </html>

21. input_event.php

<?php

session_start(); // Memulai Session if (ISSET($_SESSION['username'])) { ?>

(78)

<title>Berita Event</title> <style type="text/css">

body{background:#ebebeb; font-family:Arial;color:#fff;} #login{

color:#fff; width:340px; padding:20px; margin:60px auto; border:2px solid #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;

background: -webkit-linear-gradient(#0066CC, #5EACFB); /* For Safari 5.1 to 6.0 */

background: -o-linear-gradient(#0066CC, #5EACFB); /* For Opera 11.1 to 12.0 */

background: -moz-linear-gradient(#0066CC, #5EACFB); /* For Firefox 3.6 to 15 */

background: linear-gradient(#0066CC, #5EACFB); /* Standard syntax */

(79)

padding:4px; }

.tombol{

padding:4px 10px;

background:url(images/bgmenu.gif) repeat-x; text-decoration:none;

border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; color:#fff;

margin:5px; }

.tombol:hover{

background:#706157; }

.th{

background:url(images/bgmenu.gif) repeat-x; color:#fff;

border:1px solid #fff; }

(80)

</head> <body>

<div id="login">

<form method="POST" action="proses_event.php">

<table width="100%" cellpadding="4px" align="center"> <tr>

<th class="th" colspan="2">Jadwal Event PEMA FMIPA USU</th> </tr>

<tr>

<td>Judul Event</td>

<td><input type="text" name="judul" required></td> </tr>

<tr>

<td>Tanggal Event</td> <td>

<select name="tanggal"> <?php

for ($i=1; $i <= 31; $i++) {

echo "<option

(81)

</select>

<select name="bulan"> <?php

$bulan=array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","Sept ember","Oktober","November","Desember");

for ($i=0; $i <12 ; $i++) {

echo "<option value=\"".$bulan[$i]."\">".$bulan[$i]."</option>";

} ?> </select>

<select name="tahun"> <?php

for ($i=2000; $i <= 2020; $i++) {

echo "<option

(82)

</tr>

<tr>

<td>Lokasi Event</td>

<td><input type="text" name="lokasi" required></td> </tr>

<tr>

<td>Keterangan Event</td>

<td><textarea input type="text" name="keterangan" required ></textarea></td>

</tr>

<tr>

<th class="th" colspan="2"><a href="admin.php">Kembali Panel Admin</a></th>

</tr> <tr>

<td>&nbsp;</td>

<td align="right"><input class="tombol" type="submit" value="Simpan"/></td>

(83)

<td>&nbsp;</td>

<td align="right"><input class="tombol" type="reset" value="Reset"/></td>

</tr> </table> </form> </div> </body> </html>

<?php } else

header("location: login.php"); ?>

22. login.php

<!DOCTYPE html> <html >

<head>

<meta charset="UTF-8">

<title>Login Administrator</title>

(84)

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

</head>

<body>

<div class="login-page"> <div class="form">

<form class="login-form" action="cek_login.php" method="POST"> <h2>Login Admin PEMA FMIPA USU</h2>

<input type="text" name="username" placeholder="username"/> <input type="password" name="password" placeholder="password"/> <button>login</button>

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

(85)

<?php

session_start();

if ($_REQUEST['logout'] == "yes") {

if(ISSET($_SESSION['username'])) {

UNSET($_SESSION['username']); }}

header("location: login.php"); session_destroy();

?>

24. proses_anggota.php

<?php

include "../database/koneksi.php";

$nama = $_POST['nama'];

$nim = $_POST['nim'];

$tempatlahir = $_POST['tempatlahir'];

$tanggallahir = $_POST['bulan'].'-'.$_POST['tanggal'].'-'.$_POST['tahun'].; $jenis_kelamin = $_POST['jenis_kelamin'];

(86)

$cek_data="SELECT * FROM tbl_anggota WHERE nim='$nim'"; // Melakukan Pemeriksaan pada Username di tabel tbl_user

$hasil=mysql_query($cek_data); $hasil_cek = mysql_num_rows($hasil); if ($hasil_cek==0)

{ //Jika Data Tidak Ditemukan Maka $q = "INSERT INTO tbl_anggota (

nama, nim,

tempatlahir, tanggallahir, jenis_kelamin, agama, jurusan, status) VALUES(

'$nama', '$nim',

(87)

'$jurusan', '$status')";

mysql_query($q)or die ("Gagal Perintah SQL".mysql_error());

?><script>alert('Data anggota tersimpan');</script><?php

?><script>document.location.href='input_anggota.php';</script><?php }

else{

?><script>alert('Data anggota gagal disimpan');</script><?php

?><script>document.location.href='input_anggota.php';</script><?php }

25. proses_event.php

<?php

include "../database/koneksi.php";

$judul = $_POST['judul'];

$jadwal = $_POST['bulan'].'-'.$_POST['tanggal'].'-'.$_POST['tahun'].; $lokasi = $_POST['lokasi'];

$keterangan = $_POST['keterangan'];

(88)

judul, jadwal, lokasi, keterangan) VALUES(

'$judul', '$jadwal', '$lokasi', '$keterangan')";

$insert = mysql_query($query_insert);

if($insert) {

?><script>alert('Event disimpan');</script><?php

?><script>document.location.href='tampil_event.php';</script><?php }

else {

?><script>alert('Pengumuman gagal disimpan');</script><?php ?><script>document.location.href='input_event.php';</script><?php }

(89)

26. tampil_anggota.php

<?php

session_start(); // Memulai Session if (ISSET($_SESSION['username'])) { ?>

<!doctype html> <html>

<head>

<meta charset="utf-8"> <title>Anggota PEMA</title>

<link rel="stylesheet" href="./table/bootstrap.min.css"> <link rel="stylesheet" href="./table/global.css">

</head>

<body> <header>

<div class="container">

<div class="col-md-5"><a href="http://s-widodoc.com" target="_blank" title="S-WIDODO.COM">

<img src="table/logo-s-widodo-com.png"></a> </div>

(90)

<div class="container"> <div class="row"> <div class="col-md-12">

<div class="box box-primary">

<div class="box-header">

<h3 class="box-title">Anggota PEMA FMIPA USU</h3> <a href="admin.php">Kembali</a>

</div><!-- /.box-header -->

<div class="box-body table-responsive">

<table id="example1" class="table table-bordered table-striped">

<?php

include("../database/koneksi.php");

$query="SELECT * FROM `tbl_anggota`";

$eksekusi=mysql_query($query);

?> <thead>

(91)

<th>No</th>

<th>Nama</th>

<th>NIM</th>

<th>Tempat Lahir</th>

<th>Tanggal Lahir</th>

<th>Jenis Kelamin</th>

<th>Agama</th>

<th>Jurusan</th>

<th>Status</th>

<th>HAPUS</th>

<th>EDIT</th>

(92)

<tbody> <?php

while($data=mysql_fetch_array($eksekusi)){ ?>

<tr>

<td><?php echo $data['id']; ?></td> <td><?php echo $data['nama']; ?></td> <td><?php echo $data['nim']; ?></td> <td><?php echo $data['tempatlahir'];?></td>

<td><?php echo $data['tanggallahir'];?></td>

<td><?php echo $data['jenis_kelamin'];?></td>

<td><?php echo $data['agama'];?></td> <td><?php echo $data['jurusan'];?></td> <td><?php echo $data['status'];?></td> <td><a href="hapus_anggota.php?id=<?php echo $data['id'];?>">Hapus</a></td>

<td><a href="edit_anggota.php?id=<?php echo $data['id'];?>">Edit</a></td>

(93)

echo"</table>"; ?> </tbody>

</table>

</div><!-- /.box-body --> </div><!-- /.box -->

</div></div></div>

<script src="table/jquery-1.7.2.min.js"></script> <script src="table/bootstrap.min.js"></script>

<script src="table/datatables/jquery.dataTables.min.js"></script> <script src="table/datatables/dataTables.bootstrap.min.js"></script> <link rel="stylesheet" href="table/datatables/dataTables.bootstrap.css">

<script type="text/javascript"> $(function () {

$("#example1").DataTable(); });

</script> </body> </html>

(94)

header("location: login.php"); ?>

27. tampil_event.php

<?php

session_start(); // Memulai Session if (ISSET($_SESSION['username'])) { ?>

<!doctype html> <html>

<head>

<meta charset="utf-8"> <title>Berita Event</title>

<link rel="stylesheet" href="./table/bootstrap.min.css"> <link rel="stylesheet" href="./table/global.css">

</head>

<body> <header>

<div class="container">

<div class="col-md-5"><a href="http://s-widodoc.com" target="_blank" title="S-WIDODO.COM">

(95)

</div> </header>

<div class="container"> <div class="row"> <div class="col-md-12">

<div class="box box-primary">

<div class="box-header">

<h3 class="box-title">Berita Event PEMA FMIPA USU</h3> <a href="admin.php">Kembali</a>

</div><!-- /.box-header -->

<div class="box-body table-responsive">

<table id="example1" class="table table-bordered table-striped">

<?php

include("../database/koneksi.php"); $query="SELECT * FROM `tbl_event`"; $eksekusi=mysql_query($query); ?>

(96)

<th>Nomor</th> <th>Judul Event</th> <th>Jadwal Event</th> <th>Lokasi Event</th> <th>Keterangan</th> <th>Hapus</th> <th>Ubah</th> </tr>

</thead> <tbody>

<?php

while($data=mysql_fetch_array($eksekusi)){ ?>

<tr>

<td><?php echo $data['id']; ?></td> <td><?php echo $data['judul']; ?></td> <td><?php echo $data['jadwal']; ?></td> <td><?php echo $data['lokasi'];?></td>

<td><textarea name="" id=""><?php echo $data['keterangan'];?></textarea></td>

(97)

<td><a href="edit_event.php?id=<?php echo $data['id'];?>">Ubah</a></td>

</tr> <?php }

echo"</table>"; ?> </tbody>

</table>

</div><!-- /.box-body --> </div><!-- /.box -->

</div></div></div>

<script src="table/jquery-1.7.2.min.js"></s

Gambar

Tabel 3.3.3.1 Simbol-Simbol Flowchart
Gambar 3.1 Flowchart Halaman Website
Gambar 3.2 Flowchart Admin
Tabel 3.3.4.1 Tabel Login
+7

Referensi

Dokumen terkait

Toko Modern yang telah memenuhi ketentuan Peraturan Daerah Kabupaten Bantul Nomor 16 Tahun 2010 tentang Pengelolaan Pasar sebagaimana telah diubah dengan Peraturan

Pokja Bidang Konstruksi I ULP Kabupaten Klaten akan melaksanakan [Pelelangan Umum/Pemilihan Langsung] dengan pascakualifikasi untuk paket pekerjaan konstruksi secara

Dengan ini diumumkan hasil evaluasi kualffikasi Paket Pekerjaan Perencanaan Desain Pemeliharaan Berkala Perlintasan Sebidang Tahun Anggaran 2014, sebagai berikut:.

diperoleh informasi, dana Rp 250 juta dari Program Desa Mandiri Anggur Merah yang diterima warga masyarakat di Desa Manamas, telah dibagikan kepada warga... Nama

Pokja Bidang Konstruksi I ULP Kabupaten Klaten akan melaksanakan [Pelelangan Umum/Pemilihan Langsung] dengan pascakualifikasi untuk paket pekerjaan konstruksi secara

Surat undangan ini disamping dikirimkan melalui e-mail juga ditempatkan dalam pojok berita website LPSE Provinsi Jawa Tengah, oleh karenanya Panitia Pengadaan Pekerjaan

Pokja Bidang Konstruksi I ULP Kabupaten Klaten akan melaksanakan [Pelelangan Umum/Pemilihan Langsung] dengan pascakualifikasi untuk paket pekerjaan konstruksi secara

Jumlah calon penyedia barang/jasa yang telah mendaftar untuk mengikuti lelang Pengadaan Peralatan Fasilitas Perkantoran Tahun Anggaran 2012 melalui