Perancangan Sistem Informasi Berbasis Web SMP Swasta Katolik Budi Murni 2 Medan

PERANCANGAN SISTEM INFORMASI BERBASIS WEB
SMP SWASTA KATOLIK BUDI MURNI 2
MEDAN

TUGAS AKHIR

RIA PERMATA AYU
072406166

PROGRAM STUDI D3 ILMU KOMPUTER
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2010

Universitas Sumatera Utara

PERANCANGAN SISTEM INFORMASI BERBASIS WEB
SMP SWASTA KATOLIK BUDI MURNI 2
MEDAN


TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli
Madya

RIA PERMATA AYU
072406166

PROGRAM STUDI D-3 ILMU KOMPUTER
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2010

Universitas Sumatera Utara

PERSETUJUAN

Judul


Kategori
Nama
Nomor Induk Mahasiswa
Program Studi
Departemen
Fakultas

: PERANCANGAN SISTEM INFORMASI BERBASIS
WEB SMP SWASTA KATOLIK BUDI MURNI 2
MEDAN
: TUGAS AKHIR
: RIA PERMATA AYU
: 072406166
: D-3 ILMU KOMPUTER
: MATEMATIKA
: MATEMATIKA DAN ILMU PENGETAHUAN
ALAM UNIVERSITAS SUMATERA UTARA

Diluluskan di

Medan, Mei 2010

Diketahui/Disetujui oleh
Departemen Matematika FMIPA USU
Ketua,

Pembimbing,

Dr. Saib Suwilo, M.Sc.
NIP. 19640109 198803 1 004

Dra. Elly Rosmaini, M.Si
NIP. 19600520 198503 2 002

Universitas Sumatera Utara

PERNYATAAN

PERANCANGAN SISTEM INFORMASI BERBASIS WEB
SMP SWASTA KATOLIK BUDI MURNI 2 MEDAN

MEDAN

TUGAS AKHIR

Saya mengakui bahwa Tugas Akhir ini adalah hasil kerja saya sendiri, kecuali
beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan,

Juni 2010

RIA PERMATA AYU
072406166

Universitas Sumatera Utara

PENGHARGAAN

Segala puji dan syukur penulis ucapkan ke hadirat Tuhan Yang Maha Esa atas
karunia-Nya penulis dapat menyusun Tugas Akhir sesuai dengan waktu yang telah

ditentukan. Tugas Akhir ini disusun guna memenuhi salah satu syarat kelulusan
Program Studi D3 Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam
Universitas Sumatera Utara.

Dalam penulisan Tugas Akhir ini penulis banyak mendapatkan bimbingan,
bantuan, dan dukungan baik secara material maupun moril yang sangat berharga,
maka dengan kerendahan hati penulis ingin mengucapkan rasa berterima kasih yang
sebesar-besarnya kepada :
1.

Bapak Prof. Dr. Eddy Marlianto, M.Sc selaku Dekan Fakultas Matematika dan
Ilmu Pengetahuan Alam Universitas Sumatera Utara.

2.

Bapak DR. Saib Suwilo, M.Sc selaku Ketua Departemen Matematika di Fakultas
Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

3.


Ibu Dra. Elly Rosmaini, M.Si selaku Dosen Pembimbing I yang telah
memberikan waktu untuk membimbing dan mengarahkan penulis dalam
menyelesaikan Tugas Akhir ini.

4.

Bapak Drs. Bantu Ketaren selaku Kepala Sekolah SMP Swasta Katolik Budi
Murni 2 Medan yang telah memberikan izin kepada penulis untuk melakukan
penelitian dan telah membantu penulis selama penelitian.

5.

Seluruh Staf/Pegawai Fakultas Matematika dan Ilmu Pengetahuan Alam
Universitas Sumatera Utara khususnya Program Studi D3 Ilmu Komputer.

6.

Orangtua penulis, P. Hutabarat yang selalu ada di hati dan R. br Silalahi atas
doanya dan selalu memberi semangat dan kasih sayangnya selama ini serta
dukungan moril maupun materiil yang telah diberikan dengan tulus.


7.

Bang Rio L. F. Hutabarat yang merupakan abang penulis yang selalu meberikan
dorongan dan semangat selama ini.

8.

Teman – teman penulis Elisa, Martha dan Wina yang telah memberikan waktu
luang untuk memberikan ilmunya, dan teman- teman yang lain yang tidak bisa
disebutkan namanya satu persatu.

9.

Seluruh rekan mahasiswa Jurusan D3 Ilmu Komputer khususnya Kom C 07 dan
teman-teman yang memberikan dorongan dan semangat.

Penulis menyadari sepenuhnya dalam penyusunan Tugas Akhir banyak terdapat
kekurangan dan kelemahan yang dimiliki penulis baik itu sistematika penulisan
maupun penggunaan bahasa. Untuk itu penulis mengharapkan saran dan kritik dari


Universitas Sumatera Utara

berbagai pihak yang bersifat membangun demi penyempurnaan Tugas Akhir ini.
Semoga Tugas Akhir ini berguna bagi pembaca secara umum dan penulis secara
khusus. Akhir kata penulis ucapkan banyak terima kasih.

Medan, Mei 2010
Penulis,

( RIA PERMATA AYU )

Universitas Sumatera Utara

ABSTRAK

Perkembangan teknologi di bidang komputer berkembang pesat setiap tahunnya.
Komputer bukan hanya digunakan sebagai pengolahan data dan gambar saja tetapi
penggunaanya semakin luas sebagai salah satu sarana komunikasi dan media
informasi. Salah satu contohnya adalah suatu sistem informasi untuk sekolah yang

memberikan informasi – informasi tentang suatu sekolah. Untuk itu penulis mencoba
membuat suatu sistem informasi yang sederhana yang memberikan berbagai informasi
tentang SMP Swasta Katolik Budi Murni 2 Medan.

Universitas Sumatera Utara

DAFTAR ISI

Halaman
ii
iii
iv
vi
vii
ix
x

PERSETUJUAN
PERNYATAAN
PENGHARGAAN

ABSTRAK
DAFTAR ISI
DAFTAR TABEL
DAFTAR GAMBAR
BAB 1 PENDAHULUAN
1.1 Latar Belakang
1.2 Identifikasi Masalah
1.3 Batasan Masalah
1.4 Maksud dan Tujuan
1.5 Kajian Pustaka
1.6 Metodologi Penelitian
1.7 Sistematika Penulisan

1
2
2
3
3
4
4


BAB 2 LANDASAN TEORI
2.1 Komputer
2.1.1 Pengertian Komputer
2.1.2 Komponen – Komponen Komputer
2.2 Internet
2.2.1 Pengertian Internet
2.2.2 Manfaat Internet
2.3 Pengertian Sistem Informasi
2.4 HTML (Hypertext Markup Language)
2.5 PHP
2.5.1 Sejarah singkat PHP
2.5.2 Kelebihan PHP
2.6 MySQL
2.7 Macromedia Dreamweaver 8
2.8 Data Flow Diagram (DFD) dan Bagan Alir (flowchart)

6
6
6
7
7
8
9
9
10
11
11
12
14
15

BAB 3 DESKIPSI SINGKAT SMP SWASTA KATOLIK
BUDI MURNI 2 MEDAN
3.1 Visi dan Misi SMP Swasta Katolik Budi Murni 2 Medan
3.2 Identitas Sekolah

19
20

BAB 4 PERANCANGAN SISTEM
4.1 Perancangan Sistem
4.2 Perancangan Data Flow Diagram

21
22

Universitas Sumatera Utara

4.3 Flowchart Sistem
4.4 Mempersiapkan Database Server
4.5 Membangun Halaman Situs

23
25
27

BAB 5 IMPLEMENTASI SISTEM
5.1 Pengertian Implementasi Sistem
5.2 Tujuan Implementasi Sistem
5.3 Komponen Sistem
5.4 Demonstrasi Program

28
28
29
36

BAB 6 KESIMPULAN DAN SARAN
6.1 Kesimpulan
6.2 Saran

38
39

DAFTAR PUSTAKA
LAMPIRAN

Universitas Sumatera Utara

DAFTAR TABEL

Halaman
Tabel 2.1 Simbol – Simbol Data Flow Diagram

15

Tabel 2.2 Simbol – Simbol Flowchart

16

Tabel 4.1 Tabel Admin

25

Tabel 4.2 Tabel Guru

25

Tabel 4.3 Tabel Siswa

26

Tabel 4.4 Tabel Guestbook

27

Universitas Sumatera Utara

DAFTAR GAMBAR

Halaman
Gambar 5.1 Setup Wizard

30

Gambar 5.2 Licence Agreement

31

Gambar 5.3 Choose Install Location

31

Gambar 5.4 Select Components

32

Gambar 5.5 Apache HTTP Server Information

32

Gambar 5.6 MySQL Server Configuration

33

Gambar 5.7 Installing

33

Gambar 5.8 Penginstallan AppServ Berhasil

34

Gambar 5.9 Appserv di Mozilla Firefox

34

Gambar 5.10 Autentifikasi Diwajibkan

35

Gambar 5.11 Tampilam phpMyAdmin

35

Gambar 5.12 Halaman Utama

36

Gambar 5.13 Halaman Profil

36

Gambar 5.14 Halaman Admin

37

Gambar 5.15 Halaman Buku Tamu

37

Universitas Sumatera Utara

ABSTRAK

Perkembangan teknologi di bidang komputer berkembang pesat setiap tahunnya.
Komputer bukan hanya digunakan sebagai pengolahan data dan gambar saja tetapi
penggunaanya semakin luas sebagai salah satu sarana komunikasi dan media
informasi. Salah satu contohnya adalah suatu sistem informasi untuk sekolah yang
memberikan informasi – informasi tentang suatu sekolah. Untuk itu penulis mencoba
membuat suatu sistem informasi yang sederhana yang memberikan berbagai informasi
tentang SMP Swasta Katolik Budi Murni 2 Medan.

Universitas Sumatera Utara

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Perkembangan teknologi informasi dan komputer berkembang pesat setiap tahunnya.
Kebutuhan akan informasi yang cepat dan tepat semakin diminati oleh semua
kalangan masyarakat, baik masyarakat awam maupun kaum intelektual. Informasi
yang cepat dan tepat pada zaman sekarang sangat dibutuhkan oleh setiap orang
terutama suatu perusahaan atau istansi baik pemerintah maupun swasta. Perusahaan
atau instansi memerlukan suatu wadah yang dapat memberikan informasi tentang
perusahaan atau instansi tersebut kepada masyarakat. Informasi dapat diperoleh
melalui Web, yaitu suatu sistem informasi yang dapat diakses melalui internet.

Sistem informasi memberikan banyak keuntungan bagi penggunanya, yaitu
kecepatan dan ketepatan dalam melakukan proses pencarian dan pengolahan data atau
informasi. Seperti dalam suatu sekolah sangat dibutuhkan suatu sistem informasi yang
menjelaskan tentang profil, fasilitas, keunggulan dan informasi lainnya sehingga
sekolah tersebut menjadi pilihan masyarakat.

Dengan melihat kebutuhan akan informasi yang dibutuhkan masyarakat,
penulis tertarik untuk mengangkat masalah ini sebagai tugas akhir penulis, dengan

Universitas Sumatera Utara

judul “Perancangan Sistem Informasi Berbasis Web SMP Swasta Katolik Budi Murni
2 Medan”.

1.2 Identifikasi Masalah

Kebutuhan setiap orang akan informasi yang cepat dan tepat semakin banyak karena
terbatasnya waktu yang dimiliki untuk bertanya langsung pada suatu instansi maka
dibutuhkan suatu sistem informasi yang dapat diakses melaui internet, sehingga tidak
membutuhkan tenaga dan biaya yang lebih besar jika bertanya langsung pada instansi
tersebut.

Menyadari keterbatasan manusia dalam menyelesaikan masalah yang semakin
rumit, maka permasalahan yang dihadapi adalah bagaimana menciptakan suatu sistem
yang cermat, cepat dan teliti, serta up to date dengan menggunakan bantuan komputer
untuk membuat sistem informasi berbasis web SMP Swasta Katolik Budi Murni 2
Medan.

1.3 Batasan Masalah

Dalam melakukan perancangan sistem terdapat beberapa batasan masalah, yaitu :
sistem informasi ini hanya berisi tentang profil sekolah, data guru, data siswa, dan
fasilitas yang dimiliki SMP Swasta Katolik Budi Murni 2 Medan.

Universitas Sumatera Utara

1.4 Maksud dan Tujuan

a. Maksud
Membuat suatu sistem yang dapat membantu memperkenalkan SMP Swasta Katolik
Budi Murni 2 Medan kepada masyarakat.
b. Tujuan
Tujuan penulis dalam melakukan penelitian adalah :
1. Memberikan informasi kepada masyarakat mengenai fasilitas yang dimiliki
sekolah.
2. Memberikan pengolahan data akademik secara cepat, akurat, dan terpercaya.
3. Mampu membuka wawasan para pengguna sistem informasi untuk dapat
memanfaatkan sumber daya komputerisasi yang ada.
4. Untuk mengaplikasikan seluruh ilmu yang diperoleh selama masa perkuliahan
sehingga dapat berguna bagi mahasiswa dan SMP Swata Katolik Budi Murni 2
Medan.

1.5 Kajian Pustaka

“ Sistem informasi dapat didefenisikan sebagai berikut :
a. Suatu sistem yang terdiri dari komponen-komponen dalam organisasi untuk
mencapai suatu tujuan yaitu menyajikan informasi.
b. Sekumpulan prosedur organisasi yang pada saat dilaksanakan akan memberikan
informasi bagi pengambil keputusan dan/atau untuk mengendalikan organisasi. “
( Al-Bahra Bin Ladjamudin, 2005 ).

Universitas Sumatera Utara

1.6 Metodologi Penelitian

Metode panelitian yang digunakan dalam penelitian ini terdiri dari 2 macam, yaitu :
a. Studi Pustaka
Studi pustaka dilakukan dengan cara mempelajari teori-teori literatute dan buku-buku
yang berkaitan dengan Tugas Akhir penulis.
b. Studi Lapangan
1. Interview (wawancara)
Yaitu pengumpulan data dengan cara mengadakan wawancara secara langsung
kepada pihak yang terkait di SMP Swasta Katolik Budi Murni 2 Medan
2. Observasi (pengamatan)
Yaitu teknik pengumpulan data secara langsung di lapangan sehingga diperoleh
data yang lebih akurat dan keterangan yang cukup jelas.

1.7 Sistematika Penulisan

Secara garis besar tugas akhir ini terdiei dari 6 (enam) bab dan beberapa lampiran.
Adapun sistematika penulisan tugas akhir ini adalah :

BAB 1

: PENDAHULUAN
Dalam bab ini diuraikan secara ringkas tentang

Latar Belakang,

Identifikasi Masalah, Batasan Masalah, Maksud dan Tujuan, Kajian
Pustaka, Metodologi Penelitian, dan Sistematika Penelitian

Universitas Sumatera Utara

BAB 2

: LANDASAN TEORI
Dalam bab ini diuraikan sekilas tentang Komputer, Internet,
Pengertian

Sistem

Informasi,

HTML,

PHP,

MySQL,

dan

Macromedia Dreamweaver.

BAB 3

: DESKRIPSI SINGKAT SMP SWASTA KATOLIK BUDI
MURNI 2 MEDAN
Dalam bab ini berisikan tentang Visi dan Misi SMP Swasta Katolik
Budi Murni 2 Medan dan Identitas Sekolah.

BAB 4

: PERANCANGAN SISTEM
Dalam bab ini berisikan pembahasan mengenai sistem yang
dirancang, perancangan database dan penggunaan

Macromedia

Dreamweaver 8 sebagai perancangan website.

BAB 5

: IMPLEMENTASI SISTEM
Dalam bab ini berisikan Pengertian Implementasi Sistem, Tujuan
Implementasi Sistem, Komponen

Sistem, dan Instalasi Appserv-

win32-2.5.7.

BAB 6

: KESIMPULAN DAN SARAN
Dalam bab ini diuraikan kesimpulan dan saran dari hasil penelitian
yang penulis peroleh.

Universitas Sumatera Utara

BAB 2

LANDASAN TEORI

2.1 Komputer
2.1.1 Pengertian Komputer

Kata komputer berasal dari bahasa Latin yaitu Computare yang artinya menghitung.
Dalam bahasa Inggris disebut to compute. Secara definisi komputer diterjemahkan
sebagai sekumpulan alat elektronik yang saling bekerja sama, dapat menerima data
(input), mengolah data (proses) dan memberikan informasi (output) serta terkoordinasi
dibawah kontrol program yang tersimpan di memorinya.

2.1.2 Komponen – Komponen Komputer

Komputer terdiri dari tiga komponen utama yang tidak dapat dipisahkan, yaitu ;
1. Perangkat keras (hardware)
Perangkat keras merupakan peralatan fisik dari komputer yang dapat kita lihat dan
rasakan.

Universitas Sumatera Utara

2.Perangkat lunak (software)
Perangkat lunak merupakan program-program komputer yang berguna untuk
menjalankan suatu pekerjaan sesuai dengan yang dikehendaki. Program tersebut
ditulis dengan bahasa khusus yang dimengerti oleh komputer.

3.User (brainware)

User adalah personel-personel yang terlibat langsung dalam pemakaian komputer,
seperti sistem analis, programmer, operator, user, dll. Pada organisasi yang cukup
besar, masalah komputerisasi biasanya ditangani oleh bagian khusus yang dikenal
dengan bagian EDP (Electronic Data Processing), atau sering disebut dengan EDP
Departemen, yang dikepalai oleh seorang Manager EDP.

Ketiga komponen komputer tersebut harus saling berhubungan dan
membentuk satu kesatuan. Hardware tanpa adanya software, maka tidak akan
berfungsi seoerti yang diharapkan, hanya berupa benda mati saja. Hardware yang
telah didukung oleh software juga tidak akan berfungsi kalau tidak ada manusia yang
mengoperasikannya. Akan tetapi jika ketiga komponen komputer tersebut sudah
berhuubungan dan berinteraksi dengan baik, maka kita dapat mengolah hasil yang
sesuai dengan yang diharapkan.

2.2 Internet

2.2.1 Pengetian Internet

Universitas Sumatera Utara

Internet dapat diartikan sebagai jaringan komputer luas dan besar yang mendunia,
yaitu menghubungkan pemakai komputer dari suatu negara ke negara lain di seluruh
dunia, dimana di dalamnya terdapat berbagai sumber daya informasi dari mulai yang
statis hingga yang dinamis dan interaktif.

2.2.2 Manfaat Internet
Sejalan dengan meningkatnya peranan informasi dalam bisnis maupun teknologi,
akses terhadap sumber dan jaringan informasi semakin penting bagi para pengguna.
Internet adalah jaringan informasi komputer mancanegara yang berkembang sangat
pesat dan pada saat ini dapat dikatakan sebagai jarngan informasi terbesar di dunia.
Sehingga seharusnya para pengguna mengenal manfaat apa yang diperoleh jaringan
ini.

Adapun manfaat yang bisa diperoleh dari internet adalah sebagai berikut :
a. Informasi yang didapat lebih cepat dan murah dengan menggunakan aplikasi
fasilitas internet seperti e-mail, www, newsgroup, dan lain sebagainya.
b. Mengurangi biaya kertas dan biaya distribusi, dengan adanya koran, majalah,
brosur, dalam internet dan lain sebagainya.
c. Sebagai media promosi, misalnya pengenalan dan pemesanan produk
perusahaan.
d. Komunikasi interaktif melalui e-mail, video conferencing, dan sebagainya.
e. Sebagai alat penelitian dan pengembangan
f. Sebagai alat pertukaran data.

Universitas Sumatera Utara

2.3 Pengertian Sistem Informasi

Sistem informasi dapat didefenisikan sebagai berikut :
a. Suatu sistem yang terdiri dari komponen-komponen dalam organisasi untuk
mencapai suatu tujuan yaitu menyajikan informasi.
b. Sekumpulan prosedur organisasi yang pada saat dilaksanakan akan
memberikan

informasi

bagi

pengambil

keputusan

dan/atau

untuk

mengendalikan organisasi.
( Al-Bahra Bin Ladjamudin, 2005 ).
c. Sistem informasi dapat didefenisikan sebagai sekumpulan komponen yang
saling berhubungan, mengumpulkan (atau mendapatkan), memproses,
menyimpan, dan mendistribusikan informasi untuk menunjang pengambilan
keputusan dan pengawasan dalam suatu organisasi. (Kenneth C. Laudon dan
Jane P. Laudon, 2007)

2.4 HTML (Hypertext markup language)

Hypertext markup language merupakan standard bahasa yang digunakan untuk
menampilkan dokumen web.

Secara umum tugas-tugas yang dapat dilakukan oleh HTML adalah :
a. Mengontrol tampilan dari web page dan contentnya.

Universitas Sumatera Utara

b. Mempublikasikan dokument secara online sehingga bisa diakses dari seluruh
dunia.
c. Membuat online form yang bisa digunakan untuk menangani pendaftaran,
transaksi secara online.
d. Menambahkan object-object seperti image, audio, video dan juga java applet
dalam dokumen HTML.

Browser merupakan software yang di install di mesin client yang berfungsi
untuk menerjemahkan tag-tag HTML menjadi halaman web. Browser yang sering
digunakan biasanya Mozilla Firefox, Internet Explorer, Netscape Navigator dan masih
banyak yang lainya.

Editor merupakan program yang digunakan untuk membuat document HTML,
ada banyak HTML editor yang bisa anda gunakan diantaranya: Ms FrontPage,
Macromedia Dreamweaver, Notepad.

2.5 PHP

PHP merupakan singkatan dari PHP Hypertext Preprocessor yang digunakan sebagai
script server-side dalam pengembangan Web yang disisipkan pada dokumen HTML.
Penggunaan PHP memungkinkan Web dapat dibuat dinamis sehingga maintenance
situs web tersebut lebih mudah dan efisien. PHP merupakan software Open-Source
yang disebarkan dan dilisensikan secara gratis serta dapat di-download secara bebas
dari situs resminya yaitu : http://www.php.net .

Universitas Sumatera Utara

2.5.1 Sejarah Singkat PHP

PHP pertama kali dibuat pada tahun 1994 olleh Rasmus Lerdorf. Awalnya PHP
digunakan pada websitenya untuk mencatat siapa saja yang berkunjung dan melihat
biodatanya. Versi pertama yang dibuat tersedia pada tahun 1995, dikenal sebagai Tool
Personal Home Page Verdi 1.0 secara gratis, kemudian menambah kemampuan PHP
1.0 dan meluncurkan PHP 2.0.

Pada tahun 1996, PHP telah banyak digunakan dalam website di dunia. Sebuah
kelompok pengembang software yang terdiri dari Rasmus, Zeev Suraski, Andi
GutsmaN, Stig Bakken, Shane Caraveo, dan Jim Winstead bekerja sama untuk
menyempurnakan PHP 2.0. Akhirnya, pada tahun 1998, PHP 3.0 diluncurkan.
Penyempurnaan terus dilakukan sehingga pada tahun 2000 dikeluarkan PHP 4.0.
Tidak terhenti sampai di situ, kemampuan PHP terus ditambah dan versi terbaru yang
dikeluarkan adalah PHP 5.0.x.

2.5.2 Kelebihan PHP

PHP memiliki banyak kelebihan antara lain :
1. PHP difokuskan pada pembuatan script server-side, yang bisa melakukan apa
saja yang dapat dilakukan oleh CGI, seperti mengumpulkan data dari form,
menghasilkan isi halaman web dinamis, dan kemampuan mengirim serta
menerima cookies bahkan lebih daripada kemampuan CGI.
2. PHP digunakan pada semua system operasi, antara lain Linux, Unix, Microsoft
Windows, Macintosh.

Universitas Sumatera Utara

3. PHP mendukung banyak Web Server, seperti Apache, Microsoft Internet
Information server (MIIS). Personal Web Server (PWS), dan masih banyak
lagi lainnya, bahkan PHP dapat bekerja sebagai suatu CGI processor.
4. PHP tidak terbatas pada hasil keluaran HTML. PHP juga memiliki
kemampuan untuk mengolah keluaran gambar, .file PDF, dan movies Flash.
PHP dapat juga menghasilkan teks seperti XHTML dan file XML lainnya.

2.6 MySQL

MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL (bahasa
Inggris: database management system) atau DBMS yang multithread, multi-user,
dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat MySQL
tersedia sebagai perangkat lunak gratis di bawah lisensi GNU General Public License
(GPL), tetapi mereka juga menjual di bawah lisensi komersial untuk kasus-kasus di
mana penggunaannya tidak cocok dengan penggunaan GPL.

Tidak seperti Apache yang merupakan software yang dikembangkan oleh
komunitas umum, dan hak cipta untuk kode sumber dimiliki oleh penulisnya masingmasing, MySQL dimiliki dan disponsori oleh sebuah perusahaan komersial Swedia
yaitu MySQL AB. MySQL AB memegang penuh hak cipta hampir atas semua kode
sumbernya. Kedua orang Swedia dan satu orang Finlandia yang mendirikan MySQL
AB adalah: David Axmark, Allan Larsson, dan Michael "Monty" Widenius.

Universitas Sumatera Utara

Beberapa kelebihan MySQL antara lain :
a. Free (bebas didownload)
b. Stabil dan tangguh
c. Fleksibel dengan berbagai pemrograman
d. Security yang baik
e. Dukungan dari banyak komunitas
f. Kemudahan management database.
g. Mendukung transaksi
h. Perkembangan software yang cukup cepat.

MySQL termasuk RDMS (Relational Database Management System). Pada
MySQL sebuah database terdiri atas tabel-tabel. Sebuah tabel terdiri atas baris dan
kolom.

MySQL dapat didefenisikan sebagai :
a. MySQL merupakan system manajemen database. Database merupakan
struktur penyimpanan data. Untuk menambah, mengakses, dan memproses
data yang disimpan dalam sebuah database komputer, diperlukan sistem
manajemen database seperti MySQL Server.
b. MySQL merupakan sistem manajemen database atau basis data terhubung
(relational database manajemen system). Database terhubung menyimpan
data pada tabel-tabel terpisah. Hal tersebut akan menambah kecepatan dan
fleksibilitasnya. Kata SQL pada MySQL merupakan singkatan dari
“Structured Query Language”. SQL merupakan bahasa standard yang

Universitas Sumatera Utara

digunakan untuk mengakses database dan ditetapkan oleh ANSI/ISO SQL
Standard.
c. MySQL merupakan Software Open Source. Open Source berarti semua orang
diizinkan menggunakan menggunakan dan memodifikasi software. Semua
orang

dapat

mendownload

software

MySQL

dari

internet

dan

menggunakannya tanpa membayar. Anda dapat mempelajari Source Code dan
akan menggunakannya sesuai kebutuhan .
d. Server databse MySQL mempunyai kecepatan akses tinggi, mudah digunakan,
dan handal MySQL dikembangkan untuk menangani database yang besar
secara cepat dan telah sukses digunakan selama bertahun-tahun . Konektifitas,
kecepatan, dan keamanannya memuat server MySQL cocok untuk mengakses
database di internet.
e. MySQL Server bekerja di client/server atau system embedded. Software
database MySQL merupakan sistem client/server yang terdiri atas multithread
SQL server yang mendukung software client dan library yang berbeda, tool
administrative, dan sejumlah Application Programming Interface (APIs).
f. MySQL tersedia dalam beberapa macam bahasa.

2.7 Macromedia Dreamweaver 8

Dreamweaver merupakan software utama yang digunakan oleh web desainer maupun
programmer dalam membangun suatu situs web. Dengan menggunakan dreamweaver
memberikan kemudahan bagi penggunanya dalam menentukan ruang kerja yang
diinginkan, sehingga dapat meningkatkan produktivitas dan efektivitas dalam desain
maupun dalam membangun sebuah situs web.

Universitas Sumatera Utara

Macromedia Dreamweaver 8 merupakan versi terbaru dari Macromedia
Dreamweaver di tahun 2005 dan tentu saja semakin mudah dalam penggunaannya.
Macromedia Dreamweaver 8 telah mengalami banyak perbaikan dan peningkatan dari
versi sebelumnya.

2.8 Data Flow Diagram (DFD) dan Bagan Alir (flowchart)

Data Flow Diagram yang nantinya akan disingkat dengan DFD adalah representasi
dari sebuah sistem secara grafis yang digambarkan dengan sejumlah simbol tertentu
untuk

menunjukkan

perpindahan

data

dalam

proses-proses

suatu

sistem

(Jogiyanto,1995).

DFD (Data Flow Diagram) terdiri dari empat simbol yaitu:
Table 2.1 Simbol-simbol Data Flow Diagram
No

Simbol

Fungsi
Terminator/ Entitas Luar
Terminator

1

eksternal
dengan

mewakili
yang

sistem

entitas

berkomunikasi
yang

sedang

dikembangkan.
Proses
Menggambarkan

bagian

dari

2
sistem yang mentransformasikan
input menjadi output

Universitas Sumatera Utara

Data Store
Simpanan data yang dapat berupa
3

file atau database, arsip, table
acuan, agenda atau buku.

Data Flow
4

Ini mengalir di antara proses,
simpan data dan kesatuan.

Bagan alir program (program flowchart) adalah suatu bagan yang
menggambarkan arus logika dari data yang akan diproses dalam suatu program dari
awal sampai akhir. Bagan alir terdiri dari simbol-simbol yang mewakili fungsi-fungsi
langkah program dan garis alir (flow line) menunjukan urutan dari simbol-simbol yang
akan dikerjakan.

Tabel 2.2 Simbol-simbol Flowchart
No

Simbol

Fungsi
Simbol titik terminal digunakan untuk

1

menunjukkan awal dan akhir dari
suatu proses.
Simbol

proses

digunakan

untuk

mewakili suatu proses atau untuk
2
pengolahan

aritmatika

dan

pemindahan data.

Universitas Sumatera Utara

Simbol input/ output digunakan untuk
3

mewakili

data

input/output

dan

menunjukkan hasil dari suatu proses
Simbol

decision

(keputusan)

untuk

menyeleksi

digunakan
4
(perbandingan

logika)

kondisi

di

dalam program
Simbol
5

predefined

(persiapan)

digunakan untuk memberi nilai awal
suatu variabel atau counter
Simbol

connector

digunakan

(penghubung)

menunjukkan

hubungan

6
arus proses yang terputus masih dalam
halaman yang sama
Simbol off-page connector digunakan
untuk menunjukkan hubungan arus
7
proses yang terputus masih dalam
halaman sama atau yang berbeda
Simbol proses terdefenisi digunakan
8

untuk menunjukkan suatu operasi
rinciannya ditunjukkan di tempat lain.
Simbol display digunakn untuk output

9

yang

ditunjukkan/

ditampilkan

monitor.

Universitas Sumatera Utara

Simbol dokumen digunakan untuk
menunjukkan suatu dokumen input
10
dimana output baik untuk proses
manual, mekanik atau komputer
Simbol garis alir (flow line simbol)
11

yang digunakan untuk menunjukkan
arus dari suatu proses
Simbol Storage yang digunakan untuk

12
menyimpan data

Universitas Sumatera Utara

BAB 3

DESKRIPSI SINGKAT SMP SWASTA KATOLIK BUDI MURNI 2 MEDAN

3.1. Visi dan Misi SMP Swasta Katolik Budi Murni 2 Medan

Visi SMP Swasta Katolik Budi Murni 2 Medan adalah :

Terwujudnya pelayanan pendidikan yang membanggakan masyarakat, yaitu
bedisiplin, berkualitas yang didasarkan atas iman dan taqwa, sehingga mampu
menjadi idola bagi masyarakat.

Misi SMP Swasta Katolik Budi Murni 2 Medan adalah :
A. Mempersiapkan anak didik agar berdisipilin, berkualitas, unggul sesuai dengan
tuntutan kurikulum SMP sehingga mampu bersaing melanjutkan studi ke jenjang
yang lebih tinggi.
B. Mempersiapkan anak didik agar memiliki keterampilan dan tangguh serta siap
diterjunkan ke dunia lapangan kerja.
C. Membina dan menumbuhkan nilai-nilai moral dan religius agar memiliki rasa
cinta lingkungan, toleransi dan rasa persaudaraan yang tepat.

Universitas Sumatera Utara

3.2. Identitas Sekolah

1. Nama Sekolah

: SMP SWASTA KATOLIK BUDI MURNI 2

2. Alamat Sekolah

: Jalan Kapiten Purba I Simalingkar – Medan

3. Kecamatan

: Medan Tuntungan

4. Kab./ Kota

: Kota Medan

5. NSS

: 204076007069

6. NDS

: 2007120122

7. Tahun Berdiri

: 9 Januari 1977

8. Izin Operasional

: Nomor : 420/11492.PPD/2009 Tgl.30-7-2009

9. Jenjang Akreditasi

: AKREDITASI A (AMAT BAIK)

10. Nama Yayasan Pendiri

: Yayasan Perguruan Katolik Budi Murni

11. Alamat Yayasan

: Jalan Timor No.34 Telp. (061)4521882
Medan – 20235

Universitas Sumatera Utara

BAB 4

PERANCANGAN SISTEM

4.1 Perancangan Sistem

Tahap perancangan sistem ini merupakan tahap awal dalam membangun suatu situs,
seperti membuat perencanaan, perancangan, diagram alur tujuan dan isi dari sebuah
situs.

Situs

ini

dirancang

dengan

menggunakan

PHP

sebagai

bahasa

pemrogramannya, MySQL sebagai databasenya, dan Macromedia Dreamweaver 8
sebagai tempat untuk membuat layout dari situs yang telah dirancang.

4.2 Perancangan Data flow diagram (DFD)

Data flow diagram adalah gambaran grafis yang dapat menggambarkan arus data di
dalam suatu sistem yang terstruktur dengan menggunakan simbol-simbol untuk
menggambarkan arus data yang mengalir dari setiap proses yang berkaitan.

Universitas Sumatera Utara

Adapun Data flow diagram yang penulis ajukan , yaitu :
informasi
Admin

Data Pengunjung
(user)

0
Sistem Informasi
berbasis Web SMP
Swasta Katolik Budi
Murni2

data tamu

-

Login Admin (user id dan password)

-

Data Admin

-

Data Siswa

-

Data Guru

-

Logout

Gambar 4.1 Data flow diagram (DFD) Diagram Konteks

Universitas Sumatera Utara

Admin

-

1

Login Admin
(user id dan password)

-

Data Admin

-

Data Siswa

-

Data Guru

-

Logout

Input data

Data Guru

2
Data Siswa

Informasi

Data pengunjung
(user)

Gambar. 4.2 Data flow diagram (DFD) Level 0

4.3 Flowchart Sistem

Flowchart merupakan gambaran sistem secara logika yang menunjukkan aliran di
dalam program. Adapun flowchart yang didesain penulis sebagai berikut :

Universitas Sumatera Utara

Start

Halaman depan
Web

Halaman
Depan

N

Y
Halaman Depan Tampilan
Gapura Sekolah

Home

N
Profil

N

Y
Halaman Profil

Y
Galeri

N

Halaman Galeri

Y
Identitas
Sekolah

N

Halaman
Identitas Sekolah

Y
Visi dan
Misi

N

Halaman Visi Misi
Sekolah

Y
Struktur
Organisasi

N

Y

Halaman Struktur
Organisasi

Y

Ekstra
Kurikuler

N

Osis

N

Halaman
Ekstrakurikuler

Y
Halaman Osis

Y
Siswa

N

Halaman Siswa

Y
Guru

Y

Halaman Guru

End

Gambar 4.3 Flowchart Halaman Utama (Index)

Universitas Sumatera Utara

4.4 Mempersiapkan Database Server

Tahap ini merupakan tahap dimana penulis menempatkan data yang sudah ada pada
bagian server. Data tersebut nantinya akan diproses oleh program yang akan dibuat
pada tahap pemrograman, baik penambahan, pengeditan, penghapusan, dan
menampilkan isi database ke halaman web. Database terdiri atas tabel-tabel yang
dibuat menggunakan program MySQL.

Adapun databsase yang dibuat oleh penulis adalah database smp_bm2 yang
terdiri dari :
1. Tabel Admin
Tabel 4.1 Tabel Admin
Field

Type

Description

User_id

Varchar(250)

Nama login admin

Password

Varchar(250)

Password admin

2. Tabel Guru
Tabel 4.2 Tabel Guru
Field

Type

Description

Nama

Varchar(300)

Nama guru

Jenkel

Varchar(300)

Jenis kelamin guru

Alamat

Text

Alamat guru

Tem_lahir

Varchar(200)

Tempat lahir guru

Tgl_lahir

Varchar(80)

Tanggal lahir guru

Universitas Sumatera Utara

Agama

Varchar(100)

Agama guru

Jabatan

Varchar(100)

Jabatan guru

Bertugas

Varchar(100)

Mulai bertugas disekolah
Budi Murni 2

Studi

Varchar(100)

Bidang

studi

yang

diajarkan

3. Tabel Siswa
Tabel 4.3 Tabel Siswa
Field

Type

Description

Nama

Varchar(100)

Nama siswa

Jenkel

Text

Jenis kelamin siswa

Alamat

Varchar(100)

Alamat siswa

Tem_lahir

Varchar(100)

Tempat lahir siswa

Tgl_lahir

Varchar(100)

Tanggal lahir siswa

Agama

Varchar(100)

Agama

Ortu

Varchar(100)

Nama Orang Tua

Pekerjaan

Varchar(100)

Pekerjaan

4. Tabel Guestbook
Tabel 4.4 Tabel Guestbook
Field

Type

Description

Nama

Varchar(20)

Nama pengunjung

Email

Varchar(20)

Email pengunjung

Universitas Sumatera Utara

Url

Varchar(30)

Komentar

Text

Komentar pengunjung

4.5 Membangun Halaman Situs

Adapun halaman-halaman yang akan dibangun penulis adalah :
a. Halaman index.php, merupakan halaman yang pertama kali muncul pada saat
website dibuka.
b. Halaman

profil.php,

struktur_organisasi.php,

galeri.php,
dan

identitas_sekolah.php,

fasilitas.php

merupakan

visi_misi.php,
halaman

yang

memberikan informasi mengenai profil, galeri, identitas sekolah, visi dan misi,
struktur organisasi dan fasilitas SMP Swasta Katolik Budi Murni 2 Medan.
c. Halaman admin.php, merupakan halaman yang hanya dapat diakses oleh
admin untuk melakukan pengaturan seperti menghapus, mengedit dan
menambah data guru dan data siswa.
d. Halaman buku_tamu.php merupakan halaman untuk pengunjung yang ingin
mengisi buku tamu.

Universitas Sumatera Utara

BAB 5

IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem

Implementasi sistem adalah langkah-langkah atau prosedur-prosedur yang dilakukan
dalam menyelesaikan desain sistem yang telah disetujui, untuk menguji, menginstall,
dan memulai sistem baru atau sistem yang diperbaiki untuk menggantikan sistem yang
lama.

5.2 Tujuan Implementasi Sistem

Tujuan implementasi sietem adalah sebagai berikut :
1. Menyelesaikan desain sistem yang telah disetujui sebelumnya.
2. Memastikan bahwa pengunjung dapat mengoperasikan dengan mudah
terhadap sistem yang baru sehingga mendapatkan informasi yang baik dan
jelas.
3. Memastikan bahwa sistem yang baru telah berjalan dengan lancar dengan
mengontrol dan melakukan instalasi yang baru secara benar.

Universitas Sumatera Utara

5.3 Komponen Sistem

Komponen-komponen sistem yang dibutuhkan dalam membangun aplikasi ini adalah
sebagai berikut :

5.3.1 Hardware

Hardware adalah suatu komponen yang sangat dibutuhkan dalam mewujudkan sistem
yang diusulkan. Dalam hal ini penulis merinci komponen hardware yaitu :
1. PC
2. Hard Disk
3. Monitor
4. Keyboard
5. Mouse

5.3.2 Software

Hardware tidap dapat digunakan tanpa adanya komponen software. Adapun software
yang digunakan oleh penulis dalam pembuatan website ini adalah :

1. Sistem Operasi Ms. Wndows XP
2. Mozilla Firefox, Internet Explorer, Opera sebagai browser
3. Web Server AppServ –win32 -2.5.7 yang didalamnya telah terdapat :
a. program PHP yang merupakan script untuk mengolah data dan memproses
data secara interaktif dan dinamis.

Universitas Sumatera Utara

b. MySQL merupakan database server yang digunakan untuk menyimpan
data.
4. Macromedia Dreamweaver

8 merupakan software yang digunakan untuk

mengatur tata letak (layout) halaman web.

5.3.3 Brainware

Brainware adalah semua pihak yang bertanggung jawab dalam pengembangan sistem
informasi, pemrosesan dan penggunaan keluaran sistem informasi.

5.3.4 Instalasi AppServ-win32-2.5.7
1. Jika Software Appserv-win32-2.5.7 telah ada, maka double klik software
tersebut, sehingga muncul gambar setup wizard seperti di bawah ini :

Gambar 5.1 Setup Wizard

Universitas Sumatera Utara

2. Kemudian pilih Next sehingga muncul gambar license agreement seperti
gambar di bawah ini :

Gambar 5.2 Licence Agreement

3. Klik I Agree sehingga muncul gambar choose install location yang berarti
Anda dapat menentukan tempat di mana software tersebut di-install

Gambar 5.3 Choose Install Location

Universitas Sumatera Utara

4. Setelah itu klik Next sehingga akan tampil seperti gambar di bawah ini dan
kemudian klik semua pilihan yang ada .

Gambar 5.4 Select Componenets

5. Klik Next kemudian masukkan Server Name dengan localhost dan pada
Administrato’s Name masukkan email.

Gambar 5.5 Apache HTTP Server Information

Universitas Sumatera Utara

6. Klik Next kemudian buat password untuk database MySQL .

Gambar 5.6 MySQL Server Configuration

7. Kemudian klik Install dan proses penginstallan akan segera dimulai seperti
gambar di bawah ini.

Gambar 5.7 Installing

Universitas Sumatera Utara

8. Penginstallan selesai.

Gambar 5.8 Penginstallan AppServ Berhasil

9. Setelah penginstallan selesai , coba apakah AppServ dapat dibuka dari
localhost, dengan membuka browser Mozilla Firefox dan ketik localhost pada
alamat URL.

Gambar 5.9 AppServ di Mozilla Firefox

Universitas Sumatera Utara

10. Kemudian klik phpMyadmin Database Manager dan masukkan nama
pengguna dengan “root” dan kata sandi .

Gambar 5.10 Autentikasii Diwajibkan

11. Kemudian klik OK maka akan tampil phpMyAdmin seperti gambar di bawah.

Gambar 5.11 Tampilan phpMyAdmin

Universitas Sumatera Utara

5.4 Demonstrasi Program
Halaman utama (index.php)

Gambar 5.12 index.php (Halaman utama)
Halaman Profil (profil.php)

Gambar 5.13 profil.php (Halaman profil)

Universitas Sumatera Utara

Halaman Admin (index.php)

Gambar 5.14 admin.php (Halaman Admin)

Halaman Buku Tamu (buku_tamu.php)

Gambar 5.15 buku_tamu.php (Halaman Buku Tamu)

Universitas Sumatera Utara

BAB 6

KESIMPULAN DAN SARAN

6.1 Kesimpulan

Dalam penulisan Tugas Akhir ini telah diuraikan bagaimana perancangan sistem
dalam pembangunan web SMP Swasta Katolik Budi Murni 2 Medan. Maka dapat
penulis simpulkan :
1. Situs SMP Swasta Katolik Budi Murni 2 Medan ini dapat menyediakan sarana
sistem informasi online sekolah yang memberi informasi tentang profil
sekolah, visi dan misi, identitas sekolah, ekstrakurikuler, dan fasilitas.
2. Situs SMP Swasta Katolik Budi Murni 2 Medan memberikan informasi yang
berkaitan dengan data yang diperoleh penulis yang menampilkan data guru
dan data siswa.
3. Dalam penggunaan sistem informasi yang benar akan menghasilkan
kemudahan dalam melakukan suatu pencarian informasi yang dibutuhkan.

6.2 Saran

1. Perkembangan situs-situs SMA lain, kiranya dapat memberikan pengaruh baik
bagi pembuat dan pengelola situs dalam menciptakan dan meng-update situs
SMP Swasta Katolik Budi Murni 2 Medan.

Universitas Sumatera Utara

2. Senantiasa menjaga dan memperbaharui situs SMP Swasta Katolik Budi
Murni 2 Medan ini agar para pengunjung tidak merasa bosan dan dapat
menerima informasi terbaru mengenai SMP Swasta Katolik Budi Murni 2
Medan.
3. Pemeliharaan keamanan terhadap data-data pada server perlu diperhatikan dan
dijaga agar data-data pada server tidak dapat diakses oleh orang yang tidak
berhak mengaksesnya.

Universitas Sumatera Utara

DAFTAR PUSTAKA

A Pramono, Andi. 2004. Kolaborasi Flash, Dreamweaver, dan PHP untuk aplikasi
Website. Yogyakarta : Andi.
Ladjamudin, bin Al-Bahra. 2005. Analisis dan Desain Sistem Informasi. Yogyakarta :
Graha Ilmu.
Madcoms. 2006. Aplikasi Manajemen Database Pendidikan Berbasis Web dengan
PHP dan MySQL.Yogyakarta : Andi.
Panduan Tata Cara Penulisan Skripsi dan Tugas Akhir. 2005. Dokumen Nomor:
Akad/05/2005. Medan: Fakultas Matematika dan Ilmu Pengetahuan
Alam Universitas Sumatera Utara.
Sungkono, Chriswan dan P, Eka. Machmudin.2008. Sistem Informasi Manajemen.
Edisi 10. Terjemahan Kenneth C. Laudon dan Jane P. Laudon. Jakarta:
Salemba Empat

Universitas Sumatera Utara