Sistem Informasi Berbasis Web SMA Kartika 1-1 Medan Menggunakan Php Dan Mysql

(1)

LAMPIRAN A: TAMPILAN HALAMAN WEBSITE

A.1 http://localhost/db_akademik/home.php

(2)

A.3 http://localhost/db_akademik/home.php?page=setup_pelajaran

(3)

(4)

(5)

(6)

(7)

LAMPIRAN B LISTING PROGRAM PADA APLIKASI

.1 Halaman index.php (Pada admin) <?php session_start();

$query=mysql_query("select * from user_admin where username='$username' and password='$password'");

$query=mysql_query("select * from data_guru where username='$username' and password='$password'");

(8)

if($cek){

$query=mysql_query("select * from data_siswa where username='$username' and password='$password'");

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

(9)

<script src="js/jquery/jquery.pngFix.pack.js" type="text/javascript"></script>

<div id="login-inner">

<p align="center"><font face="verdana" size="2" color="#333333"><?php if(isset($_GET['status'])){ echo "«".$_GET['status']."»";

}?></font></p> <p> </p>

(10)

<th><font color="#990000">Password</font></th>

(11)

$(document).ready(function() {

$('.styledselect').selectbox({ inputClass: "selectbox_styled" }); });

$('.styledselect_form_1').selectbox({ inputClass: "styledselect_form_1" }); $('.styledselect_form_2').selectbox({ inputClass: "styledselect_form_2" }); });

</script>

(12)

$('.styledselect_pages').selectbox({ inputClass: "styledselect_pages" }); });

</script>

$(function() {

(13)

(14)

{

(15)

</div>

<!-- start

nav-outer-repeat... START --> <div class="nav-outer-repeat">

(16)

include "menu-admin.php";

<!-- start content-outer

...START -->

<?php include "content.php"; ?>

</div>

(17)

<div id="footer">

Admin Skin by <span id="spanYear"></span> <a href=</a> S.I.M.A.K © Copyright

(18)

{

hasil=window.confirm("Apakah Anda yakin ingin menghapus data ini ?"); if (hasil==true) $uploadfile = $uploaddir . $fileName;

$tmpName = $_FILES['userfile']['tmp_name']; $fileSize = $_FILES['userfile']['size'];

$fileType = $_FILES['userfile']['type'];

$query = "SELECT count(*) as jum FROM data_siswa WHERE gbr = '$fileName'";

$hasil = mysql_query($query); $data = mysql_fetch_array($hasil); if(trim($_POST[cmdOk])=="Add")

{

$query = "INSERT INTO data_siswa (id_siswa, nama_siswa, nis, kelamin, alamat_siswa, telpon_siswa, email, username, password, gbr) VALUES

('$_POST[id_siswa]','$_POST[nama_siswa]','$_POST[nis]','$_POST[kelamin]','$_

alert('Maaf...\rFile Tidak Bisa Di upload'); location.href='?page=data_siswa&status=2'; </script>

(19)

if(trim($_POST[cmdOk])=="Update") {

$password=md5(htmlentities($_POST['password'])); $vqupdate="update data_siswa set

nama_siswa='$_POST[nama_siswa]',nis='$_POST[nis]',kelamin='$_POST[kelamin ]',alamat_siswa='$_POST[alamat_siswa]',telpon_siswa='$_POST[telpon_siswa]',e mail='$_POST[email]',username='$_POST[username]',password='$password',gbr=' $fileName' where id_siswa='$_POST[id_siswa]'";

mysql_query($vqupdate);

if (move_uploaded_file($_FILES['userfile']['tmp_name'], $uploadfile)) {

alert('Maaf...\rFile Tidak Bisa Di upload'); location.href='?page=data_siswa&status=2';

<div id="page-heading"> <h1>Data Siswa</h1> </div>

(20)

<tr>

</tr> <tr>

<?php

if($_GET['status']=='1'){ ?>

<td class="green-left">Data berhasil disimpan</td> <td class="green-right"><a class="close-green"><img src="images/table/icon_close_green.gif" alt="" /></a></td> </tr>

<td class="red-left">data gagal di simpan !!!</td> <td class="red-right"><a class="close-red"><img src="images/table/icon_close_red.gif" alt="" /></a></td> </tr>

(21)

<?php } ?>

<table border="0" width="100%" cellpadding="0" cellspacing="0"> <tr valign="top"> data_siswa order by id_siswa desc limit 1");

$ropt2=mysql_fetch_array($opt2); ?>

(22)

<td><input type="text" class="inp-form"

(23)

</table>

</form>

<!-- start product-table

... --> <form id="mainform" action="">

<tr>

<th width="5%" class="table-header-repeat line-left minwidth-1"><a href="">Nomor</a> </th>

<th width="20%" class="table-header-repeat line-left minwidth-1"><a href="">Nama Siswa</a></th>

<th width="7%" class="table-header-repeat line-left minwidth-1"><a href="">Kelamin</a></th>

<th width="12%" class="table-header-repeat line-left minwidth-1"><a href="">Alamat</a></th>

<th width="9%" class="table-header-repeat line-left minwidth-1"><a href="">Telpon</a></th>

<th width="9%" class="table-header-repeat line-left minwidth-1"><a href="">Email</a></th>

<th width="8%" class="table-header-repeat line-left minwidth-1"><a href="">Username</a></th>

<th width="10%" class="table-header-repeat line-left minwidth-1"><a href="">Password</a></th>

<th width="10%" class="table-header-repeat line-left minwidth-1"><a href="">Gambar</a></th>

</tr> <?php

(24)

<a href="javascript:konf_del('?page=data_siswa&act=del&id_siswa=<?php echo"$row[id_siswa]"; ?>')" title="Delete" class="icon-2 info-tooltip"></a>

<a href="javascript:editForm('<?php echo"$row[id_siswa]"; ?>','<?php echo"$row[nama_siswa]"; ?>','<?php echo"$row[nis]"; ?>','<?php

echo"$row[kelamin]"; ?>','<?php echo"$row[alamat_siswa]"; ?>','<?php echo"$row[telpon_siswa]"; ?>','<?php echo"$row[email]"; ?>','<?php echo"$row[username]"; ?>','<?php echo"$row[password]"; ?>','<?php echo"$row[gbr]"; ?>')" title="Edit" class="icon-5 info-tooltip"></a> </td>

<tr>

(25)

$id_pelajaran=$_GET['id_pelajaran'];

$query=mysql_query("select * from tbl_nilai where id_guru='$id_guru' and id_kelas='$id_kelas' and id_pelajaran='$id_pelajaran'");

$cek=mysql_num_rows($query); if($cek=='0'){

//kalo belum ada mode input ?><script

language="javascript">document.location.href="?page=input_nilai_siswa&id_guru =<?php echo $id_guru;?>&id_pelajaran=<?php echo

$id_pelajaran;?>&id_kelas=<?php echo $id_kelas;?>";</script><?php }else{

//kalo sudah ada mode update ?><script

<div id="page-heading"> <h1>Input Nilai</h1> </div>

<tr>

</tr> <tr>

(26)

<?php

if($_GET['status']=='1'){ ?>

<td class="green-left"> Data berhasil disimpan </td> <td class="green-right"><a class="close-green"><img src="images/table/icon_close_green.gif" alt="" /></a></td> </tr>

(27)

</div>

<form id="mainform" action="">

<tr>

<th width="60%" class="table-header-repeat line-left minwidth-1"><a href="">Nama Mata Pelajaran</a></th>

<th width="30%" class="table-header-repeat line-left minwidth-1"><a href="">Kelas</a></th>

</tr> <?php

$id_guru=$_SESSION['id_guru'];

$view=mysql_query("select * from tbl_jadwal jadwal, setup_kelas kelas, setup_pelajaran pelajaran where jadwal.id_kelas=kelas.id_kelas and

jadwal.id_pelajaran=pelajaran.id_pelajaran and jadwal.id_guru='$id_guru' order by id_jadwal asc");

<td><a href="?page=input_nilai&id_guru=<?php echo

$id_guru;?>&id_pelajaran=<?php echo $row['id_pelajaran'];?>&id_kelas=<?php echo $row['id_kelas'];?>" style="text-decoration:underline" title="Pilih Mata Pelajaran"><?php echo $row['nama_pelajaran'];?></a></td>

<tr>

(28)

</table>

<li><a href="?page=setup_kelas">Kelas</a></li> <li><a href="javascript:;">»</a></li>

<li><a href="?page=setup_pelajaran">Pelajaran</a></li> <li><a href="javascript:;">»</a></li> <li><a href="?page=udt_galeri">Galeri</a></li> </ul>

<ul class="select"><li><a href="javascript:;"><b>Data Induk</b></a>

<div class="select_sub">

<li><a href="?page=data_guru">Guru</a></li> <li><a href="javascript:;">»</a></li> <li><a href="?page=data_siswa">Siswa</a></li> </ul>

</div>

</li>

(29)

<li><a href="?page=jadwal_ruangkelas">Ruang Kelas</a></li> <li><a href="javascript:;">»</a></li>

<li><a href="?page=jadwal_pengajaran">Pengajaran</a></li> </ul>

<li><a href="?page=laporan_penilaian_admin">Penilaian</a></li> <li><a href="javascript:;">»</a></li>

(30)

<ul class="select"><li><a href="javascript:;"><b>Activity</b></a>

<div class="select_sub">

<li><a href="?page=input_nilai">Input Nilai</a></li> <li><a href="javascript:;">»</a></li>

<li><a href="?page=kirim_soal">Kirim Soal</a></li> </ul>

<li><a href="?page=laporan_penilaian">Penilaian</a></li> <li><a href="javascript:;">»</a></li>

(31)

</li>

<li><a href="?page=hasil_nilai">Hasil Nilai</a></li> <li><a href="javascript:;">»</a></li>

<li><a href="?page=kirim_tugas">Kirim Tugas</a></li> </ul>

<li><a href="#">Penilaian</a></li>

(32)

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

hasil=window.confirm("Apakah Anda yakin ingin menghapus data ini ?"); if (hasil==true)

(33)

<h1>Jadwal Pengajaran</h1> </div>

<tr>

</tr> <tr>

<?php

if($_GET['status']=='1'){ ?>

<td class="green-left"> Data berhasil disimpan !!! </td> <td class="green-right"><a class="close-green"><img src="images/table/icon_close_green.gif" alt="" /></a></td> </tr>

(34)

$guru=mysql_query("select * from data_guru order by nama_guru asc");

while($row1=mysql_fetch_array($guru)){ ?>

<?php from setup_pelajaran order by nama_pelajaran asc");

while($row2=mysql_fetch_array($pelajaran)){

(35)

<option value="<?php echo

$kelas=mysql_query("select * from setup_kelas order by nama_kelas asc");

while($row3=mysql_fetch_array($kelas)){

?>

(36)

<td><img src="images/shared/blank.gif" width="695" height="1"

<p><em>*Tidak boleh 1 Kelas, 1 Pelajaran di ajarkan oleh 2 Guru atau lebih<br /></em> </p>

<!-- start product-table

... --> <form id="mainform" action="">

<tr>

<th width="24%" class="table-header-repeat line-left minwidth-1"><a href="">Mata Pelajaran</a></th>

<th width="24%" class="table-header-repeat line-left minwidth-1"><a href="">Kelas</a></th>

</tr> <?php

$view=mysql_query("select * from tbl_jadwal jadwal, setup_kelas kelas, setup_pelajaran pelajaran, data_guru guru where

jadwal.id_kelas=kelas.id_kelas and jadwal.id_pelajaran=pelajaran.id_pelajaran and jadwal.id_guru=guru.id_guru order by id_jadwal asc");

(37)

<a

href="javascript:konf_del('?page=jadwal_pengajaran&act=del&id_jadwal=<?php echo"$row[id_jadwal]"; ?>')" title="Delete" class="icon-2 info-tooltip"></a> <a href="" title="Edit" class="icon-5 info-tooltip"></a> </td>

</tr>

<?php } ?> </table>

</form>

</div>

</td>

<tr>

(38)

DAFTAR PUSTAKA

Albahra bin Ladjamudin. 2005. Analisa dan Desain Sistem Informasi. Edisi 1. Yogyakarta: Graha Ilmu.

John j Longkutoy. 1996. Pengenalan Komputer. Cetakan 12. Jakarta: PT. Mutiara Sumber Widya.

Al-Bahara Bin Ladjamudin. Analisis dan Desain Sistem Informasi. Yogyakarta: PT.GRAHA ILMU. 2005

T j a h a n a , A g u s . 2 0 0 5 .P e t u n j u k T e k n i s A d m i n i s t r a s i K e p e g a w a i a n.

J a k a r t a .

Albahra bin Ladjamudin. 2005. Analisa dan Desain Sistem Informasi. Edisi 1. Yogyakarta: Graha Ilmu.

Kadir, Abdul. 2008. Dasar Pemograman Web Dinamis Menggunakan PHP.Yogyakarta:Andi Offset.

Kartoyo, Haris Supriansyah. 2006. 30 Menit Menjadi Webmaster. Bandung: Oase Media.

Syafii, M. 2005. Panduan Membuat Aplikasi Database dengan PHP 5. Yogyakarta: Andi

Offset.

RS, Bernard. Pijono, A. Agustaf R. 2005. Mudah dan Cepat Menguasai Pemrograman

WEB. Bandung: Informatika Bandung.

Peranginangin,Kasman.2006.Aplikasi Web dengan PHP dan

(39)

BAB 3

PROFIL SMA KARTIKA 1-1 MEDAN

3.1 SEJARAH SMA KARTIKA 1-1 MEDAN

Yayasan Tunas Kartika adalah salah satu SMA unggulan di Medan yang berdiri sejak tahun 1970 dengan nama Yayasan Tunas Kartika. Semangat untuk memberikan nilai tambah bagi organisasi dengan kelahiran yayasan saat itu sangatlah besar,meskipun kelahiran Yayasan Tunas Kartika pada saat itu masih dikukuhkan dalam kalangan sendiri,dalam arti belum berbentuk sebagai sebuah badan hukum yang disyahkan okeh notaris.Keadaannya untuk menuju pengukuhan sebagai badan hukum masih dalam pemrosesan yang memerlukan waktu karena pada saat itu lingkungan kepengurusan masih sedang berada pada tahap belajar.Sebuah yayasan masih merupakan pengalaman pertama.Di induk organisasi sendiri,yaitu Persit Pengurus Pusat,keberadaan yayasan masih dikatakan masih baru,dihitung sejak diresmikan oleh almarhum Nyoya Siti Hartinah,selaku Ketua Umum Dewan Pimpinan Pusat Persit Kartika periode 1966 sampai 1968.

Sewaktu diresmikan,Yayasan Tunas Kartika mengelola 15 sekolah yang rinciannya sebagai berikut : 8 Taman Kanak-Kanak (TK), 3 Sekolah Dasar(SD),2 Sekolah Lanjutan (SMP),kemudian 1 Sekolah menengah umum(saat itu SMA) dan 1 Sekolah Kesejahteraan Keluarga Atas(SKKA).

(40)

Sedaryanto langsung melaksanakan tugas nya penuh semangat.Belia mulai mengadakan konsulisasi disalam kemudian melanjutkan kebijakan para pendahulu.Apakah itu pada masalah-masalah interen kepengurusan yayasan maupun ekstern dalam arti masalah pengelolaan sekolah-sekolah dibawah naungan Yayasan Tunas Kartika.

Pada awal masa tugas beliau, tepatnya pada tanggal 13 Desember 1995, ditingkat kepengurusan pusat mengadakan Rakorpus (Rapat Koordinasi Pengurus Pusat) ke I di Balai Kartini Jakarta yang membahas masalah yayasan. Beliau ikut hadir dengan didampingi Wakil Ketua Yayasan Tunas Kartika, Ketua harian, dan Ketua Bidang Pendidikan Hasil rapat tersebut,yang paling penting adalah memutuskan membubarkan yayasan di lingkungan Persit Kartika chandra Kirana Pengurus Daerah,Pengurus Gabungan,pengurus Cabang RS. Untuk kemudian dijadikan dibawah satu naungan (peleburan) menjadi Yayasan Kartika Jaya. Pembubaran dan peleburan itu kemudian diikuti dengan dikeluarkannya surat resmi dari Ketua Umum Persit Kartika Chandra Kirana Nomor : Skep/48/XII/1995 yang disertai pula oleh Anggaran dasar dan Anggaran Rumah Tangga yang baru.

Menyesuaikan dengan keputusan tersebut dan berdasarkan Anggaran Dasar dan Anggaran Rumah Tangga yang baru, maka dalam lingkup kerja kepengurusan persit Kartika Chandra Kirana Daerah I/Bukit Barisan,yayasan kita kemudian menjadi “Yayasan Kartika Jaya Perwakilan I daerah Bukit Barisan”.

(41)

dengan notaris dalam rangka pembuatan akte pembubaran dan seterusnya.Termasuk juga mengadakan perubahan struktur organisasi,sekaligus mengubah susunan pengurus dan penggantian nama-nama sekolah sesuai dengan tingkat kepengurusan Persit Kartika Chandra Kirana dan Yayasan Kartika Jaya seperti yang tertuang dalam Skep/57/VIII/1996 tentang penetapan nama sekolah. Misalnya saja, untuk wilayah Kepengurusan Daerah I yang berkedudukan di Medan, SMU Tunas Kartika I berubah nama menjadi SMU Kartika 1-1, kemudian SMU Tunas Kartika II menjadi SMU Kartika 1-2 dan seterusnya sampai pada tingkatan Koorcab yang berdiri sendiri.

Setelah semua tahapan selesai dilaksanakan,dilanjutkan dengan pengesahan Akte Notaris yang dilakukan tanggal 6 Februari 1996. Akte bernomor 11 ini, kemudian dikenal dengan “Akte Pembubaran dan Peleburan”,diluarkan oleh

Notaris Supriyatno SH pengganti sementara dari Notaris Djaidir SH.

Sekarang ini, menjelang Ulang Tahunnya yang ke 27 jika dihitung berdasarkan Akte Notaris bernomor 14 yang dikeluarkan oleh notaris Kusmulyanto Ongko pada tanggal 14 Oktober 1980, sekolah – sekolah yang dikelola Yayasan Kartika Jaya Perwakilan I Daerah Bukit Barisan berjumlah : 89 sekolah, dengan rincian sebagai berikut : Taman Kanak-Kanak (TK) sebanyak 64 sekolah, Sekolah Dasar (SD) 12 sekolah, Sekolah Menengah Tingkat Pertama (SMTP) 7 sekolah dan Sekolah Menengah Umum (SMU) 5 sekolah,serta 1 (satu) sekolah kejuruan (STM). Dengan jumlah siswa diperkirakan 14.410 anak didik.

(42)

Mengenai dukungan dana untuk terselenggaranya proses belajar-mengajar,sekolah-sekolah tersebut memperoleh bantuan rutin dari yayasan yang berasal dari sumbangan pokok para murid (SPP), kemudian bunga deposito, bantuan dari Persit Kartika Chandra Pengurus Pusat Daerah, bantuan dari Persit Kartika Chandra Pengurus Pusat dan Daerah, bantuan rutin dari Depdikbud, serta hasil dari bidang usaha, seperti yang telah diutarakan sebelumnya, bahwa seksi usaha mendapat dana dari hasil penjualan keperluan dari para pelajar(seragam, alat-alat tulis dan lain-lain), penyewaan kantin,penyewaan gedung sekolah (sore hari),penyewaan aula Persit di jalan Binjai dan Aula di Gaperta yang dibangun oleh Zidam Kodam I/Bukit Barisan, dan sumber dana lainnya yang sifatnya tidak tetap dan tidak mengikat.

3.2 STRUKTUR KEPENGURUSAN

Kepengurusan merupakan salah satu alat untuk mencapai tujuan secara efektif dan rasional.Pembentukan struktur kepengurusan dan pendelegasian tugas merupakan unsur utama dan alat utama untuk mencapai kontrol yang baik.Kepengurusan berarti menentukan bagian-bagian mana yang diperlukan untuk mencapai suatu hasil dan menentukan bagian-bagian mana yang diperlukan untuk mencapai suatu hasil dan menentukan kerjasama yang sesuai antara bagian.

(43)

BP

mengetahui kegiatan-kegiatan yang harus dilakukan dan batas-batas kekuasaan yang ada padanya.Adapun struktur kepengurusan Yayasan Kartika Jaya adalah:

STRUKTUR KEPENGURUSAN YAYASAN KARTIKA JAYA PERWAKILAN/CABANG

BIDANG ORGANISASI SEKERTARIS BENDAHARA

(44)

BAB 4

ANALIS DAN PERANCANGAN SISTEM

4.1 Analis Sistem

Untuk memulai membangun suatu website yang berupa aplikasi sistem informasi berbasis wwb, penulis terlebih dahulu merencanakan alur kerja berdasarkan kebutuhan dari user yang akan menggunakan aplikasi berbasis web yang akan dibuat.

Langkah yang akan penulis ambil adalah membuat outline atau garis besar dari situs tersebut. Salah satu cara yang dapat digunakan adalah dengan membuat aliran informasi atau flowchart (bagan alir) situs tersebut. Flowchart merupakan gambaran yang menampilkan struktur, hierarki dan isi halaman per halaman, biasanya berbentuk pohon yang bercabang-cabang.

(45)

Gambar 4.1 Flowchart Menu Utama START

Buka Koneksi Database

Halaman Login

Dashboard

Halaman web

Login : Admin, Guru, Siswa

Profil, Visi dan Misi SMA-KARTIKA I-1 MEDAN

Menu Admin, Guru, dan Siswa

Menu Utama

Close

Tutup Koneksi Database

(46)

4.2 Perancangan Sistem

Perancangan sistem adalah merupakan upaya perusahaan untuk memulai memiliki sistem baik yang lama maupun untuk memiliki sistem yang baru. Perancangan sistem dilakukan setelah mendapat gambaran dengan jelas apa yang harus dikerjakan.

Agar lebih mudah untuk memahaminya, maka penulis membuat perancangan sistem dalam Tugas Akhir ini. Metode perancangan sistem yang penulis lakukan didalam penyusunan Tugas Akhir ini terdiri dari Perancangan Data Flow Diagram (DFD), Perancangan Normalisasi dan Database serta Perancangan Data Flowchart.

4.2.1. Perancangan Masukan (Input)

Kualitas sistem input menentukan kualitas sistem output. Dengan berusaha membuat sistem input yang dibentuk secara bagus, penganalisis sistem menyatakan bahwa input yang buruk mengundang pertanyaan tentang kepercayaan terhadap keseluruhan sistem. Adapun tujuan perancangan masukan (input) adalah :

1. Membuat penyelesaian input yang mudah dan efisien. 2. Menjamin input akan memenuhi tujuan yang diharapkan. 3. Menjamin penyelesaian yang tepat.

(47)

5. Membuat input yang tidak rumit.

6. Membuat tampilan layar dan formulir yang konsisten.

Adapun perancangan masukan (input) yang ingin penulis perbuat adalah sebagai berikut :

Menu-menu dalam situs

Setelah semua data di input, maka akan didapat /diperoleh hasil keluaran dari data yang diinput, keluaran yang dihasilkan berupa form pengajuan cuti

keluaran yang dihasilkan berupa form input penjadwalan

Footer

Gambar 4.2 Perancangan Masukan (Input)

4.2.2. Perancangan Keluaran (Output)

Output adalah informasi yang dikirim kepada para pengguna melalui sistem informasi lewat internet, extranet, atau wprld wide web (www). Beberapa data memerlukan pemrosesan yang ekstensif sebelum menjadi keluaran yang layak, data-data lainnya disimpan, dan ketika diperoleh, dianggap sebagai output dengan sedikit atau tanpa pemrosesan sama sekali. Ada 6 (enam) tujuan dari keluaran (output) yaitu :

Input data siswa/guru

Input nilai siswa

(48)

1. Merancang output untuk tujuan khusus.

2. Membuat output bermanfaat bagi para pengguna. 3. Mengirim jumlah output yang tepat.

4. Menyediakan distribusi output yang tepat. 5. Menyediakan output tepat waktu.

6. Memilih metode output yang paling efektif.

Adapun perancangan keluaran (output) yang ingin penulis perbuat adalah sebagai berikut :

Menu-menu dalam situs

Footer

Gambar 4.3 Perancangan Keluaran (Output) Setup Kelas dan Pelajaran

Data induk Guru dan Siswa

(49)

4.2.3. Perancangan Database

Perancangan struktur database adalah untuk menentukan file database yang digunakan seperti field, tipe data dan ukuran data. Sistem ini dirancang dengan menggunakan bahasa pemrograman PHP dan didukung oleh database. Database merupakan tempat penyimpanan data yang distrukturkan dan disimpan ke dalam tabel. Database ini menggunakan MySql.

Ada beberapa macam dari database yang akan dibutuhkan dalam perancangan situs ini, antara lain data pegawai, data cuti, pegawai, administrator dan hak akses. Database tersebut dapat berdiri sendiri dan juga dapat digabung menjadi satu kesatuan. Menggabung dua atau lebih jenis database sering juga disebut mengkorelasikan.

Adapun rancangan database yang digunakan dalam pembuatan sistem informasi ini adalah sebagai berikut:

1. Tabel Admin terdiri dari :

Field Jenis

Id Integer(3)

Nama_admin Varchar(20)

User_name Varchar(20) Password Varchar(100)

4.1Tabel Admin

2. Tabel data siswa terdiri dari :

Field Jenis

(50)

(51)

5. Tabel setup_pelajaran

4.4Tabel setup_pelajaran

4.2.4. Perancangan Data Flow Diagram (DFD)

Didalam penyusunan Tugas Akhir ini, penulis melakukan perancangan awal sistem dengan menggunakan Data Flow Diagram (DFD) sesuai dengan data hasil penelitian. Data Flow Diagram (DFD) merupakan suatu bagian yang menggambarkan urutan kerja/proses secara garis besar. Dengan diagram aliran data dapat dipahami bagaimana sistem tersebut berjalan.

Id Int(3)

(52)

Adapun sombol-simbol yang digunakan pada DFD adalah sebagai berikut :

No Nama Simbol Gambar Keterangan

1

2

3

4

External Entity / Terminator (Kesatuan Luar)

Proses

Data Store.

Data Flow (Arus Data)

External Entity / Terminador / Kesatuan luar digambarkan dengan notasi/simbol kotak berbentuk bujur sangkar. Simbol ini menggambarkan suatu proses atau

transformasi data.

Simbol ini untuk

memudahkan mengambarkan simpanan data

Simbol/notasi ini

(53)

4.2.5. Perancangan Flowchart (Diagram Alir)

Adapun flowchart untuk perancangan output administrator yaitu:

Gambar 4.4 Login Administrator Start

Login

Input „User ID‟ & „Password‟

Status=Admin

Tampilkan Menu Admin

End

User ID dan Password Salah N

(54)

4.2.6. Flowchart Penambahan Data Guru

Gambar 4.4 Flowchart Penambahan Data Guru

Database Simpan

Start

Menu Admin

Pilih Kategori

Ubah Password Lihat Data

Guru

Form Tampilan Data Guru

Tambah Data Guru

End

Form Pengisian

Data Guru Y

Y N

(55)

4.3 Algoritma Program

Algoritma adalah urutan langkah-langkah berhingga untuk memecahkan masalah logika atau matematika. Adapun algoritma yang akan dibahas antara lain, yaitu :

4.3.1. Algoritma Menu Utama

Langkah 1 : Aktifkan browser Interner Explorer atau Mozilla Firefox,

ketik address bar http://localhost/db_akademik/ kemudian ketik icon

”Go” pada sudut kanan address bar, maka akan tampil halaman utama website.

Langkah 2 :Dengan demikian kita akan di bawa langsung masuk ke menu utama

Yang menampilikan menu login.

Langkah 3 : Jika ingin login, maka masukkan username dan password. Setelah masuk anda dapat melihat nilai, galeri visi dan misi SMA KARTIKA I-1 Medan

(56)

4.3.2. Algoritma Admin

Langkah 1 : Aktifkan browser Interner Explorer atau Mozilla Firefox,

ketik address bar http://localhost/db_akademik/ kemudian ketik icon

”Go” pada sudut kanan address bar, maka akan tampil halaman utama website.

Langkah 2 :Untuk melakukan login, masukkan user login dan password di tempat web login, lalu klik login.

Langkah 3 : Periksa user login dan password yang dimasukkan, jika benar maka tampil halaman selanjutnya, dan jika salah maka mucul peringatan untuk memperbaiki user login dan password.

Langkah 4 : Pilih salah satu menu yang ada di halaman Admin, lalu kita akan masuk ke jendela menu yang dipilih, seperti

(57)

BAB 5

IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem

Implementasi sistem adalah prosedur-prosedur yang dilakukan dalam penyelesaian desain sistem yang ada dalam rancangan sistem yang telah ditetapkan dan disetujui seperti menginstal, menguji sistem yang dibuat dan memulai sistem yang baru.

5.2 Tujuan Implementasi Sistem

Adapun tujuan dari implementasi sistem ini adalah sebagai berikut: 1. Menyelesaikan desain sistem yang telah disetujui sebelumnya.

2. Memastikan bahwa pemakai (user) dapat mengoperasikan sistem baru 3. Menguji apakah sistem baru tersebut sesuai dengan pemakai

(58)

5.3 Komponen- komponen kebutuhan sistem

Untuk menunjang penerapan sistem yang dirancang , dibutuhkan komponen-komponen yang sangat berperan terhadap kebutuhan sistem. Berikut beberapa komponen yang dibutuhkan sistem agar dapat beroperasi dengan baik.

5.3.1 Hardware

Komponen ini merupakan komponen pertama yang sangat diperlukan dalam mewujudkan sistem yang diusulkan. Dalam hal ini merincikan spesifikasi hardware yang diajukan adalah sebagai berikut:

a. Komputer dengan processor Intel Pentium 4 b. Memori RAM 256 MB atau lebih

c. Kapasitas Hardisk minimal 10 GB

d. Microsoft Windows 2000 service pack 4 atau XP Home e. Microsoft Windows XP Professional (lebih disarankan)

5.3.2 Software

Dengan adanya hardware saja, tentu tidak akan dapat digunakan tanpa adanya bantuan penuh dari komponen Software. Adapun Software yang digunakan dalam pembuatan website ini adalah:

a. Sistem Operasi Windows XP

(59)

dikenal cara pengoperasiannya atau penggunaannya disbanding sistem operasi lain. Oleh karena itu penulis menggunakan sistem operasi ini.

Gambar 5.1 Halaman Tampilan antar muka Sistem Operasi Windows XP

b. Macromedia Dreamweaver 8

(60)

Gambar 5.2 Halaman Tampilan Macromedia Dreamweaver 8

c. XAMPP

(61)

Gambar 5.3 Tampilan Antar Muka Web Server

5.3.3 Brainware

(62)

5.4 Demonstrasi Program

Aplikasi sistem informasi SMA Kartika 1-1 berbasis web yang penulis rancang ini memiliki beberapa halaman. Halaman – halaman yang akan ditampilkan merupakan halaman- halaman program yang penulis rancang:

5.4.1 Halaman Login Admin

Halaman login admin adalah halaman khusus admin. Sebelum admin masuk ke dalam halaman web nya, admin harus melakukan login terlebih dahulu di halaman login admin dengan cara mengisi kotak USERNAME dan memasukkan PASSWORD serta pilih AKSES admin

(63)

5.4.2 Halaman Menu Admin

Pada saat admin sukses melakukan proses login maka akan tampil menu admin, dimana pada menu tersebut admin dapat menambah, mengedit dan menghapus data.

Gambar 5.5 Halaman Menu Admin

5.4.3 Halaman Menu Setup Kelas

(64)

Gambar 5.6 Halaman Menu Setup Kelas

5.4.4 Halaman Menu Setup Pelajaran

(65)

Gambar 5.7 Halaman Menu Setup Pelajaran

5.4.5 Halaman Menu Setup Galery

(66)

Gambar 5.8 Halaman Menu Setup Galery

5.4.6 Halaman Menu Data Induk Guru

(67)

Gambar 5.9 Halaman Menu Data Induk Guru

5.4.7 Halaman Menu Data Induk Siswa

(68)

Gambar 5.10 Halaman Menu Data Induk Siswa

5.4.8 Halaman Menu Laporan

Dihalaman ini terdapat laporan penilaian siswa dan report prestasi yang dapat dilihat oleh siswa-siswa SMA Kartika 1-1 Medan.

(69)

BAB 6

KESIMPULAN DAN SARAN

6.1Kesimpulan

Pembahasan mengenai perancangan data berbasis web pada SMA KARTIKA 1-1 Medan,maka penulis menyimpulkan bahwa:

1. Dengan adanya perancangan data berbasis web yang akan datang, dapat dilakukan dengan cepat, tepat, dan akurat.

2. Pembuatan program dengan menggunakan PHP dam Mysql lebih

memudahkan dalam hal perancangan maupun untuk hasil akhirnya (output) dan lebih mudah dimengerti oleh pemakai

6.2 Saran

Dalam hal ini, penulis memberikan saran yang bermanfaat untuk kemajuan SMA Kartika 1-1 Medan, yaitu:

1. SMA Kartika 1-1 Medan disarankan menggunakan jasa komputer dengan memakai sistem informasi yang telah dirancang untuk meningkatka efisiensi kerja.

(70)

(71)

BAB 2

LANDASAN TEORI

2.1 Pengertian Komputer

Dalam merancang sebuah sistem informasi, digunakan suatu alat pendukung yaitu komputer. Komputer diambil dari bahasa inggris, yaitu to compute yang berarti menghitung. Dengan demikian maka komputer dapat diartikan sebagai alat hitung atau mesin hitung.

Sehubungan dengan perkembangan zaman maka defenisi komputer tidak hanya sebagai alat hitung tetapi menjadi alat pengolah data yang bekerja secara elektronik dengan kecepatan dan ketelitian yang tinggi serta dapat menyimpan data dalam memory/stage unitnya. Komputer juga dapat mengingat kembali dimana letak data yang disimpannya sehingga mesin tersebut dapat melakukan semua proses secara kontinu dan otomatis dengan keterlibatan manusia.

(72)

Pengolahan data merupakan suatu kegiatan pengolahan data atau informasi sehingga data itu berguna sesuai dengan hasil yang diinginkan dan dapat segera dipakai. Dalam kegiatan tersebut dibutuhkan peralatan-peralatan (komponen-komponen) di dalam komputer yang kita kenal dengan Hardware (perangkat keras), Software (perangkat lunak), Brainware (tenaga pelaksana), prosedur-prosedur, data dan staf pengolahan data. Untuk lebih jelasnya defenisi komputer adalah “Alat pengolah data yang bekerja secara elektronis dengan kecepatan dan

ketelitian yang sangat tinggi dan mampu mengerjakan berbagai proses dengan keterlibatan manusia yang minimum sehingga menghasilkan output berupa informasi”. Minimumnya keterlibatan manusia dalam hal ini hendaklah diartikan

secara terbatas, yakni pada saat komputer tersebut menjalankan pengolahan data.

2.2 Pengertian Data, Informasi, Sistem dan Sistem Informasi

Adapun pengertian dari komponen-komponen yang mendukung sistem informasi adalah sebagai berikut:

1. Data

(73)

diperoleh dari pengamatan. Data dapat menerangkan manusia, benda, kejadian atau lembaga organisasi.

Kegunaan dari data itu sendiri adalah sebagai bagian dasar dari objektif dalam proses penyusunan kebijakan dan keputusan oleh seorang pemimpin organisasi. Dalam setiap sistem pengolahan data merupakan sumber semua informasi yang dapat dihasilkan.

Menurut John L. Pfaltz dalam bukunya mengatakan bahwa “data adalah

merupakan sekumpulan angka-angka, simbol-simbol”. Jadi data adalah bahan mentah yang digunakan dan dimanipulasi komputer.

Sedang Gondodiyoto mengatakan bahwa “data dapat menyatakan segala

suatu hal peristiwa atau keyataan lain apapun yang memandang pengetahuan yang dijadikan dasar penyusunan keterangan dalam pembuatan kesimpulan”.

Jelasnya data dapat berupa apa saja dan dapat ditemui dimana saja. Kegunaan dari data adalah sebagai bahan yang objektif didalam proses penyusunan kebijaksanaan dan keputusan oleh Pimpinan Organisasi.

(74)

2. Informasi

Informasi dapat didefinisikan sebagai data yang telah diolah menjadi suatu hasil yang lebih berguna dan berarti bagi si penerima informasi. Sumber suatu informasi adalah data. Tanpa data kita tidak mengetahui kejadian yang terjadi pada suatu tempat dan waktu tertentu.

Bila kita mendengar kata informasi, kita sudah merasa bahwa informasi adalah sesuatu yang harus kita ketahui, karena informasi merupakan kebutuhan yang sangat penting untuk perkembangan kepribadian seseorang maupun perkembangan perusahaan dan instansi pemerintah.

Kebanyakan ahli informasi mendefenisikan informasi sebagai data yang digunakan sebagai dasar pengambilan keputusan, dengan kata lain informasi itu dihasilkan dari data yang berguna dalam pemecahan masalah-masalah.

Kualitas Informasi yaitu:

1. Akurat, informasi harus bebas dari kesalahan serta konsisten atau tidak mengandung kontradiksi.

2. Tepat waktu, informasi yang terlambat datang tidak akan mempunyai arti.

(75)

6. Handal, diperoleh dari sumber yang dapat diandalkan, tanpa dikurangi atau ditambahi (apa adanya).

3. Sistem

Istilah sistem paling sering digunakan untuk menunjukkan pengertian metode atau cara untuk suatu himpunan unsur atau komponen yang saling berhubungan satu dengan lainnya sehingga menyebabkan satu kesatuan yang utuh. Kata sistem berasal dari bahasa Yunani yang artinya kesatuan. Satu kesatuan yang paling ketergantungan dan saling bekerja sama untuk mencapai satu tujuan usaha tertentu. Untuk mengetahui lebih jelas apa sebenarnya sistem tersebut, maka sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama untuk melakukan suatu kegiatan atau untuk menyelesaikan suatu sasaran tertentu.

Elemen yang membentuk suatu sistem secara umum yaitu:

1. Masukan (input) adalah segala sesuatu yang masuk ke dalam sistem dan selanjutnya menjadi bahan untuk diproses.

2. Pengolahan (proses) adalah bagian dari sistem yang berfungsi sebagai pengolah yang mengubah masukan menjadi keluaran yang berguna.

(76)

Dengan demikian sistem tidak dapat dipisahkan karena bagian-bagiannya saling berhubungan antara yang satu dengan yang lainnya dalam pencapaian suatu tujuan tertentu dan sistem bukanlah seperangkat unsur yang tersusun secara teratur tetapi dari unsur yang dikenal dan saling melengkapi.

4. Sistem Informasi

Sistem informasi merupakan sekumpulan elemen yang saling berhubungan satu sama lain untuk membentuk satu kesatuan yang menggabungkan data, memproses, menyimpan, mendistribusikannya, sehingga dapat digunakan sebagai bahan dalam pengambilan keputusan dan mengendalikannya.

Sistem informasi didefenisikan oleh Robert A. Leitch dan K. Roscoe Davis sebagai berikut:

“Sistem informasi adalah suatu sistem di dalam organisasi yang mempertemukan

kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial, dan kegiatan stategis dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan”.

Berdasarkan defenisi dari sistem informasi yang telah dijelaskan, diketahui bahwa sistem informasi merupakan suatu sistem yang menyediakan informasi yang sangat berguna dalam hal pengambilan keputusan. Sistem tersebut mempunyai keterkaitan yang sangat erat dengan berbagai bagian dalam organisasi.

(77)

2.3 Desain Database

Database (basis data) adalah merupakan kumpulan-kumpulan informasi yang bermanfaat yang diorganisasikan kedalam suatu tata cara yang khusus yang saling terkait sehingga memudahkan aktivitas untuk memperoleh informasi. Basis data dimaksudkan untuk mengatasi problem pada sistem yang memakai pendekatan berbasis berkas.

Bila terdapat file yang tidak dapat dipadukan atau dihubungkan dengan file yang lainnya, berarti file tersebut bukanlah kelompok dari satu database, melainkan membentuk satu database sendiri. Database juga merupakan landasan bagi pembuatan dan pengembangan program aplikasi. Oleh sebab itu, database harus dibuat sedemikian rupa sehingga pembuatan program lebih mudah dan cepat.

Fungsi sistem database pada umumnya didalam komputer adalah sebagai berikut:

1. Menambah file yang baru ke dalam sistem database. 2. Mengosongkan file.

3. Menyisip data ke dalam suatu file.

4. Mengambil data yang terdapat di dalam file. 5. Mengubah data yang terdapat di dalam suatu file.

6. Menyajikan suatu informasi yang diambil dari beberapa file.

(78)

komputer pribadi IBM (IBM PC, IBM PC XTTM dan personel komputer AT) dan piranti penyimpanan yang berkapasitas tinggi dengan harga rendah, maka sistem manajemen database yang cukup besar dapat diimplementasikan hanya dengan investasi yang tidak terlalu mahal. Sebagai akibatnya, lebih banyak sistem manajemen database yang dikembangkan untuk penerapan pribadi dan bisnis. Jadi Defenisi Database adalah sekumpulan informasi yang berguna diorganisasikan dalam suatu bentuk yang spesifik.

2.3.1 Database Management System (DBMS) dan Bahasa Database

Untuk mengelola basis data diperlukan perangkat lunak yang disebut DBMS. DBMS adalah perangkat lunak yang memungkinkan para pemakai membuat, memelihara, mengontrol, dan mengakses basis data dengan cara praktis dan efisien. DBMS dapat digunakan untuk mengakomodasi berbagai macam pemakai yang memiliki kebutuhan akses yang berbeda-beda.

DBMS merupakan antarmuka bagi pemakai dalam mengorganisasikan database yang disusunnya. Pemakai dapat berinteraksi dan mengeksplorasi database dengan mudah dan praktis dengan menggunakan perintah-perintah yang sederhana yang dibuat dalam bahasa. Bahasa itu disebut bahasa database yang terdiri dari dua kelompok yaitu Data Defenition Language (DDL) dan Data Manipulation Language (DML).

(79)

tersebut. Hasil dari kompilasi perintah DDL berupa kamus data (Data Dictionary). DML merupakan bahasa yang mempermudah pemakai untuk melakukan eksplorasi terhadap database yang telah dibangun.

2.4 Sekilas tentang PHP (Personal Home Page)

PHP merupakan bahasa pemrograman berbasis web yang terbukti sangat reliable

penggunaanya dan mempunyai dukungan yang kuat. Dukungan tersebut ialah

kemampuan dari PHP untuk terintegrasi dengan berbagai macam jenis database.

Mengapa PHP selalu identik dengan database? Berbicara mengenai PHP tentu

kita harus berbicara tentang internet karena PHP ialah bahasa pemrograman

berbasis web. Artinya, untuk membangun sebuah website yang dinamis, dibutuhkan

kemampuan bahasa pemrograman yang digunakan, yaitu mudah terintegrasi ke

dalam database.

PHP sudah tidak diragukan lagi kemampuannya tergabung dengan berbagai

macam jenis database, mulai dari dbase, ODBC, MySql sampai ke Oracle. PHP

mempunyai fungsi sendiri untuk mengakses semua jenis database tersebut. PHP

merupakan produk open source yang akan terus dikembangkan agar lebih sempurna

dan tidak terbatas penggunaannya. Misalnya, pada PHP versi 3 tidak ada fungsi

session, semenjak PHP versi 4 kita sudah dapat menggunakan fasilitas session.

Bahasa pemrograman ini semakin hari semakin canggih. PHP versi sekarang ialah

PHP versi 5.

(80)

PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP bernama FI (Form Interpreted). Pada saat tersebut PHP adalah sekumpulan script yang digunakan untuk mengolah data form dari web. Perkembangan selanjutnya adalah Rasmus melepaskan kode sumber tersebut dan menamakannya PHP/FI, pada saat tersebut kepanjangan dari PHP/FI adalah Personal Home Page/Form Interpreter. Dengan pelepasan kode sumber ini menjadi open source, maka banyak programmer yang tertarik untuk ikut mengembangkan PHP. Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini interpreter sudah diimplementasikan dalam C. Dalam rilis ini disertakan juga modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.

Pada tahun 1997, sebuah perusahaan bernama Zend, menulis ulang interpreter PHP menjadi lebih bersih, lebih baik dan lebih cepat. Kemudian pada Juni 1998 perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan nama rilis tersebut menjadi PHP 3.0.

Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak dipakai. Versi ini banyak dipakai sebab versi ini mampu dipakai untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan proses dan stabilitas yang tinggi.

(81)

menjawab perkembangan bahas pemrograman kearah pemrograman berorientasi objek.

2.4.2 Keuntungan menggunakan PHP

PHP terkenal dengan 4 kelebihannya :

1. Practical / Praktis :

PHP adalah bahasa pemrograman yang sangat longgar dalam penulisan,

dan ini meningkatkan kepraktisan buat para penggunanya. Misalnya saja

programmer tidak diharuskan untuk menuliskan atau menghapus

variabel. Walaupun kadang mereka juga tidak bisa mengatakan dengan

mudah yang kemudian dipanggil dalam sebuah skrip, menebak formula

terbaik dalam penetapan variabel secara otomatis kemudian menghapus

variabel dan dan mengembalikan resource ke sistem setelah skrip

berhasil di eksekusi.Pada akhirnya, PHP mampu membuat programmer

lebih berpikir pada tujuan akhir dari project yang akan dibuat.

2. Power

PHP mampu membuat halaman dinamis, memanipulasi form, dan dapat dihubungkan dengan database. Selain itu PHP juga dapat menangani hal-hal dibawah ini:

a. Membuat dan memanipulasi file Macromedia Flash, gambar, dan Portable Document Format (PDF).

(82)

c. Berkomunikasi dengan LAPD.

d. Menguraikan string, bahkan yang kompleks sekalipun, dengan menggunakan POSIX dan Perl Based Regular Expression Library. e. Berkomunikasi dengan banyak protokol, termasuk IMAP, POP3 dan

NNTF

f. Berkomunikasi dengan credit-card processing solution.

3. Possibility

Jarang ada developer PHP yang terikat pada suatu implementasi

pemecahan masalah. Dilain sisi, ada banyak pilihan yang ditawarkan

oleh PHP. Contohnya ada pada database yang didukung oleh PHP.

Kurang lebih semuanya ada 25 database, termasuk Adabas D, dBase,

Empress, FilePro, FrontBase, Hyperwave, IBM DB2, Informix, Ingres,

Interbase, mSQL, direct MS-SQL, MySQL, Oracle, Ovrimos,

PostgreSQL, Solid, Sybase, Unix dbm, dan Velocis. Kemampuan

string-parsing juga bisa dianggap sebagai banyaknya kemungkinan yang

ditawarkan oleh PHP. Dalam hal in, PHP memiliki lebih dari 85

function untuk memanipulasi string. Kelebihan ini tak hanya akan

menawarkan keleluasaan untuk melakukan operasi string yang

kompleks, namun juga menjembatani program yang memiliki

fungsionalitas yang sama (seperti Python dan Perl) lewat PHP.

4. Price (Harga)

PHP merupakan salah satu open source software, yang dapat diartikan

(83)

a. PHP dapat dimodifikasi, didistribusikan, dan diintegrasikan dengan produk lain oleh penggunanya.

b. Pengembangan dan auditing yang dilakukan secara terbuka.

c. Semua orang bebas berpartisipasi.

2.5 Mengenal Macromedia Dreamweaver 8

Macromedia Dreamweaver merupakan sebuah editir HTML profesional untuk mendesai secara visual dan mengolah situs web maupun halaman web. Macromedia Dreamweaver 8 adalah salah satu produk dari vendor Macromedia Inc. Pada saat ini, pihak Macromedia telah mengeluarkan versi terbaru dari Macromedia Dreamweaver yaitu Macromedia Dreamweaver 8. Dimana Macromedia Dreamweaver 8 ini memiliki kemampuan untuk menyunting kode dengan lebih baik, serta mampu menggabungkan layout site dengan programming web-Nya.

2.5.1 Memulai Dreamweaver 8

(84)

2.5.2 Area Kerja Pada Dreamweaver 8

Komponen yang terdapat pada ruang kerja Dreamweaver 8 adalah :

1. Document Window berfungsi untuk menampilkan dokumen dimana kita sekarang bekerja.

2. Menu Utama berisi semua perintah yang dapat digunakan untuk bekerja pada Dreamweaver.

3. Insert Bar terdiri dari tombol-tombol untuk menyisipkan berbagai macam objek seperti hyperlink, image, tabel, dan lain-lain.

4. Document Toolbar berisi tombol-tombol dan menu pop up dari dokumen yang sedang kita kerjakan.

5. Panel Groups adalah sekumpulan panel window yang saling berkaitan satu sama lain, yang dikelompokkan dibawah satu judul untuk membantu bekerja dengan Dreamweaver.

6. Tag Selector adalah tag-tag HTML yang terpilih sesuai dengan objek yang ada di area kerja.

(85)

2.5.3 Menu Bar Area Kerja

Didalam area kerja Dreamweaver 8 terdapat beberapa menu utama yang sangat sederhana dan mudah untuk dipahami. Pada Menu Bar Area kerja Dreamweaver 8 terdiri dari beberapa komponen yang dapat kita gunakan, yaitu :

1. Menu File

Menu file terdiri dari perintah untuk membuat dokumen baru, membuka dokumen yang telah disimpan, dan lain-lain.

2. Menu Edit

Menu Edit terdiri dari perintah untuk men-copy, memindahkan, serta perintah untuk pemilihan seperti Select All, dan lain-lain.

3. Menu View

Berisi perintah untuk menampilkan beberapa macam tampilan jendela dari area kerja Dremweaver 8. Seperti jendela Code dan View, serta untuk menampilkan dan menyembunyikan beberapa elemen halaman dan toolbar.

4. Menu Insert

Berisikan alternatif baris insert untuk menyisipkan objek di dalam dokumen. 5. Menu Modify

Berfungsi untuk melakukan perubahan properti pada item atau halaman terpilih. Dengan menggunakan menu ini kita dapat meng-edit atribut tag, mengganti tabel dan elemen tabel, dan bermacam bentuk aksi untuk item library dan template.

6. Menu Text

(86)

BAB 1

PENDAHULUAN

1.1. Latar Belakang

Pada masa era globalisasi saat ini perkembangan dalam segala bidang sedang berlangsung dengan pesatnya. Perusahaan-perusahaan pembuat komputer menyuguhkan berbagai keunggulan fasilitas-fasilitas dari produk komputer yang mereka miliki kepada berbagai instansi-instansi atau perkantoran diseluruh dunia. Ini dikarenakan komputer merupakan suatu alat bantu manusia yang mempermudah pekerjaan manusia. Komputer dapat dipergunakan dalam berbagai hal sesuai dengan kebutuhannya seperti pengetikan dokumen, pemesanan barang, tiket, pembuatan iklan dan sekarang yang sedang populer yaitu mendapatkan informasi melalui jaringan Internet.

Perkembangan desain Web memang sangat mempengaruhi segala aspek software untuk berlomba-lomba dalam memasuki dunia baru, yaitu dunia cyberspace Internet.

(87)

atau pegawai suatu instansi dalam pengelolaan data kepegawaiannya yang bisa disajikan dalam bentuk web sehingga seorang pegawai tidak perlu direpotkan dalam mendapatkan informasi tentang kesiswaan. Misalnya bila seorang siswa ingin melihat nilai UAS/orang tua siswa tersebut dapat memantau nilai dari siswa tersebut sehingga dapat mengkontrol siswa tersebut agar mencapai nilai yang lebih baik,dapat dilihat secara online.

Perkembangan aplikasi web yang semakin pesat sejak munculnya teknologi internet sangat membantu dalam kemudahan serta kecepatan pengiriman, penyampaian dan penerimaan informasi. Mulai dari perusahaan-perusahaan, sekolah-sekolah, perguruan tinggi, dan lembaga atau organisasi lainnya telah banyak memanfaatkan aplikasi web dalam kegiatan penjualan, promosi, belajar dan kegiatan lainnya dimana dibutuhkan pengiriman, penyebaran dan penerimaan informasi sehingga memberikan kemudahan bagi pengguna (user) yang membutuhkan.

(88)

WEB PADA SMA KARTIKA I-1 MEDAN DENGAN MENGGUNAKAN PHP DAN MYSQL

1.2. Rumusan Masalah

Sesuai dengan penjelasan dan uraian latar belakang masalah maka penulis menentukan rumusan masalah yang dihadapi adalah sampai saat ini SMA KARTIKA 1-1 MEDAN masih menggunakan sistem manual dalam hal penyajian informasi, khususnya dalam pengelolaan informasi tentang Nilai siswa sehingga bila seorang pegawai menginput Nilai siswa mengalami proses yang lama karena harus menggunakan sistem manual.

1.3. Maksud dan Tujuan Penulisan

Maksud penulisan tugas akhir ini adalah untuk merancang suatu sistem informasi yang dinamis yang dimanfaatkan untuk memberikan informasi yang baik dengan cepat dan mudah.