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

(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

Drs.Henry Rani Sitepu,M,Si.

NIP. 195303031983031002

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

(4)

<body>

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

<img src="nivo-slider/demo/images/pema1.jpg"

(5)

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

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

</script> <!--

(6)

PEMA FMIPA USU Copyright &copy 2015 </div>

</div>

</body> </html> 2. profil.php

<!DOCTYPE html > <html>

<head>

<title>PEMA FMIPA USU</title>

<body>

<ul>

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

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

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

<h3>KEGUNAAN PEMA FMIPA</h3>

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

<h1>TRACK RECORD</h1>

<table>

<tr>

</tr>

<tr>

</tr>

(10)

</div>

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

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

3. Galeri.php

<!DOCTYPE html > <html>

<head>

<title>Seminar</title>

(11)

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

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

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

(12)

}); </script> </head>

<body>

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

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

<figure><a class="lightbox-image" href="../images/for_gallery/Laboratorium

Pemrograman.jpg" data-gal="prettyPhoto[prettyPhoto]"><img

src="../images/for_gallery/Laboratorium Pemrograman.jpg" height="168" width="210" alt=""></a></figure>

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

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

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

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

<figure><a class="lightbox-image" href="../images/for_gallery/Seminar dan

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

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

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

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

(17)

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

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

4. data.php

<!DOCTYPE html > <html>

<head>

<title>PEMA FMIPA USU</title>

<body>

(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 style="border:none;"

href="tentang.php">Tentang</a></li> </ul> </div> </div>

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

(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><a href="../detail_pema.php?id=<?php echo $data['id'];?>" target="_blank">SELENGKAPNYA</a></td>

</tr> <?php }

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

</table>

</div> </div>

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

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

(21)

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

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

5. event.php

<!DOCTYPE html > <html>

<head>

<title>PEMA FMIPA USU</title>

<body>

(22)

<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 style="border:none;"

href="tentang.php">Tentang</a></li> </ul> </div> </div>

<h3 class="box-title">Event PEMA FMIPA USU</h3> </div>

(23)

<?php

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

<thead>

<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><a href="../detail_event.php?id=<?php echo $data['id'];?>" target="_blank">SELENGKAPNYA</a></td>

</tr> <?php }

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

</table>

</div> </div>

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

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

(25)

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

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

6. tentang.php

<!DOCTYPE html > <html>

<head>

<title>PEMA FMIPA USU</title>

<body>

(26)

<li><a style="border:none;"

href="tentang.php">Tentang</a></li> </ul> </div> </div>

<h1>Hubungi Kami</h1>

<ol>

Fakultas Matematika dan Ilmu Pengetahuan

Alam</br>

<b>UNIVERSITAS SUMATERA

UTARA</b></br>

Jalan. Bioteknologi No.1 Padang Bulan

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

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

(28)

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

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

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

</table> </form>

(29)

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

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

7. kontak.php

<!DOCTYPE html> <html>

<head>

<body>

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

<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>Pesan Anda</td><td>

</table> </form>

</body> </html>

8. kontak.php

<!DOCTYPE html> <html>

<head>

(32)

</head> <body>

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

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

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

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

</table> </form>

(34)

</html>

9. detail_event.php

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

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

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

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

(36)

border:1px solid #fff; }

table{margin:0;} </style>

</head> <body>

<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

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

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

margin:5px; }

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

<th class="th" colspan="2">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'";

(41)

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

<form>

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

<td><input value="<?php echo

$data['nama']; ?>" ></td>

</tr>

<tr>

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

?><script>document.location.href='index.php';</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>

<body>

(46)

</div>

<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 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'])) { ?>

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

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

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

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

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

(51)

<form>

<caption><h2>Edit Data Anggota PEMA FMIPA

USU</h2></caption>

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

</tr>

<tr>

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

</tr>

<tr>

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

(52)

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

</select> </td>

<tr>

<td>Agama</td> <td>

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

<option value="Budha">Budha</option>

(53)

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

<td>Jurusan</td> <td>

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

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

(55)

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

</tr> <tr>

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

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

16. edit_event.php

<?php

(57)

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

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

background: -o-linear-gradient(#0066CC, #5EACFB); /* For Opera 11.1 to 12.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>

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

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

</tr> <tr>

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

(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'])) { ?>

(64)

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>

<tr>

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

<tr>

<td>Nama Lengkap</td>

</tr> <tr>

</tr> <tr>

<td>Tempat Lahir</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>"; } ?> </select>

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

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

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

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

<option value="Kordinator Pendidikan">kordinator

(71)

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

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

<option value="Anggota Kewirausahaan">Anggota

Kewirausahaan</option>

</td> </tr>

(72)

<tr>

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

</tr> <tr>

</tr> <tr>

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

<?php } else

(73)

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

20. input_data.php

<?php

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

} else

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

<title>Input 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;

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

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

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

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

<td>Pengumuman </td>

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

(77)

</tr> <tr>

</tr> <tr>

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

} input{

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

table{margin:0;} </style>

(80)

</head> <body>

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

<tr>

<td>Judul Event</td>

<tr>

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

<select name="tanggal"> <?php

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

echo "<option

value=\"".$i."\">".$i."</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

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

(82)

</tr>

<tr>

<td>Lokasi Event</td>

<tr>

<td>Keterangan Event</td>

</tr>

<tr>

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

</tr> <tr>

</tr> <tr>

(83)

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

<?php } else

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

22. login.php

<!DOCTYPE html> <html >

<head>

<title>Login Administrator</title>

(84)

</head>

<body>

<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'];

$agama = $_POST['agama'];

$jurusan = $_POST['jurusan'];

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

'$tempatlahir', '$tanggallahir', '$jenis_kelamin', '$agama',

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

</head>

</div> </header>

(90)

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

</div>

<?php

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

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

$eksekusi=mysql_query($query);

?> <thead>

(91)

<th>Tempat Lahir</th>

<th>Tanggal Lahir</th>

<th>Jenis Kelamin</th>

<th>Agama</th>

<th>Jurusan</th>

<th>Status</th>

<th>HAPUS</th>

</tr> </thead>

(92)

<tbody> <?php

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

<tr>

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

</tr> <?php }

(93)

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

</table>

</div> </div>

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

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

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

<?php } else

(94)

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

27. tampil_event.php

<?php

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

<!doctype html> <html>

<head>

</head>

(95)

</div> </header>

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

</div>

<?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><a href="hapus_event.php?id=<?php echo

(1)

PENGHARGAAN

Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha Penyayang, dengan limpah karunia-Nya penulis dapat menyelesaikan penyusunan tugas akhir ini dengan judul Perancangan Website Pemerintahan Mahasiswa Fakultas Matemtika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara Dengan Menggunakan PHP dan MYSQL.

Selama membangun website hingga selesainya tugas akhir ini penulis banyak mendapat bantuan, dorongan, serta motivasi baik secara langsung maupun tidak. Maka pada kesempatan ini, Penulis mengucapkan terima kasih kepada :

1. Tuhan Yang Maha Esa, yang tidak pernah berhenti memberikan

nikmat-Nya.

2. Orang tua yang telah memberikan doa dan kasih sayang nya yang tiada henti.

3. Bapak Dr. Kerista Sebayang,MS selaku Dekan Fakultas Matematika dan

Ilmu Pengetahuan Alam Universitas Sumatera Utara.

4. Bapak Drs. Henry Rani Sitepu,M,Si. selaku Pembimbing penulis yang

selalu memberikan masukan baik kritik dan saran kepada penulis selama pembuatan tugas akhir dari awal hingga selesai.

5. Bapak Prof. Dr. Tulus,Vordipl.Math.,M.Si.Ph.D. selaku Ketua Departemen

Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

6. Ibu Dr. Elly Rosmanini, M.S. selaku Ketua Program Studi D-3 Teknik

Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

7. Seluruh dosen pengajar Program Studi D-3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

8. Seluruh Staff/ Pegawai Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

9. Teman-teman Kom A, Kom B, Kom C, Kom D dan Kom E program studi D3 Teknik Informatika.

10.Teman-teman seperjuangan Kom B’13.

Akhirnya penulis berharap semoga tugas akhir ini bermanfaat dan menambah wawasan maupun pengetahuan kita.

(2)

ABSTRAK

Kajian ini bertujuan untuk membangun suatu website informasi organisasi Pemerintahan Mahasiswa Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara secara online untuk mempermudah mahasiswa FMIPA, mahasiswa fakultas lainnya dan masyarakat dalam memperoleh informasi organisasi mahasiswa FMIPA dan tentang kegiatan organisasi FMIPA. Tujuan website ini adalah untuk membantu mahasiswa mengetahui informasi seputar kampus dan kegiatan Pemerintahan Mahasiswa FMIPA.

Sistem perancangan dalam pembuatan website sistem informasi pemerintahan mahasiswa pada Fakultas Matematika dan Ilmu Pengetahuan Alam ini dikembangkan dengan menggunakan software yakni Sublime Text, Xampp Server yang merupakan gabungan dari Apache Web Server, PHP dan MySQL yang digunakan untuk menampung data dan mempermudah dalam pembangunan Perancangan Website Pemerintahan Mahasiswa Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara dengan Menggunakan MySQL dan PHP.

(3)

DAFTAR ISI

Halaman

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak v

Daftar Isi

Daftar Gambar vii

Daftar Table viii

BAB 1 PENDAHULUAN 1

1.1 Latar Belakang 1

1.2 Rumusan Masalah 2

1.3 Batasan Masalah 3

1.4 Tujuan Penelitian 3

1.5 Manfaat Penelitian 3

1.6 Sistematika Penuliasn 4

BAB 2 LANDASAN TEORI 6

2.1 Pengertian Komputer 6

2.2 Definisi Sistem Informasi 8

2.3 Aplikasi Yang Digunakan 9

2.3.1 PHP 9

2.3.2 MYSQL 9

2.3.3 Javascript 11

2.3.4 CSS 11

2.3.5 Sublime Text 12

2.4.6 Web dan HTML 13

2.4 ERD 14

2.4.1 Simbol-simbil ERD 14

2.4.2 Data Flow Diagram 16

2.4.3 Flowchart 17

2.4.3.1 Simbol-simbol Flowchart 18

BAB 3 PERANCANGAN SISTEM 20

3.1 Perancangan Sistem 20

3.2 Metode Pengembangan Sistem 20

3.3 Hasil Perancangan 22

(4)

3.3.2 Data Flow Diagram 22

3.3.3 Diagram Alir (Flowchart) 24

3.3.3.1 Flowchart Menu Utama 27

3.3.3.2 Flowchart Administrator 28

3.3.4 Perancangan Database 29

3.4 Rancangan Antarmuka 31

3.5Algoritma 31

Bab 4 IMPLEMENTASI SISTEM 32

4.1 Implementasi Sistem 32

4.2 Tujuan Implementasi Sistem 32

4.3 Komponen Utama Dalam Implementasi Sistem 33

4.3.1 Perangkat Keras 33

4.3.2 Perangkat Lunak 34

4.3.3 Penggunaan 35

4.4 Demonstrasi Program 36

4.4.1 Tampilan Halaman Utama 36

4.4.2 Tampilan Halaman Profil 37

4.4.3 Tampilan Halaman Event 37

4.4.4 Tampilan Halaman Data 38

4.4.5 Tampilan Halaman Tentang 38

BAB 5 KESIMPULAN DAN SARAN 39

5.1 Kesimpulan 39

5.2 Saran 40

DAFTAR PUSTAKA

(5)

DAFTAR GAMBAR

Nomor Gambar Judul Halaman

3.1 3.2

4.4.1.1 Halaman Beranda 34

4.4.1.2 Halaman Profil 37

4.4.1.3 Halaman Galeri 37

4.4.1.4 Halaman Event 38

4.4.1.5 Halaman Data Anggota 38

4.4.1.6 Halaman Tentang 39

4.4.2.1 Halaman Login 39

4.4.2.2 Halaman Beranda Admin 40

4.4.2.3 Halaman Input Data Anggota 41

4.4.2.4 Halaman Tampil Data Anggota 42

4.4.2.5 Halaman Input Data Event 42

4.4.2.6 Halaman Tampil Data Event 43

(6)

DAFTAR TABLE

Nomor Table Judul Halaman

3.3.3.1 Simbol-simbol Flowchart 24

3.3.4.1 Tabel Login 29

3.3.4.2 Tabel Anggota 29

3.3.4.3 Tabel Event 30

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

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

Drs.Henry Rani Sitepu,M,Si.

NIP. 195303031983031002

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.

Lampiran Listing Program

Parts

Dokumen yang terkait

Sistem Informasi Pemerintahan Mahasiswa Fakultas Matematika Dan Ilmu Pengetahuan Alam Universitas Sumatera Utara

Sistem Informasi Pemerintahan Mahasiswa Fakultas Matematika Dan Ilmu Pengetahuan Alam Universitas Sumatera Utara

Sistem Informasi Pemerintahan Mahasiswa Fakultas Matematika Dan Ilmu Pengetahuan Alam Universitas Sumatera Utara

Sistem Informasi Pemerintahan Mahasiswa Fakultas Matematika Dan Ilmu Pengetahuan Alam Universitas Sumatera Utara

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

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

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

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

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