Laporan Pemrograman Berbasis Web
1
PEMROGRAMAN BERBASIS WEB
Sistem Informasi Akademik (Kartu Rencana Studi)
Oleh
Firdaus Zulkarnain
1210651100
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH JEMBER
2014/2015
Laporan Pemrograman Berbasis Web
2
Kata Pengantar
Assalamualaikum Wr.Wb.
Laporan ini dibuat sebagai modul penjelasan dalam pembuatan sebuah Sistem
Informasi Akademik sederhana. Studi kasus dalam hal ini hanyalah sistem pengambilan KRS (
Kartu Rencana Studi ).Pembahasan fokusnya kepada :
1. Pembuatan database.
2. Pembuatan tabel.
3. Proses input data ke database.
4. Proses edit data.
5. Proses penghapusan data.
6. Pembuatan daftar list.
Tabel yang ada antara lain mahasiswa,matakuliah,user dan krs dengan menerapkan fitur
select,update,insert dan delete. Pembuatan sistem informasi akademik ini sendiri diharapkan
dapat mempermudah pengolahan data mahasiswa. Banyak aplikasi yang tersedia dalam
menjalankan Apache dan MySql yang dalam contoh pembuatan aplikasi sistem informasi
sederhana ini saya menggunakan XAMPP. Penjelasan secara rincinya adalah sebagai berikut :
1. Pembuatan Database
Kita buat terlebih dahulu database untuk menampung data yang akan kita simpan.
Database pada studi kasus ini saya beri nama CRUD. Seperti pada gambar dibawah ini pada
kolom Create Database kita ketikkan nama database yang akan kita buat (contoh : crud)
kemudian klik Create.
Akan muncul pemberitahuan jika sudah membuat databasenya :
Laporan Pemrograman Berbasis Web
3
Tampilan daftar database yang sudah dibuat :
Pada gambar di atas yang dicentang adalah database yang sudah dibuat. Selanjutnya kita buat
tabel-tabelnya.
2. Pembuatan Table
Table yang akan kita buat yaitu mahasiswa,jadwal_mk dan krs.
A. Table Mahasiswa
Struktur dari tabel mahasiswa :
Laporan Pemrograman Berbasis Web
4
B. Table Jadwal Matakuliah
Struktur dari tabel jadwal matakuliah :
C. Table Kartu Rencana Studi (KRS)
Struktur dari tabel krs :
Tambahan kita buat tabel user untuk membedakan user dan admin untuk halaman login
masing-masing.
Laporan Pemrograman Berbasis Web
5
Struktur dari table user :
Daftar tabel-tabel yang sudah dibuat :
3. Pembuatan Koneksi Ke Database
Yang utama dalam setiap membuat sistem informasi adalah kita buat penghubung
antara sistem informasi itu dengan database yang sudah kita buat tadi dimana bahasa yang
digunakan dalam penghubungan tersebut kita gunakan script PHP.
Pada script diatas localhost sebagai Hostname,root sebagai username dan yang bagian
akhir yang dikosongi adalah password. mysql_connect() adalah perintah koneksi ke mysql dan
mysql_select_db untuk memilih database yang akan digunakan yaitu database crud.
4. Pembuatan Form
Konten pertama yang akan dipanggil oleh web broser adalah index.php ,berikut script
dari index.php
Laporan Pemrograman Berbasis Web
6
a. index.php
SELAMAT DATANG DI SISTEM INFORMASI
AKADEMIK
Mahasiswa - Dosen
Laporan Pemrograman Berbasis Web
7
b. atas.php
Sistem Informasi Akademik
.tabel{
border-spacing: 3px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
}
.tr{
font-family: Calibri;
color: white;
}
.td{
font-family: Calibri;
color: black;
}
body{
padding-top: 10px;
}
Laporan Pemrograman Berbasis Web
8
.navbar{
padding-bottom: 0px;
padding-right: 4px;
}
.font-nav{
font-family: 10px Calibri;
}
Sistem Infromasi Akademik
Login
Laporan Pemrograman Berbasis Web
9
Admin
Mahasiswa
c. bawah.php
Created by : Firdaus
Zulkarnain 2014.
d. login-admin.php
Laporan Pemrograman Berbasis Web
10
Halaman Akses Administrator
Username
Password
Laporan Pemrograman Berbasis Web
11
Masuk
Batal
e. login-mahasiswa.php
Halaman Akses Mahasiswa
Laporan Pemrograman Berbasis Web
12
Username
Password
Laporan Pemrograman Berbasis Web
13
f. index-admin.php
Selamat datang dihalaman administrator
g. atas-admin.php
Laporan Pemrograman Berbasis Web
14
?>
Sistem Informasi Akademik
.tabel{
border-spacing: 2px;
}
.tr{
color: white;
background-color: #afd0fe;
}
.td{
font-family: 10px Calibri;
color: white;
background-color: #0079ff;
}
body{
padding-top: 10px;
}
.navbar{
padding-bottom: 0px;
padding-right: 4px;
}
Laporan Pemrograman Berbasis Web
15
.font-nav{
font-family: 10px Calibri;
}
a{
color: #0079ff;
}
a:hover{
color: #0079ff;
}
.selamat{
padding: 30px;
background-color: #afd0fe;
text-align: center;
color: #02249b;
}
Laporan Pemrograman Berbasis Web
16
Selamat datang |
|
Logout
Master
Form
Matakuliah
Form
Mahasiswa
Tabel
Matakuliah
Tabel
Mahasiswa
Laporan Pemrograman Berbasis Web
17
h. login-admin.php
Halaman Akses Administrator
Username
Password
Laporan Pemrograman Berbasis Web
18
Laporan Pemrograman Berbasis Web
19
$level=$_POST['level'];
$user = $_POST['username'];
$pass=$_POST['pass'];
$cek=$_GET['cek'];
if ($cek=="in"){
$query=mysql_query("select * from user where level='$level' and username='$user' and
pass='$pass'");
if(mysql_num_rows($query)==1){
$sambung=mysql_fetch_array($query);
$_SESSION['level']=$sambung['level'];
$_SESSION['username']=$sambung['username'];
$_SESSION['pass']=$sambung['pass'];
}if($sambung['level']=="admin"){
echo"alert('Selamat datang di halaman
admin.');window.location='index-admin.php'";
}else{
echo"alert('Kata sandi tidak cocok
!!');window.location='login-admin.php?username=$user'";
}
}elseif($cek=="out"){
unset($_SESSION['level']);
unset($_SESSION['username']);
unset($_SESSION['pass']);
echo"alert('Anda telah Logout');window.location='index.php'";
}
?>
Laporan Pemrograman Berbasis Web
20
j. index-mahasiswa.php
Selamat datang dihalaman mahasiswa
k. atas-mahasiswa.php
Laporan Pemrograman Berbasis Web
21
padding-bottom: 0px;
padding-right: 0px;
}
.tr{
font-family: 14px Calibri;
color: white;
}
.td{
font-family: Calibri;
color: black;
}
body{
padding-top: 10px;
}
.navbar{
padding-bottom: 0px;
padding-right: 4px;
}
.font-nav{
font-family: 10px Calibri;
}
.selamat{
padding: 30px;
background-color: #b3fd99;
text-align: center;
color: #06a626;
}
Laporan Pemrograman Berbasis Web
22
Selamat datang |
|
Logout
Ambil
Laporan Pemrograman Berbasis Web
23
Kartu Rencana Studi (KRS)
l. login-mahasiswa.php
Halaman Akses Mahasiswa
Laporan Pemrograman Berbasis Web
24
Username
Password
Laporan Pemrograman Berbasis Web
25
include"bawah.php";
?>
m. cek-login-mahasiswa.php
Laporan Pemrograman Berbasis Web
26
unset($_SESSION['level']);
unset($_SESSION['username']);
unset($_SESSION['pass']);
echo"alert('Anda telah Logout');window.location='index.php'";
}
?>
n. matakuliah.php
Matakuliah
Kode Mk
Laporan Pemrograman Berbasis Web
27
Laporan Pemrograman Berbasis Web
28
Dosen Pengajar
Laporan Pemrograman Berbasis Web
29
Laporan Pemrograman Berbasis Web
30
include"bawah.php";
?>
o. tabel-matakuliah-admin.php
Filter
- Berdasarkan -
Kode Mk
Semester
Sks
Laporan Pemrograman Berbasis Web
31
Cari
Segarkan
* Data yang ada sebanyak
baris.
No
Kode Mk
Matakuliah
Semester
Dosen Pengajar
SKS
Hari
Jam
Laporan Pemrograman Berbasis Web
32
Ruang
Operasi
Laporan Pemrograman Berbasis Web
33
Laporan Pemrograman Berbasis Web
34
Filter
- Berdasarkan -
Kode Mk
Semester
Sks
Cari
Segarkan
Laporan Pemrograman Berbasis Web
35
*
Laporan Pemrograman Berbasis Web
36
$no=0;
while($row=mysql_fetch_array($query)){
$no++;
$warna=($no % 2 == 0)?"#efefef":"#fafafa";
?>
Laporan Pemrograman Berbasis Web
37
q. mahasiswa.php
Data Mahasiswa
Laporan Pemrograman Berbasis Web
38
Nim
Laporan Pemrograman Berbasis Web
39
Tanggal Lahir
Laporan Pemrograman Berbasis Web
40
}
echo "";
?>
bulan
Januari
Februari
Maret
April
Mei
Juni
Juli
Agustus
September
Oktober
November
Desember
Laporan Pemrograman Berbasis Web
41
Jenis Kelamin
Laki-laki
Perempuan
Program
Pendidikan
Regular Pagi
Regular Sore
No.Telephone
Laporan Pemrograman Berbasis Web
42
Laporan Pemrograman Berbasis Web
43
r. tabel-mahasiswa-admin.php
Filter
Laporan Pemrograman Berbasis Web
44
- Berdasarkan -
Nim
Nama mahasiswa
Tahun angkatan
Prodi
Cari
Segarkan
Laporan Pemrograman Berbasis Web
45
* Data yang ada sebanyak
baris.
Nim
Nama
TTL
Agama
No.Telepon
Jenis Kelamin
Alamat
Angkatan
Prodi
Program Pendidikan
Dosen Pembimbing
Laporan Pemrograman Berbasis Web
46
Laporan Pemrograman Berbasis Web
47
Laporan Pemrograman Berbasis Web
48
$berdasar=$_POST['berdasar'];
$cari=$_POST['cari'];
$query=mysql_query("select * from mahasiswa where $berdasar LIKE '%$cari%' order by
nim ASC");
$jumlah = mysql_num_rows($query);
?>
Filter
- Berdasarkan -
Nim
Nama mahasiswa
Tahun angkatan
Prodi
Laporan Pemrograman Berbasis Web
49
Cari
Segarkan
*
Laporan Pemrograman Berbasis Web
50
TTL
Agama
No.Telepon
Jenis Kelamin
Alamat
Angkatan
Prodi
Program Pendidikan
Dosen Pembimbing
Laporan Pemrograman Berbasis Web
51
}elseif($row['status']=="User"){
echo "".$row['nim']." -
".$row['status']."";
}else{
echo"Gagal.";
}
?>
Laporan Pemrograman Berbasis Web
52
Laporan Pemrograman Berbasis Web
53
$hari = $_POST['hari'];
$jam1 = $_POST['jam1'];
$jam2 = $_POST['jam2'];
$jam3 = $_POST['jam3'];
$sum = $jam1.$jam2.$jam3;
$ruang = $_POST['ruang'];
$cek=mysql_fetch_array(mysql_query("select kd_mk,hari,jam,ruang from jadwal_mk
WHERE kd_mk='$kd_mk' && hari='$hari' && jam='$sum' && ruang='$ruang'"));
if(!empty($cek['kd_mk']) && !empty($cek['hari']) && !empty($cek['jam']) &&
!empty($cek['ruang'])){
echo"alert('Kode matakuliah, hari, jam dan ruangan ada yang sama
!!');window.location='matakuliah.php?&kd_mk=$kd_mk&mata_kuliah=$nm_mk&nama_do
sen=$nm_dosen&sks=$sks&hari=$hari&jam1=$jam1&jam3=$jam3&ruang=$ruang'
";
}elseif($query=mysql_query("insert into jadwal_mk
values('','$kd_mk','$nm_mk','$smster','$nm_dosen','$sks','$hari','$sum','$ruang')")){
echo"alert('Data berhasil
disimpan.');window.location='matakuliah.php?act=matakuliah'";
}else{
echo"alert('Data gagal disimpan
!!');window.location='matakuliah.php?act=matakuliah'";
}
?>
u. simpan-mahasiswa.php
Laporan Pemrograman Berbasis Web
54
$separator1 = $_POST['separator1'];
$bulan =$_POST['bulan'];
$tahun = $_POST['tahun'];
$sum = $tgl.$separator1.$bulan.$separator1.$tahun;
$agama = $_POST['agama'];
$no_telp = $_POST['no_telepon'];
$jk = $_POST['jenis_kelamin'];
$alamat = $_POST['alamat'];
$angkatan = $_POST['angkatan'];
$nama_prodi = $_POST['nama_prodi'];
$prog_pendidikan = $_POST['prog_pendidikan'];
$dosen_pa = $_POST['dosen_pa'];
$status = $_POST['status'];
$cek=mysql_fetch_array(mysql_query("select nim from mahasiswa WHERE nim='$nim'"));
if(!empty($cek['nim'])){
echo"alert('Nim sudah ada di database
!!');window.location='mahasiswa.php?&nim=$nim&tempat_lahir=$tempat_lahir&nama=$n
ama&no_telepon=$no_telp&alamat=$alamat&dosen_pa=$dosen_pa'";
}elseif($query=mysql_query("insert into mahasiswa
values('','$nim','$nama','$tempat_lahir','$sum','$agama','$no_telp','$jk','$alamat','$angkata
n','$nama_prodi','$prog_pendidikan','$dosen_pa','$status')")){
echo"alert('Data berhasil disimpan.');window.location='tabel-mahasiswa-
admin.php'";
}else{
echo"alert('Data gagal disimpan
?');window.location='mahasiswa.php'";
}
?>
Laporan Pemrograman Berbasis Web
55
v. tambahkan-user.php
Laporan Pemrograman Berbasis Web
56
Confirm Password
Simpan
w. edit-matakuliah-admin.php
Laporan Pemrograman Berbasis Web
57
while($row=mysql_fetch_array($query)){
?>
Laporan Pemrograman Berbasis Web
58
Mata Kuliah
Laporan Pemrograman Berbasis Web
59
Laporan Pemrograman Berbasis Web
60
x. simpan-edit-matakuliah.php
Laporan Pemrograman Berbasis Web
61
?>
Laporan Pemrograman Berbasis Web
62
Tanggal Lahir
Laporan Pemrograman Berbasis Web
63
Jenis Kelamin
Laporan Pemrograman Berbasis Web
64
Simpan
Batal
z. simpan-edit-mahasiswa.php
Laporan Pemrograman Berbasis Web
65
$prodi = $_POST['prodi'];
$tempat_lahir = $_POST['tempat_lahir'];
$alamat = $_POST['alamat'];
$tanggal_lahir = $_POST['tanggal_lahir'];
$jenis_kelamin = $_POST['jenis_kelamin'];
$program_pendidikan = $_POST['program_pendidikan'];
$no_telepon = $_POST['no_telepon'];
$dosen_pembimbing = $_POST['dosen_pembimbing'];
$agama = $_POST['agama'];
if(($nim=="") or ($angkatan=="") or ($nama=="") or ($prodi=="") or ($tempat_lahir=="") or
($alamat=="") or ($tanggal_lahir=="") or ($jenis_kelamin=="") or
($program_pendidikan=="") or ($no_telepon=="") or ($dosen_pembimbing=="") or
($agama=="")){
echo"alert('Data tidak boleh kosong !!');window.location='tabel-mahasiswa-
admin.php'";
}elseif($query=mysql_query("update mahasiswa set
nim='$nim',nama='$nama',tempat_lahir='$tempat_lahir',tanggal_lahir='$tanggal_lahir',aga
ma='$agama',no_telepon='$no_telepon',jenis_kelamin='$jenis_kelamin',alamat='$alamat',a
ngkatan='$angkatan',program_studi='$prodi',program_pendidikan='$program_pendidikan',
dosen_pembimbing='$dosen_pembimbing' where id='$id'")){
echo"alert('Data berhasil diperbarui.');window.location='tabel-mahasiswa-
admin.php'";
}else{
echo"alert('Data gagal diperbarui !!');window.location='tabel-mahasiswa-
admin.php'";
}
?>
aa. mahasiswa-krs.php
Laporan Pemrograman Berbasis Web
66
include"koneksi.php";
include"atas-mahasiswa.php";
$ambil=mysql_query("select
mahasiswa.nama,mahasiswa.nim,mahasiswa.dosen_pembimbing,mahasiswa.program_pen
didikan,mahasiswa.program_studi,mahasiswa.angkatan,user.username from mahasiswa
inner join user on mahasiswa.nim=user.username where nim='$_SESSION[username]'");
$query=mysql_query("select
k.id,jm.kd_mk,jm.nama_mk,jm.semester,jm.semester,jm.nama_dosen,jm.jumlah_sks,jm.ha
ri,jm.jam,jm.ruang from krs k, jadwal_mk jm where k.id=jm.id and
k.nim='$_SESSION[username]'");
?>
Data Diri
Nama
:
Program Studi
:
Laporan Pemrograman Berbasis Web
67
Nim
:
Prog Pendidikan
:
Dosen PA
:
Tahun Angkatan
:
Laporan Pemrograman Berbasis Web
68
Ambil Mk
Kode Mk
Matakuliah
Sks
Nama Dosen
Hari
Jam
Ruang
Laporan Pemrograman Berbasis Web
69
Laporan Pemrograman Berbasis Web
70
Filter
- Berdasarkan -
Kode matakuliah
Semester
Sks
Cari
Segarkan
Laporan Pemrograman Berbasis Web
71
Ambil
No
Kode Mk
Matakuliah
Semester
Dosen Pengajar
SKS
Waktu
Ruang
Laporan Pemrograman Berbasis Web
72
Laporan Pemrograman Berbasis Web
73
cc. ambil-matakuliah-cari-krs.php
Filter
- Berdasarkan -
Kode matakuliah
Semester
Sks
Laporan Pemrograman Berbasis Web
74
Cari
Segarkan
Ambil
No
Kode Mk
Laporan Pemrograman Berbasis Web
75
Matakuliah
Semester
Dosen Pengajar
SKS
Waktu
Ruang
Laporan Pemrograman Berbasis Web
76
Laporan Pemrograman Berbasis Web
77
echo"alert('Data berhasil dihapus.');window.location='tabel-matakuliah-
admin.php'";
}else{
echo"alert('Data gagal dihapus !!');window.location='tabel-matakuliah-
admin.php'";
}
?>
ee. hapus-list-mahasiswa-admin.php
Laporan Pemrograman Berbasis Web
78
echo"alert('Data gagal dihapus !!');window.location='mahasiswa-
krs.php'";
}
?>
5. Tampilan Sistem Iinformasi
a. index
b. login-admin
c.login-mahasiswa
Laporan Pemrograman Berbasis Web
79
d.index-admin
e.index-mahasiswa
Sekian modul ini saya buat.
Selamat mencoba.
Top Related