Sistem Informasi Sma Swasta Harapan 3 Berbasis Web

(1)

SURAT KETERANGAN

Hasil Uji Program Tugas Akhir

Yang bertanda tangan dibawah ini, menerangkan bahwa mahasiswa Tugas Akhir Program Diploma Teknik Informatika :

Nama : Renza Arfansa Nasution

NIM : 132406029

Program Studi : D-3 Teknik Informatika

Judul Tugas Akhir : Sistem Informasi SMA Swasta Harapan 3 Berbasis Web

Telah melaksanakan tes program Tugas Akhir Mahasiswa tersebut diatas pada tanggal :

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, Partano Siagian, M.Sc

(2)

KARTU BIMBINGAN TUGAS AKHIR

Nama : Renza Arfansa Nasution

NIM : 132406029

Judul Tugas Akhir : Sistem Informasi Sma Swasta Harapan 3 Berbasis Web Dosen Pembimbing : Drs, Partano Siagian, M.Sc

Program Studi : D-3 Teknik Informatika

NO TANGGAL

*Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan telah selesai.

Diketahui :

Ketua Program Studi D-3 TI Pembimbing Utama/Penanggung Jawab FMIPA USU

(3)

Lampiran 1 : Program

1. Index.php :

<?php include 'koneksi.php'; ?> <?php

?>

<!DOCTYPE html> <html lang="en"> <head>

<title>SMA HARAPAN 3</title>

<script src="sliderjs/jquery.js"></script>

</head>

</a>

<a

(4)

</a>

<a

href="https://plus.google.com/share?url=http://ww.smaharapan3.sch.id/" rel="nofollow">

</a>

<a

href="http://www.linkedin.com/shareArticle?mini=true&url=http://ww.smaha rapan3.sch.id/" rel="nofollow">

</a>

</div>

</div>

<h3>

SMA HARAPAN 3 </h3>

<strong>Jl. Karya Wisata Ujung No. 31</strong><br> Medan Johor - Deliserdang 20355 <br> <abbr

title="Phone">P:</abbr> (061) 7876152

</address></p>

(5)

<span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>

<ul class="nav navbar-nav"> <li

<a href="index.php?page=visimisitujuan">Visi, Misi dan Tujuan</a> </li> <li class="divider">

</li> <li>

<a href="index.php?page=saranadanprasarana">Sarana dan Prasarana</a> </li>

<li>

<a href="index.php?page=prestasi">Prestasi</a>

(6)

<li class="dropdown-toggle" data-toggle="dropdown">Pendaftaran Siswa Baru<strong class="caret"></strong></a>

<a href="index.php?page=klskedokteran">Kelas Kedokteran</a> </li> class="navbar-form navbar-left" role="search">

(7)

</div> <button type="submit" name="cari" class="btn btn-default">

Submit

<div id="amazingslider-wrapper-1"

style="display:block;position:relative;max-width:780px;margin:30px auto;"> <div id="amazingslider-1"

style="display:block;position:relative;margin:0 auto;">

<li><a href="#"><img src="sliderimg/siswa1.JPG" alt="siswa1"

<div id="isi" class="col-md-10 col-md-offset-1"> <?php

if (isset($_GET['search'])) { $search = $_GET['search'];

$query = mysqli_query($kon, "SELECT * FROM page WHERE judul LIKE '%$search%' OR isi LIKE '%$search%'");

while($row = mysqli_fetch_array($query)) { $isi = isset($row['isi']) ? $row['isi'] : ""; $judul = isset($row['judul']) ? $row['judul'] : "";

$page_info = isset($row['page_info']) ? $row['page_info'] : "";

(8)

</div>

</div> <?php }

}

if (isset($_GET['page'])) {

(9)

case 'berita': <footer id="footer">

<div>

<b><a href="index.php" title="Kembali ke halaman utama">SMA HARAPAN 3</a></b> |

Jl. Karya Wisata Ujung No. 31 <br> Medan Johor - Deliserdang 20355 | Telp: (061) 7876152

<hr>

</div>

<div class="f_kanan"><a

href="index.php">Home</a> | <a href="index.php?page=login">Login</a> </div>

</div> </footer>

(10)

</div>

<style type="text/css">

div#creditfooter {display:none;}#pagesKanan {position:fixed; bottom:0; right:5px; float:left; }

.fb_share_count_top {width:48px !important;} </style>

</body> </html>

2. Galeri.php :

<?php include 'koneksi.php'; ?> <div class="container-fluid">

<h3 style="margin-bottom: 30px;">Album Galeri SMA HARAPAN 3</h3>

(11)

<?php

$query = mysqli_query($kon, "SELECT * FROM galeri");

while($row = mysqli_fetch_array($query)) { ?>

</figure>

3. Galeri-lengkap.php :

?>

(12)

</head>

</a>

<a

href="http://www.facebook.com/share.php?u=http://ww.smaharapan3.sch.id/ " rel="nofollow">

</a>

<a

</a>

<a

</a>

</div>

(13)

</div>

<h3>

SMA HARAPAN 3 </h3>

</address></p>

<nav class="navbar navbar-default" role="navigation"> only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>

class="profil">

<a href="#" class="dropdown-toggle" data-toggle="dropdown">Profil<strong

(14)

<ul

</li> <li>

(15)

<li class="profil"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Pendaftaran Siswa Baru<strong class="caret"></strong></a>

<a href="index.php?page=klskedokteran">Kelas Kedokteran</a> </li> class="navbar-form navbar-left" role="search">

Submit

(16)

<div class="wrapper-gambar"> <?php

$page_info = isset($row['page_info']) ? $row['page_info'] : "";

?>

</div>

</div> <?php }

}

(17)

$nama = isset($_GET['nama']) ? $_GET['nama'] : "";

$query = mysqli_query($kon, "SELECT * FROM kumpulan_galeri WHERE nama='$nama'");

</div>

<?php echo $row['nama'] ?> </div>

<?php echo $row['tanggal'] ?> </div> <footer id="footer">

<div>

<hr>

(18)

</body> </html>

4. Berita.php

<?php

$query = mysqli_query($kon, "SELECT * FROM berita");

<?php echo $row['pembuat'] ?> </div>

<?php echo $row['tanggal']; ?> </div>

(19)

</div></a> <?php }

?>

5. Berita-lengkap.php

?>

<title>SMA HARAPAN 3</title>

</head>

(20)

<a

href="http://www.facebook.com/share.php?u=http://ww.smaharapan3.sch.id/ " rel="nofollow">

</a>

<a

</a>

<a

</a>

</div>

</div>

<h3>

SMA HARAPAN 3 </h3>

</address></p>

(21)

<nav class="navbar navbar-default" only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>

</li> <li>

<a href="index.php?page=saranadanprasarana">Sarana dan Prasarana</a> </li>

(22)

<a href="index.php?page=prestasi">Prestasi</a> class="dropdown-toggle" data-toggle="dropdown">Pendaftaran Siswa Baru<strong class="caret"></strong></a>

(23)

Submit

<?php

(24)

?>

</div>

</div> <?php }

}

if (isset($_GET['judul'])) { $judul = $_GET['judul'];

$query = mysqli_query($kon, "SELECT * FROM berita WHERE judul='$judul'");

$row = mysqli_fetch_array($query);

?>

<?php echo $row['judul']; ?> <div class="close">X</div> </div>

</div>

<?php echo $row['keterangan']; ?> </div>

</div> </div> <script>

$(function() {

$(".gbr").on("click", function() { $(this).css("width", "100%"); });

(25)

$(".gbr").css("width", <footer id="footer">

<div>

<hr>

</div>

</body> </html>

(26)

<?php

include 'koneksi.php';

if (isset($_POST['login'])) {

$username = $_POST['username']; $password = $_POST['password'];

$query = mysqli_query($kon, "SELECT * FROM admin WHERE username='$username' AND password='$password'");

if (mysqli_num_rows($query) > 0) {

$_SESSION['username'] = $username; ?>

alert("Anda berhasil login!");

window.location.href = "admin/index.php"; </script>

<?php exit(); } else {

echo "Error..." . mysqli_error($kon); }

} ?>

<label for="username">Username</label> <input type="text" name="username" id="username" class="form-control">

</div> <br>

<label for="password">Password</label> <input type="password" name="password" id="password" class="form-control">

</div> <br>

</div> </div>

(27)

</form>

7. Koneksi.php

<?php

@session_start();

$kon = mysqli_connect("localhost", "root", "", "tugas_akhir");

if (!$kon) {

echo "Errror..." . mysqli_error($kon); }

?>

8. Klskedokteran.php

<?php

if (isset($_POST)) {

if (!empty($_POST['nama_siswa']) and !empty($_POST['ns'])) {

$nama_siswa = $_POST['nama_siswa']; $nisn = $_POST['nisn'];

$alamat = $_POST['alamat']; $telf = $_POST['telf'];

$nama_ortu = $_POST['nama_ortu']; $telfortu = $_POST['telfortu']; $raport = $_POST['raport']; $skhun = $_POST['skhun']; $ns = $_POST['ns'];

$kelas = "kedokteran";

$total_nilai = $raport + $skhun + $ns;

$rata = $total_nilai / 3; if ($rata < 70) {

echo '<script>alert("Maaf Nilai Anda Tidak Mencukupi, Silahkan Daftar di Kelas Reguler");

(28)

} else {

$query = mysqli_query($kon, "INSERT INTO register VALUES(

echo '<script>alert("Anda berhasil terdaftar di kelas kedokteran.");

window.location.href = "index.php"; </script>';

} else {

echo "Error " . mysqli_error($kon); }

<caption>Daftar Siswa Kedokteran</caption> <tr><td>Nama Siswa</td><td><input type="text" name="nama_siswa" id="nama_siswa"></td></tr>

<tr><td>Alamat Siswa</td><td><input type="text" name="alamat" id="alamat"></td></tr>

(29)

<tr><td>No. Telf Orang Tua</td><td><input type="text" name="telfortu" id="telfortu"></td></tr>

<tr><td>Rata - Rata Nilai Raport</td><td><input type="text" name="raport" id="raport"></td></tr>

<tr><td>Nilai SKHUN</td><td><input type="text" name="skhun" id="skhun"></td></tr>

<tr><td>Nilai Ujian Sekolah</td><td><input type="text" name="ns" id="ns"></td></tr>

</form> </div>

9. Regular.php

<?php

if (isset($_POST)) {

if (!empty($_POST['nama_siswa']) and !empty($_POST['ns'])) {

$nama_siswa = $_POST['nama_siswa']; $nisn = $_POST['nisn'];

$kelas = "reguler";

(30)

'$nama_siswa',

echo '<script>alert("Selamat Anda berhasil terdaftar."); window.location.href = "index.php";

</script>'; } else {

} } ?>

<caption>Daftar Siswa Reguler</caption>

<tr><td>Nama Siswa</td><td><input class="form-control" type="text" name="nama_siswa" id="nama_siswa"></td></tr>

<tr><td>Alamat Siswa</td><td><input class="form-control" type="text" name="alamat" id="alamat"></td></tr>

<tr><td>Nama Orang Tua</td><td><input class="form-control" type="text" name="nama_ortu" id="nama_1ortu"></td></tr>

<tr><td>No. Telf Orang Tua</td><td><input class="form-control" type="text" name="telfortu" id="telfortu"></td></tr>

(31)

<tr><td>Nilai SKHUN</td><td><input class="form-control" type="text" name="skhun" id="skhun"></td></tr>

<tr><td>Nilai Ujian Sekolah</td><td><input class="form-control" type="text" name="ns" id="ns"></td></tr>

</form> </div>

10.Style.css

body {

position: relative;

font: normal 13px arial, sans-serif; background: #ebeff2 top repeat-x; color: #444;

}

.wrapper { width: 875px;

background-color: white; margin: auto;

} #isi {

padding-bottom: 15px; }

img {

(32)

margin-right: 20px; margin-bottom: 10px; margin-top: 10px; }

.h3, h3 {

font-size: 28px; }

.h3, h3 {

font-size: 28px; color: #337ab7;

border-bottom: dashed 1px; }

.h1, h1 {

font-size: 24px;

border-bottom: dashed 1px; }

h2 {

font-size: 20px;

background-color: black; color: white;

padding: 10px; }

(33)

}

.sharedonk img { width: 50px;

transition: all ease 1s; }

.sharedonk a { display: block;

transition: all ease 1s; }

.sharedonk img:hover { transform: rotate(360deg); }

footer {

font: 13px 'Open Sans', arial, sans-serif; height: 150px;

padding: 20px; margin: -15px 0 0; text-align: left; color: #fff;

background: #3bf; z-index: 1000; margin-top: 20px; }

(34)

border: 1px solid black; }

#sejarah table { margin-top: 30px; margin-bottom: 20px; border-collapse: collapse; width: 100%;

}

#sejarah th { height: 50px;

}

#sejarah td { text-align: center; }

h2 {

font-size: 20px;

padding: 20px; }

(35)

padding-top: 2px; padding-bottom: 2px; }

.container-berita {

border-bottom: 1px dashed #ccc; padding: 15px;

margin-bottom: 15px; }

.clear { clear: both; }

.container-berita .top {

border-bottom: 1px dashed #ccc; padding: 5px 0;

}

.container-berita .pembuat { float: left;

}

.container-berita .tanggal { float: right;

}

.container-berita .gambar img { width: 50%;

margin: auto; }

(36)

height: 200px;

margin-bottom: 15px; box-sizing: border-box; }

.gal img { width: 100%; }

.gal img:hover {

transform: scale(1.2, 1.2); }

.gal .nama {

font: .8em 'Segoe UI'; }

.gal .tanggal {

font: .8em 'Segoe UI'; }

.wrapper-gambar { width: 100%; }

.wrapper-gambar img { width: 100%;

}

.wrapper-gambar .nama { text-align: center; }

(37)

text-align: center; }

11.Admin (delete.php)

<?php

include '../koneksi.php';

if (isset($_GET['nisn'])) { $nisn = $_GET['nisn'];

$query_kelas = mysqli_query($kon, "SELECT * FROM register WHERE nisn='$nisn'");

$row_kelas = mysqli_fetch_array($query_kelas); $kelas = $row_kelas['kelas'];

$query = mysqli_query($kon, "DELETE FROM register WHERE nisn='$nisn'");

if($query AND $query_kelas) { ?>

alert("Data berhasil dihapus");

window.location.href = "index.php?page=<?php echo $kelas; ?>";

(38)

} else {

echo "Error..." . mysqli_error($kon); }

}

12.Admin (edit.php)

<?php

include '../koneksi.php'; if (isset($_GET['nisn'])) {

$nisn_q = $_GET['nisn']; }

$query = mysqli_query($kon, "SELECT * FROM register WHERE nisn='$nisn_q'"); $row = mysqli_fetch_array($query);

?>

<caption>Daftar Siswa Kedokteran</caption> <tr><td>Nama Siswa</td><td><input type="text" name="nama_siswa" value="<?php echo $row['nama']; ?>"

id="nama_siswa"></td></tr>

(39)

<tr><td>Alamat Siswa</td><td><input type="text"

value="<?php echo $row['alamat']; ?>" name="alamat" id="alamat"></td></tr>

<tr><td>Nama Orang Tua</td><td><input type="text" value="<?php echo $row['nama_ortu']; ?>" name="nama_ortu"

id="nama_1ortu"></td></tr>

<tr><td>No. Telf Orang Tua</td><td><input type="text"

value="<?php echo $row['telp_ortu']; ?>" name="telfortu" id="telfortu"></td></tr>

<tr><td>Rata - Rata Nilai Raport</td><td><input type="text" value="<?php echo $row['nilai_rapor']; ?>" name="raport" id="raport"></td></tr>

<tr><td>Nilai SKHUN</td><td><input type="text" value="<?php echo $row['nilai_skhun']; ?>" name="skhun" id="skhun"></td></tr>

<tr><td>Nilai Ujian Sekolah</td><td><input type="text" value="<?php echo $row['nilai_sekolah']; ?>" name="ns" id="ns"></td></tr>

</form> </div>

(40)

<?php include '../koneksi.php'; ?> <?php

if(!isset($_SESSION['username'])) { ?>

<h3>Welcome, <?php echo ucfirst($_SESSION['username']); ?></h3>

</div> </div>

(41)

<span class="sr-only">Toggle navigation</span><span bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>

</button> <a class="navbar-brand" href="index.php">Beranda</a>

</div>

(42)

</nav> </div>

<div class="container-fluid"> <?php

if (isset($_GET['page'])) { $page = $_GET['page'];

switch($page) { case 'reguler':

include 'reguler.php';

break;

case 'kedokteran':

include 'kedokteran.php';

break;

default:

include 'kedokteran.php';

} } else {

include 'home.php'; }

?> </div> </div>

(43)

14.Admin (kedokteran.php)

<th>Nama</th> <th>NISN</th> <th>Alamat</th> <th>Telepon</th> <th>Nama Ortu</th> <th>Telepon Ortu</th> <th>Nilai Rapor</th> <th>Nilai SKHUN</th> <th>Nilai Sekolah</th> <th>Kelas</th>

<?php

$query = mysqli_query($kon, "SELECT * FROM register WHERE kelas='kedokteran'");

<tr>

(44)

<td><a href="delete.php?nisn=<?php echo $row['nisn']; ?>">Delete</td>

</tr> <?php }

?> </table>

15.Admin ( regular.php)

(45)

<th>Nama Ortu</th> <th>Telepon Ortu</th> <th>Nilai Rapor</th> <th>Nilai SKHUN</th> <th>Nilai Sekolah</th> <th>Kelas</th>

<?php

$query = mysqli_query($kon, "SELECT * FROM register WHERE kelas='reguler'");

<tr>

(46)

<td><a href="delete.php?nisn=<?php echo $row['nisn']; ?>">Delete</td>

</tr> <?php }

?> </table>

16.Admin ( prosesedit.php) <?php

include '../koneksi.php'; if (isset($_POST['submit'])) {

if (!empty($_POST['nama_siswa']) and !empty($_POST['nisn']) and !empty($_POST['alamat']) and !empty($_POST['telf'])

and !empty($_POST['nama_ortu']) and !empty($_POST['telfortu']) and !empty($_POST['raport']) and !empty($_POST['skhun']) and !empty($_POST['ns'])) {

(47)

$query_kelas = mysqli_query($kon, "SELECT * FROM register WHERE nisn='$nisn'");

$row_kelas = mysqli_fetch_array($query_kelas); $kelas = $row_kelas['kelas'];

$query = mysqli_query($kon, "UPDATE register SET nama='$nama_siswa',

nisn='$nisn', alamat='$alamat', telepon='$telf',

nama_ortu='$nama_ortu', telp_ortu='$telfortu', nilai_rapor='$raport', nilai_skhun='$skhun',

nilai_sekolah='$ns' WHERE nisn='$nisn'");

(48)

alert("Data berhasil diedit.");

window.location.href = "index.php?page=<?php echo $kelas; ?>";

</script>'; <?php

} else {

} } ?>

17.Admin ( logout.php) <?php

include '../koneksi.php';

session_destroy();

(49)

(50)

DAFTAR PUSTAKA

dengan-php-dan-mysql-studi-kasus-membuat-sistem-informasi-pengola.html.

Fahruddin, Kemal. 2009. Kamus Cepat Sublime Text Editor. Yogyakarta : Graha

Media.

H, Rafiza. 2006. Panduan dan Referensi Kamus Fungsi PHP 5. Jakarta : Elex

Media Komputindo.

Kadir, Abdul. 2005. Dasar Pemrograman Web Dinamis Menggunakan PHP.

Yogyakarta : Informatika Bandung

Syahputra, Reza. 2010. Teknik Cepat Menguasai PHP. Yogyakarta : Buku Pintar

Yusril, M. 2004. Belajar Cepar Website Dinamis. Semarang : Pustaka Ilmu

http://www.gavamedia.net/produk-98-aplikasi-pemrograman-web-dinamis-

http://www.artikelsiana.com/2015/09/pengertian-sistem-informasi-ciri-fungsi.html.

https://id.wikipedia.org/wiki/Sistem_informasi. Diakses tanggal 25 Maret 2016.

https://id.wikipedia.org/wiki/MySQL. Diakses tanggal 12 April 2016.

https://id.wikipedia.org/wiki/PhpMyAdmin. Diakses tanggal 15 April 2016.

(51)

BAB 3

PERANCANGAN SISTEM

3.1 Perancangan Sistem

Tahap perancangan sistem ini merupakan tahapan awal yang dibuat untuk

membangun website ini. Pada tahap ini, penulis akan menguraikan awal

perancangan sistem, proses diagram alur, algoritma serta tujuan pembuatan dari

sistem informasi ini sendiri. Website ini dibangun dengan menggunakan PHP

sebagai bahasa pemrogramannya dan MySQL sebagai databasenya. Perancangan

website ini dibuat atas kebutuhan siswa baru akan informasi terbaru mengenai

registrasi ulang di sekolah SMA Harapan 3.

3.2 Data Flow Diagram (DFD)

Data Flow Diagram merupakan suatu diagram yang menggunakan notasi – notasi

untuk menggambarkan arus dari data pada suatu sistem, yang penggunanya sangat

membantu untuk memahami secara logika, terstruktur, dan jelas. DFD sangat

mirip dengan Flowchart. DFD juga dapat menjadi sebuah alat perancangan sistem

yang berorientasi pada alur data dengan konsep dekomposisi yang juga dapat

digunakan untuk penggambaran analisa maupun rancangan sistem yang mudah

(52)

program. 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 sistem. Dengan kata lain,

DFD adalah alat pembuatan model yang memberikan penekanan hanya pada

fungsi sistem. Adapun DFD yang penulis ajukan yaitu :

Gambar 3.1 Data Flow Diagram (DFD)

3.3 Diagram Alir (Flowchart)

Diagram alir (flowchart) ini menjelaskan secara rinci langkah-langkah dari proses

program. Flowchart dibuat dengan menggunakan simbol-simbol tertentu yang

menyatakan setiap langkah program. Berikut adalah Flowchhart dari fungsi utama

(53)

3.3.1 Flowchart Pendaftaran Siswa Baru Kelas Kedokteran

Pada sistem ini siswa akan mengisi form pendaftan pada halaman yang tersedia di

website. Kemudian sistem mulai bekerja untuk menghitung nilai. Jika nilai siswa

tersebut >70 maka dia berhak untuk mendaftar di kelas kedokteran. Jika nilai

siswa tersebut <70 maka akan muncul pemberitahuan bahwasannya dia tidak

memiliki cukup nilai untuk masuk di kelas kedokteran. Dan selanjutnya dia akan

diarahkan untuk masuk kelas regular.

(54)

3.3.2 Flowchart Pendaftaran Siswa Baru Kelas Reguler

Pada sistem ini siswa diarahkan untuk mengisi form pendaftaran pada halaman

yang tersedia di website. Kemudian sistem menyimpan data siswa tersebut ke

dalam database.

Gambar 3.3 Flowchart Pendaftaran Siswa Baru Kelas Reguler

3.4 Perancangan Database

Database merupakan kumpulan data yang berhubungan antara satu dengan yang

lainnya, tersimpan di dalam perangkat keras komputer dan untuk

memanipulasinya kita harus menggunakan perangkat lunak. Database merupakan

suatu komponen utama di dalam suatu sistem informasi karena segala file untuk

sebuah website berada di dalamnya. File – file tersebut dikelompokkan secara

(55)

terkandung di dalamnya. Berikut adalah rancangan table yang penulis gunakan

dalam membangun website sistem informasi ini :

1. Table admin yang terdiri dari :

Tabel 3.1 Tabel Admin

Nama Field Tipe Data Lebar Data Penjelasan

id Int 11 Sebagai nomor

kepala identitas

username Varchar 255 Sebagai

username

password Varchar 255 Sebagai

password

2. Table berita yang terdiri dari :

Table 3.2 Table Berita

judul Varchar 255 Sebagai Judul

gambar Varchar 255 Sebagai Gambar

keterangan Text Sebagai

Keterangan

tanggal Datetime Sebagai Tanggal

pembuat Varchar 255 Sebagai Pembuat

3. Table galeri yang terdiri dari :

Table 3.3 Table Galeri

(56)

gambar Varchar 255 Sebagai Gambar

tanggal Datetime Sebagai Tanggal

nama Varchar 255 Sebagai Nama

4. Table page yang terdiri dari :

Tabel 3.4 Tabel Page

id Int 11 Sebagai no ID

page_info Varchar 100 Sebagai Info

isi Text Sebagai Isi

judul Varchar 100 Sebagai Judul

5. Table register yang terdiri dari :

Tabel 3.5 Tabel Register

Nama Field Tipe Data Lebar

nama_ortu Varchar 32 Sebagai Nama

Orang Tua

telp_ortu Varchar 13 Sebagai No

Telp Orang Tua

nilai_rapor Varchar 5 Sebagai Nilai

(57)

nilai_skhun Varchar 5 Sebagai Nilai SKHUN

nilai_sekolah Varchar 5 Sebagai Nilai

Sekolah

kelas Enum(kedokteran/regular) Sebagai

Pilihan Kelas

3.5 Perancangan Interface

Perancangan antar muka menjadi bagian yang penting untuk sebuah website

sistem informasi karena halam awal sebuah website akan menjadi faktor utama

bagi pengunjung website. Website akan menjadi baik apabila tampilan awalnya

juga bagus. Berikut adalah perancangan antar muka tampilan awal dari sistem

(58)

Gambar 3.4 Perancangan tampilan awal

(59)

BAB 4

IMPLEMENTASI SISTEM

4.1 Pengertian Implementasi Sistem

Implementasi sistem adalah prosedur yang dilakukan untuk menyelesaikan desain

yang ada di dalam dokumen, desain sistem yang disetujui dan menguji,

menginstall, memulai, serta menggunakan sistem baru atau sistem yang

diperbaiki. Implementasi sistem bermuara pada aktivitas, adanya aksi, tindakan,

serta mekanisme dari sistem itu sendiri.

4.2 Tujuan Implementasi Sistem

Adapun tujuan dari Implementasi Sistem antara lain :

1. Mengkaji ulang rangkaian sistem baik dari segi hardware maupun

software sebagai sarana penyedia informasi.

2. Menyelesaikan rancangan sistem yang ada dalam dokumen sistem yang

baru ataupun yang sudah disetejui.

3. Memastikan mahwa pengunjung dapat menggunakan dan mengoperasikan

dengan mudah terhadap sistem yang baru dan mendapat informasi yang

jelas dan akurat.

4. Memperhitungkan bahwa sistem telah memenuhi permintaan user/pemakai

(60)

5. Memastikan bahwa sistem telah berjalan dengan lancer dengan

mengontrol dan melakukan instalasi secara benar.

4.3 Komponen – Komponen Implementasi Sistem

Didalam menjalankan sistem yang telah dirancang, dibutuhakan 3 komponen

utama yaitu, perangkat keras (hardware), perangkat lunak (software), dan

perangkat operator (brainware).

4.3.1 Perangkat Keras (Hardware)

Hardware merupakan komponen komputer yang nyata secara fisik (dapat dilihat),

dan tidak dapat berjalan jika tidak ada software (begitu juga sebaliknya).

Spesifikasi hardware yang dibutuhkan untuk pembuatan website ini antara lain :

1. PC (Personal Computer)/Laptop

2. Memory Min. 1GB

3. Harddisk Min. 200 GB

4. Keyboard

5. Mouse

(61)

4.3.2 Perangkat Lunak (Software)

Software perangkat yang memberi perintah kepada hardware agar mampu

beroperasi. Software yang diperlukan untuk membangun website ini antara lain :

1. Sistem Operasi Windows

2. XAMPP (PHP, MySQL)

3. Sublime Text Editor

4. Web Browser Google Chrome

5. Adobe Photoshop CS 5

4.3.3 Perangkat Operator (Brainware)

Brainware adalah sumber daya manusia yang nantinya akan bertanggungjawab

dan berperan sebagai user maupun administrator sistem. Brainware di dalam

sistem ini harus mengerti bahasa pemrograman PHP dan MySQL serta paham alur

jalannya sistem.

4.4 Tampilan Web

Dari uji program yang dilakukan, maka dapat dilihat tampilah hasil desain web

dinamis Sistem Informasi Siswa Baru SMA Swasta Harapan 3 Melakukan

(62)

4.4.1 Halaman Utama index.php

Halaman ini merupakan halaman utama (awal) ketika seseorang mengunjungi

website Sistem Informasi Siswa Baru SMA Swasta Harapan 3 Melakukan

Registrasi Ulang.

(63)

Gambar 4.2 Halaman Utama (2)

4.4.2 Halaman Profile

Ini adalah halaman-halaman yang terdapat pada menu profile di website Sistem

(64)

Gambar 4.3 Halaman Sejarah

(65)

Gambar 4.5 Halaman Sarana dan Prasarana

(66)

Gambar 4.7 Halaman Ekstrakurikuler

4.4.3 Halaman Berita

(67)

4.9 Halaman Berita (2)

(68)

4.11 Halaman Berita (4)

4.4.4 Halaman Galeri

(69)

4.13 Halaman Galeri (2)

4.4.5 Halaman Pendaftaran Siswa Baru

(70)

Gambar 4.15 Notice Berhasil Mendaftar

(71)

4.17 Halaman Daftar Siswa Reguler

4.4.6 Halaman Admin

(72)

4.19 Notice Berhasil Login

(73)

4.21 Halaman Edit Admin

(74)

(75)

BAB 5

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Dari keterangan keseluruhan isi bab sebelumnya yang menjelaskan tentang uraian

proses pembuatan Sistem Informasi SMA Swasta Harapan 3 Berbasis Web ini

maka penulis dapat mengambil kesimpulan sebagai berikut :

1. Website Sistem Informasi SMA Swasta Harapan 3 dapat memudahkan

para siswa baru untuk melakukan registrasi ulang secara online

2. Dengan adanya website Sistem Informasi SMA Swasta Harapan 3, maka

para siswa baru yang sedang berada di luar kota medan dapat langsung

melakukan registrasi ulang melalui website ini

3. Website S Sistem Informasi SMA Swasta Harapan 3 bersifat dinamis,

yang melakukan update secara berkala untuk menyediakan informasi –

(76)

5.2 Saran

Adapun saran penulis dalam merancang dan membuat website sistem

informasi ini, yaitu :

1. Lebih mengembangkan informasi tentang sekolah tersebut, agar

masyarakat tau bahwasannya sekolah SMA HARAPAN 3 tidak kalah

bagusnya dengan sekolah lainnya

2. Lebih mengefektifkan dan mengefisiensikan penggunaan database.

3. Perlunya dilakukan update secara berkala agar masyarakat tidak

ketinggalan berita – berita terbaru mengenai SMA HARAPAN 3.

4. Perlu dilakukan penggandaan (backup) database secara teratur ke

tempat penyimpanan lain agar mencegah hal – hal yang tidak

(77)

BAB 2

LANDASAN TEORI

2.1 Pengertian Sistem Informasi

Sistem Informasi merupakan suatu sistem yang meneyediakan informasi untuk

manajemen pengambilan keputusan/kebijakan dan menjalankan operasional dari

kombinasi orang – orang, teknologi informasi serta prosedur – prosedur yang

terorganisir. Sistem informasi sendiri diartikan sebagai kombinasi dari teknologi

informasi dan aktivitas orang yang menggunakan teknologi untuk mendukung

suatu operasi dan manajemen serta sebagai algoritmik data dan teknologi. Sistem

informasi adalah suatu sistem didalam suatu organisasi yang mempertemukan

kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial,

dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu

dengan laporan – laporan yang diperlukan (Robert A. Leitch, 1998).

Sistem Informasi berfungsi untuk meningkatkan akesibilitas data yang ada

secara efektif dan efisien kepada pengguna tanpa perantara sistem informasi.

Sistem Informasi memiliki beberapa komponen, antara lain :

1. Komponen Input, yaitu komponen data yang masuk kedalam sistem

(78)

2. Komponen Model, merupakan kombinasi prosedur, logika dan model

matematika yang memproses data yang tersimpan di basis data dengan

cara yang sudah ditentukan untuk menghasilkan output yang diinginkan.

3. Komponen Output, adalah hasil informasi yang berkualitas dan

dokumentasi yang berguna untuk semua tingkatan manajemen serta

pemakai sistem.

4. Komponen Teknologi, adalah alat dalam sistem informasi. Teknologi

digunakan dalam menerima input, menjalankan model, menyimpan dan

mengakses data serta menghasilkan output dan memantau pengendalian

sistem.

5. Komponen Basis Data, yaitu kumpulan data yang saling berhubungan dan

tersimpan di dalam komputer dengan menggunakan software database.

6. Komponen Kontrol, merupakan komponen yang mengendalikan gangguan

terhadap sistem informasi.

2.2 Data

Data adalah catatan atas kumpulan fakta. Data merupakan bentuk jamak dari datum, yang berasal dari bahasa Latin yang berarti “sesuatu yang diberikan”.

Dalam penggunaannya sehari – hari, data berarti suatu pernyataan yang diterima

langsung secara apa adanya. Pernyataan ini adalah hasil pengukuran/ pengamatan

(79)

Dalam kajian ilmiah, fakta dikumpulkan untuk menjadi data. Data kemudian

diolah kembali sehingga dapat diutaraka secara jelas dan tepat sehingga dapat

dimengerti oleh orang lain.

2.3 Internet

Internet (interconnection-networking) merupakan seluruh jaringan komputer yang

saling terhubung menggunakan standar sistem global Transmission Control

Protocol/ Internet Protocol sebagai protocol pertukaran paket atau informasi

untuk melayani milyaran pengguna diseluruh dunia. Internet merupakan jaringan

komputer yang dibentuk oleh Departemen Pertahanan Amerika Serikat pada tahun 1969, melalui proyek yang disebut “ARPANET” (Advanced Research Project

Agency Network), dimana mereka mendemonstrasikan bagaimana dengan

hardware dan software komputer yang berbasis UNIX bisa melakukan

komonukasi dalam jarak yang tak terhingga melalui saluran telepon.

2.4 WWW (World Wide Web)

World Wide Web merupakan sebuah sistem yang terdapat di dalam internet dan

bertugas melakukan pencarian sekaligus pemberian informasi yang cepat dengan

menggunakan teknologi hypertext. Web awalnya adalah ruang informasi di dalam

(80)

informasi dengan mengikuti link yang telah disediakan di dokumen web yang

ditampilan dalam browser web.

Internet sangat identik dengan web, karena popularitasnya sebagai

penyedia informasi dan interface yang dibutuhkan oleh penggguna internet dari

masalah informasi sampai dengan komunikasi. Web memudahkan komputer

untuk berinteraksi dengan user internet satu dengan yang launnya dalam

pertukaran data/informasi di dalamnya.

2.5 Pengenalan PHP

PHP merupakan suatu bahasa yang dirancang secara khusus untuk penggunaan

web. PHP (Personal Home Page) yang merupakan bahasa standar yang digunakan

di dalam dunia website. PHP sangat membantu dalam proses pengembangan

sebuah website. PHP sendiri merupakan software open source yang dapat

digunakan di beberapa sistem operasi seperti Linux, Mac, Windows dll.

PHP memproses seluruh perintah yang berada di dalam script PHP

didalam web server dan menampilkan outputnya kedalam web browser klien.

PHP sendiri merupakan bahasa pemrograman yang dapat menghasilan output

HTML maupun output lain sesuai keinginan misalnya JPEG, PDF, NEF dll yang

dijalankan sepenuhnya pada server, sedangkan yang dikirimkan ke browser hanya

(81)

2.5.1 Sejarah PHP

PHP pertama kali diciptakan pada tahun 1995 oleh Rasmus Lerdorf yang pada

waktu itu hanya mampu mengolah formulir data sari web saja. Kemudia Rasmus

mengembangkannya lagi dan merilis kode sumber tersebut untuk umum dan

menamakannya PHP/FI. Dengan perilisan kode sumber ini menjadi open source,

sehingga banyak orang menggunakannya.

PHP/FI merupakan akronim dari Personal Home Page/Forms Interpreter.

Pada awalnya, PHP/FI hanya mempunyai fungsi dasar dari PHP yang ada

sekarang ini. Jadi, dengan kata lain tumpuan PHP sekarang ini adalah PHP/FI

karena ketika pertama dibuat menggunakan Perl maka PHP/FI juga mempunyai

susunan karakter pemrograman yang sama dengannya.

Pada tahun 1997, Rasmus resmi mengeuarkan PHP/FI versi 2.0 dimana

fungsi – fungsi pada versi tersebut ditulis dengan menggunakan bahasa C. Karena

telah memiliki fungsi khusus untuk mengakses database, maka pada tahun yang

sama terdapat sekitar 50.000 lebih domain yang menggunakan PHP/FI sebagai

(82)

2.5.2 Perkembangan PHP

Setelah meluncurkan versi 2.0, PHP versi 3.0 pun diluncurkan kembali walau

sedang dalam tahap alpha. PHP 3 merupakan generasi baru hasil pengembangan

PHP/FI. Banyak developer yang terlibat didalamnnya. PHP versi 3.0 yang juga

luncur pada tahun yang sama yaitu 1997 dikeluarkan karena melihat adanya

kelemahan PHP/FI yang digunakan dalam pengaplikasian e-commerce. Alasan

untuk memulai mengembangkan PHP semakin kuat ketika versi 3.0 dirilis

dikarenakan versi ini sangat mendukung pengembangan berbagai jenis database,

protocol dan API.

Tidak berselang lama, PHP 4 diluncurkan untuk menangani kelemahan

PHP 3 yang kurangnya efisiensi waktu dan kinerja yang tidak stabil. Dengan

penambahan fitur baru, seperti session, output buffering dan kecepatan proses

input data yang tinggi membuat PHP 4 menjadi pilihan yang aman untuk berbagai

jenis pekerjaan. Selain itu, inti perbedaan PHP dengan bahasa pemrograman lain

terletak pada intinya yaitu Zend Engine yang merupakan inti dari PHP itu sendiri.

Sebagai ini, Zend Engine berfungsi menangani input, menerjemahkan dan

mengeksekusinya serta menjadi perantara.

Dan pada PHP 5 resmi rilis pada Juni 2004, untuk menangani kelemahan

dan kekurangan pada versi sebelumnya. PHP 5 sendiri dapat membuat format file

swf, dan applet java dimana PHP 5 ini diklaim merupakan versi sempurna dari

(83)

2.6 MySQL

MySQL merupakan sebuah perangkat lunak sistem pengelola basis data (Data

Base Management System) atau dapat juga disebut DBMS yang multithread,

multi-user dengan sekitar 7 juta instalasi penggunaan di seluruh dunia. MySQL

AB membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi

GPL (General Public License), tetapi mereka juga menjualnya dibawah komersial

untuk kasus – kasus dimana penggunaannya tidak cocok dengan penggunaan

GPL. MySQL adalah suatu database yang sangat popular dengan pengembangan

web (web developers). Kecepatan dan ukuran yang kecil serta akses yang cepat

membuatnya menjadi pilihan bagi programmer – programmer untuk

mengembangkat website mereka, ditambah lagi MySQL sejatinya adalah open

source yaitu gratis (bebas di unduh).

MySQL sekarang banyak digunakan oleh masyawakat luas untuk

membangun website/situs yang memerlukan basis data sebagai pengolahan data.

(Mobile Commerce Application, Penerbit Andi).

2.6.1 Tipe – Tipe Data MySQL

MySQL memiliki banyak varian tipe data untuk nantinya diisikan ke dalam

(84)

Kelompoknya terbagi atas numerik, string, date-and-time serta kelompok

himpunan (enum). Berikut beberapa tipe data dalam MySQL :

1. Int (m), merupakan tipe angka (-2147483648 s/d 2147483648).

2. Float (m), yaitu angka pecahan.

3. Date, yaitu format tanggal yang mengacu kepada hari, bulan dan tahun.

4. Char (m), kelompok string dengan panjang tetap sesuai dengan yang

ditentukan.

5. Varchar (m), merupakan string dengan panjang yang berubah – ubah

sesuai dengan yang tersimpan pada saat itu,

6. Text, yaitu string yang tidak mempunyai batas maksimal karakter.

2.7 HTML

HTML merupakan singkatan dari HyperText Markup Languange yaitu bahasa

pemrograman standar yang biasa digunakan untuk membuat suatu web. HTML

dapat dibaca di berbagai platform seperti Windows, Linux, Mac dll. HTML

sendiri ialah suatu dokumen teks biasa yang mudah dimengerti untuk membuat

informasi yang nantinya dapat diakses oleh orang lain. Penamaan dokumen

(85)

Ekstensi HTML yang menggunakan 3 karakter awalnya adalah untuk

mengakomodasikan sistem penamaannya yang ada dalam sistem informasi DOS.

Nama Dokumen pada beberapa sistem operasi bersifat case sensitive. HTML

terdiri dari beberapa bagian dan fungsinya sebagai penanda suatu kelompok atau

perintah tertentu, misalnya kelompok perintah form yang ditandai dengan kode

<from>, judul dengan <tittle> dan sebagainya. Berikut adalah contoh skema

gambaran bagian – bagian dari HTML :

<html>

<head>

<title> nama atau juduk web <tittle>

<head>

<body>

Isi dari web

<body>

</html>

Keterangan :

1. Dokumen HTML selalu ditandai dengan tag pembuku <html> dan

diakhiri dengan tag penutup </html>.

2. Pada keterangan <title> <title> kita dapat menyisipkan kalimat ataupun

(86)

3. Pada elemen <head> </head>, dapat juga kita sisipkan kode kode untuk

menuliskan keterangan tentang dokumen HTML. Atau dapat juga kita

sisipkan bahasa pemrograman untuk JavaScript maupun CSS.

4. Pada elemen <body> <body> berisi tag untuk pengisian layout tampilan

website.

Semua elemen pada bahasa pemrograman berkaitan satu sama lain dan saling

berhubungan untuk menciptakan ikatan yang nantinya akan tersimpan di dalam

suatu website itu sendiri.

2.8 Sublime

Sublime merupakan editor teks untuk berbagai bahasa pemrograman PHP.

Sublime Text Editor merupakan editor text lintas platform dengan python

Application Programming Interface (API). Sublime juga mendukung banyak

bahasa pemrograman dan bahasa markup.

Sublime Text Editor pertama kali rilis pada tanggal 18 Januari 2008 dan

sekarang versi Sublime sudah ada 3 yang merupakan pengembangan dari versi –

versi sebelumnya. Sublime juga mendukung sistem operasi Windows, Linux dan

Mac. Banyak fitur yang tersedia di dalam Sublime yang membuat kita tidak perlu

(87)

Berikut beberapa tampilan dan fungsi dari Sublime Text Editor :

1. Untuk menampilkan fungsi/selector dengan lebih cepat

Gambar 2.1 Menampilkan selector lebih cepat

2. Untuk melakukan pencarian file