Sistem Informasi Akademik Mahasiswa D3 Teknik Informatika Universitas Sumatera Utara
LISTING PROGRAM
1. Header.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
<link rel="stylesheet" type="text/css" href="style3.css"> <link rel="stylesheet" type="text/css" href="style.css"> <body>
<?php include 'inc/header.php'; ?>
<style>
* {box-sizing:border-box}
body {font-family: Verdana,sans-serif;margin:0}
/* Slideshow container */
(2)
.slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
padding-top: 80px;
}
/* The dots/bullets/indicators */
.dot {
height: 13px;
width: 13px;
margin: 0 2px;
background-color: #bbb;
(3)
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active {
background-color: #717171;
}
/* Fading animation */
.fade { -webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
(4)
animation-duration: 1.5s;
}
@-webkit-keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
/* On smaller screens, decrease text size */
(5)
@media only screen and (max-width: 300px) {
.text {font-size: 11px}
} </style>
<body>
<div class="slideshow-container">
<div class="mySlides fade">
<img src="images/1.jpg" width="970" height="340" alt="">
</div>
<div class="mySlides fade">
<img src="images/2.jpg" width="970" height="340" alt="">
</div>
(6)
<img src="images/3.jpg" width="970" height="340" alt="">
</div>
</div> <br>
<div style="text-align:center"> <span class="dot"></span>
<span class="dot"></span> <span class="dot"></span> </div>
<script>
var slideIndex = 0;
showSlides();
function showSlides() {
(7)
var i;
var slides = document.getElementsByClassName("mySlides"); var dots = document.getElementsByClassName("dot");
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
} slideIndex++;
if (slideIndex > slides.length) {
slideIndex = 1
} for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
(8)
} slides[slideIndex - 1].style.display = "block";
dots[slideIndex - 1].className += " active";
setTimeout(showSlides, 2000); // Change image every 2 seconds
} </script>
</div> </div>
<div class="list-style1" id="wrapper">
<div id="splash" class="container"><span></span></div> <div id="page" class="container">
<div id="content"> <div class="post">
<h2 class="title"><font size="3" color="#66FF00"><b> </b></font><font color="#66FF00"><b>
</b></font><b>
<marquee behavior="up" scrolldelay="110"> </marquee>
(9)
</b></h2> <fieldset>
<marquee behavior="up" scrolldelay="110">
<span class="style8">Selamat Datang di Sistem Informasi D3 Teknik Informatika FMIPA USU</span></p>
</marquee>
<table border="0" cellpadding="5" cellspacing="5">
<tr>
</tr> <tr>
</tr>
<tr align="right">
</tr> </table> </fieldset> </form>
<div align="justify"><span class="style4">Sistem Informasi ini menjelaskan profil program studi D3 Teknik Informatika Prodi D3 Teknik Informatika. </span>.
(10)
</div> </div> </div> </div>
<div id="sidebar"> <div>
<h2>Halaman Utama</h2>
<ul class="list-style1 style5">
<li><a href="profil.php">Profil D3 TI USU</a></li> <li><a href="portal">Portal TI</a></li>
<li><a href="http://www.usu.ac.id/contact-us.html" target="_blank">Contact Us</a></li>
<li><a href="http://www.usu.ac.id/usumap.php" Map="_blank">Map</a></li>
</ul> </div> </div>
<!-- end #sidebar -->
<div style="clear: both;"> </div> </div>
<!-- end #page --> </div>
(11)
<div id="footer-content" class="container"> <div id="footer-bg">
<h2>Sistem Informasi Prodi D3 TI</h2>
<p class="text1" style="font-style:11px;">Sistem
Informasi adalah suatu sistem yang dibuat oleh manusia yang dapat membantu mengelola data-data penting didalam suatu instansi atau universitas, seperti pengelolaan data dosen, data mahasiswa, data mata kuliah, serta menyajikan layanan informasi untuk mendukung perencanaan dan pengambilan keputusan yang baik. </p>
</div>
<div class="unit dg-footer"> <div class="unit dg-layout"> <div id="dg-footer-text"> <br />
© 2016 <a href="http://www.usu.ac.id" target="_blank">University of Sumatera Utara</a> |
<a href="http://www.usu.ac.id/contact-us.html" target="_blank">Contact Us</a> |
(12)
<a href="http://www.usu.ac.id/usumap.php" target="_blank">USU Map</a> |
<a href="http://www.usu.ac.id/finder" target="_blank">People Finder</a> |
<a href="https://portal.usu.ac.id/login/login.php"
target="_blank">Login Portal Akademik</a>
</div> </div> </div>
</div>
</body> </html>
2. Profil.php <html>
<head>
(13)
<link rel="stylesheet" type="text/css" href="style.css">
</head> <body>
<div class="wrapper">
<div class="logo"><img
src="../images/logo.png" width="70" height="70"></div>
<div class="kotak">
<div class="a"></div> <div class="b"></div> <div class="c"></div> <div class="d"></div> </div>
<div class="kom">Roster Online</div> <div class="header">
<ul>
<li><a
href="profil.php">Profil</a></li> <li><a
href="profil.php?menu=sejarah">Sejarah</a></li> <li><a
(14)
Misi</a></li>
<li><a
href="profil.php?menu=sarana">Fasilitas</a></li> <li><a
href="profil.php?menu=registrasi">Registrasi</a></li> <li><a
href="logout.php">Logout</a></li> </ul>
</div>
<div class="content"> <div class="sidekiri">
<div class="popular">Popular Post</div> <div class="side1">
1. Seminar dan Pelatihan Ubuntu 13.10 oleh Lab D3 TI...
<a href="profil.php?menu=lengkap1" style="background:#757575; color:white; text-decoration: none;
padding:1px; font-size:15px;">Selengkapnya..</a> </div>
<div class="about">About Us</div> <div class="side2">
(15)
<p>Media yang disediakan tidak hanya untuk melengkapi informasi, namun juga sebagai wadah untuk
sharing jadwal akademik, dosen, bahkan ruang kuliah.<br>
</p> </div>
<div class="contact">Contact Us</div> <div class="side3">
<p><b>Alamat : <br></b>Jl. Bioteknologi No. 01 Kampus USU Medan<br>
<b>Web : </b> http://mipa.usu.ac.id</p>
</div> </div>
<div class="sidekanan"> <?php
error_reporting(0); $x=$_GET['menu'];
if ($x=='sejarah') {
include('sejarah.php'); }
(16)
elseif ($x=='visimisi') {
include('visimisi.php'); }
elseif ($x=='sarana') { include('sarana.php'); }
elseif ($x=='registrasi') {
include('registrasi.php'); }
elseif ($x=='statistik') {
include('statistik.php'); }
elseif ($x=='komite') { include('komite.php'); }
elseif ($x=='kalender') {
include('kalender.php'); }
(17)
include('osis.php'); }
elseif ($x=='ekstra') { include('ekstra.php'); }
elseif ($x=='lihatdata') {
include('lihatdata.php'); }
elseif ($x=='registrasi2') { include('registrasi2.php'); }
elseif ($x=='registrasi3') { include('registrasi3.php'); }
elseif ($x=='insert') { include('insert.php');
}
elseif ($x=='insert2') {
include('insert2.php'); }
(18)
include('insert3.php'); }
elseif ($x=='update') { include('update.php'); }
elseif ($x=='update2') {
include('update2.php'); }
elseif ($x=='update3') {
include('update3.php'); }
elseif ($x=='action') { include('action.php'); }
elseif ($x=='lengkap1') {
include('lengkap1.php'); } else{
(19)
echo "<table width=\"auto\"
border=\"0\" cellpadding=\"0\" cellspacing=\"0\"> <caption><h2>Profil Program Studi D3
TI</h2></caption>
<tr>
<td>Program Studi (PS)</td> <td>:  </td>
<td>D-III Ilmu Komputer/Teknik
Informatika</td>
</tr> <tr>
<td>Departemen</td> <td>:  </td> <td>Matematika</td> </tr>
<tr>
<td>Fakultas</td> <td>:  </td> <td>MIPA</td> </tr>
(20)
<tr>
<td>Perguruan Tinggi</td> <td>:  </td>
<td>USU</td> </tr>
<tr>
<td>Nomor SK pendirian PS (*)</td>
<td>:  </td>
<td>1558/D2/2001</td> </tr>
<tr>
<td>Tanggal SK pendirian PS</td> <td>:  </td>
<td>31- 08 - 2001</td> </tr>
<tr>
<td>Pejabat Penandatangan SK
Pendirian PS</td>
<td>:  </td>
<td>Dirjen DIKTI</td> </tr>
(21)
<tr>
<td>Bulan & Tahun Dimulainyapenyelenggaraan PS  </td>
<td>:  </td>
<td>3 April 2002.Nomor: 616/D/T
/2002</td>
</tr> <tr>
<td>Nomor SK Izin Operasional
(*)</td>
<td>:  </td> <td>-</td>
</tr> <tr>
<td>Tanggal SK Izin Operasional</td>
<td>:  </td> <td>-</td>
</tr> <tr>
(22)
<td>Peringkat (Nilai) Akreditasi
Terakhir</td>
<td>:  </td> <td>B (Baik)</td> </tr>
<tr>
<td>Nomor SK BAN-PT</td> <td>:  </td>
<td>00271 / Ak-V / Dpl-III-010 /
USUIIK/VIII/2005</td>
</tr> <tr>
<td>Alamat PS</td> <td>:  </td> <td>Jalan Bioteknologi no:1.Kampus USU Medan</td>
</tr> <tr>
<td>No. Telepon PS</td> <td>:  </td>
(23)
</tr> <tr>
<td>No. Faksimili PS</td> <td>:  </td>
<td>(061) 8214290</td> </tr>
<tr>
<td>Homepage dan e-mail PS</td> <td>:  </td>
<td>http://fmipa.usu.ac.id</td> </tr>
</table>";
} ?>
</div>
</div>
<div class="footer">
<div class="support"><p>Supported By :</p></div>
(24)
src="../images/logo.png" width="70" height="70"></div> </div>
<div class="copy">
Copyright © 2014. All Rights Reserved. Web
Design by Ginanda A Prayudha </div>
</div>
</body> </html>
3. Login.php <!doctype html> <html>
<head>
<meta charset="utf-8">
<title>Login Portal Akademik</title>
<script type="text/javascript" src="style/jquery-1.4.1.min.js"></script>
(25)
<script type="text/javascript" src="style/jquery-ui-1.7.2.custom.min.js"></script>
<script src="style/elastic.js" type="text/javascript" language="javascript" charset="utf-8"></script>
</head>
<body bgcolor="aqua">
<div class="unit dg-layout">
<div style="width:781;text-align:center;"> <br>
<img src="gambar/title_logo.png" alt="title logo"></div>
<div class="unit on-2 columns same-height" style="margin-top:0px;">
<div class="fixed column "
<div class="fixed column
" style="width: 780px; padding-left: 300px;">
<div style="float:right; margin-top: 20px"> <table width="222" border="0">
(26)
<tbody><tr>
<td width="64" height="27"><label>NIM</label></td> <td width="140"><input type="text" name="nim"></td> </tr>
<tr>
<td height="29"><label>PASSWORD</label></td> <td><input type="password" name="password"></td> </tr>
<tr>
<td> </td>
<td><input type=submit value="Login"></td> </tr>
</tbody></table>
</form>
Klik disini untuk <a href="https://portal.usu.ac.id/login/changepass.php"><b>L
(27)
</div>
<div style="clear:both"></div> <div style="float:left">
<h1 style="top: 10px; color: #021e73; margin-bottom:0">Tentang Portal Akademik D3 Ti USU</h1>
<hr size="1" noshade="noshade">
<p style="text-align: justify">Sistem informasi untuk mengelola administrasi data akademik pada fakultas/program studi. Aplikasi ini
mendukung perubahan kurikulum akademik, fleksibilitas pengelolaan transkrip mahasiswa serta menyediakan fungsi pelaporan DIKTI secara otomatis dan
terintegrasi. Sistem ini juga mendukung sepenuhnya KRS online dan bimbingan akademik online.</p>
<hr size="1" noshade="noshade"> <p style="text-align: justify">
Untuk bantuan penggunaan dan penyempurnaan sistem ini, silahkan menghubungi bagian akademik
</p> </div> </div>
(28)
</div> </div> </div>
</div>
</div> </div> </div> </body> </html>
4.Portalakademikhome.php
<?php session_start(); ?> <!doctype html>
<html> <head>
<meta charset="utf-8">
(29)
<link href="style/a_common.css" rel="stylesheet" type="text/css" title="common">
<link href="style/a_portalAkademik_common.css" rel="stylesheet" type="text/css">
<link href="style/a_portalAkademik_subcontent.css" rel="stylesheet" type="text/css">
<link href="style/a_portalAkademik_taskPane.css" rel="stylesheet" type="text/css">
<link href="style/a_portalAkademik_forms.css" rel="stylesheet" type="text/css">
<link href="style/a_portalAkademik_table.css" rel="stylesheet" type="text/css">
<link href="style/portal-akademik-frontpage.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="page">
<div id="header" style="padding: 0px"> <div id="header-image">
<h1 class="hidden"> Universitas Sumatera Utara</h1> </div>
(30)
</div> <br>
<div id="contents"> <div id="subcontent"> <div id="subheader">
<div id="subheader-title"> <h2>Portal Akademik</h2> <h3>Halaman Depan</h3> </div>
</div>
<div class="divider">
<img src="gambar/divider_gray.gif" height="1" alt=""> </div>
<div id="infoAreaContainer-single"> <div class="info-subarea">
<div id="main-content">
<div id="main-content-full">
<h2>Selamat Datang di Portal Akademik</h2> <div class="main-content-full-left">
(31)
<h3>Selamat Datang <?php echo $_SESSION ['pengguna']; ?></h3>
<p>Selamat Datang di Portal Akademik Universitas Sumatera Utara. Portal Akademik adalah sistem yang memungkinkan para civitas akademika
Universitas Sumatera Utara untuk menerima informasi dengan lebih cepat melalui Internet. Sistem ini diharapkan
dapat memberi kemudahan setiap civitas akademika untuk melakukan aktivitas-aktivitas
akademik dan proses belajar mengajar. Selamat menggunakan fasilitas ini.</p>
</div>
<div class="main-content-full-right"> <h3>Pesan</h3>
<ul>
<li><strong> Anda memiliki ( 0 ) pesan baru</a></strong></li>
<li></li> <li>
<a
href="https://portal.usu.ac.id/messaging/kotak_pesan.php" class="button-special-box">Inbox</a>
(32)
<a
href="https://portal.usu.ac.id/messaging/kotak_pesan_terk irim.php" class="button-special-box">Outbox</a>
<a
href="https://portal.usu.ac.id/messaging/kotak_pesan_diha pus.php" class="button-special-box">Trash</a></li>
</ul> </div> </div>
<div id="main-content-half">
<div class="main-content-half-left"> <h2>Pengumuman</h2>
<a
href="https://portal.usu.ac.id/pengumuman/informasi_akade
mik/tampil.php"><h3>Kategori : Informasi Akademik</h3></a>
<ul> <li><a
href="https://portal.usu.ac.id/pengumuman/detil.php?id=2" >Penyerahan Pasfoto untk KRS dan KHS: <small>14 Mei 2009</small></a></li>
<li><a
(33)
>Pembayaran SPP untuk mahasiswa PWD: <small>28 Januari 2009</small></a></li>
</ul>
<a
href="https://portal.usu.ac.id/pengumuman/workshop/tampil .php"><h3>Kategori : Workshop</h3></a>
<ul>
<li>Belum ada pengumuman workshop</li> </ul>
</div>
<div class="main-content-half-right"> <h2>Diskusi Terbaru</h2>
<ul>
<li>Belum ada forum diskusi</li> </ul>
</div> </div> </div>
</div> </div>
(34)
</div>
<div id="taskpane">
<?php include "taskpane.php" ?> </div>
<div id="footer">
<div class="footer-content">Universitas Sumatera Utara <br>
Sistem Informasi Terintegrasi - USU</div> </div>
</div>
</body> </html>
5. Admin.php <!doctype html> <html>
<head>
(35)
<title>Login Portal Akademik</title>
<link href="style/elastic.css" rel="stylesheet" type="text/css" media="all">
<link href="style/style.css" rel="stylesheet" type="text/css" media="all">
<script type="text/javascript" src="style/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="style/jquery-ui-1.7.2.custom.min.js"></script>
<script src="style/elastic.js" type="text/javascript" language="javascript" charset="utf-8"></script>
</head>
<body>
<div class="unit dg-header">
<div class="unit dg-layout">
<div class="unit on-2 columns same-height">
<div class="fixed column" style="width: 535px; height: 80px;">
<img src="gambar/logo_usu2.png" alt="logo usu"> </div>
(36)
<div class="fixed column" style="width: 246px; padding-top: 35px; height: 80px;">
<img src="gambar/motto_usu_portal.gif" alt="moto usu"> </div>
</div> </div> </div>
<div class="unit dg-layout">
<div style="width:781;text-align:center;"> <br>
<img src="gambar/title_logo.png" alt="title logo"></div>
<div class="unit on-2 columns same-height" style="margin-top:20px;">
<div class="fixed column " style="width: 186px; height: 314px;"><span class="fixed column " style="width:186px; border:solid 1px
#ccc; float:left; padding:4px; margin:18px 0px 12px
18px"><span class="fixed column " style="width:186px;"><span class="fixed column
" style="width:186px;"><img src="gambar/executive_is3.jpg" border="solid 1px
(37)
<div class="fixed column " style="width: 500px; padding-left: 60px; height: 314px;">
<div style="float:right; margin-top: 20px"> <table width="222" border="0">
<form method ="POST" action="proseslogin.php">
<tbody><tr>
<td width="64" height="27"><label>NIM/NIP</label></td> <td width="140"><input type="text" name="username"></td> </tr>
<tr>
<td height="29"><label>Password</label></td> <td><input type="password" name="password"></td> </tr>
<tr>
<td> </td>
<td><input type=submit value="Login"></td> </tr>
</tbody></table> </form>
(38)
Klik disini untuk <a href="https://portal.usu.ac.id/login/changepass.php"><b>L
upa Password</b></a> </div>
<div style="clear:both"></div> <div style="float:left">
<h1 style="top: 10px; color: #021e73; margin-bottom:0">Tentang PORTAL AKADEMIK</h1>
<hr size="1" noshade="noshade">
<p style="text-align: justify">Sistem informasi untuk mengelola administrasi data akademik pada fakultas/program studi. Aplikasi ini
mendukung perubahan kurikulum akademik, fleksibilitas pengelolaan transkrip mahasiswa serta menyediakan fungsi pelaporan DIKTI secara otomatis dan
terintegrasi. Sistem ini juga mendukung sepenuhnya KRS online dan bimbingan akademik online.</p>
<hr size="1" noshade="noshade"> <p style="text-align: justify">
Untuk bantuan penggunaan dan penyempurnaan sistem ini, silahkan menghubungi Kepala Bidang Pelayanan Informasi Pusat Sistem Informasi
(39)
USU melalui telepon: 8210415 atau e-mail: support[at]usu.ac.id.
</p> </div> </div> </div> </div>
<div class="unit dg-footer">
<div class="unit dg-layout"> <div id="dg-footer-text"> <br>
© 2009 <a href="http://www.usu.ac.id/" target="_blank">University of Sumatera Utara</a> | <a
href="http://www.usu.ac.id/contact-us.html"
target="_blank">Contact Us</a> | <a href="http://www.usu.ac.id/usumap.php"
target="_blank">USU Map</a> |
<a href="http://www.usu.ac.id/finder" target="_blank">People Finder</a>
</div> </div> </div> </body>
(40)
(41)
DAFTAR PUSTAKA
Kadir, Abdul. 2005. Dasar Pemrograman Web Dinamis Menggunakan PHP. Yogyakarta : Informatika Bandung.
Mulyana. Y.B. 2004. Trik Membangun Situs Menggunakan PHP dan MySQL. Jakarta: Elex Media Komputindo.
Panduan Tatacara Penulisan Skripsi & Tugas Akhir. 2008. Dokumen Nomor: Akad/05/2005. Medan: Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
Purwanto. Yudhi. 2001. Pemrograman Web dengan PHP. Jakarta : Elex Media Komputindo.
Saputra,Agus. 2011. Pemrograman CSS Untuk Pemula. Jakarta : PT. Gramedia. Tutang. 2001. Belajar Cepat HTML. Jakarta : Medikom.
Utdirartatmo, Firrar. 2006. Segudang Trik Pengembangan Situs WEB. Yogyakarta : Penerbit Andi.
(42)
BAB 3
GAMBARAN UMUM UNIVERSITAS SUMATERA UTARA KHUSUSNYA JURUSAN D3 TEKNIK INFORMATIKA FMIPA
3.1 Universitas Sumatera Utara (USU)
3.1.1 Sejarah Singkat Universitas Sumatera Utara
Sejarah Universitas Sumatera Utara (USU) dimulai dengan berdirinya Yayasan Universitas Sumatera Utara pada tanggal 4 Juni 1952. Pendirian yayasan ini dipelopori oleh Gubernur Sumatera Utara untuk memenuhi keinginan masyarakat Sumatera Utara khususnya dan masyarakat Indonesia umumnya.
Pada zaman pendudukan Jepang, beberapa orang terkemuka di Medan termasuk Dr. Pirngadi dan Dr. T. Mansoer membuat rancangan perguruan tinggi Kedokteran. Setelah kemerdekaan Indonesia, pemerintah mengangkat Dr. Mohd. Djamil di Bukit Tinggi sebagai ketua panitia.
Setelah pemulihan kedaulatan akibat clash pada tahun 1947, Gubernur Abdul Hakim mengambil inisiatif menganjurkan kepada rakyat di seluruh Sumatera Utara mengumpulkan uang untuk pendirian sebuah universitas di daerah ini.Pada tanggal 31 Desember 1951 dibentuk panitia persiapan pendirian perguruan tinggi yang diketuai oleh Dr. Soemarsono yang anggotanya terdiri dari Dr. Ahmad Sofian, Ir. Danunagoro dan sekretaris Mr. Djaidin Purba.
(43)
Sebagai hasil kerjasama dan bantuan moril dan material dari seluruh masyarakat Sumatera Utara yang pada waktu itu meliputi juga Daerah Istimewa Aceh, pada tanggal 20 Agustus 1952 berhasil didirikan Fakultas Kedokteran di Jalan Seram dengandua puluh tujuh orang mahasiswa diantaranya dua orang wanita.
Kemudian disusul dengan berdirinya Fakultas Hukum dan Pengetahuan Masyarakat (1954), Fakultas Keguruandan Ilmu Pendidikan (1956),dan Fakultas Pertanian (1956).Pada tanggal 20 November 1957, USU diresmikan oleh Presiden Republik Indonesia Dr. Ir. Soekarno menjadi universitas negeri yang ketujuh di Indonesia.
Pada tahun 1959, dibuka Fakultas Teknik di Medan dan Fakultas Ekonomi di Kutaradja (Banda Aceh) yang diresmikan secara meriah oleh Presiden R.I. kemudian disusul berdirinya Fakultas Kedokteran Hewan dan Peternakan (1960) di Banda Aceh. Sehingga pada waktu itu, USU terdiri dari lima fakultas di Medan dan dua fakultas di Banda Aceh.
Selanjutnya menyusul berdirinya Fakultas Kedokteran Gigi (1961), Fakultas Sastra (1965), Fakultas Matematika dan Ilmu Pengetahuan Alam (1965),Fakultas Ilmu-Ilmu Sosial dan Ilmu Politik (1982), Sekolah Pascasarjana (1992), Fakultas Kesehatan Masyarakat (1993), Fakultas Farmasi (2006), dan Fakultas Psikologi (2007), serta Fakultas Keperawatan (2009).
Pada tahun 2003, USU berubah status dari suatu Perguruan Tinggi Negeri (PTN) menjadi suatu perguruan tinggi Badan Hukum Milik Negara (BHMN).
(44)
Perubahan status USU dari PTN menjadi BHMN merupakan yang kelima di Indonesia. Sebelumnya telah berubah status UI, UGM, ITB dan IPB pada tahun 2000. Setelah USU disusul perubahan status UPI (2004) dan UNAIR (2006).
Dalam perkembangannya, beberapa fakultas di lingkungan USU telah menjadi embrio berdirinya tiga perguruan tinggi negeri baru, yaitu Universitas Syiah Kuala di Banda Aceh, yang embrionya adalah Fakultas Ekonomi dan Fakultas Kedokteran Hewan dan Peternakan USU di Banda Aceh. Kemudian disusul berdirinya Institut Keguruan dan Ilmu Pendidikan (IKIP) Negeri Medan (1964), yang sekarang berubah menjadi Universitas Negeri Medan (UNIMED) yang embrionya adalah Fakultas Keguruan dan Ilmu Pendidikan USU. Setelah itu, berdiri Politeknik Negeri Medan (1999) yang semula adalah Politeknik USU.
Kampus USU berlokasi di Padang Bulan, sebuah area yang hijau dan rindang seluas 120 ha yang terletak di tengah Kota Medan. Zona akademik seluas 90 ha menampung hampir seluruh kegiatan perkuliahan dan praktikum mahasiswa. Sistem pembelajaran didukung oleh fasilitas perpustakaan dan lebih dari 200 laboratorium. Perpustakaan menyediakan berbagai jenis sumber belajar baik dalam bentuk cetak maupun elektronik. Perpustakaan USU merupakan salah satu yang terbaik di Indonesia saat ini. Kampus USU Padang Bulan juga didukung oleh infrastruktur teknologi informasi untuk memfasilitasi akses terhadap berbagai sumber daya informasi dan pengetahuan untuk mendukung proses pembelajaran dan penelitian mahasiswa dan tenaga pendidik.
(45)
3.1.2 Visi, Misi dan Tujuan Universitas Sumatera Utara
Adapun Visi, Misi, serta Tujuan dari Universitas Sumatera Utara sebagai berikut : Visi :
University for Industry Misi :
1. Mempersiapkan mahsiswa menjadi anggota masyarakat akademik dan profesional dalam menerapkan, mengembangkan pengetahuan ilmiah, teknologi dan seni, serta berdaya saing tinggi.
2. Memperluas pastisipasi dalam pembelajaran untuk memenuhi kebutuhan nasional dalam pembelajaran dan modernisasi cara pembelajaran.
3. Mengembangkan dan menyebarluaskan pengetahuan ilmiah, teknologi, seni dan rancangan penerapannya untuk mendukung produktivitas dan daya saing masyarakat.
Tujuan :
1. Memperluas partisipasi dalam pelayanan pendidikan bagi masyarakat dalam mendukung pemenuhan pendidikan nasional serta memodernisasi cara pembelajaran.
2. Meningkatkan partisipasi aktif dalam pengembangan ilmiah, teknologi dan seni atau budaya serta kemanusiaan.
3. Mengembangkan pusat informasi serta sistem teknologi komunikasi dan sistem penjaminan mutu yang handal.
(46)
4. Membangun sistem tata pamong universitas yang efektif, efisien, dan demokratis.
5. Mewujudkan lingkungan pengajaran dan pembelajaran yang kondusif.
6. Memperkuat departemen dalam pengelolaan disiplin silang antar departemen/program studi.
7. Membangun kemampuan pendanaan sendiri melalui kerjasama/ kemitraan dalam usaha-usaha ventura.
8. Mengembangkan kemampuan dalam memasarkan produk-produk pengetahuan ilmiah, konsep-konsep, pemecahan masalah industrial, jasa tenaga ahli, dan lain-lain.
9. Membangun pendekatan baru dalam pembelajaran yang berfokus kepada pembelajaran sesuai kebutuhan (demand-driven learning system).
3.1.3 Pimpinan Universitas Sumatera Utara
Tabel 3.1 Pimpinan Universitas Sumatera Utara 1958-1962 Z. A. Soetan Koemala Pontas, Ketua Presidium 1957-1958 Prof. Dr. Ahmad Sofian, Presidium 1962-1964 Prof. Mr. Mahadi, Ketua Presidium
1964-1965 Ulung Sitepu, Presidium
1965-1966 Drg. Nazir Alwi, Rektor
1966 (Mei-Nov) Prof. Dr. S. Hadibroto, M.A., Pejabat Rektor
(47)
1966-1970 Dr. S. Harnopidjati, Rektor
1970-1978 Harry Suwondo, SH, Rektor
1978 (Mei-Juli) O. K. Harmaini, SE, Ketua Rektorium 1978-1986 Dr. A. P. Parlindungan, SH, Rektor 1986-1994 Prof. M. Jusuf Hanafiah, Rektor
1994-2010 Prof. Chairuddin P. Lubis, D.T.M.&H., Sp.A.(K), Rektor 2010-2015 Prof. Dr. dr. Syahril Pasaribu, DTM&H, M.Sc.(CTM), Sp.A.(K) 2016-2021 Prof DR Runtung Sitepu, SH.M Hum, Rektor
3.2 Fakultas Matematika dan Ilmu Pengetahuan Alam (FMIPA)
3.2.1 Latar Belakang Fakutas Matematika dan Ilmu Pengetahuan Alam (FMIPA)
Pendirian Fakultas Matematika dan Ilmu Pengetahuan Alam ( FMIPA) mulai dirintis sejak tahun 1959 melalui berbagai pembahasan dalam sidang pimpinan USU yang ketika itu disebut Rapat Presidium dan Asesor dengan Nama Fakultas Ilmu Pasti dan Ilmu Alam (FIPIA). Rencana pendirian FIPIA USU pernah terhenti karena adanya pergolakan di USU, namun akhirnya mendapat persetujuan dari Menteri dengan Surat Keputusan Nomor 9638/Sekret/BUP/1965.
Peresmian berdirinya FIPIA USU ditandai dengan dibukanya tiga jurusan yaitu : Jurusan Matematika, Fisika dan Kimia. Pada tahun 1969, FIPIA USU membuka Jurusan Farmasi pada tahun 1969 dan pada tahun 1981 membuka Program Diploma-3
(48)
Pendidikan Ahli Kimia Analis (PAKA) melalui Surat Keputusan Rektor USU Nomor : 3491/PT05/SK/C/1981. Pada tahun 1974 FIPIA USU berubah nama menjadi
Fakultas Ilmu Pasti dan Ilmu Pengetahuan Alam USU, namun beberapa tahun kemudian yaitu pada tahun 1982 kembali merubah nama dengan Fakultas Matematika dan Ilmu Pengetahuan Alam (FMIPA) USU.
Pada tahun 1985 FMIPA USU dipercayakan Pemerintah Republik Indonesia untuk menyelenggarakan Program Diploma-3 Kependidikan meliputi Program Studi : Matematika, Fisika, Kimia dan Biologi. Program ini dimaksudkan untuk pengadaan guru-guru dalam bidang eksakta akan ditempatkan di daerah dan seluruh mahasiswanya memperoleh beasiswa.
Peringatan Dies Natalis FMIPA diperingati setiap tahunnya pada tanggal 25 Agustus yaitu pada saat pelantikan pertama sekali pimpinan FIPIA. Jurusan Farmasi berubah status menjadi Fakultas Farmasi berdasarkan SK Rektor Nomor1050/J05/SK/KP/2006 tanggal 8 Agustus 2006.
3.2.2 Visi, Misi, dan Tujuan FMIPA Visi :
Menjadikan fakultas sains yang terkemuka di Asia melalui pengembangan sumber daya manusia yang berorientasi pada ilmu pengetahuan, teknologi dan industri serta memiliki sikap dan perilaku profesional
(49)
Misi :
1. Mempersiapkan sumber daya manusia bermanfaat berkualitas sarjana sains melalui penyelenggaraan pendidikan, penelitian dan pengabdian pada masyarakat.
2. Mempersiapkan sarjana sains yang professional dan bertanggung jawab secara etik dan stratejik
3. Mampu melihat kesempatan untuk kepentingan masyarakat, teknologi dan industri melalui peningkatan ilmu pengetahuan.
4. Mampu mengamalkan ilmu yang dimiliki demi bangsa dan negara.
Tujuan :
1. Menyelenggarakan proses belajar mengajar dalam bidang ilmu-ilmu dasar untuk menghasilkan anggota masyarakat yang memiliki kemampuan akademik dan atau profesionalisme tinggi dan bertanggungjawab di dalam menerapkan, mengembangkan, atau menciptakan ilmu pengetahuan.
2. Menyelenggarakan praktek laboratorium dalam bidang ilmu-ilmu dasar untuk menghasilkan atau mewujudkan ilmu pengetahuan dan teknologi yang bermanfaat bagi kemajuan serta kesejahteraan masyarakat.
3. Meningkatkan mutu proses penyelenggaraan pendidikan dan praktek laboratorium secara berkelanjutan melalui peningkatan kualitas sumber day manusia, saranadan prasarana, dan sumber daya informasi, organisasi dan manajemen.
(50)
4. Meletakkan dasar-dasar profesionalisme penyelenggaraan pendidikan, penelitian dan pengabdian pada masyarakat untuk mewujudkan Fak.MIPA Universitas Sumatera Utara sebagai suatu unsur penunjang akademik dengan akuntabilitas tinggi.
3.2.3 Jurusan/Program Studi di FMIPA
Adapun jurusan atau programstudi yang ada di FMIPA, sebagai berikut : 1. Program D3 :
a. Statistika b. Kimia
c. Fisika Intrumentasi d. Teknik Informatika e. Metrologi Intrumentasi 2. Program S1
a. Matematika b. Kimia c. Fisika d.Biologi 3. Program S2
a. Matematika b. Ilmu Kimia c. Fisika d. Biologi
(51)
4. Program S3 a. Ilmu Kimia b. Ilmu Matematika c. Ilmu Biologi d. Ilmu Fisika
3.3 Jurusan Teknik Informatika
3.3 1 Tentang Jurusan D3 Teknik Informatika
Jurusan D3 Teknik Informatika berada di bawah naungan Fakultas Matematika dan Ilmu Pengetahuan Alam atau biasa disebutFMIPA. Jurusan D3 Teknik Informatika merupakan bagian dari Departemen Matematika.
3.3.2 Visi, Misi Jurusan D3 Teknik Infromatika
Adapun Visi dan Misi dari Jurusan D3 Teknik Informatika adalah sebagai berikut :
Visi :
Menjadi program studi yang unggul dalambidang pengolahan data dan penggunaan teknologi informasi.
(52)
Misi :
Untuk mencapai visi tersebut, maka dirumuskan misi Program Studi 1. Menyelengarakan pendidikan yang berkualitas dibidang komputer
2. Mempersiapkan mahasiswa menjadi sumber daya manusia profesional dalam bidang ilmu komputer dan teknologi informasi
3. Mempersiapkan sumber daya yang terampil pada bidang pemrograman komputer
4. Memberikan solusi kepada pemerintah dan dunia usaha dalam pengolahan data dan informasi yang dapat dijadikan sebagai bahan pertimbangan dalam pengambilan keputusan
5. Meningkatkan kualitas secara berkelanjutan untuk menempati posisi sebagai salah satu program studi D-III Ilmu Komputer unggulan tingkat nasional
(53)
BAB 4
PERANCANGAN SISTEM
4.1 Perancangan Sistem
Seiring dengan perkembangan teknologi informasi saat ini, serta untuk meningkatkan efesiensi kerja dan waktu, maka masih banyak sistem yang ada saat ini yang masih manual dan harus diganti dengan sistem yang lebih baik lagi. Hal ini dilakukan dengan cara membangun sistem yang terkomputerisasi atau online. Untuk memulai membangun suatu program mengenai perancangan system informasi akademik, maka penulis terlebih dahulu merencanakan alur kerja berdasarkan kebutuhan dari user yang akan menggunakan aplikasi basis data ini.
Perancangan merupakan proses yang dilakukan oleh perancang sistem untuk mengerjakan spesifikasi sistem, membuat keputusan tentang bagaimana komponen system diaktualisasikan. Proses ini menyangkut tujuan sistem tersebut, audience, objek dan informasi domain. Perancangan yang baik harus mengetahui bagaimana mendapatkan efek yang dibutuhkan oleh spesifikasi tersebut dengan cara paling fleksibel, efesien dan elegan.
4.2 Data FlowDiagram (DFD)
Data Flow Diagram (DFD) merupakan model dari sistem untuk menggambarkan pembagian sistem ke modul yang lebih kecil.
(54)
Salah satu keuntungan menggunakan diagram alir data adalah memudahkan pemakai yang kurang menguasai bidang komputer untuk mengerti sistem yang akan dikerjakan. Pada tahap analisa, penanganan notasi simbol lingkaran dan anak panah menggambarkan arus data dalam perancangan sistem sangat membantu dalam komunikasi dengan pemakaian sistem menggunakan notasi–notasi untuk menggambarkan arus dari data sistem.
Disamping itu DFD adalah salah satu alat pembuatan model yang sering digunakan, khususnya bila fungsi–fungsi sistem merupakan bagian yang lebih penting dan kompleks dari pada data yang dimanipulasi oleh sistem. Dengan kata lain, DFD adalah alat pembuatan model yang memberikan penekanan hanya pada fungsi sistem.DFD juga merupakan alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun rancangan sistem yang mudah dikomunikasikan oleh profesional sistem kepada pemakai maupun pembuat program.
Tabel 4.1 Simbol-simbol Dta Flow Giagram
NO Simbol Fungsi
1 Eksternal Entity merupakan kesatuan di
luar lingkaran system yang dapat berupa seseorang, organisasi yang dapat mengirimkan data atau menerima data dari sistem.
(55)
2 Arus data merupakan tempat mengalirnya informasi menunjukkan arus data berupa sistem.
3 Proses merupakan pengolahan data atau
aliran data masuk menjadi data aliran keluar.
4 Penyimpanan data merupakan tempat
penyimpanan data yang ada di dalam sistem.
4.3 Perancangan Database
Database adalah kumpulan dari data yang berhubungan antara yang satu dengan yang lainnya, tersimpan diperangkat keras komputer dan menggunakan perangkat lunak untuk memanipulasinya.
Database merupakan salah satu komponen yang penting dalam sistem komputerisasi, karena database merupakan kumpulan dari beberapa file, dalam hal ini file-file tersebut dikelompokkan secara terstruktur dalam beberapa tabel sesuai dengan informasi yang terkandung di dalamnya.
Berikut ini rancangan tabel yang penulis gunakan dalam membangun sistem informasi nilai :
(56)
1. Tabel login admin terdiri dari :
Tabel 4.2 Tabel login admin
Field Name Data Type Size Description
nomor * Int 11 Nomor
password Varchar 50 Password
2. Tabel login user
Tabel 4.3 Tabel login user
Field Name Data Type Size Description
nomor * Int 11 Nomor
password Varchar 50 Password
3. Tabel judul TA
Tabel 4.4 Tabel judul TA
Field Name Data Type Size Description
judul Text Judul
namamhs Varchar 50 Nama Mahasiswa
tahuntamat Int 6 Tahun Tamat
(57)
4. Tabel form mahasiswa
Tabel 4.5 Tabel form mahasiswa
Field Name Data Type Size Description
nama Varchar 50 Nama
nim* Int 11 Nim
password Varchar 30 Password
alamat Varchar 50 Alamat
tempatlahir Varchar 50 Tempat Lahir
tgllahir Date Tanggal Lahir
agama Varchar 30 Agama
jk Varchar 10 Jenis Kelamin
slta Varchar 30 SLTA
tglDaftar Date Tanggal Daftar
ayah Varchar 50 Nama Ayah
ibu Varchar 50 Nama Ibu
warga Varchar 30 Warga
status Varchar 20 Status
file Varchar 100 File
alamatOrtu Varchar 30 Alamat Orangtua
(58)
5. Tabel makul
Tabel 4.6 Tabel makul
Field Name Data Type Size Description
kode* Varchar 30 Kode
namamakul Varchar 50 Nama Mata Kuliah
bebansks Int 20 Beban SKS
kelas Varchar 20 Kelas
semester Varchar 10 Semester
6. Tabel nilai
Tabel 4.7 Tabel nilai
Field Name Data Type Size Description
nama Varchar 50 Nama
kode Varchar 20 Kode
matkul Varchar 50 Mata Kuliah
kelas Varchar 50 Kelas
sks Int 5 SKS
nilai Varchar 3 Nilai
semester Varchar 10 Semester
(59)
7. Tabel dosen PKL
Tabel 4.8 Tabel dosen PKL
Field Name Data Type Size Description
namadosen Varchar 50 Nama Dosen
nipdosen Varchar 20 NIP Dosen
namamahasiswa Varchar 50 Nama Mahasiswa
nimmahasiswa Varchar 20 NIM Mahasiswa
8. Tabel dosen PA
Tabel 4.9 Tabel dosen PA
Field Name Data Type Size Description
namadosen Varchar 50 Nama Dosen
nipdosen Int 20 NIP Dosen
namamahasiswa Varchar 50 Nama Mahasiswa
nimmahasiswa Int 20 NIM Mahasiswa
9. Tabel dir dosen
Tabel 4.10 Tabel dir dosen
Field Name Data Type Size Description
namadosen Varchar 50 Nama Dosen
nip Int 20 NIP
makul Varchar 50 Mata Kuliah
(60)
4.4 Flowchart
Flowchart adalah sekumpulan simbol-simbol yang menunjukan atau menggambarkan rangkaian kegiatan-kegitan program dari awal hingga akhir. Jadi flowchart juga dapat digunakan untuk menggambarkan urutan langkah-langkah pekerjaan dalam suatu algoritma.Penjelasan arti dari lambang-lambang flowchart dapat didefinisikan seperti tabel dibawah ini :
Tabel 4.11 Lambang-lambang Flowchart
NO SIMBOL KETERANGAN
1 Terminal untuk memulai atau
mengakhiri suatu program.
2 Proses, simbol ini menunjukkan
setiap pengolahan yang dilakukan oleh komputer.
3 Input-Output, untuk memasukkan
data atau menunjukkann hasil keluaran dari suatu proses.
4 Decision,suatu kondisi yang
menghasilkanbeberapa kemungkinan jawaban atau pilihan
5 Untuk menyatakan sekumpulkan
langkah proses yang ditulis sebagai procedur
(61)
6 Connector, suatu prosedur akan masuk atau keluar melalui simbol ini dalam lembaran yang sama
7 Off-Line Connector, simbol masuk
atau keluarnya suatu prosedur pada lembaran kertas lainnya.
8 Arus/Flow dari prosedur yang dapat
silakukan dariatas ke bawah,kiri ke kanan atau sebaliknya.
9 Document, merupakan simbol
daridata yang berbentuk kertas maupun informasi.
10 Database, menyediakan tempat
pengolahan data serta penyimpanan dalam storage
11 Simbol untuk output, yang
ditunjukkan ke suatu device, seperti primer, plotters, dll.
(62)
4.4.1 Flowchar Menu Utama
Gambar 4.1 Flowchart Menu Utama Start
Home
Pilih
Dosen TI
Maha-siswa
Alum ni
Judul TA
Portal TI
Halaman Dosen TI
Halaman Mahasiswa
Halaman Alumni
Halaman Judul TA
Halaman Portal TI
(63)
4.4.2 Flowchar Login Admin
Y
T
T
T
Y
Gambar 4.2 Flowchart Login Admin Login
Admin
Masukkan Username Password
Login
Validasi username & password
Valid
X Reset
Hapus Username & Password
M_Adm
(64)
4.4.3 Flowchar Login User
Y
T
T
T
Y
Gambar 4.3 Flowchart Login User Login
User
Masukkan Username Password
Login
Validasi username & password
Valid
X Lupa Password
Hapus Username & Password
M_User
(65)
BAB 5
IMPLEMENTASI SISTEM
Bab ini menjelaskan tentang hasil pembahasan dari penelitian. Hasill penelitian yang diperoleh berupa implementasi dari rancangan aplikasi yang dibuat pada bab sebelumnya. Proses-proses pada bab sebelumnya tersebut termasuk ke dalam tahap proses model prototipe bagian analisis kebutuhan dan pemodelan cepat. Di bab empat ini akan dibahas implementasi pengujian dari perancangan-perancangan tersebut berdasarkan skenario pengguna. Implementasi tersebut merupakan tahap dalam system informasi berbasis web bagian pengujian dan evaluasi aplikasi. Aplikasi yang dibuat masih berupa system informasi yang baru dijalankan pada localhost, belum diimplementasikan ke dalam internet. Pembuatan aplikasi ini menggunakan PHP sebagai bahasa pemrograman utama dan MySQL sebagai basis data.
5.1 Pengertian Implementasi Sistem
Setelah dianalisis dan dirancang secara rinci dan teknologi telah diseleksi dan dipilih. Tiba saatnya, sistem untuk di implementasikan. Implementasi sistem adalah langkah – langkah atau prosedur yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui, untuk menguji, meng-install, dan memulai sistem baru atau sistem yang diperbaiki untuk menggantikan sistem yang lama, sedangkan tahap implementasi sistem merupakan tahap meletakkan sistem agar sistem dapat siap untuk dioperasikan.
(66)
Tahap implementasi sistem terdiri darilangkah – langkah sebagai berikut ini, yaitu menerapkan rencana implementasi, melakukan kegiatan implementasi, dan tindak lanjut implementasi.
5.2 Tujuan Implementasi
Tujuan – tujuan dari implementasi sistem, yaitu :
1. Mengkaji rangkaian sistem baik dari segi software maupun hardware sebagai sarana pengolah data dan penyaji informasi.
2. Menyelesaikan rancangan sistem yang ada dalam dokumen sistem yang baru atau yang telah disetujui.
3. Memastikan bahwa pemakai dapat mengoperasikan dengan mudah terhadap sistem yang baru dan mendapat informasi yang baik dan jelas.
4. Memperhitungkan bahwa sistem telah memenuhi permintaan pemakai yaitu dengan menguji sistem secara menyeluruh.
5. Memastikan bahwa sistem telah berjalan lancar dengann mengontrol dan melalukan instalasi secara benar.
5.3 Komponen Dalam Implementasi Sistem
Agar perancangan sistem yang telah kita kerjakan dapat berjalan baik atau tidak, maka perlu dilakukan pengujian terhadap sistem yang telah dikerjakan. Untuk itu dibutuhkan beberapa komponen utama yang mencakup perangkat keras (hardware), perangkat lunak (software, dan perangkat operator (brainware).
(67)
5.3.1 Kebutuhan Perangkat Keras (Hardware)
Perangkat keras (hardware) merupakan komponen – komponen peralatan yang membentuk suatu sistem komputer dan peralatan – peralatan tambahan lainnya yang mungkin komputer menjalankan tugasnya sesuai dengan yang diberikan. Komponen ini bersifat nyata secara fisik, artinya dapat dilihat dan dipergunakan, misalnya monitor, CPU (Central Processing Unit), printer, keyboard, dan mouse. Spesifikasi perangkat keras komputer yang digunakan dalam pembuatan website ini adalah :
1. Personal Computer dengan Processor min Intel Pentium 3. 2. Memory min 512 MB.
3. Monitor W 14” resolution 1024x768. 4. Hardisk sebagai media penyimpan. 5. DVDR/W.
5.3.2 Kebutuhan Perangkat Lunak (Software)
Hardware tidak dapat menyelesaikan masalah tanpa adanya software. Software merupakan komponen di dalam sistem data berupa program atau instruksi untuk mengontrol suatu sistem. Perangkat lunak yang diperlukan untuk menjalankan perangkat kerasnya adalah Windows 7, XAMPP, MySQL, Browser, dan Sublime.
5.3.3 Kebutuhan Brainware
Perangkat Operator (Brainware) yang dapat menjalankan website ini terbagi menjadi 5 yaitu administrator, guru, siswa, alumni, dan public.
(68)
5.4 Tampilan Halaman Website
Untuk menjalankan system guna web browser pada pengujian ini penulis menggunakan web browser Mozilla Firefox dan Google Chrome setelah web browser jalan, ketikkan pada addres bauntuk pengetesan halaman utama. Halaman utama sistem tersebut seperti pada gambar berikut :
Gambar 5.1 Halaman Home
(69)
Gambar 5.2 Halaman Dosen TI
Gambar 5.3 Halaman Mahasiswa
(70)
Gambar 5.4 Halaman Judul TA
Gambar 5.5 Halaman Login User
(71)
Gambar 5.6 Halaman Portal Akademik
Gambar 5.7 Halaman Login Admin
(72)
Gambar 5.7 Halaman Admin
(73)
BAB 6
KESIMPULAN DAN SARAN
6.1 Kesimpulan
Berdasarkan pembahasan pada bab-bab sebelumnya maka pada bab ini penulis dapat mengambil kesimpulan sebagai berikut :
1. Dengan menggunakan sistem yang baru dengan pemakain perangkat komputer yang memanfaatkan fasilitas internet sebagai alat bantu untuk mempermudah penyajian informasi suatu informasi dan pengolahan data dapat dilakukan dengan cepat dan tepat.
2. Sistem informasi berbasis web ini akan memberikan kemudahan – kemudahan, baik bagi pihak intern (universitas) maupun pihak extern (masyarakat luas) karena sistem ini nantinya siap akses selama 24 jam.
3. Sistem informasi Berbasis Web ini penulis buat dengan bahasa pemrograman PHP dan menggunakan MYSQL sebagai databasenya dan memanfaatkan jaringan internet untuk publikasinya sehingga dapat dikonsumsi oleh public.
4. Sistem informasi berbasis web ini menyediakan menu administrator untuk
keperluan manajemen dari website. Pengguna dari sistem ini adalah dosen dan mahasiswa.
(74)
6.2 Saran
Berdasarkan kesimpulan di atas maka dapat diberikan saran – saran yang penulis usulkan yang berguna nantinya dan yang menjadi bahan pertimbangan bagi Prodi D3 Teknik Informatika dalam menggunakan Sistem Informasi Berbasis Web ini antara lain :
1. Dengan adanya sistem yang telah dirancang maka Program Studi D3 Teknik
Informatika diharapkan dapat menggunakan atau memanfaatkan komputer dan fasilitas internet dalam hal penginformasian data dan pengolahan data sehingga dapat meningkatkan pelayanan dan efektifitas kerja yang lebih baik.
2. Sistem yang baru hendaknya dilakukan pengoprasian dan perawatan secara optimal dalam penginformasian data dan pengolahan data.
3. Kiranya system informasi berbasis web ini dapat digunakan secara optimal agar hasil yang diharapkan dapat terwujud.
4. Mengadakan pelatihan terhadap pihak terkait yang akan mengoperasikan sistem yang baru. Setelah dirasakan sistem yang baru dapat dioperasikan dengan baik dan bagian terkait telah mampu mengoperasikan sistem tersebut, maka sistem lama dapat digantikan dengan sistem yang baru secara keseluruhan.
(75)
BAB 2
LANDASAN TEORI
2.1 Pengertian Komputer
Dalam merancang sebuah sistem informasi, digunakan suatu alat pendukung yaitu komputer.Bahasa komputer berasal dari bahasa asing yaitu To Compute, yang artinya hitung. Dengan demikian komputer diartikan sebagai alat hitung atau mesin hitung. Akan tetapi komputer diartiakn sebagai alat hitung atau mesin hitung. Akan tetapi komputer sangat berbeda dengan kalkulator. Perbedaannya adalah komputer dapat mengolah data dengan kecepatan denganss ketelitian yang tinggi. Selain itu komputer dapat menyimpan data dalam memory atau storageunitnya dan dapat melakukan proses secara kontiniu dan otomatis tanpa banyak campur tangan manusia.Sejalan dengan perkembangan komputer banyak para ahli mendefenisikan pengertian komputer yang pada intinya semuanya hamper sama seperti di bawah ini:
1. Komputer adalah rangkaian pekerjaan elektronika yang bekerja sama dalam melakukan rangkaian – rangkaian pekerjaan secara otomatis melalui instruksi atau program yang diberikan kepadanya.
2. Komputer sebagai suatu mesin elektronik bertujuan mengolah data yang mampu menerima masukan dan keluaran dalam melaksanakan pekerjaanArithmatic Logical Unit ( calculating, selecting, moving, soring, comparing dan lain – lain ) dan mengendalikan Control Unit ( peralatan mekanisme, pengolahan data dan lain – lain )
(76)
3. Komputer merupakan mesin elektronik yang dapat melakukan serangkaian perintah – perintah dari user dengan bahasa yang dimengerti oleh manusia (bahasa tingkat tinggi) dan bahasa yang dimengerti oleh komputer (bahasa mesin) dalam memproses data.
Dari pengertian tersebut dapat disimpulkan bahwa pengertian komputer adalah alat pengolah data yang terdiri dari hardware, software dan brainware yang saling berkaitan erat.Namun demikian harus disadari bahwa meskipun komputer dapat melakukan pengolahan data, tetaplah benda mati yang bekerja atas dasar perintah atau instruksi yang diberikan oleh manusia melalui bahasa pemrograman.
Dalam pengolahan data tersebut harus menggunakan alat – alat untuk mempercepat jalannya proses pengolahan data yang tentunya memerlukan suatu prosedur pengolahan beserta orang – orang yang mampu melaksanakan pengolahan data, mulai dari perekaman data, pengumpulan data, pemasukan data, perhitungan – perhitungan sampai kepada pembuatan laporan atau informasi yang diinginkan.
Hal – hal tersebut di dalam pengolahan data dan informasi merupakan suatu kesatuan yang saling berhubungan dan bekerjasama yang terdiri dari peralatan, tenaga pelaksana, prosedur data sehingga pengolahan ini merupakan sistem pengolahan data.
2.2 Sistem Informasi
2.2.1 Pengertian Sistem Informasi
Untuk dapat mengetahui pengertian sistem informasi, terlebih dahulu akan dibahas komponen – komponen pendukung sistem informasi yang terdiri :
(77)
a.Data
Data merupakan fakta, bisa berupa symbol, angka, huruf dan lain – lain sebagai dasar untuk perhitungan ataupun pengolahan meliputi serangkaian tindakan yang akan diolah menjadi suatu bentuk yang lebih berguna dan bermanfaat.
b.Sistem
Sistem adalah suatu kesatuan yang terdiri dari dua atau lebih komponen atau subsistem yang terinteraksi satu sama lain dan saling melengkapi untuk mencapai suatu tujuan.
c.Informasi
Informasi merupakan hasil pengolahan data yang berfungsi untuk mencapai suatu tujuan tertentu.
Sistem informasi adalah sistem buatan manusia yang berisikan himpunan berinteraksi dari berbagai komponen yang bertujuan untuk mengumpulkan data, menyimpan data dan mengolah data menjadi informasi. Sistem informasi harus dapat menghasilkan informasi yang berkualitas yaitu singkat dan jelas, up to date(bermutu), mempunyai nilai lebih dan relevan kepada semua masyarakat maupun organisai.
Dari pengertian di atas dapat disimpulkan bahwa sistem informasi adalah suatu kesatuan dari komponen – komponen sistem yang saling bekerjasama dalam prosedur pengolahan data yang dikembangkan data yang dikembangkan dalam organisasi dengan maksud memberikan data yang dikembangkan dalam organisasi dengan maksud memberikan data kepada organisasi maupun orang lain yang memerlukannya.
(78)
2.2.2 Hubungan Data dan Sistem Informasi
Hubungan data dengan informasi dapat digambarkan sebagai hubungan antara barang baku dengan barang jadi. Dengan kata lain, sistem pengolahan data dari bentuk yang tidak dapat digunakan menjadi data yang lebih bernilai dan dapat dimengerti.
Hubungan tersebut dapat dijelaskan dengan gambar dibawah:
Gambar 2.1 Transformasi Data menjadi Informasi
2.2.3 Elemen Pendukung Suatu Sistem
Ada lima elemen dasar yang mendukung suatu sistem informasi pengolahan data dan informasi dengan menggunakan komputer yaitu :
1. Perangkat Keras ( Hardware )
Perangkat keras bagi suatu sistem informasi dapat berupa alat komputer ( pusat pengolahan), printer ( unit keluaran ), harddisk/floppy-disk ( unit penyimpanan ).
Penyimpanan Data
Input Data
Pengolahan Data
Informasi 14
(79)
2. Perangkat Lunak (Software )
a. Perangkat lunak merupakan program yang berisikan perintah – perintah untuk melakukan pengolahan data yang terdiri dari : Operating Sistem yaitu program yang berfungsi untuk mengontrol dan mengkoordinasikan seluruh kegiatan sistem komputer dalam pengolahan data.
b. Paket aplikasi yaitu paket program yang dibuat untuk memecahkan masalah tertentu seperti Word- Star, Windows dan lainnya.
c. User Program yaitu paket program yang dibuat sendiri.
3. File merupakan tempat penyimpanan data yang dapat dicari dan digunakan lagi.
4. Prosedur merupakan komponen fisik karena prosedur disediakan dalam bentuk fisik seperti buku pandunan dan instruksi.
5. Personil merupakan operator komputer, sistem analisi, pembuat program ( programmer), personil penyiapam data dan lain – lain.
2.3 MySQL
2.3.1 PengertianMySQL
Definisi MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (Bahasa Inggris: database management system) atau DBMS yang multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia.
(80)
MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General Public License (GPL), tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan penggunaan GPL.
Tidak sama dengan proyek-proyek seperti Apache, dimana perangkat lunak dikembangkan oleh komunitas umum, dan hak cipta untuk kode sumber dimiliki oleh penulisnya masing-masing, MySQL dimiliki dan disponsori oleh sebuah perusahaan komersial Swedia MySQL AB, dimana memegang hak cipta hampir atas semua kode sumbernya. Kedua orang Swedia dan satu orang Finlandia yang mendirikan MySQL AB adalah: David Axmark, Allan Larsson, dan Michael “Monty” Widenius.
Kehandalan suatu sistem basisdata (DBMS) dapat diketahui dari cara kerja pengoptimasi-nya dalam melakukan proses perintah-perintah SQL yang dibuat oleh pengguna maupun program-program aplikasi yang memanfaatkannya. Sebagai peladen basis data, MySQL mendukung operasi basisdata transaksional maupun operasi basisdata non-transaksional.
Pada modus operasi non-transaksional, MySQL dapat dikatakan unggul dalam hal unjuk kerja dibandingkan perangkat lunak peladen basisdata kompetitor lainnya. Namun pada modus non-transaksional tidak ada jaminan atas reliabilitas terhadap data yang tersimpan, karenanya modus non-transaksional hanya cocok untuk jenis aplikasi yang tidak membutuhkan reliabilitas data seperti aplikasi blogging berbasis web (wordpress), CMS, dan sejenisnya.
(81)
Untuk kebutuhan sistem yang ditujukan untuk bisnis sangat disarankan untuk menggunakan modus basisdata transaksional, hanya saja sebagai konsekuensinya unjuk kerja MySQL pada modus transaksional tidak secepat unjuk kerja pada modus non-transaksional
.
2.3.2 Sejarah MySQL
Sejarah MySQL pada awalnya diciptakan pada tahun 1979, oleh Michael “Monty” Widenius, seorang programmer komputer asal Swedia. Monty mengembangkan sebuah sistem database sederhana yang dinamakan UNIREG yang menggunakan koneksi low-level ISAM database engine dengan indexing. Pada saat itu Monty bekerja pada perusahaan bernama TcX di Swedia.TcX pada tahun 1994 mulai mengembangkan aplikasi berbasis web, dan berencana menggunakan UNIREG sebagai sistem database.
Namun sayangnya, UNIREG dianggagap tidak cocok untuk database yang dinamis seperti web.TcX kemudian mencoba mencari alternatif sistem database lainnya, salah satunya adalah mSQL (miniSQL). Namun mSQL versi 1 ini juga memiliki kekurangan, yaitu tidak mendukung indexing, sehingga performanya tidak terlalu bagus.
Dengan tujuan memperbaiki performa mSQL, Monty mencoba menghubungi David Hughes (programmer yang mengembangkan mSQL) untuk menanyakan apakah ia tertarik mengembangkan sebuah konektor di mSQL yang dapat dihubungkan dengan UNIREG ISAM sehingga mendukung indexing.
(82)
Namun saat itu Hughes menolak, dengan alasan sedang mengembangkan teknologi indexing yang independen untuk mSQL versi 2.
Dikarenakan penolakan tersebut, David Hughes, TcX (dan juga Monty) akhirnya memutuskan untuk merancang dan mengembangkan sendiri konsep sistem database baru. Sistem ini merupakan gabungan dari UNIREG dan mSQL (yang source codenya dapat bebas digunakan). Sehingga pada May 1995, sebuah RDBMS baru, yang dinamakan MySQL dirilis.David Axmark dari Detron HB, rekanan TcX mengusulkan agar MySQL di ‘jual’ dengan model bisnis baru. Ia mengusulkan agar MySQL dikembangkan dan dirilis dengan gratis.
Pendapatan perusahaan selanjutnya di dapat dari menjual jasa “support” untuk perusahaan yang ingin mengimplementasikan MySQL. Konsep bisnis ini sekarang dikenal dengan istilah Open Source.
Pada tahun 1995 itu juga, TcX berubah nama menjadi MySQL AB, dengan Michael Widenius, David Axmark dan Allan Larsson sebagai pendirinya. Titel “AB” dibelakang MySQL, adalah singkatan dari “Aktiebolag”, istilah PT (PerseroanTerbatas) bagi perusahaan Swedia.MySQL Biasanya dikendalikan secara administratif menggunakan bahasa pemrograman PHP yang user interfacenya dalam bentuk phpMyAdmin.
2.3.3Elemen SQL
Elemen dari SQL yang paling dasar antara lain pernyataan, nama, tipe data, ekspresi, konstanta dan fungsi bawaan.
(83)
a. Pernyataan
Perintah dari SQL yang digunakan untuk meminta sebuah tindakan kepada DBMS.
Pernyataan dasar SQL antara lain :
1. Alter : Merubah struktur tabel 2. Commit : Mengakhiri eksekusi tansaksi 3. Create : Membuat tabel, indeks
4. Delete : Menghapus baris pada sebuah tabel 5. Drop : Menghapus tabel, indeks
6. Grant : Menugaskan hak terhadap baris data kepada user 7. Insert : Menambah baris pada tabel
8. Revoke : Membatalkan hak kepada basis data
9. Rollback : Mengembalikan pada keadaan semula apabila transakasi gagal dilaksankan
10.Select : Memilih baris dan kolom pada sebuah tabel 11.Update : Mengubah value pada baris sebuah tabel
b. Nama
Nama digunakan sebagai identitas, yaitu identitas bagi objek pada DBMS Misal : Tabel, Kolom, dan Pengguna
c. Tipe data
Tipe data yang ada dalam MySQL :
(84)
1. Tipe data numerik antara lain adalah :
a. Tinyint : Nilai integer yang sangat kecil b. Smallint : Nilai integer yang kecil
c. Mediumint : Nilai integer yang sedang
d. Int : Nilai integer dengan nilai standar
e. Begint : Bilangan desimal dengan single-precission f. Float : Bilangan desimal dengan double-precission g. Desimal (M,D) : Bilangan float yang dinyatakan sebagai string.
M : Jumlah digit yang disimpan D : Jumlah angka dibelakang koma
2. Tipe data string antara lain :
a. Char : Karakter yang memiliki panjang yang tetap yaitu sebanyak n
b. Varchar : Karakter yang memiliki panjang tidak tetap yaitu maksimum n
c. Tinyblob : Blob dengan ukuran sangat kecil d. Blob : Blob dengan ukuran kecil
e. Meduimblob : Blob dengan ukuran sedang f. Longblob : Blob dengan ukuran besar
g. Tinytext : Text yang memiliki ukuran sangat kecil h. Text : Text yang memiliki ukuran kecil i. Mediumtext : Text yang memiliki ukuran sedang
(85)
j. Longtext : Text yang memiliki ukuran besar
k. Enum : Kolom diisi dengan satu member enumerasi l. Set : Kolom dapat diisi denagn beberapa nilai
anggota
3. Tipe data tanggal dan jam antara lain adalah :
a. Date : Memiliki format tahun-bulan-tanggal b. Time : Memiliki format jam-menit-detik c. Datetime : Gabungan dari format date dan time
d. Ekspresi
Ekspresi digunakan untuk menghasilkan/menghitung nilai. Misalnya : Jumlah=Harga=Diskon
Ekspresi aritmatika antara lain : 1. + : tanbah
2. – : kurang 3. / : bagi 4. * : kali
e. Konstanta Nilai yang tetap
(86)
f. Fungsi bawaan
Fungsi adalah subprogram yang dapat mengahasilkan suatu nilai apabila fungsi tersebut dipanggil. Fungsi Agregat adalah fungsi yang digunakan untuk melakukan summary, statistik yang dilakukan pada suatu tabel/query
1. AVG (Ekspresi) : Digunakan untuk mencari nilai rata-rata dalam kolom dari tabel
2. COUNT (x) : Digunakan untuk menghitung jumlah baris paling besar dari kolom dan tabel
3. MAX (Ekspresi) : Digunakan untuk mencari nilai paling besar dari suatu kolom dari tabel
4. MIN (Ekspresi) : Digunakan untuk mencari nilai paling kecil dari suatu kolom dari tabel
5. SUM (Ekspresi) : Digunakan untuk menghitung jumlah keseluruhan darai suatu kolom dari tabel
2.3.4Kelompok pernyataan SQL
Pernyataan SQL dapat dikelompokkan menjadi 3 kelompok, yaitu : DDL, DML, dan DCL.
a. Pernyataan SQL kelompok DDL (Data Defination Language)
DDL berfungsi untuk mendefenisikan artribut basis data, tabel, atribut(kolom), batasan-batasan terhadap suatu atribut, serta hubungan antartabel. Perintah yang digunakan biasanya : CREATE, ALTER, dan DROP
(87)
1. Membuat Database
Syntax yang digunakan : CREATE DATABASE namadatabase; 2. Menghapus Database
Syntax yang digunakan : DROP DATABASE namadatabase; 3. Membuat Tabel
Syntax yang digunakan : CREATE TABLE namatabel; 4. Menghapus Database
Syntax yang digunakan : DROP DATABASE namadatabase; 5. Menghapus Tabel
Syntax yang digunakan : DROP TABEL namatabel; 6. Mendefenisikan null/not null
Syntax yang digunakan : CREATE TABLE namatabel (Field1 TipeData1 NOT NULL, Field2 TipeDta2);
7. Mendefenisikan nilai Default
Syntax yang digunakan : CREATE TABLE namatabel (Field1 TipeData1, Field2 TipeData2 DEFAULT nilai);
8. Mendefenisikan Primary Key pada Tabel Dapat dilakukan dengan 3 syntax :
a. CREATE TABLE namatable (Field1 TipeData1 NOT NULL PRIMARY KEY, Field2 TipeData2
b. CREATE TABLE namatabel (Field1 TipeData1, Field2 TipeData2, PRIMARY KEY(Field1));
(88)
c. ALTER TABLE namatabel ADD CONSTRAINT namaconstraint PRIMARY KEY (NAMA KOLOM)
9. Menghapus Primary Key pada Tabel Syntax yang digunakan ada 2:
a. ALTER TABLE namatabel DROP CONSTRAINT NAMACONSTRAINT;
b. ALTER TABLE NAMATABLE DROP PRIMARY KEY; 10.Menambah Kolom baru pada Tabel
Syntax yang digunakan : ALTER TABLE NAMATABEL ADD newfield tipe;
11.Mengubah Tipe Data atau Lebar Kolom pada Tabel
Syntax yang digunakan : ALTER TABLE namatabel MODIFY COLUMN field tipe;
12.Mengubah Nama Kolom
Syntax yang digunakan : ALTER TABLE namatabel CHANGE COLUMN namakolomlama namakolombaru tipe;
13.Menghapus Kolom pada Tabel
Syntax yang digunakan : ALTER TABLE namatabel DROP COLUMN namakolom;
14.Mendefenisikan Foreign Key pada Tabel Dapat dilakukan dengan 2 syntax :
(89)
a. CREATE TABLE namatabel (Field1 TipeData1, Field2 TipeData2, FOREIGN KEY (Field2) REFERENCES namatabelinduk
(namakolominduk) ON UPDATE CASCADE ON DELETE NO ACTION)
b. ALTER TABEL namatabel ADD CONSTRAINT namaconstraint FOREIGN KEY (namakolom) REFERENCES namatabeliinduk (namakolominduk) ON UPDATE CASCADE ON DELETE NO ACTION;
15.Menghapus Foreign Key
Syntax yang digunakan : ALTER TABLE namatabel DROP FOREIGN KEY namaconstraint;
b. DML (Data Manipulation Language)
DML berfungsi untuk memanipulasi data yang ada didalam basis data, contohnya untuk pengambilan dat, penyisipan data, pengubahan data dan penghapusan data.
Perintah yang digunakan biasanya adalah : INSERT, DELETE, UPDATE, dan SELECT`
1. INSERT
Menambah baris pada tabel. Syntax yang paling sering digunakan adalah INSERT INTO namatabel VALUES (nilai1, nilai2, nilia-n);
(90)
2. DELETE
Menghapus baris pada tabel. Syntaxnya adalah DELETE FROM namatabel [where kondisi];
3. UPDATE
Mengubah isi beberapa kolom pada tabel. Syntaxnya adalah UPDATE namatabel SET kolom1=nilia1=nilai2[where kondisi];
4. SELECT
Menampilkan isi dari suatu tabel yang bisa dihubungkan dengan tabel yang lainnya;
2.3.5Keunggulan SQL
Terdapat beberapa keunggulan SQL, diantaranya :
a. Program yang multi-threaded, sehingga dapat dipasang pada server yang memiliki multi-CPU
b. Didukung bahasa pemrograman umum seperti C,C++, Java, Perl, PHP, Phyton, TCL, Apls dls.
c. Bekerja pada berbagai platform
d. Memiliki jenis kolom yang cukup sehingga memudahkan konfigurasi system database
e. Memiliki system sekuriti yang cukup baik dengan verifikasi host f. Mendukung ODBC untuk OS Microsoft Windows
g. Mendukung record yang memiliki kolom dengan panjang tetap h. Software yang free
(91)
2.4 Xampp
2.4.1 Pengertian Xampp
XAMPP merupakan salah satu paketinstallasi Apache, PHP dan MySQL instant yang dapat kita gunakan untuk membantu prosesinstallasi ketiga produk tersebut. XAMPP adalah perangkat lunak bebas,yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa pro gram. Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database,dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPPmerupakan singkatan dari X (empat sistem operasiapapun), Apache,
MySQL, PHP dan Perl. Programini tersedia dalam GNU General Public Licensedan bebas,merupakan web server yang mudah digunakan yang dapat melayani tampilan halamanwebyang dinamis. Untuk mendapatkanya dapatmendownload langsung dari web resminya.
2.4.2 Sejarah Xampp
XAMPP merupakan pengembangan dariLAMP (Linux Apache, MySQL, PHP andPERL), XAMPP ini merupakan project non-profit yang dikembangkan oleh Apache Friends yangdidirikanKai 'Oswalad' Seidler dan Kay Vogelgesang padatahun 2002, project mereka inibertujuanmempromosikan pengunaan Apache web server.
(92)
Bagian-bagian Xampp yang biasa digunakan pada umumnya, antara lain : 1. HtDoc
Folder tempat meletakkan berkas-berkas yang akan dijalankan,seperti berkas PHP, HTML,dan skrip lain.
Gambar 2.1 HtDoc
2. PHPMyAdmin
Merupakan bagian untuk mengelola basis data MySQL yang ada dikomputer. Untuk membukanya,buka browser laluketikkan alamat
Gambar 2.2 PHPMyAdmin
(93)
3. Kontrol Panel
Berfungsi untuk mengelola layanan (service) XAMPP. Seperti menghentikan (stop) layanan, ataupun memulai (start).
Gambar 2.3 Kontrol Panel
2.5 World Wide Web (WWW)
World Wide Web (WWW), lebih dikenal dengan web merupakan salah satu layanan yang didapat oleh pemakai komputer yang terhubung dengan internet. Web pada awalnya adalah ruang informasi dalam internet, dengan menggunakan teknologi hypertext.Pemakai dituntut untuk menemukan informasi dengan mengikuti link yang disediakan dalam dokumen web yang ditampilkan dalam browser web.
(94)
Kini internet identik dengan web, karena kepopuleran web sebagai standart interface pada layanan yang ada pada internet, dari awalnya sebagai penyedia informasi, kini digunakan juga untuk komunikasi dari email sampai dengan chatting, sampai dengan melakukan transaksi bisnis (commerce).
Kini, web seakan lebih popular dari pada email, walaupun secara statisktik email masih merupakan aplikasi terbanyak yang digunakan oleh pengguna internet.Web lebih popular bagi khalayak umum dan pemula, terutama untuk tujuan pencarian informasi dan melakukan komunikasi email yang menggunakan web sebagai interfacenya.
Interface identik dengan web, karena popularitas sebagai penyedia informasi dan interface yang digunakan oleh pengguna internet dari masalah informasi sampai dengan komunikasi. Informasi produk dari yang serius sampai dengan yang sampah, dari yang cuma–cuma sampai dengan yang komersial, semuanya ada.Web memudahkan pengguna komputer untuk berinteraksi dengan pelaku internet lainya dan menelusuri (informasi) di internet. Selain itu web telah diadopsi oleh perusahaan sebagai bagian dari stategi teknologi informasi, karena beberapa alasan:
a. Akses informasi yang mudah. b. Setup server yang lebih mudah. c. Informasi mudah didistribusikan.
d. Bebas platform : informasi dapat disajikan oleh web browser pada sistem mana saja karena adanya standar dokumen berbagai tipe data dapat disajikan.
(95)
2.5.1 Lahirnya Web
Tahun 1989, Trimothy Berners-Lee seorang ahli komputer dari Inggris dan peneliti lain di European Particle Physics Lab (Consei European Pour la Recherche Nucleaire, atau CERN) di Geneva Swiss, mengembangkan satu cara untuk membagi data antar koleganya menggunakan sesuatu yang di sebut dengan hypertext.
Pemakai di CERN dapat menampilkan dokumen pada layar komputer dengan menggunakan software browser baru.
Kode-kode khusus disisipkan kedalam dokumen elektronik ini, memungkinkan pemakai untuk meloncat dari satu dokumen ke dokumen lainnya pada layar dengan hanya memilih sebuah hyperlink.
Kemampuan internet dimasukkan kedalam browser ini sehingga lompat dari satu dokumen ke dokumen lain, tidak lagi dari satu komputer saja, tetapi dapat melompat kedokumen lain yang letaknya pada komputer remote. Seorang peneliti dapat juga mengirimkan sebuah file dari komputer remote kesistem lokalnya, atau login kedalam suatu sistem remote hanya dengan mengklik hyperlink. Tidak perlu melalui mekanisme FTP atau Telnet.Jalan pintas CERN digunakan sebagai dasar dari yang disebut World Wide Web atau berikut server dan browser webnya (sekarang dimaintenence oleh World Wide Consortium).
2.6 HTML (Hypertext Markup Language) 2.6.1 Dukumen HTML
Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal sebagai webpage.Dokumen HTML merupakan
(96)
dokumen yang disajikan dalam browser web surfer. Dokumen umumnya berisi informasi atau interface aplikasi didalam internet.
Ada dua cara untuk membuat web page : dengan web editor (misalnya macromedia Dreamweaver atau Microsoft Frontpage) atau teks editor biasa misalnya notepad atau editplus.
2.6.2 Penamaan Dokumen HTML
Penamaan dokumen HTML yang menggunakan tiga karakter awalnya adalah untuk mengakomodasikan sistem penamaan yang ada pada sistem operasi DOS.Nama dokumen pada beberapa sistem operasi bersifat case sensitive (membedakan huruf besar dan kecil). Nama dokumen yang sama tapi dituliskan dalam case yang berbeda akan dianggap sebagai document yang berbeda, misalnya „dokumen.html’ berbeda dengan „DOKUMEN.html’.Kasus case sensitiveakan dijumpai pada dokumen web yang dihosting didalam server yang berbasis *.nix (keluarga sistem operasi UNIX).
2.6.3 Elemen dan Tag HTML
Dokumen HTML disusun oleh elemen-elemen.Elemen merupakan istilah bagi komponen-komponen dasar pembentuk dokumen HTML untuk menandai berbagai elemen dalam suatu dokumen HTML, digunakan Tag. Tag HTML terdiri dari sebuah kurung sudut kiri (<, tanda lebih kecil), sebuah nama tag, dan sebuah kurung sudut kanan (>, tanda lebih besar). Tag umumnya berpasangan (misalnya, <H1> dengan </H1>), atau yang menjadi pasangan selalu diawali dengan karakter garis miring.
(97)
Tag yang menunjukkan tag awal yang berarti awal elemen, dan yang kedua menunjukkan tag akhir, berarti akhir elemen.
Nama elemen ditunjukkan dengan namatagnya. Suatu elemen didalam dokumen HTML harus ditandai dengan tagnya yang berpasangan. Ada beberapa elemen yang tidak mengharuskan tagnya ditulis secara berpasangan, elemen tersebut diantarnya adalah:
a. Paragraf dengan tag <p>.
b. Ganti garis – break line dengan tag<br>. c. Ganti datar – horizontal rule dengan tag <hr>. d. List item dengan tag<Li>.
Secara umum elemen dalam dokumen HTML yang dinyatakan dengan tagnya, dituliskan: <namatag>_</nametag> penulisan penamaan tag bebas, dapat menggunakan huruf besar, huruf kecil, ataupun campuran (tidak case sensitive).
Tetapi untuk antisipasi pada standar penulisan tag, direkomendasikan untuk menuliskan tag dengan menggunakan huruf kecil semuanya.Tag mark up sebenarnya memberi tahu browser bagaimana memberlakukan atau menampilkan (memformat) halaman dokumen tersebut dalam browser.
Dalam membuat dokumen HTML dibutuhkan elemen yang dinyatakan dengan tag<html>, <head> dan <body>berikut tag-tag pasangannya. Setiap dokumen terdiri atas tag head dan body. Elemen head berisi tentang informasi dokumen tersebut, dan elemen body berisi teks yang sebenarnya yang tersusun dari link, grafik, paragraf dan elemen lainnya.
(1)
DAFTAR ISI
Halaman Persetujuan
Pernyataan
Kata Pengantar i
Penghargaan ii
Abstrak iv
Daftar Isi v
Daftar Tabel ix
Daftar Gambar x
BAB 1 PENDAHULUAN
1.1 Latar Belakang 1
1.2 Indentifikasi Masalah 5
1.3 Tujuan Penelitian 6
1.4 Manfaat Penelitian 6
1.5Pembatasan Masalah 7
1.6Metode Penelitian 7
1.7Tinjauan Pustaka 7
1.8Sistematika Penulisan Tugas Akhir 9
(2)
BAB 2 LANDASAN TEORI
2.1 Pengertian Komputer 11
2.2 Sistem Informasi 12
2.2.1 Pengertian Sistem Informasi 12 2.2.2 Hubungan Data dan Sistem Informasi 14 2.2.3 Elemen Pendukung Suatu Sistem 14
2.3 MySQL 15
2.3.1 Pengertian MySQL 15
2.3.2 Sejarah MySQL 17
2.3.3 Elemen SQL 18
2.3.4 Kelompok Pernyataan SQL 22
2.3.5 Keunggulan SQL 26
2.4 Xampp 27
2.4.1 Pengertian Xampp 27
2.4.2 Sejarah Xampp 25
2.5 World Wide Web (WWW) 29
2.5.1 Lahirnya Web 31
2.6 HTML (Hypertext Markup Language) 31
2.6.1 Dokumen HTML 31
2.6.2 Penamaan Dokumen HTML 32
2.6.3 Elemen dan Tag HTML 32
2.7PHP (Hypertext Preprocessor) 36
(3)
2.7.1 Sejarah PHP 36 2.7.2 Kelebihan PHP dari Bahasa Pemrograman Lain 36
2.8 Sublime Text 37
BAB 3 GAMBARAN UMUM UNIVERSITAS SUMATERA UTARA KHUSUSNYA JURUSAN D3 TEKNIK INFORMATIKA FMIPA
3.1 Universitas Sumatera Utara 38
3.1.1 Sejarah Singkat USU 38
3.1.2 Visi, Misi, dan Tujuan USU 41
3.1.3 Pimpinan USU 42
3.2 Fakultas Matematika dan Ilmu Pengetahuan Alam 43
3.2.1 Latar Belakang FMIPA 43
3.2.2 Visi, Misi, dan Tujuan FMIPA 44 3.2.3 Jurusan/Program Studi di FMIPA 46
3.3 Jurusan Teknik Infromatika 47
3.3.1 Tentang Jurusan D3 Teknik Informatika 47 3.3.2 Visi, Misi Jurusan D3 Teknik Informatika 47
BAB 4 PERANCANGAN SISTEM
4.1 Perancangan Sistem 49
4.2 Data Flow Diagram 49
4.3 Perancangan Database 51
4.4 Flowchart 56
(4)
4.4.1 Flowchart Menu Utama 58 4.4.2 Flowchart Login Admin 59
4.4.3 Flowchart Login User 60
BAB 5 IMPLEMENTASI SISTEM
5.1 Pengertian Implementasi Sistem 61
5.2 Tujuan Implementasi 62
5.3 Komponen dalam Implementasi Sistem 63 5.3.1Kebutuhan Perangkat Keras (Hardware) 63 5.3.2 Kebutuhan Perangkat Lunak (Software) 63
5.3.3 Kebutuhan Brainware 64
5.4 Tampilan Halaman Website 64
BAB 6 KESIMPULAN DAN SARAN
6.1 Kesimpulan 70
6.2 Saran 71
Daftar Pustaka
Lampiran
(5)
DAFTAR TABEL
3.1 Pimpinan Universitas Sumatera Utara 42 4.1 Simbol-simbol Data Flow Diagram 50
4.2 Login Admin 52
4.3 Login User 52
4.4 Judul TA 52
4.5 Form Mahasiswa 53
4.6 Mata Kuliah 54
4.7 Nilai 54
4.8 Dosen PKL 55
4.9 Dosen PA 55
4.10 Direktori Dosen 55
4.11 Lambang-lambang Flowchart 56
(6)
DAFTAR GAMBAR
2.1 Tampilan Data menjadi Informasi 14
2.2HtDoc 28
2.3 PHPMyAdmin 28
2.4 Kontrol Panel 29
2.5 Dokumen HTML Ditampilkan di Browser Internet Explorer 35 2.6 Tampilan Editor Sublime Text 37
4.1 Flowchart Menu Utama 58
4.2 Flowchart Login Admin 59
4.3 Flowchart Login User 60
5.1 Halaman Home 65
5.2 Halaman Dosen TI 66
5.3 Halaman Mahasiswa 66
5.4 Halaman Judul TA 67
5.5 Halaman Login User 67
5.6 Halaman Portal Akademik 68
5.7 Halaman Login Admin 68
5.8 Halaman Admin 69