Anda di halaman 1dari 76
APLIKASI PHP DAN MySQL DALAM PEMBUATAN SISTEM INFORMASI SMAN 1 DUKUHWARU KABUPATEN TEGAL BERBASIS WEB

APLIKASI PHP DAN MySQL DALAM PEMBUATAN SISTEM

INFORMASI SMAN 1 DUKUHWARU KABUPATEN TEGAL

BERBASIS WEB

TUGAS AKHIR

Disusun dalam Rangka Menyelesaikan Studi Diploma III untuk memperoleh Gelar Ahli Madya.

Oleh:

Nama

: Hery Sasria

NIM

: 4151304010

Program Studi

: Statistika Terapan dan Komputasi

Jurusan

: Matematika

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS NEGERI SEMARANG

2007

LAMPIRAN-LAMPIRAN

HALAMAN PENGESAHAN

Tugas Akhir yang berjudul ” Aplikasi PHP Dan MySQL Dalam Pembuatan

Sistem Informasi SMA Negeri 1 Dukuhwaru Kabupaten Tegal Berbasis Web”

telah dipertahankan dalam Sidang Panitia Ujian Tugas Akhir Jurusan Matematika

Prodi Statistika Terapan Dan Komputasi, Fakultas Matematika dan Ilmu

Pengetauan Alam, Universitas Negeri Semarang, pada :

Ketua

Hari

:

Tanggal

:

Panitia Ujian

Drs. Kasmadi Imam S., M.Si NIP. 130781011

Pembimbing I

Mengetahui,

Endang Sugiharti, S.Si, M.Kom NIP. 132231407

Pembimbing II

Drs. Endang Retno W, M.Pd NIP. 130935363

ii

Sekretaris

Drs. Supriyono, M.Si NIP. 130815345

Penguji I

Drs. Endang Retno W, M.Pd NIP. 130935363

Penguji II

Endang Sugiharti, S.Si, M.Kom NIP. 132231407

ABSTRAK

Hery Sasria, 2007. Aplikasi PHP Dan My SQL Dalam Pembuatan Sistem Informasi SMA Negeri 1 Dukuhwaru Kabupaten Tegal, Tugas Akhir, Statistika Terapan Dan Komputasi Jurusan Matematika FMIPA Universitas Negeri Semarang.

Sekolah merupakan salah satu bentuk dari organisasi yang di dalamnya terdapat kegiatan belajar mengajar yang berada di bawah tanggung jawab seorang Kepala Sekolah. Segala kegiatan yang berlangsung di sekolah tidak bisa dimonitoring secara keseluruhan tanpa adanya suatu pengorganisasian yang tepat. Untuk itu pengorganisasian dengan perancangan basis data dapat menjawab semua pertanyaan yang muncul. Dalam hal memonitoring kegiatan siswa, SMA Negeri 1 Dukuhwaru masih sederhana. Sistem yang digunakan belum bisa langsung sampai wali murid. Wali murid masih kesulitan mengetahui apakah anaknya benar-benar masuk sekolah. Program ini juga di gunakan untuk mempermudah panyajian informasi sekolah kepada siswa maupun wali siswa. Untuk itu penulis memberikan solusi menggunakan aplikasi PHP dan MySQL dalam Sistem Informasi SMA Negeri 1 Dukuhwaru Berbasis Web. Permasalahan yang akan dibahas dalam kegiatan ini adalah bagaimana penerapan sistem informasi SMA Negeri 1 Dukuhwaru berbasis Web yang didukung program Dreamweaver MX, Fireworks MX, PHP dan MySQL. Bagaimana penyajian informasi sekolah penyajian yang meliputi penyajian data siswa, absensi siswa, guru, data mata pelajaran, dan data nilai akhir siswa. Tujuan dari kegiatan ini adalah untuk membuat Aplikasi SMA Negeri 1 Dukuhwaru Berbasis Web yang didukung program Dreamweaver MX, Fireworks MX, PHP dan MySQL dalam menyajikan informasi sekolah yang meliputi penyajian data siswa, absensi siswa, guru, data mata pelajaran, dan nilai akhir siswa. Metode kegiatan yang dilakukan dengan mengumpulkan data baik dengan metode observasi, metode literatur, dan selanjutnya dilakukan perancangan program. Metode kegiatan ini merupakan usaha untuk mendapatkan penyelesaian dari permasalahan aplikasi pembuatan sistem informasi SMA Negeri 1 Dukuhwaru berbasis Web menggunakan program Dreamweaver MX, Fireworks MX, PHP dan MySQL. Pembuatan sistem informasi SMA Negeri 1 Dukuhwaru berbasis Web menggunakan bahasa pemrograman PHP dan MySQL yang diaplikasikan Dreamweaver MX. Perancangan basis data dari suatu Data Base Management System (DBMS) yang kemudian dapat diakses oleh user. Data yang dapat diakses oleh user berupa informasi data siswa, absensi siswa, data guru, mata pelajaran, dan nilai akhir siswa. Hasil kegiatan berupa website yang siap di upload ke internet sehingga hasilnya siswa dapat dengan mudah mengakses data absen dan data nilai selama proses belajar, tetapi siswa tidak dapat mengupdate data kecuali administrator.

iii

Motto dan Persembahan

Motto:

Kesabaran

Dan

Kejujuran

Adalah

Kunci

Kekuatanku

Meski Selalu Disakiti.

 

Jangan

Pernah

Menyerah

Meraih

Apa

Yang

Kamu

Inginkan Walaupun Berat Cobaan Yang Kamu Hadapi.

Persembahan:

Allah SWT

Bapak dan Ibu tercinta (Bpk Safri dan Ibu Sri Umitun) Adiku Noeke Srirosa, Fitri Srirosa, dan Vernando Saputra

Staterkom Kelas A angkatan ’04 Sahabat dan teman-teman yang slalu setia menunggu dan menemaniku.

Keluarga besarku yang slalu memberi motifasi dan semangat Sahabat dan teman-teman Safa’a Kost (Kost Pink) yang selalu mendukungku

iv

KATA PENGANTAR

Puji syukur kehadirat Allah SWT yang Maha Pemurah lagi Maha Penyayang yang telah memberikan rahmat, kekuatan, semangat dan kesabaran kepada penulis sehingga Tugas Akhir ini dapat terselesaikan. Hambatan selalu penulis hadapi, baik dalam pelaksanaan maupun dalam penyusunan laporan Tugas Akhir ini. Akan tetapi berkat izin Allah SWT dan berkat bimbingan, bantuan, serta dorongan dari berbagai pihak, akhirnya penulis dapat melalui hambatan yang dihadapi hingga akhirnya Tugas Akhir ini dapat terselesaikan. Pada kesempatan ini penulis mengucapkan terima kasih kepada:

1. Prof. Dr. H. Sudijono Sastroatmojo,M.Si, Rektor Universitas Negeri Semarang.

2. Drs. Kasmadi Imam S, M.Si, Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Negeri Semarang.

3. Drs. Supriyono, M.Si, Ketua Jurusan Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Negeri Semarang.

4. Dra. Nur Karomah Dwidayati, M.Si, Ketua Program Pendidikan Statistika Terapan dan Komputasi Jurusan Matematika Universitas Negeri Semarang

5. Endang Sugiharti, S.Si, M.Kom, Pembimbing I yang telah memberi bimbingan, pengarahan, dan dorongan selama penyusunan Tugas Akhir.

6. Drs. Endang Retno W, M.Pd Pembimbing II yang telah memberi bimbingan, pengarahan, dan dorongan selama penyusunan Tugas Akhir.

7. Drs. Wuryanto, M.Si, Dosen Wali STATERKOM kelas 6A yang turut membantu terselesaikannya Tugas Akhir ini.

8. Drs. Apandi, Kepala SMA Negeri 1 Dukuhwaru yang telah memberikan ijin penelitian dan partisipasinya sehingga memperlancar pelaksanaan kegiatan penelitian.

9. Ayah dan Ibu yang telah memberikan dukungan moral, materiil, dan selalu mendoakanku.

10. Anna yang tidak pernah bosan memberikan semangat dan doa.

v

11. Teman-teman seperjuangan STATERKOM 2004. 12. Semua pihak yang belum sempat penulis sebutkan satu persatu yang telah dengan ikhlas turut membantu dalam penulisan Tugas Akhir ini, baik secara langsung maupun tidak langsung. Penulis menyadari bahwa Tugas Akhir ini masih jauh dari sempurna, oleh karena itu Penulis mengharap kritik dan saran sehingga pada kegiatan selanjutnya lebih bisa sempurna. Semoga Tugas Akhir ini dapat bermanfaat bagi pembaca. Amin Yaa Robbal Aalamin.

vi

Semarang,

Agustus 2007

Penulis

DAFTAR ISI

Halaman

HALAMAN JUDUL………………………………………………………

i

HALAMAN PENGESAHAN

 

ii

ABSTRAK ……………………………………………

 

iii

HALAMAN MOTTO DAN PERSEMBAHAN

 

iv

KATA PENGANTAR……………………………………………………

 

v

DAFTAR ISI…………………………………………………………

vii

DAFTAR GAMBAR……………………………………………………

x

DAFTAR LAMPIRAN

 

xii

BAB I

PENDAHULUAN

1

A. Latar Belakang Masalah

 

1

B. Rumusan dan Pembatasan Masalah

 

2

C. Tujuan dan Manfaat Penelitian

 

3

D. Sistematika Tugas Akhir

4

BAB II

KAJIAN TEORI

 

6

A. Konsep Dasar Sistem Informasi Berbasis Web

 

6

 

1.

Konsep

Dasar

Sistem

Informasi

berbasis

Web

 

Dengan Aplikasi PHP dan MySQL

 

6

 

2.

Basis Data

 

6

B. Dasar Aplikasi Pemrograman Sistem Informasi SMA

 
 

Negeri 1 Dukuhwaru berbasis web

 

13

vii

1.

Kondisi Objektif SMS Negeri 1 Dukuhwaru

13

 

2. Dreamweaver MX

14

3. Fireworks MX

19

4. Pemrograman PHP

19

5. Database dengan MySQL

21

6. Pemrograman PHP dalam Database MySQL

22

BAB III

METODE KEGIATAN

23

A. Ruang Lingkup Kegiatan

23

B. Kegiatan dan Cara Pengambilan Data

23

C. Perancangan Sistem

24

D. Analisis Data

24

BAB IV

PEMBAHASAN

25

A.

Tahap Pengembangan Pembuatan Sistem Informasi SMA

 

Negeri 1 Dukuhwaru

25

 

1. Tahapan Pengembangan Sistem

25

2. Rancangan Pendahuluan

25

3. Perancangan Sistem

26

4. Analisis Sistem

30

B. Penyajian Informasi SMA Negeri 1 Dukuhwaru

45

C. Pembahasan

54

BAB V

PENUTUP

56

A. Simpulan

56

 

B. Saran

57

viii

DAFTAR PUSTAKA

58

LAMPIRAN

ix

59

Gambar

DAFTAR GAMBAR

Halaman

1. Gambar 2.1 Stuktur Organisasi

14

2. Gambar 2.2 Jendela dan Panel Pada Dreamweaver MX

15

3. Gambar 2.3 Menu Pada dreamweaver MX

17

4. Gambar 4.1 DFD Konteks Sistem Informasi Akademik

26

5. Gambar 4.2 Tahapan Perancangan Basis Data

28

6. Gambar 4.3 DFD Level 1 Untuk Sistem Informasi

31

7. Gambar 4.4 Relasi Antar Tabel Pada Basis Data

33

8. Gambar 4.5 Struktur Menu Utama

34

9. Gambar 4.6 Struktur Menu Home

34

10. Gambar 4.7 Struktur Menu Siswa

35

11. Gambar 4.8 Struktur Menu Wali Siswa

36

12. Gambar 4.9 Struktur Menu Administrator

36

13. Gambar 4.10 Struktur Menu Guru

37

14. Gambar 4.11 Struktur Menu Saran

37

15. Gambar 4.12 Jendela Masuk PHP Pada Dreamweaver MX

39

16. Gambar 4.13 Jendela Pada Panel Pada Dreamweaver

40

17. Gambar 4.14 Menu Pada Dreamweaver MX

42

18. Gambar 4.15 Eksekusi Program Aplikasi

44

19. Gambar 4.16 Halaman Index.html

46

20. Gambar 4.17 Halaman Login Menu Siswa

47

x

21.

Gambar 4.18 Halaman Biodata Siswa

47

22. Gambar 4.19 halaman Data Absensi Siswa

48

23. Gambar 4.20 Halaman Data Nilai Siswa

48

24. Gambar 4.21 Halaman Menu Login Menu Wali Siswa

49

25. Gambar 4.22 Halaman Menu Login Guru

50

26. Gambar 4.23 Halaman Data Kelas yang dibimbing

50

27. Gambar 4.24 Halaman Menu Login Administrator

51

28. Gambar 4.25 Halaman Data Karyawan

51

29. Gambar 4.26 Halaman Data Siswa

52

30. Gambar 4.27 Halaman Data Kelas

53

31. Gambar 4.28 Halaman Data Jurusan

53

32. Gambar 4.29 Halaman Data Materi

54

xi

DAFTAR LAMPIRAN

Lampiran

Halaman

1. Lampiran 1: Nama-Nama Item yang Dibutuhkan dalam Pembuatan

Diagram Flow Data

59

2. Lampiran 2: Tabel-Tabel yang Dibutuhkan untuk Membuat Basis

Data

60

3. Lampiran 3: Struktur Tabel Dalam Basis Data

61

4. Lampiran 4: Script kode PHP dan HTML

63

xii

ABSTRAK

Hery Sasria, 2007. Aplikasi PHP Dan My SQL Dalam Pembuatan Sistem Informasi SMA Negeri 1 Dukuhwaru Kabupaten Tegal, Tugas Akhir, Statistika Terapan Dan Komputasi Jurusan Matematika FMIPA Universitas Negeri Semarang.

Sekolah merupakan salah satu bentuk dari organisasi yang di dalamnya terdapat kegiatan belajar mengajar yang berada di bawah tanggung jawab seorang Kepala Sekolah. Segala kegiatan yang berlangsung di sekolah tidak bisa dimonitoring secara keseluruhan tanpa adanya suatu pengorganisasian yang tepat. Untuk itu pengorganisasian dengan perancangan basis data dapat menjawab semua pertanyaan yang muncul. Dalam hal memonitoring kegiatan siswa, SMA Negeri 1 Dukuhwaru masih sederhana. Sistem yang digunakan belum bisa langsung sampai wali murid. Wali murid masih kesulitan mengetahui apakah anaknya benar-benar masuk sekolah. Program ini juga di gunakan untuk mempermudah panyajian informasi sekolah kepada siswa maupun wali siswa. Untuk itu penulis memberikan solusi menggunakan aplikasi PHP dan MySQL dalam Sistem Informasi SMA Negeri 1 Dukuhwaru Berbasis Web. Permasalahan yang akan dibahas dalam kegiatan ini adalah bagaimana penerapan sistem informasi SMA Negeri 1 Dukuhwaru berbasis Web yang didukung program Dreamweaver MX, Fireworks MX, PHP dan MySQL. Bagaimana penyajian informasi sekolah penyajian yang meliputi penyajian data siswa, absensi siswa, guru, data mata pelajaran, dan data nilai akhir siswa. Tujuan dari kegiatan ini adalah untuk membuat Aplikasi SMA Negeri 1 Dukuhwaru Berbasis Web yang didukung program Dreamweaver MX, Fireworks MX, PHP dan MySQL dalam menyajikan informasi sekolah yang meliputi penyajian data siswa, absensi siswa, guru, data mata pelajaran, dan nilai akhir siswa. Metode kegiatan yang dilakukan dengan mengumpulkan data baik dengan metode observasi, metode literatur, dan selanjutnya dilakukan perancangan program. Metode kegiatan ini merupakan usaha untuk mendapatkan penyelesaian dari permasalahan aplikasi pembuatan sistem informasi SMA Negeri 1 Dukuhwaru berbasis Web menggunakan program Dreamweaver MX, Fireworks MX, PHP dan MySQL. Pembuatan sistem informasi SMA Negeri 1 Dukuhwaru berbasis Web menggunakan bahasa pemrograman PHP dan MySQL yang diaplikasikan Dreamweaver MX. Perancangan basis data dari suatu Data Base Management System (DBMS) yang kemudian dapat diakses oleh user. Data yang dapat diakses oleh user berupa informasi data siswa, absensi siswa, data guru, mata pelajaran, dan nilai akhir siswa. Hasil kegiatan berupa website yang siap di upload ke internet sehingga hasilnya siswa dapat dengan mudah mengakses data absen dan data nilai selama proses belajar, tetapi siswa tidak dapat mengupdate data kecuali administrator.

ii

BAB I

PENDAHULUAN

A. Latar Belakang Masalah

Pembangunan dunia pendidikan yang selalu mengalami perkembangan

pesat seiring dengan laju perkembangan teknologi informasi yang sangat

beraneka ragam, diperlukan peningkatan mutu dan mekanisme pelayanan di

bidang pendidikan agar lebih berdaya guna dan berhasil guna, sehingga

Sumber Daya Manusia (SDM) yang diciptakan dapat berpartisipasi dalam

membangun dunia luar sesuai dengan kemampuannya. Sekolah-sekolah negeri

maupun swasta sudah banyak yang menampilkan sistem informasi akademik

berbasis Web. Pengelolaan sistem informasi berbasis Web yang telah ada

masih perlu di maksimalkan, karena Website hanya dapat di upload

melalui

browsing di internet, semakin menjamurnya internet di kalangan siswa bukan

tidak mungkin sistem informasi akademik dapat dilihat melalui internet

karena sudah banyak Warung Internet (Warnet).

Munculnya media internet akan sangat memudahkan dalam pembelajaran

sesuatu yang baru, karena dengan mengakses segala informasi yang ada di

internet akan menambah pengetahuan kita. Pencarian-pencarian informasi

dapat dilakukan melalui media pencarian search engine. Banyak sekali media

internet yaitu situs-situs yang memberi fasilitas ini misalnya GOOGLE,

YAHOO, MSN dan web hosting sejenisnya. Media pencarian ini akan lebih

mudah

mendapatkan

informasi

yang

kita

inginkan,

tidak

hanya

untuk

2

pencarian situs tetapi dapat juga mencari file-file yang ekstensinya dapat di

upload atau di download.

SMA

Negeri

1

Dukuhwaru

Kabupaten

Tegal

merupakan

Sekolah

Menengah Atas berbasis kompetensi kader bangsa yang berorientasi ke depan

dalam membangun bangsa, dengan keunggulan mengoptimalkan bakat para

siswa terutama dalam bidang seni dan olahraga. Setiap tahunnya SMA Negeri

1

Dukuhwaru

Kabupaten

Tegal

meluluskan

ribuan

siswa

menyiapkan

ketrampilan

bagi

tamatan

sekolah

dalam

rangka

meneruskan

kejenjang

keperguruan tinggi atau hidup bermasyarakat. Kelemahan di SMA Negeri 1

Dukuhwaru Kabupaten Tegal dalam hal menyajikan sistem informasi sekolah

dan memonitoring kegiatan siswa masih sederhana, Sistem yang digunakan

belum bisa langsung sampai pada Wali murid masih kesulitan apakah anaknya

benar-benar masuk sekolah, Wali murid juga masih kesulitan untuk memantau

daftar nilai anaknya dari hasil kegiatan belajar disekolah. Untuk itulah penulis

memberikan solusi menggunakan program Dreamweaver MX dan Fireworks

MX dalam pendisainan web yang diaplikasikan dengan PHP dan MySQL

untuk membantu pendataan secara komputasi yang lebih efektif dan efisien.

B. Rumusan Masalah dan Pembatasannya

1. Rumusan Masalah

Permasalahan yang akan dipecahkan dalam kegiatan ini dapat dirumuskan

sebagai berikut.

3

a. Bagaimana

cara

pembuatan

sistem

informasi

SMA

Negeri

1

Dukuhwaru berbasis WEB serta pengelolaannya dengan menggunakan

program Dreamweaver MX, FireWorks MX, PHP dan MySQL?

b. Bagaimana penyajian informasi sekolah yang meliputi penyajian data

siswa, guru, karyawan, mata pelajaran, nilai akhir siswa, data kelas

dan absensi siswa.

2. Pembatasan Masalah

Sistem pada aplikasi ini dibuat untuk pengelolaan informasi data siswa,

guru, karyawan, mata pelajaran, nilai akhir siswa, data kelas dan absensi

siswa yang digunakan untuk mempermudah siswa dalam memperoleh

layanan informasi sekolah.

C. Tujuan dan Manfaat Kegiatan

1. Tujuan kegiatan

Tujuan dari kegiatan ini adalah sebagai berikut.

a. Untuk membuat aplikasi SMA Negeri 1 Dukuhwaru

berbasis Web

serta pengelolaannya dengan menggunakan program Dreamweaver

MX, Fireworks MX, PHP dan MySQL

b. Untuk menyajikan informasi sekolah yang meliputi penyajian data

siswa, guru, absensi siswa, data kelas, karyawan, data nilai siswa dan

data mata pelajaran

4

2. Manfaat Kegiatan

a. Mempermudah pengguna secara umum untuk mengetahui tentang

informasi SMA Negeri 1 Dukuhwaru.

b. Mempermudah pengelolaan sistem manajemen sekolah.

c. Meningkatkan minat siswa untuk mempelajari internet dan mencari

informasi lain pada situs-situs di internet.

D. Sistematika Tugas Akhir

Sistematika

penyusunan

ini

ditulis

untuk

memberikan

gambaran

keseluruhan isi Laporan

Tugas Akhir. Secara garis besar Laporan Tugas

Akhir ini dibagi menjadi tiga bagian yaitu pendahuluan, isi, dan penutup.

1. Pendahuluan, terdiri dari halaman judul, abstrak, halaman pengesahan,

motto dan persembahan, kata pengantar, daftar isi, daftar gambar,

daftar tabel dan daftar lampiran.

2. Isi, terdiri dari :

BAB I

PENDAHULUAN

Bab ini memuat latar belakang masalah, rumusan

BAB II

dan

pembatasan

masalah,

tujuan

dan

manfaat

kegiatan, dan sistematika Tugas Akhir.

LANDASAN TEORI

Pada bab ini berisi teori-teori yang mendukung

tentang penyusunan Laporan Tugas Akhir.

BAB III

METODE PENELITIAN

5

Bab

ini

berisi

tentang

metode-metode

dalam

pelaksanaan kegiatan yang meliputi ruang lingkup

penelitian, penelitian dan cara pengambilan data,

langkah perancangan, dan analisis data.

BAB IV

HASIL RANCANGAN PEMROGRAMAN

 

Bab

ini

berisi

tahap

pengembangan

sistem

dan

pembahasan.

 

BAB V

PENUTUP

Bab ini berisi simpulan dan saran.

3. Penutup, terdiri dari daftar pustaka dan lampiran.

BAB II

KAJIAN TEORI

A. Konsep Dasar Sistem Informasi Berbasis Web

1. Konsep Dasar Sistem Informasi Berbasis Web Dengan Aplikasi PHP Dan

MySQL

Sistem

Informasi

adalah

seperangkat

komponen

yang

saling

berhubungan yang berfungsi mengumpulkan, memproses, menyimpan dan

mendistribusikan informasi untuk mendukung pembuatan keputusan dan

pengawasan dalam organisasi. Web atau WWW (Word Wide Web) adalah

sebuah metode baru yang berjalan didunia internet yang berkembang

dengan cepat, dengan media ini dapat menciptakan puluhan bahkan

ratusan aplikasi yang berjalan di bawah Web (Under Web). PHP adalah

salah satu aplikasi program yag biasa digunakan dalam media internet saat

ini.

Databasenya

adalah

MySQL

yaitu

database

server

yang

dapat

berjalan didalam media online sehingga database ini mudah dimanage

oleh penggunanya. (Nugroho, 2004:1).

2. Basis Data

a. Pengertian Basis Data

Istilah basis data banyak menimbulkan interpretasi yang berbeda.

Basis Data adalah suatu susunan/kumpulan data operasional lengkap

dari suatu organisasi atau perusahaan yang diorganisir atau dikelola

dan

disimpan

secara

terintegritasi

dengan

menggunakan

metode

7

tertentu

menggunakan

komputer

sehingga

mampu

menyediakan

informasi yang optimal yang diperlukan pemakainya.

Sedangkan

sistem basis data adalah suatu sistem penyusunan dan mengelola

record-record

menggunakan

komputer

untuk

menyimpan

atau

merekam serta memelihara data operasional lengkap sebuah organisasi

atau

perusahaan

sehingga

mampu

menyediakan

informasi

yang

optimal

yang

diperlukan

pemakai

untuk

proses

pengambilan

keputusan (Marlinda, 2004:1).

b. Relational Data Base Management Sistem (RDBMS)

a. Pengertian RDBMS

Kumpulan

file

yang

saling

berkaitan

untuk

program

dan

pengelolaannya disebut DBMS (Marlinda, 2004:6). DBMS adalah

istilah yang penting dalam pengelolaan data. Untuk membuat dan

mengelola data tersebut, dibutuhkan software yang diistilahkan

DBMS

(Data

Base

Management

Sistem).

Tugas-tugas

yang

diemban

software

DBMS

ini

adalah

membuat

database,

menampilkan data yang ada pada database tersebut, memodifikasi

data pada database tersebut, menghasilkan laporan sesuai dengan

data yang ada dalam database, dan mengamankan data dari pihak-

pihak yang tidak berkepentingan (Swastika, 2006:36).

Beberapa

contoh software DBMS yang banyak beredar adalah Oracle,

Microsoft SQL Server, SyBase dan MySQL.

8

Hampir semua program DBMS merupakan RDBMS (Relational

 

DataBase

Management

Sistem),

dimana

data

yang

akan

diorganisir

dalam

sekumpulan

tabel

yang

saling

berelasi

(berhubungan) (Swastika, 2006:36).

b.

Konsep Database Relasional

Arsitektur

Sistem

Basis

Data

dibagi

menjadi

tiga

tingkatan

(Marlinda, 2004:9), yaitu:

a)

internal level

Disebut juga internal view, yaitu tingkatan yang basis datanya

secara fisik ditulis atau disimpan di media storage atau level

yang berkaitan erat dengan tempat penyimpanan. Contohnya

cara penyimpanan data dalam disk.

 

Tempat penyimpanan dapat digolongkan sebagai berikut.

 

(1) Device Model, bagaimana penyimpanan datanya.

(2) Storage Model, bagaimana data disimpan di dalam tempat

penyimpanan

data

dan

hubungannya

terhadap

data

pengaksesannya.

 

b)

external level

disebut juga dengan individual user views, yaitu tingkatan data

di basis data dilihat berdasarkan kebutuhan masing-masing

aplikasi di user atau level yang berkaitan erat dengan para

pemakai. Contohnya cara seorang pemakai menggunakan data.

9

c) conceptual level

disebut juga community user view, yaitu tingkat dari aplikasi

yang berbeda digabungkan, sehingga menggunakan basis data

secara keseluruhan dengan menyembunyikan penyimpanan

data secara fisik atau level yang merupakan penghubung dari

internal level dan external level. Hal inilah yang mendasari

Relational Data Base Management Sistem. Contohnya cara

penggunaan data oleh sekelompok pemakai.

Kelemahan sistem pemrosesan berkas dapat diatasi dengan sistem

basis

data

ini,

dengan

keuntungan

yang

diperoleh

dalam

pemrosesan data ini adalah:

 

a) kemubadziran data akan terkurangi,

 

b) integritas data,

 

c) independensi data,

d) konsistensi data,

e) berbagi data,

f) keamanan data,

g) lebih mudah dalam penggunaan dan pencarian data.

 

RDBMS

merupakan

antar

muka

bagi

pemakai

dalam

mengorganisasikan

database

yang

disusun,

pemakai

dapat

berinteraksi

langsung

dengan

mudah

dan

praktis

dengan

menggunakan

perintah-perintah

yang

sederhana

yang

dibuat

dalam suatu bahasa pemrograman.

10

Tujuan

RDBMS

adalah

untuk

mempermudah

penciptaan

penyusunan data dan membebaskan pemrograman dari masalah

penyusunan file yang kacau dan berantakan.

c. Tabel

Tabel merupakan salah satu bagian dari database. Tabel akan

menampung data yang tersimpan dalam bentuk baris dan kolom.

Setiap

kolom

mempunyai

nama

yang

unik

(tidak

mungkin

kembar), dan dapat mempunyai jenis yang berbeda. Baris pada

tabel berisi data yang sesuai dengan jenis fields-nya. Dalam suatu

tabel kita membutuhkan satu field kunci. Field kunci adalah

sebuah file yang unik, dan tidak ada yang sama pada tabel

tersebut. Nantiya pada tabel posting, tidak perlu mencatat nama,

password dan level dari record yang bersangkutan (Swastika,

2006:37). Field kunci digunakan juga untuk menghubungkan

antara tabel satu dengan tabel yang lain.

d. Relasi Antar Tabel

Dalam

sistem

database

ini,

data

tersimpan

dalam

beberapa

jaringan

yang

berbeda

yang

terdistribusi

melalui

bermacam-

macam media yang berbeda. Database ini berisi sekumpulan form,

tiap form dapat berinteraksi saat mengeksekusi data pada satu form

atau secara bersamaan pada beberapa form. Setiap form dapat

memproses eksekusi data lokal, dengan data yang telah ditentukan.

11

Sebuah form juga dapat mengambil bagian dalam melakukan

akses terhadap data pada beberapa form yang berbeda.

Macam-macam bentuk topologi distribusi data.

a)

Fully Connected Network

 

Keuntungan dari tipe ini adalah jika salah satu rusak maka

yang lain masih dapat berjalan, tetapi tidak ada jaminan

kerahasiaan data. Karena seluruh bagian dapat melakukan

pengaksesan data.

 

b)

Partially Connected Network

 

Reliability pada system ini rendah, karena sistem pengaksesan

hanya melewati satu jalur dan tidak ada jalur lain. Akan tetapi

biaya dapat ditekan. Jaminan kontrol tidak dijamin

 

c)

Tree Structure Network

 

Sistem bersifat sentral, jika pusat rusak maka semua bagian

tidak dapat melakukan pengaksesan data.

 

d)

Ring Network

 

Sistem melingkar seperti ini hanya dapat mengakses data pada

sistem

yang

langsung

berhubungan,

maka

sistem

kontrol

sendiri tidak terjamin.

 

e)

Start Network

 

Pada

sistem

ini

kontrol

manajemen

data

terjamin

karena

bersifat sentral dengan biaya yang rendah. Tetapi jika pusat

mengalami kerusakan maka data tidak bisa diakses.

12

(Marlinda, 2004:38)

e. Hirarki Data

Data diorganisirkan ke dalam suatu hirarki yang terdiri atas:

a) elemen data

Elemen data merupakan satuan data terkecil yang tidak dapat

dipecah lagi ke dalam unit lain.

b) rekaman

merupakan gabungan dari sejumlah elemen data yang saling

terkait. Dalam sistem basis data relational, rekaman biasa

disebut dengan tupel atau baris.

c) berkas

himpunan dari semua rekaman yang bertipe sama, atau dapat

juga dikatakan sebagai kumpulan rekaman data dalam satu

objek. Berkas mewakili komponen yang disebut relasi.

f. Normalisasi Data

Normalisasi adalah pemrosesan pengelompokan atribut-atribut dan

relasi sehingga membentuk struktur relasi antar tabel. Normalisasi

merupakan proses pengelompokan elemen-elemen data menjadi

suatu tabel-tabel untuk menunjukkan entity dan relasinya. Teknik

ini ditemukan pada tahun 1970 oleh E. F. Codd.

Well-Structure

relation

adalah

sebuah

relasi

dengan

jumlah

kerangkapan datanya sedikit (Minimum Amount of Redudancy),

13

serta memberikan kemungkinan bagi user untuk melakukan insert,

delete dan modify terhadap baris-baris data pada relasi tersebut,

yang berakibat tidak terjadi kesalahan atau inkonsistensi data,

B. Dasar

yang

disebabkan

2004:115).

oleh

Aplikasi

Pemrograman

Dukuhwaru berbasis web

operasi-operasi

tersebut

Sistem

Informasi

SMA

(Marlinda,

Negeri

1

1. Kondisi Objektif SMA Negeri 1 Dukuhwaru

Sekolah yang beralamat dijalan Pramuka Dukuhwaru Kabupaten

Tegal ini merupakan satu-satunya Sekolah Menengah Atas yang berstatus

Negeri di Kecamatan Dukuhwaru. SMA Negeri 1 Dukuhwaru berada pada

lokasi

yang

strategis

yaitu

melewati

jalan

raya

utama

yang

menghubungkan

Kota

Slawi

Kabupaten

Tegal

dan

Kota

Jatibarang

Kabupaten Brebes. Dengan Struktur Organisasi sebagai berikut.

14

Kepala Sekolah Waka Waka Waka Waka Kurikulum Kesiswaan Sarpras Humas Pembantu Pembantu Pembantu Kurikulum
Kepala Sekolah
Waka
Waka
Waka
Waka
Kurikulum
Kesiswaan
Sarpras
Humas
Pembantu
Pembantu
Pembantu
Kurikulum
Kesiswaan
Sarpras
Bendahara
Koordinator

Gambar 2.1 Struktur Organisasi SMA Negeri 1 Dukuhwaru

2. Dreamweaver MX

Dreamweaver merupakan program profesional editor HTML visual yang

digunakan untuk mengelola situs dan menata layout halaman web. Saat ini

versi

terbaru

dari

Dreamweaver

yang

dikeluarkan

oleh

Macromedia

adalah Dreamweaver MX 2004. pada versi ini, tampilannya mengalami

perubahan yang kaya akan warna dan area kerjanya menjadi lebih ringkas

dan efisien. Hal ini dapat dilihat dengan peletakan tombol-tombol dan

panel-panel yang dapat minimize (disembunyikan) untuk menghemat area

kerja.

15

Disamping

itu,

lainnya

yang

masih

membuat

banyak

terdapat

Dreamweaver

penambahan

fasilitas-fasilitas

MX

lebih

powerfull,

seperti

kemampuan menangani penyuntingan kode dengan lebih baik, menangani

dokumen-dokumen baru seperti XHTML, kemampuan validasi dan debug

di

browser,

panel

snippets

yang

berfungsi

untuk

menyunting

dan

menyimpan blok kode yang sering digunakan, serta fasilitas penanganan

berbagai database (Mutmainah, 2006:2).

Insert bar Document Window Panel group Document toolbar Property inspector Site panel
Insert bar
Document Window
Panel group
Document toolbar
Property inspector
Site panel

Tag selector

Gambar 2.2 jendela dan panel pada Dreamweaver MX (Herlambang,

2006:6)

16

a.

Insert bar

 

Insert bar berisi tombol untuk memasukkan beberapa jenis objek,

seperti

gambar,

tabel,

dan

layer

ke

dokumen.

Tiap

objek

yang

dimasukkan pada dasarnya adalah potongan kode HTML yang dapat

diatur atributnya.

 

b.

Document Toolbar

 

Document toolbar berisi tombol dan pop-up menu yang menyediakan

beberapa cara untuk menampilkan dokumen (seperti Design view dan

Code view), beberapa option dan beberapa operasi umum seperti

melakukan preview dokumen ke broser.

 

c.

Document Window

 

Document Window menampilkan dokumen yang sedang dibuat atau

diedit.

d.

Property Inspector

 

Property Inspector adalah tempat mengubah beberapa properti yang

dimiliki oleh objek atau teks. Tiap jenis objek atau teks memiliki

properti yang berbeda.

 

e.

Panel Groups

 

Panel

Groups

adalah

kumpulan

beberapa

panel

sejenis

yang

diletakkan pada satu tempat.

 

f.

Site Panel

 

Pada Site Panel bisa untuk mengatur file dan folder yang akan

digunakan

untuk

site.

Windows

Exlorer

(Windows)

akan

17

menggunakan program ini untuk menampilkan file dan folder pada

disk lokal.

g.

Menu

Menu berisi submenu yang biasanya ditampilkan sebagai dropdown

menu yang akan muncul ketika ditekan tombol menu utama.

menu yang akan muncul ketika ditekan tombol menu utama. Gambar 2.3 Menu pada Dreamweaver MX (Herlambang,

Gambar 2.3 Menu pada Dreamweaver MX (Herlambang, 2006:6)

1)

File Menu

 

File menu berisi menu standar untuk menu File dan Edit, seperti

New,

Open,

Save,

Cut,

dan

Paste,

File

menu

juga

berisi

beberapa perintah tambahan, seperti Preview in Broser dan Print

Code.

2)

Edit Menu

 

Edit menu berisi perintah seleksi dan pencarian, seperti Select

Parent Tag dan Find and Replace, dan menyediakan akses ke

Keyboard Shortcut Editor dan Tag Library Editor.

 

3)

View Menu

 

View menu mengijinkan melihat tampilan dokumen dengan

beberapa cara (seperti Design view dan Code view) dan untuk

menampilkan

dan

menyembunyikan

beberapa

elemen

pada

dokumen dan peralatan yang dimiliki Dreamweaver MX.

18

Insert menu menyediakan alternatif untuk memasukkan objek

 

pada dokumen

 

5)

Modify Menu

Menu ini bisa mengubah properti elemen halaman web atau item

lainnya. Digunakan untuk mengedit atribut tag, mengubah tabel

dan elemen tabel dan menampilkan beberapa tindakan yang

dapat dilakukan untuk item pada library dan template.

 

6)

Text Menu

 

Menu

ini

menyediakan

perintah

yang

dibutuhkan

untuk

melakukan pemformatan pada teks.

7)

Commands Menu

 

Menu ini menyediakan akses untuk beberapa macam perintah,

termasuk

untuk

membuat

album

foto

dengan

cepat

dan

melakukan optimasi gambar menggunakan program lain.

8)

Site Menu

 

Menyediakan

item

menu

untuk

membuat,

membuka,

dan

mengedit site.

 

9)

Window Menu

Menyediakan

akses

ke

semua

menu

panel,

inspectors,

dan

jendela pada Dreamweaver.

 

10)

Help Menu

 

Menyediakan

akses

ke

dokumentasi

yang

dimiliki

oleh

Dreamweaver

MX,

termasuk

petunjuk

cara

penggunaan

19

Dreamwever MX, membuat ekstensi untuk Dreamwever MX,

dan

material

lainnya

Dreamwever MX.

3. Fireworks MX

yang

dapat

membantu

menggunakan

Fireworks MX 2004 adalah sebuah program andal dalam pengolahan

grafik, terutama grafis web. Oleh karena itu kemampuan dan fasilitasnya

dirancang dan dioptimalkan untuk menangani pembuatan dan pengeditan

gambar web.

Ada beberapa fitur baru yang bisa dijumpai dalam Fireworks MX 2004

antara

lain:

server-side

support

yang

memungkinkan

kita

untuk

menyimpan file fireworks ke dalam bentuk ASP, PHP, atau CFM. Dengan

fitur ini kita bisa membuat web dinamis yang interaktif. Selain itu, Red

Eye removal Tool yang dapat digunakan untuk menghilangkan efek mata

merah dari jepretan kamera digital. Fitur baru juga ada pada penambahan

auto shape dan warna gradient yang memberikan nuansa baru untuk

membuat bentuk objek dan masih banyak fitur yang lain.

4. Pemrograman PHP

PHP diperkenalkan pertama kali oleh J Wynia adalah seorang pria yang

memiliki

dasar

yang

matang

tentang

pemrograman,

khususnya

pemrograman pada sisi server. PHP adalah bahasa pemrograman berbasis

web. Bahasa ini mempunyai kelebihan yaitu kompabilitasnya dengan

berbagai macam jenis database, dukungan dengan berbagai macam jenis

sistem operasi. PHP lebih cocok dan umum digunakan jika digabungkan

20

dengan database MySQL. MySQL dengan PHP seakan-akan dua hal yang

tidak dapat dipisahkan. Tentunya untuk dapat menggunakan keduanya

dibutuhkan tingkat kemampuan programming tertentu.

Banyak digunakan oleh programmer berlatar belakang C/C++ karena

kemiripan syntaxnya. Open source, karenanya gratis dan bebas. Database

pasangannya biasanya MySQL, dijalankan bersama webserver Apache di

atas sistem operasi Linux.

a. Dasar Pemrograman PHP

PHPTriad adalah software installer PHP secara instant yang berjalan

pada lingkungan Windows, setelah menginstal PHPTriad anda tidak

saja telah menginstal PHP, akan tetapi juga sekaligus telah menginstall

Apache Web Server dan Database MySQL.

PHPTriad jalan di bawah platform Windows, Jadi untuk Windows x

ataupun Windows 2000, NT, Me, ataupun XP tetap berjalan sama

baiknya.

Untuk

spesifikasi

spesifikasi tinggi.

komputer

tidak

begitu

memerlukan

Fungsi yang selalu akan ditampilkan dalam bahasa pemrograman ini

adalah echo, fungsi ini digunakan untuk menampilkan suatu data ke

dalam browser (Nugroho, 2006:13).

b. Alias untuk parameter PHP

Alias adalah suatu metode untuk pengalamatan terhadap interpreter

yang akan digunakan. Secara standar, pada file httpd.conf memiliki

parameter alias yang berguna untuk memberitahukan kepada Apache

21

tentang interpreter PHP dan Perl. Dalam pemrograman ini digunakan

PHPTriad,

sehingga

secara

otomatis

terpasang

pada

directori

C:/Apache/PHP,

sehingga

penyetingan

script

aliasnya

adalah

ScriptAlias

/php/

“c:/apache/php/”.

Sedangkan

apabila

tidak

menggunakan PHPTriad, maka harus diketahui terlebih dahulu tempat

penginstalan program PHP (Nugroho, 2005:2 ).

c. Konfigurasi Web Server

Cara pengetesan konfigurasi yang telah dilakukan adalah dengan

menjalankan

start

apache

yang

ada

pada

program.

Kemudian

membuka sebuah halaman website dengan IE atau program lain yang

juga dapat digunakan untuk browsing di internet. Untuk memanggil

halaman PHP ketikkan http://localhost, apabila berhasil maka tidak

terdapat pesan error pada halaman tersebut tetapi akan tampil ucapan

welcome. Tampilan akan berbeda-beda sesuai dengan jenis MySQL

yang digunakan.

5. Database dengan MySQL

MySQL merupakan RDBMS (Relational Data Base Management Sistem).

MySQL

didistribusikan secara open source dan gratis mulai tahun 1996,

tetapi mempunyai sejarah pengembangan sejak tahun 1979.

Database MySQL adalah database yang sangat powerfull, stabil, mudah.

MySQL

sangat

banyak

dipakai

dalam

sistem

database

web

dengan

menggunakan PHP.

PHPTriad juga memberikan fasilitas database yang.

Karena

PHPTriad dilengkapi dengan database MySQL maka terdapat

22

tempat untuk menyimpan data (store), dan untuk mengambil kembali data

anda

(retrieve).

Seperti

sistem

database

SQL

(Structured

Query

Language) yang lain, MySQL juga dilengkapi dengan perintah-perintah

dan sintaks-sintaks SQL, dengan keunggulan sebagai berikut.

a. Konsep

database

penyajian data.

MySQL

berkecepatan

tinggi

tentang

system

b. Harga yang relatif murah, karena ada yang dapat diperoleh secara

gratis

c. Sintaks bahasanya menggunakan perintah yang sederhana.

d. Dapat bekerja dalam beberapa system operasi seperti Windows, Linux,

MacOs, Unix (Solaris, AIX, dan DEC Unix), FreeBSD, OS/2, Irix.

e. Dukungan penggunaan banyak tersedia (Swastika, 2006:5).

6. Pemrograman PHP dalam Database MySQL

Untuk membuat aplikasi web yang berjalan dinamis, maka pemrograman

web dapat dikolaborasikan dengan PHP. PHP merupakan salah satu

bahasa pemrograman yang dapat menjadikan program web menjadi lebih

dinamis.

Dengan menggunakan program PHP tidak hanya membuat program web

dengan tampilan statis, tetapi juga dapat mengakses database seperti

MySQL. Dengan database tersebut, dapat digunakan untuk menyimpan

berita-berita

yang

ada

di

dalamnya,

dan

ditampilkan

pada

halaman

browser.

BAB III

METODE KEGIATAN

A. Ruang Lingkup Kegiatan

Penelitian ini dilakukan untuk membuat sistem informasi SMA Negeri

1 Dukuhwaru berbasis web. Fokus dari penelitian ini adalah pembuatan basis

data siswa, guru, karyawan, mata pelajaran, nilai akhir siswa, data kelas dan

absensi siswa.

B. Kegiatan dan Cara Pengambilan Data

Dalam penelitian pemrograman, basis data yang akan dibuat adalah

sistem penyimpanan dan penginformasian data yang berkaitan dengan data

siswa, guru, dan pegawai. Pengambilan data dengan mengambil data yang ada

kaitannya dengan sistem basis data siswa, guru, dan karyawan dengan metode-

metode sebagai berikut.

1. Metode literatur

Metode ini dilakukan untuk mendapatkan data-data secara teori-teori yang

mendukung dalam pemprograman basis data.

2. Metode Dokumentasi

Metode

ini

dilakukan

untuk

mendapatkan

diperlukan dalam pemrograman basis data.

data

dan

informasi

yang

24

C.

Perancangan Sistem

Langkah perancangan adalah serangkaian tahapan merancang dan

membuat basis data. Langkah-langkahnya adalah sebagai berikut.

1. Mempersiapkan alat dan bahan.

2. Membuat rancangan diagram alir data.

3. Normalisasi data.

4. Membuat diagram antar entitas.

5. Mengubah dan menterjemahkan diagram alir program ke dalam tata

bahasa pemrograman PHP dengan MySQL.

6. Membuat sistem informasi SMA Negeri 1 Dukuhwaru berbasis web

7. Menguji Program.

8. Merevisi program bila diperlukan.

D.

Analisis Data

Hasil rancangan dan pembuatan program diuraikan dan dijelaskan

secara deskriptif naratif (gambaran secara umum). Penafsiran dan penarikan

kesimpulan

dilakukan

berdasarkan

setiap

langkah

pembuatan

program.

Simpulan akhir ditentukan oleh berhasil tidaknya program dijalankan sesuai

dengan rancangan.

BAB IV

PEMBAHASAN

A. Tahapan Pembuatan Sistem Informasi SMA Negeri 1 Dukuhwaru

Berbasis Web

1. Tahap Pengembangan Sistem

Identifikasi suatu sistem terhadap kebutuhan informasi yang baru

harus dilakukan, tidak hanya didasarkan kebutuhan-kebutuhan konsumsi

informasi saja, tetapi juga dipandang dari manfaat dari aplikasi yang telah

dibuat yang selama ini yang belum pernah terpenuhi. Kebutuhan dari suatu

sarana yang sudah ada sekarang masih perlu untuk diperbaharui mengenai

sistem pengelolaan untuk menampilkan informasi dari suatu media yang

sudah berkembang pesat di kalangan pencari informasi.

Sistem informasi siswa yang ada pada masa sekarang, hampir

semua menggunakan sistem online dengan menggunakan website. Hal ini

menguntungkan bagi siswa, terutama dalam proses pencarian informasi

akademik sekolah yang dia tempati.

2. Rancangan Pendahuluan

Tahap rancangan pendahuluan dilakukan untuk menentukan ruang

lingkup pembuatan aplikasi yang ditangani, yang selanjutnya dijabarkan

dalam bentuk diagram alir dan konteks. Diagram alir adalah sebuah proses

pembentuk

siklus

yang

digunakan

perancangan sistem basis data.

untuk

mempermudah

dalam

26

Pembuatan basis data sistem informasi akademik dilakukan dengan

pembuatan Data Flow Diagram (DFD). DFD merupakan alat untuk

mendokumentasikan proses dalam suatu sistem yang menekankan fungsi

pada

sistem,

cara

menggunakan

informasi

yang

tersimpan

serta

pemindahan informasi antar fungsi dalam sistem.

Bagian

Akademi k

Data siswa Data Mata pelajaran Data Mata pelajaran

Data kelas, Data Guru Data jurusan Data jurusan

Pencari Informasi
Pencari
Informasi
Sistem Pengolahan Data Informasi Informasi Umum/wali siswa
Sistem
Pengolahan
Data
Informasi
Informasi
Umum/wali
siswa
siswa
siswa

Gambar 4.1 DFD Konteks Sistem Informasi Akademik

Diagram diatas memperlihatkan bahwa sistem berinteraksi dengan

empat terminal, yaitu bagian akademik, sistem pengolahan data, siswa

serta pencari informasi sekolah. Tanda panah menunjukkan masukan dan

keluaran sistem.

3. Perancangan Sistem

Tahapan perancangan sistem dibagi menjadi dua bagian. Dua

bagian perancangan sistem adalah sebagai berikut.

27

1. Perancangan Sistem Basis Data

Perancangan basis data merupakan langkah untuk menentukan basis data

yang diharapkan dapat mewakili seluruh kebutuhan pengguna. Penyusunan

basis data ini didasarkan pada kamus aliran data yang telah dibuat pada

tahap sebelumnya.

Perancangan basis data secara konseptual terdiri atas tiga langkah berikut

ini:

a.

penentuan entitas pada basis data

b.

pendefinisian hubungan antar entitas

c.

penerjemahan hubungan antar entitas

langkah-langkah tersebut melibatkan komponen-komponen sebagaimana

diperlihatkan gambar 4.2.

28

Model Data Logis Entitas Atribut Hubungan Kekangan Kunci Kandidat Kunci Asing Integritas Domain Referensi Kunci
Model Data Logis
Entitas
Atribut
Hubungan
Kekangan
Kunci Kandidat
Kunci Asing
Integritas
Domain
Referensi
Kunci Primer
Kunci Alternatif
Penambahan
Peremajaan
Penghapusan
Nama
Tipe
Format
Panjang
Nilai
Gambar 4.2 Tahapan Perancangan Basis Data
Sistem Informasi Akademik Berbasis Web
Penjelasan komponen-komponen di atas sebagai berikut.
a.
Entitas
Entitas
sering
disebut
dengan
kelas
entitas
atau
tipe,.
Entitas

menyatakan obyek atau kejadian. Pada basis data ini yang disebut

entitas adalah data jurusan, data siswa, data guru, data kelas dan data

mata pelajaran. Pada model database relasional, entitas disebutkan

dalam tabel.

29

b. Atribut

Atribut merupakan item data yang menjadi bagian dari entitas. Istilah

lain dari atribut adalah properti. nama siswa, nama guru, alamat

merupakan suatu atribut.

c. Hubungan (Relation)

Hubungan adalah kaitan dari dua entitas. Misalnya antara guru dengan

mata pelajaran terdapat hubungan yang berupa Guru A mengajar Mata

Pelajaran Matematika.

d. Kekangan

Kekangan

digunakan

untuk

melindungi

integritas

data,

misalnya

melindungi kesalahan waktu pengisian data.

e. Domain

Domain merupakan nilai yang berlaku pada suatu atribut. Kekangan

domain mendefinisikan nama, tipe, format, panjang, serta nilai dari

masing-masing item data. Misalnya tipe data char, numeric, atau jenis

lainnya pada perangkat lunak sistem basis data. Char menyatakan tipe

karakter, dapat berupa gabungan beberapa huruf, simbol, dan angka.

numeric menyatakan tipe bilangan.

f. Integritas referensi

Integritas referensi merupakan aturan-aturan yang mengatur hubungan

antara kunci primer dengan kunci tamu milik tabel-tabel yang terdapat

pada suatu sistem basis data relasional untuk menjaga konsistensi data.

Tujuan dari integritas referensi adalah untuk menjamin elemen dari

30

suatu tabel yang menunjukkan ke suatu pengenal unik pada suatu baris

pada tabel lain yang benar-benar menunjuk ke nilai yang ada itu.

Macam integritas data ada tiga, yaitu:

1)

penambahan (insert)

2)

penghapusan (delete)

3)

peremajaan (update)

pembagian ini didasarkan pada operasi yang dilakukan.

Integritas referensional pada peremajaan memungkinkan pengubahan

suatu kunci pada tabel yang menyebabkan semua nilai pada tabel lain

yang tergantung pada tabel tersebut juga berubah.

2. Perancangan Sistem Aplikasi

Perancangan

sistem

aplikasi

digunakan

untuk

menerjemahkan

perancangan sistem database yang dibuat sampai dengan eksekusi dari

aplikasi yang dibuat. Perancangan sistem program aplikasi ini terdiri

dari beberapa langkah sebagai berikut.

a. Pengkodean program aplikasi

b. Eksekusi program aplikasi pada Web

c. Cara kerja Program

4. Analisis Sistem

Untuk memperinci gambaran DFD yang telah dibuat perlu dibuat

kamus data yang merupakan perincian item-item yang terdapat pada aliran

data dan juga yang terdapat pada penyimpanan data.

31

3. Data Flow Diagram (DFD) Analisis

Dari DFD sistem informasi akademik basis data sistem yang dapat

dijabarkan seperti gambar 4.3.

Wali siswa guru administrator siswa Id_siswa Id_WS Id_guru Id_adm Bagian Akademik siswa Mata Kuliah Proses
Wali siswa
guru
administrator
siswa
Id_siswa
Id_WS
Id_guru
Id_adm
Bagian
Akademik
siswa
Mata Kuliah
Proses Pendataan
kelas
jurusan
Id_saran
Guru
Hasil Pendataan Data
dan Informasi
Saran
Proses Informasi
Info Data Diri
Operator
Mapel
Mahasiswa
Info Kegiatan
Operator
Kelas
Info berita
Pencari
Nilai
Informasi
Info Pendidikan
Absensi

Gambar 4.3 DFD level 1 Untuk Sistem Informasi

a. Kamus Aliran Data

Daftar

nama-nama

item

yang

dibutuhkan

dalam

pembuatan

diagram alir data yang telah dijabarkan menjadi DFD,dapat dilihat pada

lampiran 1.

32

b. Bentuk Normal Basis Data

Bentuk

normal

basis

data

diperlukan

untuk

mempermudah

perancangan basis data pada tahap perancangan sistem. Oleh karena itu

maka perlu dibuat tabel-tabel data untuk mempermudah proses normalisasi

basis data. Adapun tabel yang diperlukan adalah seperti pada lampiran 2.

Dari tabel-tabel yang dibuat guna mempermudah pembuatan basis data

seperti pada lampiran 2 ternyata telah memenuhi bentuk normal pertama

yaitu relasi tiap atribut bernilai tunggal untuk setiap baris, memenuhi

syarat bentuk normal kedua, bahkan bentuk normal ketiga, sehingga tidak

perlu lagi dinormalisasi

c. Relasi antar tabel

Dari proses normalisasi, tabel yang telah memenuhi bentuk normal

ketiga dapat dibuat relasi antar tabel. Bentuk relasi antar tabel dapat dilihat

pada gambar 4.4, yaitu relasi antar tabel dengan bentuk diagram entity

relationship pada basis data sistem informasi akademik berbasis web.

Diagram relasi ini menggambarkan alur hubungan antar tabel yang terjadi

pada sistem basis data informasi yang telah dibuat. Struktur alur yang

menunjukkan tanda panah adalah proses arah hubungan tabel, sedangkan

untuk tabel yang tidak menunjukkan arah ke manapun merupakan tabel

bebas atau tabel yang berdiri sendiri.

33

33 Gambar 4.4 Relasi Antar Tabel Pada Basis Data Keterangan : Dari daftar gambar relasi pada

Gambar 4.4 Relasi Antar Tabel Pada Basis Data

Keterangan :

Dari daftar gambar relasi pada gambar 4.4 menjelaskan bahwa

administrator dapat memperbaharui atau mengatur data kelas, data

jurusan, data siswa, data guru dan materi atau matapelajaran. Data

wali_siswa relasi dengan data kelas dan data siswa,untuk data siswa

relasi dengan dengan data jurusan dan data materi relasi dengan materi

atau mata pelajaran.

34

d. Diagram Struktur

1)

Bagan Menu Utama

 

Bagan

struktur

menu

utama

dari

sistem

informasi

akademik

berbasis

Web

terdiri

dari

Home,

Siswa,

Wali

Siswa,

Guru,

Administrator. Bagan struktur menu utama dapat dilihat pada

gambar 4.5.

 
   

Loading Aplikasi Web

 
 
Home
Home
Siswa
Siswa
Wali siswa
Wali
siswa
Guru
Guru
Administr ator
Administr
ator
 

Gambar 4.5 Struktur Menu Utama

 

2)

Bagan Menu Home

 

Bagan menu Home dari sistem informasi akademik berbasis Web

terdiri dari pilihan-pilihan menu yang hendak diakses juga sebagai

menu utama. Bagan struktur menu home dapat dilihat pada gambar

4.7.

Menu Home

Menu Home

Menu Home
Menu Home
Menu Home
Menu Home
Menu Home
Menu Home
Kembali
Kembali

Menu Pilihan Informasi

Gambar 4.6 Struktur Menu Home

35

3)

Bagan Menu Siswa

Bagan

struktur

menu

siswa

dari

sistem

informasi

akademik

berbasis Web menampilkan data diri siswa beserta data absensi dan

data nilai. Bagan struktur siswa dapat dilihat pada gambar 4.7.

Menu Siswa

struktur siswa dapat dilihat pada gambar 4.7. Menu Siswa Login Siswa Info Siswa Kembali Displai Absensi

Login Siswa

Info Siswa

dilihat pada gambar 4.7. Menu Siswa Login Siswa Info Siswa Kembali Displai Absensi Displai Nilai Gambar

Kembali

Displai Absensi

Displai Nilai

Gambar 4.7. Struktur Menu Siswa

4)

Bagan Menu Wali Siswa

Bagan struktur menu Wali siswa dari sistem informasi akademik

berbasis Web menampilkan Login Wali siswa, data diri siswa

beserta data absensi dan data nilai. Sehingga Wali siswa dapat

memantau anaknya selama belajar di sekolah. Bagan struktur wali

siswa dapat dilihat pada gambar 4.8.

36

Menu Wali_Siswa

36 Menu Wali_Siswa Login Wali_Siswa Info Siswa Kembali Displai Absensi ata Displai Nilai Gambar 4.8 Struktur

Login Wali_Siswa

Info Siswa

36 Menu Wali_Siswa Login Wali_Siswa Info Siswa Kembali Displai Absensi ata Displai Nilai Gambar 4.8 Struktur

Kembali

Displai Absensi

ata

Displai Nilai

Gambar 4.8 Struktur Menu Wali_Siswa

5)

Bagan Menu Administrator

Bagan struktur menu Administrator menampilkan data karyawan,

data siswa, data kelas, data jurusan, data materi dan menu kembali.

Bagan

struktur

sistem

informasi

akademik

dapat

dilihat

pada

gambar 4.9.

Menu Administrator
Menu Administrator
Menu Administrator

Menu Administrator

Menu Administrator
Menu Administrator
Menu Administrator
Menu Administrator
Siswa
Siswa
Jurusan
Jurusan
Kelas
Kelas
Materi
Materi
Karyawan
Karyawan
kembali
kembali

Gambar 4.9 Struktur Menu Adminstrator

37

6)

Bagan Menu Guru

Bagan struktur menu guru dari sistem informasi akademik berbasis

Web menampilkan informasi detil kelas yang dibimbing dan menu

kembali. Bagan struktur pendaftaran dapat dilihat pada gambar

4.10.

Menu Home

Kembali
Kembali

Detil Kelas yang Bimbing

Gambar 4.10 Sistem Menu Guru

7)

Bagan Menu Kirim Saran

Bagan struktur menu kirim saran dari sistem informasi akademik

berbasis Web merupakan proses mengirim saran apliksi dari sistem

informasi akademik serta menu kembali pada menu utama. Bagan

struktur informasi umum dapat dilihat pada gambar 4.11.

Saran
Saran
Saran

Saran

Saran
Saran
Saran
Saran
Bagan struktur informasi umum dapat dilihat pada gambar 4.11. Saran Kembali Proses Kirim Saran Gambar 4.11
Kembali
Kembali

Proses Kirim

Saran

Gambar 4.11 Menu Saran

38

4. Implementasi Sistem pada Pemrograman

a. Pengkodean Program

Program basis data yang telah dirancang dimulai dari diagram alir

data dimana untuk menjelaskan serta mempermudah pada perancangannya

merupakan bentuk implementasi dari program yang dibuat. Diagram alir

data akan membuat logika berfikir pembuatan program tersusun dengan

baik berdasarkan urutan yang telah dirancangkan. Pada inplementasi ini

alur

tersebut

diterjemahkan

ke

dalam

bahasa

pemrograman

dengan

menggunakan konfigurasi dari script code WML, PHP serta database

MySQL.

Untuk

membuat

pengkodean

program,

kita

menggunakan

program Dreamweaver MX. Pada program ini banyak fasilitas yang

diberikan terutama untuk ekstensi-ekstensi file yang mendukung PHP dan

juga database yang mendukung PHP.

Cara pengkodean program aplikasi yang dibuat adalah sebagai

berikut.

1)

Bukalah Program Dreamweaver MX, kemudian Click File – New.

maka akan diperoleh tampilan awal seperti gambar 4.12.

39

39 Gambar 4.12 Jendela Masuk PHP Pada Dreamweaver MX 2) Pilih menu Dynamic Page – PHP

Gambar 4.12 Jendela Masuk PHP Pada Dreamweaver MX

2)

Pilih menu Dynamic Page – PHP – Create . maka akan diperoleh

tampilan awal seperti gambar 4.13.

40

Insert bar

Document Window

Panel group

Document toolbar Tag selector Site panel Property inspector
Document toolbar
Tag selector
Site panel
Property inspector

Listing Program

Gambar 4.13. jendela dan panel pada Dreamweaver MX (Herlambang,

2006:6)

Keterangan :

a) Listing Code

Listing code merupakan tempat untuk menuliskan script code.

b) Insert bar

Insert bar berisi tombol untuk memasukkan beberapa jenis objek,

seperti

gambar,

tabel,

dan

layer

ke

dokumen.

Tiap

objek

yang

41

dimasukkan pada dasarnya adalah potongan kode HTML yang dapat

diatur atributnya.

c)

Document Toolbar

 

Document toolbar berisi tombol dan pop-up menu yang menyediakan

beberapa cara untuk menampilkan dokumen (seperti Design view dan

Code view), beberapa option dan beberapa operasi umum seperti

melakukan preview dokumen ke broser.

 

d)

Document Window

 

Document Window menampilkan dokumen yang sedang dibuat atau di

edit.

e)

Property Inspector

 

Property Inspector adalah tempat mengubah beberapa properti yang

dimiliki oleh objek atau teks. Tiap jenis objek atau teks memiliki

properti yang berbeda.

 

f)

Panel Groups

 

Panel

Groups

adalah

kumpulan

beberapa

panel

sejenis

yang

diletakkan pada satu tempat.

 

g)

Site Panel

 

Pada Site Panel bisa untuk mengatur file dan folder yang akan

digunakan

untuk

site.

Windows

Exlorer

(Windows)

akan

menggunakan program ini untuk menampilkan file dan folder pada

disk lokal.

42

h) Menu

Menu berisi submenu yang biasanya ditampilkan sebagai dropdown

menu yang akan muncul ketika ditekan tombol menu utama.

menu yang akan muncul ketika ditekan tombol menu utama. Gambar 4.14. Menu pada Dreamweaver MX (Herlambang,

Gambar 4.14. Menu pada Dreamweaver MX (Herlambang, 2006:6)

1)

File Menu

File menu berisi menu standar untuk menu File dan Edit, seperti New,

Open, Save, Cut, dan Paste, File menu juga berisi beberapa perintah

tambahan, seperti Preview in Broser dan Print Code.

2)

Edit Menu

Edit menu berisi perintah seleksi dan pencarian, seperti Select Parent

Tag dan Find and Replace, dan menyediakan akses ke Keyboard

Shortcut Editor dan Tag Library Editor.

3)

View Menu

View menu mengijinkan melihat tampilan dokumen dengan beberapa

cara (seperti Design view dan Code view) dan untuk menampilkan dan

menyembunyikan beberapa elemen pada dokumen dan peralatan yang

dimiliki Dreamweaver MX.

43

4)

Insert Menu

 

Insert menu menyediakan alternatif untuk memasukkan objek pada

dokumen

 

5)

Modify Menu

Menu ini bisa mengubah properti elemen halaman web atau item

lainnya. Digunakan untuk mengedit atribut tag, mengubah tabel dan

elemen

tabel

dan

menampilkan

beberapa

tindakan

yang

dapat

dilakukan untuk item pada library dan template.

6)

Text Menu

 

Menu ini menyediakan perintah yang dibutuhkan untuk melakukan

pemformatan pada teks.

 

7)

Commands Menu

Menu

ini

menyediakan

akses

untuk

beberapa

macam

perintah,

termasuk untuk membuat album foto dengan cepat dan melakukan

optimasi gambar menggunakan program lain.

 

8)

Site Menu

 

Menyediakan item menu untuk membuat, membuka, dan mengedit

site.

9)

Window Menu

 

Menyediakan akses ke semua menu panel, inspectors, dan jendela pada

Dreamweaver.

44

10) Help Menu

Menyediakan akses ke dokumentasi yang dimiliki oleh Dreamweaver

MX, termasuk petunjuk cara penggunaan Dreamwever MX, membuat

ekstensi untuk Dreamwever MX, dan material lainnya yang dapat

membantu menggunakan Dreamwever MX.

b. Eksekusi program aplikasi pada Web

Untuk

melakukan

eksekusi

pada

Web

emulator

kita

harus

mengaktifkan sistem server pada komputer, dengan menjalankan start

apache dan MySQL. Gambar 4.15 merupakan tampilannya

start apache dan MySQL . Gambar 4.15 merupakan tampilannya Gambar 4.15 Eksekusi Program Aplikasi Sistem kerja

Gambar 4.15 Eksekusi Program Aplikasi

Sistem kerja program yang digunakan dengan memanggil file yang

telah disimpan di c:http:/localhost/spendidikan…

,

file yang kita eksekusi.

Hasil dari eksekusi aplikasi ini seperti gambar 4.15 adalah tampilan

pertama dari program.

45

c. Cara Kerja Program

Cara kerja sistem informasi akademik didasarkan pada diagram

bagan struktur sistem dari aplikasi yang dibuat. Saat melakukan eksekusi

data maka tampilan awal dari program adalah menu awal dari aplikasi

sistem informasi akademik berbasis Web. Saat program dijalankan, maka

tampilan

awal

dari

program

adalah

menu

awal

di

SMA

Negeri

1

Dukuhwaru Kabupaten Tegal. Dalam menu awal terdapat beberapa pilihan

program lanjutan, antara lain Home sebagai menu utama, menu siswa,